html:has(.arcade){scroll-behavior:auto;scroll-padding:0}.arcade{height:100dvh;overflow:hidden;background:var(--paper);font-size:15px}.arcade-header{height:88px;padding:12px 28px;display:flex;align-items:center;gap:26px;border-bottom:1px solid var(--navy)}.arcade-header>a:first-child{width:230px;flex-shrink:0}.arcade-header img{display:block;width:100%}.arcade-header>div{border-left:1px solid var(--line);padding-left:26px;display:flex;align-items:baseline;gap:18px}.arcade-header h1{font-size:27px;font-weight:400;letter-spacing:-1px}.arcade-header span{font:13px var(--type);color:var(--muted)}.home-link{margin-left:auto;font:13px var(--type)}.arcade #feed{max-width:none;margin:0;padding:0;height:calc(100dvh - 88px);overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:var(--navy) transparent}.game-slide{--wash:#dfe7d8;margin:0;min-height:100%;height:100%;scroll-snap-align:start;scroll-snap-stop:always;display:grid;grid-template-columns:190px minmax(0,1fr) 90px;grid-template-rows:1fr 52px;gap:0 24px;padding:26px 28px 0;background:radial-gradient(ellipse at 55% 45%,var(--wash),var(--paper) 75%)}.game-slide[data-game=lasso]{--wash:#e7e9ca}.game-slide[data-game=mak]{--wash:#dbe5eb}.game-slide[data-game=cutie]{--wash:#eddae0}.game-info{align-self:center;min-width:0}.game-info .eyebrow{font-size:11px;letter-spacing:.12em}.game-info h2{font-size:clamp(25px,2.7vw,42px);letter-spacing:-.05em;margin:18px 0}.game-info .hook{line-height:1.55;font-size:15px}.input-note{font:12px/1.5 var(--type);color:var(--muted);margin-top:24px;padding-top:16px;border-top:1px solid var(--line)}.game-links{display:flex;flex-direction:column;gap:10px;margin-top:22px;font-size:13px}.play-column{display:flex;flex-direction:column;justify-content:center;min-width:0;min-height:0}.game-window{position:relative;height:100%;max-height:760px;min-height:180px;background:#15274c;border:1px solid var(--navy);box-shadow:0 14px 35px #15274c14;overflow:hidden}.game-window iframe{display:block;width:100%;height:100%;border:0;background:var(--navy)}.cover{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#18382e;isolation:isolate}.cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.cover:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0b142ee0,transparent 70%);z-index:-1}.cover-content{margin-top:auto;padding:32px;text-align:center;color:var(--paper-light);width:100%}.cover-content p{font:20px/1.3 var(--type);margin-bottom:18px}.cover .button{background:var(--paper);color:var(--navy);min-width:150px;border-color:var(--paper);box-shadow:0 3px 0 #0004}.cover .button:hover{background:white;transform:translateY(-1px)}.cover .cowhand{object-fit:contain;inset:8% 20% 20%;width:60%;height:65%;z-index:-1}.window-bar{height:34px;display:flex;justify-content:space-between;align-items:center;gap:12px;font:11px var(--type);color:var(--muted);flex-shrink:0}.window-bar button{border:0;background:none;color:var(--navy);text-decoration:underline;padding:6px}.rail{align-self:center;display:flex;flex-direction:column;gap:12px}.rail button{width:100%;min-height:65px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px solid var(--line);background:#fff8ed70;color:var(--navy);font-size:12px}.rail button:hover{background:var(--paper-light);border-color:var(--navy)}.rail button[aria-pressed=true]{background:var(--navy);color:var(--paper-light)}.rail .icon{font-size:23px;line-height:1}.rail small{font:10px/1.5 var(--type);text-align:center;color:var(--muted)}.slide-footer{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line);font:12px var(--type)}.slide-footer button{min-height:44px;border:0;background:none;color:var(--navy);font:inherit;padding:0 8px}.slide-footer button:disabled{opacity:.35;cursor:default}.slide-footer .next{font-weight:700}.footer-hint{color:var(--muted)}.exit-fullscreen{display:none;position:absolute;top:12px;right:12px;z-index:5;background:var(--paper);color:var(--navy);border:1px solid var(--navy);padding:10px 16px}.game-window:fullscreen{height:100dvh;max-height:none;width:100vw}.game-window:fullscreen .exit-fullscreen{display:block}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.no-script{padding:40px}.game-slide[inert]{visibility:visible}
@media(min-width:1600px){.game-slide{grid-template-columns:230px minmax(0,1fr) 100px;gap:0 32px;padding-inline:max(32px,calc((100vw - 1800px)/2))}}
@media(max-width:900px){.arcade-header{height:72px;padding:10px 16px;gap:14px}.arcade-header>a:first-child{width:170px}.arcade-header>div{padding-left:14px}.arcade-header span{display:none}.arcade #feed{height:calc(100dvh - 72px)}.game-slide{grid-template-columns:150px minmax(0,1fr) 68px;gap:0 14px;padding:18px 16px 0}.game-info h2{font-size:27px}.game-info .hook{font-size:13px}}
@media(max-width:650px){.arcade-header{height:66px;padding:8px 12px;gap:10px}.arcade-header>a:first-child{width:155px}.arcade-header>div{padding-left:10px}.arcade-header h1{font-size:22px}.home-link{font-size:11px;max-width:64px;text-align:right}.arcade #feed{height:calc(100dvh - 66px)}.game-slide{height:100%;min-height:100%;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(150px,1fr) auto 45px;gap:10px;padding:14px 12px 0}.game-info{display:grid;grid-template-columns:1fr auto;gap:3px 10px}.game-info .eyebrow{margin:0;font-size:10px;grid-column:1/-1}.game-info h2{font-size:26px;margin:2px 0}.game-info .hook{grid-column:1/-1;font-size:13px;max-width:46ch}.input-note{grid-column:1/-1;margin:2px 0 0;padding:0;border:0;font-size:10px}.game-links{grid-column:2;grid-row:2;flex-direction:row;margin:0;align-items:center;font-size:11px;gap:10px}.play-column{height:100%}.game-window{height:100%;max-height:none}.cover-content{padding:20px}.cover-content p{font-size:18px}.rail{flex-direction:row;align-items:center;gap:8px}.rail button{min-height:44px;width:auto;flex:1;flex-direction:row;gap:7px}.rail .icon{font-size:18px}.rail small{max-width:70px;font-size:9px}.window-bar{height:25px;font-size:9px}.slide-footer{grid-column:1;font-size:11px}.footer-hint{font-size:9px}.cover>img{object-position:center}.game-window:fullscreen{min-height:0}}
@media(max-height:550px) and (min-width:651px){.arcade-header{height:58px}.arcade #feed{height:calc(100dvh - 58px)}.game-slide{padding-top:10px;grid-template-rows:1fr 42px}.game-info h2{margin:6px 0;font-size:24px}.input-note,.game-links{margin-top:10px}.input-note{padding-top:6px}.rail{gap:6px}.rail button{min-height:48px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
@media(max-width:360px){.arcade-header>a:first-child{width:130px}.arcade-header h1{font-size:20px}.game-info{grid-template-columns:1fr}.game-info h2{font-size:23px}.game-links{grid-column:1;grid-row:auto;gap:16px}.footer-hint{display:none}.rail small{max-width:54px}.rail button{font-size:11px}.rail .icon{font-size:16px}}
@media(max-height:650px) and (max-width:650px){.game-slide{gap:6px;padding-top:8px}.game-info .hook{font-size:12px;line-height:1.35}.cover-content{padding:12px}.cover-content p{font-size:14px;margin-bottom:8px}.game-window{min-height:150px}}
/* Keep the itch banner fully visible in the compact Arcade header. */
.arcade-header>a:first-child{height:64px;display:flex;align-items:center;justify-content:center}.arcade-header img{width:auto;max-width:100%;height:auto;max-height:100%;object-fit:contain}@media(max-width:900px){.arcade-header>a:first-child{height:50px}}@media(max-width:650px){.arcade-header>a:first-child{height:46px}}
/* Blend the light image paper into the header while preserving the dark logo. */
.arcade-header{background:var(--paper);isolation:isolate}.arcade-header img{mix-blend-mode:darken}