:root{--ink:#0a0a0a;--asphalt:#1b1b1b;--bone:#f2f0e9;--bone-2:#e3e0d4;--on-dark-2:#e6e3d8;--on-dark-3:#d8d5c9;--green:#3dff7a;--ink-rgb:10 10 10;--bone-rgb:242 240 233;--green-rgb:61 255 122;--tail-rgb:255 42 31;--focus:var(--ink);--display:"Barlow Condensed", "Arial Narrow", sans-serif;--body:"Archivo", system-ui, sans-serif;--mono:"Space Mono", ui-monospace, monospace;--fs-mono-xs:.75rem;--fs-mono-sm:.8125rem;--fs-lead:clamp(1.1rem, .9rem + .6vw, 1.4rem);--fs-btn:1.35rem;--fs-d4:clamp(1.4rem, 3vw, 2rem);--fs-d3:clamp(1.75rem, 3.5vw, 2.6rem);--fs-d2:clamp(2.4rem, 6vw, 4.2rem);--fs-h2:clamp(2.6rem, 8vw, 5.5rem);--fs-d1:clamp(3rem, 11vw, 8.5rem);--s-1:.25rem;--s-2:.5rem;--s-3:.75rem;--s-4:1rem;--s-5:1.5rem;--s-6:2.25rem;--s-7:3.5rem;--gap:var(--s-5);--pad-x:16px;--nav-h:68px;--nav-h-c:56px;--nav-offset:72px;--b:3px;--sh-sm:3px 3px 0 var(--ink);--sh:6px 6px 0 var(--ink);--sh-lg:10px 10px 0 var(--ink);--ease:cubic-bezier(.16, 1, .3, 1);--z-road:1;--z-content:3;--z-bridge:4;--z-car:5;--z-pit:6;--z-pill:20;--z-dock:40;--z-nav:50;--z-sheet:60;--road:54px;--edge:calc(var(--road) + 26px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}
*,:before,:after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;caret-color:var(--green);scrollbar-color:var(--green) var(--ink);scroll-padding-top:var(--nav-offset)}
html::-webkit-scrollbar{width:14px;height:14px}
html::-webkit-scrollbar-track{background:var(--ink)}
html::-webkit-scrollbar-thumb{background:var(--green);border:3px solid var(--ink)}
body{background:var(--bone);background-image:linear-gradient(rgb(var(--ink-rgb) / .05) 1px, transparent 1px), linear-gradient(90deg, rgb(var(--ink-rgb) / .05) 1px, transparent 1px);color:var(--ink);font:400 1rem/1.55 var(--body);background-size:48px 48px;margin:0;overflow-x:clip}
img{max-width:100%;display:block}
h1,h2,h3,p,ul,ol,figure,blockquote,address{margin:0}
ul,ol{padding:0;list-style:none}
a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:2px}
a:hover{text-decoration-thickness:4px}
::selection{background:var(--green);color:var(--ink)}
:focus-visible{outline:3px solid var(--focus);outline-offset:4px}
[tabindex="-1"]:focus{outline:none}
.dark,.hero,.nav,.dock{--focus:var(--green)}
button{font:inherit;color:inherit;cursor:pointer}
.page{position:relative;overflow-x:clip}
#road{z-index:var(--z-road);pointer-events:none;max-width:100%;position:absolute;inset:0 auto auto 0;overflow:hidden}
#road-edge{stroke:var(--ink)}
#road-line{stroke:var(--bone)}
#road-asphalt{stroke:var(--asphalt)}
#road-path{stroke:var(--green);stroke-dasharray:26 20}
#pits{z-index:var(--z-pit);pointer-events:none;position:absolute;inset:0}
.pit{width:calc(var(--road) - 8px);margin-left:calc((var(--road) - 8px) / -2);flex-direction:column;align-items:center;gap:7px;display:flex;position:absolute}
.pit__line{background:var(--bone);width:100%;height:5px;transition:background .3s;display:block}
.pit__label{writing-mode:vertical-rl;padding:var(--s-2) 3px;white-space:nowrap;font:700 var(--fs-mono-xs)/1 var(--mono);letter-spacing:.06em;color:var(--bone);background:var(--asphalt);display:block}
.pit.is-here .pit__line{background:var(--green)}
.pit--lane{width:auto;margin:0;display:block;inset:0}
.pit--lane .pit__line{width:5px;position:absolute;transform:translate(-50%,-50%)}
.pit__label--h{writing-mode:horizontal-tb;padding:3px var(--s-2);position:absolute;transform:translate(-50%,-100%)}
#bridge{z-index:var(--z-bridge);pointer-events:none;position:absolute}
.bridge__deck{background-color:var(--asphalt);border:var(--b) solid var(--ink);box-shadow:inset 0 0 0 2px var(--bone), 5px 6px 0 rgb(var(--ink-rgb) / .35);background-image:repeating-linear-gradient(180deg, var(--green) 0 12px, transparent 12px 22px);background-position:50% 0;background-repeat:no-repeat;background-size:4px 100%;position:absolute;inset:0}
.bridge__rail{background-color:var(--bone);border:2px solid var(--ink);background-image:repeating-linear-gradient(180deg, var(--ink) 0 2px, transparent 2px 9px);width:9px;position:absolute;top:6px;bottom:6px}
.bridge__rail--l{left:6px}
.bridge__rail--r{right:6px}
.bridge__pier{background:var(--ink);border:2px solid var(--bone);width:14px;height:14px;position:absolute}
.bridge__pier--tl{top:-2px;left:-9px}
.bridge__pier--tr{top:-2px;right:-9px}
.bridge__pier--bl{bottom:-2px;left:-9px}
.bridge__pier--br{bottom:-2px;right:-9px}
#car{z-index:var(--z-car);pointer-events:none;will-change:transform;--speed:0;--brake:0;position:absolute;top:0;left:0}
#car>*{pointer-events:none;display:block;position:absolute}
.car__body{inset:0}
.car__body img{width:var(--cw);height:var(--cl);max-width:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(90deg)}
.car__glow{background:radial-gradient(closest-side, rgb(var(--green-rgb) / .9), rgb(var(--green-rgb) / .4) 58%, transparent);opacity:calc(.55 + var(--speed) * .45);transform:scale(calc(1 + var(--speed) * .12));border-radius:50%;inset:-38% -14% -38% -8%}
.car__beams{width:calc(var(--cl) * 1.2);height:100%;opacity:calc(.4 + var(--speed) * .4);top:0;left:90%}
.car__beams i{background:linear-gradient(90deg, rgb(var(--bone-rgb) / .75), transparent);clip-path:polygon(0 42%,100% 0,100% 100%,0 58%);width:100%;height:72%;position:absolute;left:0}
.car__beams i:first-child{top:-24%}
.car__beams i:last-child{bottom:-24%}
.car__brakes{width:100%;height:100%;opacity:var(--brake);transform:scale(calc(.85 + var(--brake) * .15));top:0;left:0}
.car__brakes i{width:calc(var(--cw) * .42);height:calc(var(--cw) * .42);background:radial-gradient(closest-side, rgb(var(--tail-rgb)), rgb(var(--tail-rgb) / .5) 50%, transparent);position:absolute;left:-4%;transform:translateY(-50%)}
.car__brakes i:first-child{top:13%}
.car__brakes i:last-child{top:87%}
.car__lines{width:calc(var(--cl) * 1.4);background:linear-gradient(270deg, rgb(var(--bone-rgb) / .9), transparent) 0 14% / 100% 2px no-repeat, linear-gradient(270deg, rgb(var(--bone-rgb) / .9), transparent) 0 50% / 70% 2px no-repeat, linear-gradient(270deg, rgb(var(--bone-rgb) / .9), transparent) 0 86% / 100% 2px no-repeat;height:124%;opacity:clamp(0, calc((var(--speed) - .4) * 2.2), 1);top:-12%;right:94%}
.car__smoke{width:calc(var(--cl) * 1.1);height:calc(var(--cw) * .9);transform:translateY(-50%) scaleX(calc(.3 + var(--speed)));transform-origin:100%;background:radial-gradient(closest-side, rgb(var(--bone-rgb) / .8), transparent);opacity:clamp(0, calc((var(--speed) - .55) * 2), .8);top:50%;right:90%}
.is-fast .car__lines{animation:.28s linear infinite streak}
.is-idle .car__body{animation:2.6s ease-in-out infinite idle}
.is-idle .car__glow{animation:2.6s ease-in-out infinite shimmer}
@keyframes streak{0%{transform:translate(0)}
to{transform:translate(-22%)}
}
@keyframes idle{50%{transform:translateY(.7px)rotate(.25deg)}
}
@keyframes shimmer{50%{opacity:.78}
}
.wrap{z-index:var(--z-content);width:calc(100% - var(--pad-x) - var(--edge));margin-left:var(--pad-x);position:relative}
@media (width>=1200px){.wrap{width:min(1160px,100% - 300px);margin-inline:auto}
}
.sec{scroll-margin-top:var(--nav-offset);padding-block:clamp(6rem,9vw,9rem) 0;position:relative}
.sec-head{align-items:flex-start;gap:var(--s-4);margin-bottom:var(--s-6);flex-direction:column;display:flex}
.slab{--pop:var(--green);font:900 var(--fs-h2)/.9 var(--display);text-transform:uppercase;letter-spacing:-.01em;background:var(--ink);color:var(--bone);border:var(--b) solid var(--ink);box-shadow:8px 8px 0 var(--pop);text-wrap:balance;padding:.2em .35em .14em;position:relative;overflow:hidden;transform:rotate(-1.2deg)}
.slab--green{--pop:var(--ink);background:var(--green);color:var(--ink);transform:rotate(.9deg)}
.slab:after{content:"";pointer-events:none;opacity:0;background:linear-gradient(105deg, transparent 35%, rgb(var(--bone-rgb) / .6) 50%, transparent 65%);position:absolute;inset:0;transform:translate(-120%)}
.note{background:var(--bone);border:var(--b) solid var(--ink);padding:var(--s-2) var(--s-3);max-width:34rem;font-weight:600}
.fine{font:400 var(--fs-mono-sm)/1.4 var(--mono)}
.sticker{font:700 var(--fs-mono-sm)/1 var(--mono);text-transform:uppercase;letter-spacing:.04em;background:var(--green);color:var(--ink);padding:var(--s-3) var(--s-3);border:var(--b) solid var(--ink);box-shadow:4px 4px 0 var(--ink);display:inline-block;transform:rotate(-4deg)}
.ic{flex:none;width:1.1em;height:1.1em}
.btn{justify-content:center;align-items:center;gap:var(--s-3);min-height:52px;padding:var(--s-2) var(--s-5);font:800 var(--fs-btn)/1 var(--display);text-transform:uppercase;letter-spacing:.02em;border:var(--b) solid var(--ink);background:var(--green);color:var(--ink);box-shadow:var(--sh);transition:transform .18s var(--ease), box-shadow .18s var(--ease), background .18s, color .18s;text-decoration:none;display:inline-flex}
.btn:hover{box-shadow:9px 9px 0 var(--ink);transform:translate(-3px,-3px)}
.btn:active{box-shadow:0 0 0 var(--ink);transform:translate(6px,6px)}
.btn--ink{background:var(--ink);color:var(--bone);box-shadow:6px 6px 0 var(--green)}
.btn--ink:hover{box-shadow:9px 9px 0 var(--green)}
.btn--ink:active{box-shadow:0 0 0 var(--green)}
.btn--ghost{color:var(--bone);border-color:var(--bone);box-shadow:6px 6px 0 var(--green);background:0 0}
.btn--ghost:hover{background:var(--bone);color:var(--ink);box-shadow:9px 9px 0 var(--green)}
.btn--ghost:active{box-shadow:0 0 0 var(--green)}
.btn--ghost-ink{background:var(--bone)}
.btn--ghost-ink:hover{background:var(--green)}
.btn--xl{min-height:72px;padding-inline:2rem;font-size:clamp(1.8rem,5vw,3rem)}
.dark .btn--book,.hero .btn--book{box-shadow:6px 6px 0 var(--bone)}
.hero .btn--book:hover{box-shadow:9px 9px 0 var(--bone)}
.hero .btn--book:active{box-shadow:0 0 0 var(--bone)}
.hero{background:var(--ink);color:var(--bone);padding-top:var(--nav-h);flex-direction:column;display:flex;position:relative}
.hero__pic{background:var(--asphalt);height:clamp(17rem,min(52svh,118vw),60rem);display:block;position:relative}
.hero__art{object-fit:cover;object-position:50% 14%;width:100%;height:100%}
.hero__slab{background:var(--ink);border-top:var(--b) solid var(--green);padding-block:var(--s-5) var(--s-6)}
.hero__inner{align-items:flex-start;gap:var(--s-4);flex-direction:column;display:flex;container-type:inline-size}
.wordmark{font:900 clamp(3rem, 31cqi, 7rem)/.8 var(--display);text-transform:uppercase;letter-spacing:-.02em;color:var(--bone);flex-direction:column;display:flex}
.wordmark span:last-child{color:var(--green);margin-left:.3em}
.hero__line{font:600 var(--fs-lead)/1.25 var(--body);text-wrap:balance;max-width:26ch}
.hero__cta{gap:var(--s-4) var(--s-5);margin-top:var(--s-1);flex-wrap:wrap;display:flex}
.proof{gap:var(--s-4) var(--s-4);margin-top:var(--s-2);flex-wrap:wrap;display:flex}
.ticker{z-index:var(--z-content);background:var(--green);color:var(--ink);border-top:var(--b) solid var(--ink);border-bottom:var(--b) solid var(--ink);position:relative;overflow:hidden}
.ticker__track{width:max-content;animation:60s linear infinite tick;display:flex}
.ticker:hover .ticker__track{animation-play-state:paused}
.ticker li{white-space:nowrap;padding:var(--s-3) 0;font:800 1.3rem/1 var(--display);text-transform:uppercase;align-items:center;display:flex}
.ticker li:after{content:"";background:var(--ink);width:.6rem;height:.6rem;margin-inline:1.4rem;transform:rotate(45deg)}
.ticker__shadow{top:0;bottom:0;left:var(--bx,-999px);width:var(--bw,0);pointer-events:none;background:rgb(var(--ink-rgb) / .55);filter:blur(3px);position:absolute}
@keyframes tick{to{transform:translate(-50%)}
}
@media (width>=700px) and (aspect-ratio>=5/4){.hero{min-height:max(100svh,25rem)}
.hero__pic{inset:var(--nav-h) 0 0 0;height:auto;position:absolute}
.hero__art{object-position:30% 28%}
.hero__main{padding:6rem 0 var(--s-6) clamp(1rem, 2.5vw, 4rem);flex:1;align-items:flex-end;display:flex;position:relative}
.hero__slab{border:var(--b) solid var(--bone);width:clamp(17rem,24vw,30rem);box-shadow:8px 8px 0 var(--green);padding:var(--s-5) clamp(1rem, 1.6vw, 1.5rem)}
.hero__inner.wrap{width:auto;margin:0}
.wordmark{font-size:clamp(3rem,31cqi,10rem)}
}
@media (width>=700px) and (aspect-ratio>=5/4) and (height<=520px){.hero__main{padding-block:var(--s-4) var(--s-5)}
.hero__slab{padding-block:var(--s-4)}
.hero__inner{gap:var(--s-3)}
.proof li:first-child{display:none}
.hero__line{font-size:.95rem}
}
.bento{gap:var(--gap);grid-template-columns:repeat(6,minmax(0,1fr));grid-template-areas:"ps5 ps5 ps5 pc pc pc""ps5 ps5 ps5 pc pc pc""sim sim sim couch couch snacks""sim sim sim squad squad snacks""party party party book book book";grid-auto-rows:minmax(11rem,auto);display:grid}
.tile{border:var(--b) solid var(--ink);box-shadow:var(--sh);background:var(--bone);padding:var(--s-5);gap:var(--s-3);min-width:0;transition:transform .25s var(--ease), box-shadow .25s var(--ease);flex-direction:column;display:flex;position:relative;overflow:hidden;container-type:inline-size}
.tile:hover{box-shadow:var(--sh-lg);transform:translate(-3px,-3px)rotate(-.4deg)}
.tile:active{box-shadow:1px 1px 0 var(--ink);transform:translate(4px,4px)}
.tile.dark{background:var(--ink);color:var(--bone);box-shadow:6px 6px 0 var(--green)}
.tile.dark:hover{box-shadow:10px 10px 0 var(--green)}
.tile.dark:active{box-shadow:1px 1px 0 var(--green)}
.tile__title{font:900 clamp(1.9rem, 3.6cqi + .9rem, 3.2rem)/.92 var(--display);text-transform:uppercase;text-wrap:balance}
.tile__copy{gap:var(--s-3);z-index:2;flex-direction:column;max-width:30rem;display:flex;position:relative}
.tile>p{max-width:28ch}
.tile--ps5{gap:var(--s-4);grid-template-rows:auto minmax(17rem,1fr);display:grid}
.stage{min-height:17rem;position:relative}
.drag{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;cursor:grab;position:absolute}
.drag--ps5{width:auto;height:92%;bottom:0;left:12%}
.drag--pad{width:auto;height:60%;bottom:6%;right:5%}
.sticker--hint{position:absolute;top:0;left:0;transform:rotate(3deg)}
@container (width>=34rem){.tile--ps5{grid-template-rows:none;grid-template-columns:1fr 1.1fr}
}
.tile--pc{background:var(--green);justify-content:flex-end;min-height:26rem}
.bignum{font:900 clamp(13rem, 46cqi, 22rem)/.85 var(--display);color:var(--ink);z-index:0;letter-spacing:-.04em;position:absolute;top:0;left:.9rem}
.pcshot{right:7%;top:var(--s-4);z-index:1;width:min(38%,12rem);height:auto;filter:drop-shadow(6px 6px 0 var(--ink));position:absolute;transform:rotate(6deg)}
.tile--pc .tile__copy{max-width:26rem}
.tile--sim{justify-content:flex-end;min-height:22rem;padding:0}
.simshot{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}
.simcap{margin:var(--s-4);padding:var(--s-4) 1.1rem;gap:var(--s-2);flex-direction:column;display:flex;position:relative}
.simcap p{max-width:38ch}
.tile--couch{background:var(--bone-2)}
.tile--snacks{background:var(--green)}
.tile--squad{justify-content:space-between}
.tile--bookt{background:var(--green);justify-content:space-between;align-items:flex-start}
.glass{background:rgb(var(--ink-rgb) / .78);color:var(--bone);-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2);border:2px solid rgb(var(--bone-rgb) / .7)}
.filters{gap:var(--s-3);margin-bottom:var(--s-4);flex-direction:column;display:flex}
.filter-row{gap:var(--s-3);flex-wrap:wrap;display:flex}
.chip{min-height:44px;padding:var(--s-2) var(--s-4);font:700 var(--fs-mono-sm)/1 var(--mono);text-transform:uppercase;letter-spacing:.03em;background:var(--bone);border:var(--b) solid var(--ink);box-shadow:var(--sh-sm);transition:transform .15s var(--ease), box-shadow .15s var(--ease), background .15s, color .15s}
.chip:hover{box-shadow:5px 5px 0 var(--ink);background:var(--green);transform:translate(-2px,-2px)}
.chip:active{box-shadow:0 0 0 var(--ink);transform:translate(3px,3px)}
.chip[aria-pressed=true]{background:var(--ink);color:var(--green);box-shadow:0 0 0 var(--ink);transform:translate(3px,3px)}
.count{font:400 var(--fs-mono-sm)/1 var(--mono);margin-bottom:var(--s-5);background:var(--bone);padding:var(--s-2) var(--s-2);display:inline-block}
.games{gap:var(--gap);grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:19rem;grid-auto-flow:dense;display:grid}
.gcard{background:var(--ink);border:var(--b) solid var(--ink);box-shadow:var(--sh);transition:transform .25s var(--ease), box-shadow .25s var(--ease);grid-column:span 4;align-items:flex-end;display:flex;position:relative;overflow:hidden}
.gcard[hidden]{display:none}
.gcard.is-wide{grid-column:span 8}
.gcard:hover{box-shadow:var(--sh-lg);transform:translate(-3px,-3px)rotate(.3deg)}
.gcard__art{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease);position:absolute;inset:0}
.gcard:hover .gcard__art{transform:scale(1.06)}
.gcard__panel{width:calc(100% - 1.2rem);padding:var(--s-3) var(--s-4);gap:var(--s-2);flex-direction:column;margin:.6rem;display:flex;position:relative}
.gcard__title{font:900 var(--fs-d4)/.95 var(--display);text-transform:uppercase}
.gcard__meta{font:400 var(--fs-mono-xs)/1.3 var(--mono);text-transform:uppercase;color:var(--on-dark-2)}
.tags{gap:var(--s-2);flex-wrap:wrap;display:flex}
.tag{font:700 var(--fs-mono-xs)/1 var(--mono);padding:var(--s-1) var(--s-2);border:2px solid var(--bone)}
.tag--pc{background:var(--green);color:var(--ink);border-color:var(--green)}
.tag--sim{background:var(--bone);color:var(--ink)}
.gcard__quip{font:600 .92rem/1.3 var(--body)}
.empty{margin-top:var(--s-4);background:var(--bone);border:var(--b) solid var(--ink);padding:var(--s-5);gap:var(--s-4);box-shadow:var(--sh);flex-direction:column;align-items:flex-start;display:flex}
.empty[hidden]{display:none}
.picker{gap:var(--gap);grid-template-columns:minmax(0,1fr);display:grid}
.choices{gap:var(--s-4);grid-template-columns:minmax(0,1fr);align-content:start;display:grid}
.choice{text-align:left;min-height:64px;padding:var(--s-4) 1.1rem;font:900 var(--fs-d4)/1 var(--display);text-transform:uppercase;background:var(--bone);border:var(--b) solid var(--ink);box-shadow:var(--sh);transition:transform .18s var(--ease), box-shadow .18s var(--ease), background .18s, color .18s}
.choice:hover{box-shadow:9px 9px 0 var(--ink);background:var(--green);transform:translate(-3px,-3px)}
.choice:active{box-shadow:0 0 0 var(--ink);transform:translate(6px,6px)}
.choice[aria-pressed=true]{background:var(--ink);color:var(--green);box-shadow:0 0 0 var(--ink);transform:translate(6px,6px)}
.verdict{background:var(--green);border:var(--b) solid var(--ink);min-height:18rem;box-shadow:var(--sh);padding:var(--s-5);justify-content:center;align-items:flex-start;gap:var(--s-4);flex-direction:column;display:flex;position:relative}
.verdict__idle{font:900 var(--fs-d3)/1 var(--display);text-transform:uppercase}
.verdict__t{font:900 var(--fs-d2)/.9 var(--display);text-transform:uppercase}
.verdict__img{object-fit:contain;width:7.5rem;height:7.5rem;filter:drop-shadow(5px 5px 0 var(--ink))}
.verdict[data-rig=sim] .verdict__img{border:var(--b) solid var(--ink);object-fit:cover}
.verdict p{max-width:34ch;font-weight:600}
@media (width>=900px){.picker{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
}
.steps{gap:var(--gap);display:grid}
.step{background:var(--bone);border:var(--b) solid var(--ink);box-shadow:var(--sh);padding:var(--s-5) var(--s-5) 1.4rem 5.5rem;gap:var(--s-2);flex-direction:column;justify-content:center;min-height:9rem;display:flex;position:relative}
.step:nth-child(2){background:var(--green)}
.step:nth-child(3){background:var(--ink);color:var(--bone);box-shadow:6px 6px 0 var(--green)}
.step__n{font:900 5.5rem/1 var(--display);-webkit-text-stroke:2px var(--ink);color:#0000;position:absolute;top:.2rem;left:.9rem}
.step:nth-child(3) .step__n{-webkit-text-stroke-color:var(--green)}
.step__t{font:900 var(--fs-d3)/.95 var(--display);text-transform:uppercase}
.step p{max-width:36ch}
@media (width>=900px){.steps{grid-template-columns:repeat(3,minmax(0,1fr))}
.step{padding:6.8rem var(--s-5) 1.4rem;justify-content:flex-start}
.step__n{font-size:6.5rem;top:.6rem;left:1rem}
.step:nth-child(2){top:var(--s-5)}
}
.sec--book{padding-bottom:clamp(5rem,8vw,8rem)}
.bookslab{background:var(--green);border:var(--b) solid var(--ink);box-shadow:var(--sh-lg);gap:var(--s-6);flex-direction:column;align-items:flex-start;padding:clamp(1.25rem,4vw,3rem);display:flex}
.bookslab__title{font:900 var(--fs-d1)/.85 var(--display);text-transform:uppercase;letter-spacing:-.02em;text-wrap:balance}
.bookslab__cta{gap:var(--s-4) 1.1rem;flex-wrap:wrap;display:flex}
.lane{height:calc(var(--cw) + 6rem);background-color:var(--asphalt);border:var(--b) solid var(--ink);background-image:repeating-linear-gradient(90deg, var(--green) 0 26px, transparent 26px 46px);background-position:50%;background-repeat:no-repeat;background-size:100% 4px;align-self:stretch;place-items:center;display:grid;position:relative}
.lane__bay{width:calc(var(--cl) + 1.5rem);height:calc(var(--cw) + 1.25rem);border:3px dashed var(--bone)}
@media (prefers-reduced-motion:no-preference){.is-arrived .slab{animation:pop .9s var(--ease) both}
.is-arrived .slab:after{animation:sweep .95s var(--ease) 80ms both}
.is-arrived .bookslab{animation:pop-lg .9s var(--ease) both}
}
@keyframes pop{0%{box-shadow:0 0 0 0 var(--pop)}
55%{box-shadow:15px 15px 0 0 var(--pop)}
to{box-shadow:8px 8px 0 0 var(--pop)}
}
@keyframes pop-lg{0%{box-shadow:4px 4px 0 0 var(--ink)}
55%{box-shadow:18px 18px 0 0 var(--ink)}
to{box-shadow:10px 10px 0 0 var(--ink)}
}
@keyframes sweep{0%{opacity:1;transform:translate(-120%)}
to{opacity:1;transform:translate(120%)}
}
.footer{z-index:var(--z-content);background:var(--ink);color:var(--bone);padding-block:var(--s-7) 4.5rem;font-size:.92rem;position:relative}
.footer .wrap{gap:var(--s-4);flex-direction:column;display:flex}
.footer__brand{font:900 2.4rem/1 var(--display);text-transform:uppercase;color:var(--green)}
.footer__h{font:700 var(--fs-mono-sm)/1 var(--mono);text-transform:uppercase;margin-top:var(--s-5)}
.credits{gap:var(--s-3);max-width:70ch;display:grid}
.footer a{color:var(--green);margin-block:-.7rem;padding-block:.7rem;display:inline-block}
.footer a:hover{color:var(--bone)}
.cr__what{font-weight:600}
.footer__small{max-width:70ch;color:var(--on-dark-3)}
.pill{left:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:var(--z-pill);opacity:0;pointer-events:none;min-height:48px;transition:opacity .3s, transform .4s var(--ease), box-shadow .18s;padding-inline:1.1rem;font-size:1.15rem;position:fixed;transform:translateY(24px)}
.pill.is-on{opacity:1;pointer-events:auto;transform:none}
.pill.is-on:hover{transform:translate(-3px,-3px)}
.pill.is-on:active{transform:translate(4px,4px)}
@media (width<=1023px){.bento{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"ps5 ps5""pc pc""sim sim""couch snacks""squad party""book book"}
.games{grid-template-columns:repeat(2,minmax(0,1fr))}
.gcard{grid-column:span 1}
.gcard.is-wide{grid-column:span 2}
}
@media (width<=699px){.bento{grid-template-columns:minmax(0,1fr);grid-template-areas:"ps5""pc""sim""couch""snacks""squad""party""book"}
.games{grid-template-columns:minmax(0,1fr);grid-auto-rows:17rem}
.gcard,.gcard.is-wide{grid-column:span 1}
.ticker li{font-size:1.1rem}
.tile--pc{min-height:27rem}
.step__n{font-size:4.6rem}
}
@media (width<=420px){.btn{padding-inline:var(--s-4);font-size:1.2rem}
.btn--xl{padding-inline:1.2rem}
.slab{font-size:2.3rem}
}
@media (width>=1200px){.pill{left:auto;right:16px}
}
@media (prefers-reduced-motion:reduce){.ticker__track{animation:none}
*,:before,:after{transition-duration:.01ms!important}
.car__lines,.car__smoke{display:none}
}
.btn--sm{min-height:44px;padding:var(--s-1) var(--s-4);box-shadow:3px 3px 0 var(--bone);font-size:1.1rem}
.btn--sm:hover{box-shadow:5px 5px 0 var(--bone)}
.btn--sm.btn--ghost{box-shadow:3px 3px 0 var(--green)}
.btn--sm.btn--ghost:hover{box-shadow:5px 5px 0 var(--green)}
.btn--call{gap:var(--s-3)}
.btn__stack{text-align:left;flex-direction:column;align-items:flex-start;gap:3px;display:flex}
.btn__num{font:700 .875rem/1 var(--mono);letter-spacing:0;text-transform:none}
.btn--ghost-ink .btn__num{color:var(--ink)}
.sticker--open{background:var(--bone);transform:rotate(2deg)}
.sticker--rate{background:var(--ink);min-height:44px;color:var(--bone);border-color:var(--bone);box-shadow:4px 4px 0 var(--green);align-items:center;gap:.4em;text-decoration:none;display:inline-flex;transform:rotate(-1.5deg)}
.sticker--rate:hover{background:var(--green);color:var(--ink);text-decoration:none}
.sticker--rate .star{width:1.1em;height:1.1em;color:var(--green)}
.sticker--rate:hover .star{color:var(--ink)}
.stars{gap:.12em;display:inline-flex}
.star{flex:none;width:1em;height:1em}
.nav{z-index:var(--z-nav);height:var(--nav-h);background:var(--ink);color:var(--bone);border-bottom:var(--b) solid var(--green);transition:transform .4s var(--ease), height .3s var(--ease), box-shadow .3s;position:fixed;inset:0 0 auto}
.nav--static{position:relative}
.nav.is-condensed{height:var(--nav-h-c);box-shadow:0 6px 0 rgb(var(--ink-rgb) / .3)}
.nav.is-hidden{box-shadow:none;transform:translateY(-100%)}
.nav__in{align-items:center;gap:var(--s-5);max-width:1600px;height:100%;padding-inline:max(var(--pad-x), env(safe-area-inset-left)) max(var(--pad-x), env(safe-area-inset-right));margin-inline:auto;display:flex}
.nav__brand{white-space:nowrap;min-height:44px;color:var(--bone);font:900 1.9rem/.85 var(--display);text-transform:uppercase;letter-spacing:-.01em;align-items:center;gap:.3em;text-decoration:none;display:flex}
.nav__brand:hover{text-decoration:none}
.nav__brand span:last-child{color:var(--green)}
.nav__brand img{width:60px;height:60px;object-fit:contain;display:block}
.footer__brand img{width:min(220px,60vw);height:auto;display:block}
.nav__links{gap:var(--s-2);margin-inline:auto;display:flex}
.nav__links a{min-height:44px;padding:0 var(--s-4);color:var(--bone);font:700 .875rem/1 var(--mono);text-transform:uppercase;letter-spacing:.04em;border:var(--b) solid transparent;align-items:center;text-decoration:none;transition:background .15s,color .15s,border-color .15s;display:inline-flex}
.nav__links a:hover{background:var(--green);color:var(--ink);border-color:var(--ink);text-decoration:none}
.nav__act{align-items:center;gap:var(--s-4);margin-left:auto;display:flex}
.nav__links+.nav__act{margin-left:0}
.nav__menu{background:var(--ink);width:44px;height:44px;color:var(--bone);border:var(--b) solid var(--bone);box-shadow:3px 3px 0 var(--green);justify-content:center;align-items:center;padding:0;display:none}
.nav__menu:active{box-shadow:0 0 0 var(--green);transform:translate(3px,3px)}
.nav__menu .ic{width:22px;height:22px}
.nav--static .nav__in{max-width:1100px}
.sheet{z-index:var(--z-sheet);overscroll-behavior:contain;background:var(--ink);color:var(--bone);padding:0 max(var(--pad-x), env(safe-area-inset-right)) calc(var(--s-5) + env(safe-area-inset-bottom)) max(var(--pad-x), env(safe-area-inset-left));flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}
.sheet[hidden]{display:none}
.sheet__top{min-height:var(--nav-h-c);margin-inline:calc(var(--pad-x) * -1);padding:0 var(--pad-x);border-bottom:var(--b) solid var(--green);flex:none;justify-content:space-between;align-items:center;display:flex}
.sheet__nav{padding-block:var(--s-4)}
.sheet__nav a{justify-content:space-between;align-items:center;gap:var(--s-4);color:var(--bone);font:900 clamp(2.8rem, 15vw, 5.5rem)/1 var(--display);text-transform:uppercase;letter-spacing:-.01em;border-bottom:3px solid rgb(var(--bone-rgb) / .28);padding:.12em 0;text-decoration:none;display:flex}
.sheet__nav a:hover,.sheet__nav a:focus-visible{color:var(--green);text-decoration:none}
.sheet__nav .ic{width:.5em;height:.5em}
.sheet__cta{padding-top:var(--s-5);gap:var(--s-4);flex-direction:column;margin-top:auto;display:flex}
.sheet__cta .btn{width:100%;min-height:60px}
.sheet__cta .btn--xl{font-size:clamp(1.6rem,7vw,2.2rem)}
.sheet__cta .fine{color:var(--on-dark-2)}
@media (prefers-reduced-motion:no-preference){.sheet:not([hidden]){animation:sheet-in .5s var(--ease)}
.sheet:not([hidden]) .sheet__nav li{animation:sheet-link .6s var(--ease) both}
.sheet:not([hidden]) .sheet__nav li:nth-child(2){animation-delay:50ms}
.sheet:not([hidden]) .sheet__nav li:nth-child(3){animation-delay:.1s}
.sheet:not([hidden]) .sheet__nav li:nth-child(4){animation-delay:.15s}
}
@keyframes sheet-in{0%{clip-path:inset(0 0 100%)}
to{clip-path:inset(0)}
}
@keyframes sheet-link{0%{opacity:0;transform:translateY(24px)}
to{opacity:1;transform:none}
}
.is-locked{overflow:hidden}
.dock{display:none}
.rev{gap:var(--gap);grid-template-columns:repeat(12,minmax(0,1fr));align-items:stretch;display:grid}
.rating{background:var(--ink);color:var(--bone);border:var(--b) solid var(--ink);box-shadow:8px 8px 0 var(--green);padding:var(--s-5);justify-content:center;align-items:flex-start;gap:var(--s-4);flex-direction:column;grid-area:span 2/span 4;display:flex}
.rating__num{font:900 clamp(6.5rem, 14vw, 10rem)/.78 var(--display);color:var(--green);letter-spacing:-.03em}
.rating .stars{color:var(--green);font-size:2rem}
.rating__line{font:600 var(--fs-lead)/1.3 var(--body);text-wrap:balance;max-width:20ch}
.rating__btn{text-align:left;width:100%;padding-block:var(--s-3);justify-content:space-between;font-size:1.25rem;line-height:1.05}
.rcard{gap:var(--s-4);background:var(--bone);border:var(--b) solid var(--ink);box-shadow:var(--sh);padding:var(--s-5);isolation:isolate;min-width:0;transition:transform .25s var(--ease), box-shadow .25s var(--ease);flex-direction:column;display:flex;position:relative}
.rcard:before{content:"“" / "";z-index:-1;font:900 8rem/1 var(--display);color:rgb(var(--ink-rgb) / .12);pointer-events:none;position:absolute;top:.4rem;right:.9rem}
.rcard:hover{box-shadow:var(--sh-lg);transform:translate(-3px,-3px)}
.rcard:active{box-shadow:1px 1px 0 var(--ink);transform:translate(4px,4px)}
.rcard:focus-within{outline:3px solid var(--focus);outline-offset:4px}
.rcard--feat{background:var(--green);grid-column:span 8;padding:clamp(1.25rem,3vw,2.5rem);transform:rotate(-.5deg)}
.rcard--feat:hover{transform:translate(-3px,-3px)rotate(-.5deg)}
.rcard__top{align-items:center;gap:var(--s-4);flex-wrap:wrap;display:flex}
.rcard__top .stars{color:var(--ink);font-size:1.5rem}
.rcard--feat .rcard__top .stars{font-size:2rem}
.rcard__when{font:700 var(--fs-mono-sm)/1 var(--mono);text-transform:uppercase;background:var(--ink);color:var(--bone);padding:6px 8px}
.rcard__q p{font:600 1.05rem/1.5 var(--body);max-width:62ch}
.rcard--feat .rcard__q p{font:600 clamp(1.1rem, .95rem + .8vw, 1.55rem)/1.4 var(--body)}
.rcard__by{align-items:center;gap:var(--s-1) var(--s-2);font:700 var(--fs-mono-sm)/1.3 var(--mono);flex-wrap:wrap;margin-top:auto;display:flex}
.rcard__name{text-transform:uppercase;font-style:normal;font-weight:700}
.rcard__go{background:var(--ink);min-height:44px;color:var(--bone);text-transform:uppercase;border:var(--b) solid var(--ink);align-items:center;gap:.35em;margin-left:auto;padding-inline:.75rem;text-decoration:none;display:inline-flex}
.rcard__go:after{content:"";position:absolute;inset:0}
.rcard__go:focus-visible{outline:none}
.rcard:hover .rcard__go{background:var(--green);color:var(--ink)}
.rev__more{gap:var(--gap);grid-column:span 8;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}
.dots{display:none}
.find{gap:var(--gap);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:stretch;display:grid}
.find__card{background:var(--bone);border:var(--b) solid var(--ink);box-shadow:var(--sh);padding:var(--s-5);align-items:flex-start;gap:var(--s-4);flex-direction:column;display:flex}
.find__landmark{transform:rotate(-2deg)}
.find__addr{font:600 var(--fs-lead)/1.35 var(--body);max-width:30ch;font-style:normal}
.find__hours{align-items:center;gap:var(--s-3);font:700 var(--fs-mono-sm)/1 var(--mono);text-transform:uppercase;display:flex}
.find__dot{background:var(--green);border:2px solid var(--ink);width:.8rem;height:.8rem}
.find__cta{align-items:stretch;gap:var(--s-4);flex-direction:column;width:100%;margin-top:auto;display:flex}
.find__cta .btn{justify-content:flex-start;width:100%}
.find__dir{min-height:64px;padding-inline:var(--s-5);font-size:clamp(1.6rem,3vw,2.2rem)}
.find__maps{min-height:44px;font:700 var(--fs-mono-sm)/1 var(--mono);text-transform:uppercase;align-items:center;gap:.4em;display:inline-flex}
.map{background:var(--bone-2);border:var(--b) solid var(--ink);min-height:26rem;box-shadow:var(--sh-lg);position:relative;overflow:hidden}
.map__frame{background:var(--bone-2);border:0;width:100%;height:100%;position:absolute;inset:0}
.map__facade{text-align:left;width:100%;color:var(--ink);background-color:var(--bone-2);background-image:linear-gradient(rgb(var(--ink-rgb) / .09) 2px, transparent 2px), linear-gradient(90deg, rgb(var(--ink-rgb) / .09) 2px, transparent 2px);background-size:44px 44px;border:0;padding:0;position:absolute;inset:0;overflow:hidden}
.map__road{background-color:var(--asphalt);border-block:var(--b) solid var(--ink);background-image:repeating-linear-gradient(90deg, var(--green) 0 22px, transparent 22px 40px);background-position:50%;background-repeat:no-repeat;background-size:100% 4px;place-items:center;height:58px;margin-top:-29px;display:grid;position:absolute;top:50%;left:-12%;right:-12%;transform:rotate(-9deg)}
.map__road b{font:700 .75rem/1 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--bone);position:relative;top:-17px}
.map__block{width:min(46%,15rem);padding:var(--s-3) var(--s-4);background:var(--ink);color:var(--bone);border:var(--b) solid var(--ink);box-shadow:5px 5px 0 var(--green);font:900 clamp(1.1rem, 2.4vw, 1.6rem)/.95 var(--display);text-transform:uppercase;position:absolute;top:9%;left:7%;transform:rotate(-2deg)}
.map__pin{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;bottom:29%;right:9%}
.map__pin .ic{width:3.4rem;height:3.4rem;color:var(--ink);filter:drop-shadow(3px 3px 0 var(--green))}
.map__pin b{background:var(--green);border:var(--b) solid var(--ink);font:700 .75rem/1 var(--mono);text-transform:uppercase;white-space:nowrap;padding:4px 8px}
.map__cta{white-space:nowrap;padding:var(--s-3) var(--s-5);background:var(--green);border:var(--b) solid var(--ink);box-shadow:var(--sh);font:800 1.35rem/1 var(--display);text-transform:uppercase;transition:transform .18s var(--ease), box-shadow .18s var(--ease);position:absolute;bottom:2.4rem;left:50%;translate:-50%}
.map__fine{white-space:nowrap;background:var(--bone);font:400 .875rem/1.3 var(--mono);padding:2px 6px;position:absolute;bottom:.6rem;left:50%;translate:-50%}
.map__facade:hover .map__cta{box-shadow:9px 9px 0 var(--ink);transform:translate(-3px,-3px)}
.map__facade:active .map__cta{box-shadow:0 0 0 var(--ink);transform:translate(5px,5px)}
.map__fail{justify-content:center;align-items:flex-start;gap:var(--s-4);padding:var(--s-5);background:var(--bone);font:800 var(--fs-d4)/1 var(--display);text-transform:uppercase;flex-direction:column;display:flex;position:absolute;inset:0}
.credits-page{background-color:var(--bone)}
.cr-main{padding-block:var(--s-7) var(--s-7)}
.cr-wrap{width:min(1100px, 100% - 2 * var(--pad-x));margin-inline:auto}
.cr-title{font:900 clamp(2.6rem, 10vw, 6rem)/.9 var(--display);text-transform:uppercase;text-wrap:balance;margin-bottom:var(--s-6)}
.cr-sec{align-items:flex-start;gap:var(--s-4);margin-bottom:var(--s-7);flex-direction:column;display:flex}
.cr-list{gap:var(--gap);width:100%;margin-top:var(--s-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));display:grid}
.cr{background:var(--bone);border:var(--b) solid var(--ink);box-shadow:var(--sh);padding:var(--s-5);gap:var(--s-3);flex-direction:column;display:flex}
.cr__what{font:900 var(--fs-d4)/.95 var(--display);text-transform:uppercase}
.cr__meta{gap:var(--s-2);font:400 .9375rem/1.4 var(--body);margin:0;display:grid}
.cr__meta div{gap:var(--s-3);flex-wrap:wrap;display:flex}
.cr__meta dt{font:700 var(--fs-mono-sm)/1.6 var(--mono);text-transform:uppercase;min-width:5.5rem}
.cr__meta dd{overflow-wrap:anywhere;margin:0}
.cr__meta a,.cr-hero a{margin-block:-.6rem;padding-block:.6rem;display:inline-block}
.cr-games{background:var(--bone);border:var(--b) solid var(--ink);width:100%;box-shadow:var(--sh);grid-template-columns:repeat(auto-fill,minmax(min(100%,22rem),1fr));gap:0;display:grid}
.cr-games li{justify-content:space-between;gap:var(--s-4);padding:var(--s-3) var(--s-4);border-bottom:2px solid var(--ink);font-weight:600;display:flex}
.cr__owner{font:400 var(--fs-mono-sm)/1.4 var(--mono);text-align:right}
.cr-hero{font:900 var(--fs-d3)/1 var(--display);text-transform:uppercase;background:var(--green);border:var(--b) solid var(--ink);padding:var(--s-3) var(--s-4);box-shadow:var(--sh)}
.credits-page .footer{padding-bottom:var(--s-7)}
.footer__addr{max-width:50ch;color:var(--on-dark-2);font-style:normal}
.footer__contact{font:700 var(--fs-mono-sm)/1.4 var(--mono);gap:var(--s-2) var(--s-3);flex-wrap:wrap;align-items:center;display:flex}
.footer__contact a{font-size:1.25rem}
@media (width>=900px){.nav__menu,.sheet{display:none!important}
}
@media (width<=899px){.nav__links{display:none}
.nav__act{margin-left:auto}
.nav__menu{display:inline-flex}
}
@media (width<=1023px){.rating{justify-content:flex-start;align-items:center;gap:var(--s-4) var(--s-6);flex-flow:wrap;grid-area:auto/1/auto/-1}
.rating__line{max-width:26ch}
.rating__btn{width:auto}
.rcard--feat,.rev__more{grid-column:1/-1}
.find{grid-template-columns:minmax(0,1fr)}
.map{min-height:22rem}
}
@media (width<=380px),(width<=480px) and (height<=700px){.map__road b{font-size:.6875rem}
}
@media (width<=767px){:root{--pad-x:16px;--nav-h:60px;--nav-h-c:54px;--nav-offset:64px;--edge:calc(var(--road) + 14px);--gap:16px;--fs-mono-xs:.8125rem;--fs-mono-sm:.875rem;--fs-lead:1.125rem;--fs-d4:1.45rem;--fs-d3:clamp(1.6rem, 7vw, 2.1rem)}
body{padding-bottom:0}
.fine{font-size:.875rem}
.sec{padding-block-start:5.5rem}
.sec-head{margin-bottom:var(--s-5)}
.note{font-size:1rem}
.nav__in{gap:var(--s-3)}
.nav__act{gap:10px}
.nav__call{width:44px;padding:0}
.nav__call span{display:none}
.nav__call .ic{width:22px;height:22px}
.nav__brand{font-size:1.5rem}
.btn--sm{padding-inline:.85rem}
.nav--static .nav__brand{font-size:1.4rem}
.dock{z-index:var(--z-dock);background:var(--ink);border-top:var(--b) solid var(--green);padding:10px max(14px, env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));visibility:hidden;transition:transform .45s var(--ease), visibility 0s .45s;gap:12px;display:flex;position:fixed;inset:auto 0 0;transform:translateY(105%)}
.dock.is-on{visibility:visible;transition:transform .45s var(--ease), visibility 0s;transform:none}
.btn--dock{min-height:52px;padding-inline:var(--s-3);box-shadow:4px 4px 0 var(--bone);flex:1 1 0;font-size:1.3rem}
.dock .btn--ghost{box-shadow:4px 4px 0 var(--green);flex:0 0 38%}
.dock .btn--book .ic,.pill{display:none}
.footer{padding-bottom:calc(6rem + env(safe-area-inset-bottom))}
.credits-page .footer{padding-bottom:var(--s-7)}
.hero__pic{height:clamp(14rem,min(44svh,110vw),40rem)}
.hero__slab{padding-block:var(--s-5) var(--s-5)}
.hero__inner{gap:var(--s-3)}
.hero__line{max-width:24ch;font-size:1.125rem}
.hero__cta{grid-template-columns:1fr 1fr;gap:12px;width:100%;display:grid}
.hero__cta .btn{justify-content:center;width:100%;min-height:56px;padding-inline:.5rem;font-size:1.3rem}
.hero__cta .ic{display:none}
.hero__cta .btn--call .btn__stack{text-align:center;align-items:center}
.proof{scroll-snap-type:x proximity;scrollbar-width:none;width:calc(100% + var(--pad-x));margin:var(--s-1) 0 0 calc(var(--pad-x) * -1);padding:6px 12px 12px var(--pad-x);flex-wrap:nowrap;gap:14px;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 88%,#0000);mask-image:linear-gradient(90deg,#000 88%,#0000)}
.proof::-webkit-scrollbar{display:none}
.proof li{scroll-snap-align:start;flex:none}
.proof .sticker{white-space:nowrap}
.bento{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:14px;margin-left:-4px;padding:4px 12px 14px 4px;scroll-padding-inline:4px;display:flex;overflow-x:auto}
.bento::-webkit-scrollbar{display:none}
.rev__more::-webkit-scrollbar{display:none}
.bento>.tile{scroll-snap-align:start;min-height:27rem;padding:var(--s-4);flex:0 0 84%}
.bento>.tile:hover{box-shadow:var(--sh);transform:none}
.bento>.tile.dark:hover{box-shadow:6px 6px 0 var(--green)}
.bento>.tile--bookt,.bento>.tile--couch,.bento>.tile--snacks,.bento>.tile--squad,.bento>.tile--party{min-height:20rem}
.bento .tile__title{font-size:1.85rem}
.bento .tile>p{max-width:none}
.tile--ps5{grid-template-rows:auto minmax(15rem,1fr)}
.tile--pc .tile__copy{max-width:none}
.dots{margin-top:var(--s-1);flex-wrap:wrap;justify-content:center;display:flex}
.dot{background:0 0;border:0;width:28px;height:44px;padding:0;position:relative}
.dot:before{content:"";background:var(--bone);border:2px solid var(--ink);width:12px;height:12px;transition:width .25s var(--ease), background .2s;position:absolute;top:50%;left:50%;translate:-50% -50%}
.dot[aria-current=true]:before{background:var(--ink);width:22px}
.filters{top:var(--nav-h-c);z-index:10;margin:0 0 var(--s-3) calc(var(--pad-x) * -1);padding:8px 0 4px var(--pad-x);background:var(--bone);border-bottom:var(--b) solid var(--ink);transition:top .4s var(--ease);gap:6px;position:sticky}
.nav-gone .filters{top:0}
.filter-row{scrollbar-width:none;scroll-snap-type:x proximity;flex-wrap:nowrap;gap:10px;padding:2px 14px 8px 2px;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 90%,#0000);mask-image:linear-gradient(90deg,#000 90%,#0000)}
.filter-row::-webkit-scrollbar{display:none}
.chip{scroll-snap-align:start;white-space:nowrap;flex:none;min-height:44px}
.count{margin-bottom:var(--s-3)}
.games{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;gap:12px}
.gcard{aspect-ratio:1/1.08;box-shadow:var(--sh-sm);grid-column:auto}
.gcard.is-wide{grid-column:auto}
.gcard:hover{box-shadow:var(--sh-sm);transform:none}
.gcard:hover .gcard__art{transform:none}
.gcard__panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);gap:6px;width:calc(100% - 10px);margin:5px;padding:8px}
.gcard__title{font-size:1.05rem;line-height:1}
.gcard__meta,.tags,.gcard__quip{display:none}
.gcard__tap{z-index:2;background:0 0;border:0;width:100%;padding:0;display:block;position:absolute;inset:0}
.gcard.is-open{aspect-ratio:auto;min-height:15rem;box-shadow:var(--sh);grid-column:1/-1}
.gcard.is-open .gcard__panel{width:calc(100% - 16px);padding:var(--s-3) var(--s-4);margin:8px}
.gcard.is-open .gcard__title{font-size:1.6rem}
.gcard.is-open .gcard__meta,.gcard.is-open .tags,.gcard.is-open .gcard__quip{display:flex}
.gcard.is-open .gcard__meta{display:block}
.gcard.is-open .gcard__quip{font-size:1rem;display:block}
.rev{gap:var(--s-5);flex-direction:column;display:flex}
.rcard--feat{padding:var(--s-5) var(--s-4);order:1;transform:none}
.rcard--feat:hover{transform:none}
.rev__more{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;order:2;gap:14px;margin-left:-4px;padding:4px 12px 14px 4px;display:flex;overflow-x:auto}
.rev__more .rcard{scroll-snap-align:start;flex:0 0 86%}
.dots{order:3}
.rating{padding:var(--s-5) var(--s-4);flex-direction:column;order:4;align-items:flex-start}
.rating__num{font-size:7.5rem}
.rating__btn{width:100%}
.rcard__go{margin-left:0}
.rcard:before{font-size:6rem}
.find__card{padding:var(--s-4)}
.find__addr{max-width:none;font-size:1.0625rem}
.find__cta .btn{min-height:60px}
.find__dir{min-height:64px;padding-inline:var(--s-4);font-size:1.45rem}
.find__cta .btn--call{justify-content:center;font-size:1.5rem}
.find__maps{align-self:flex-start}
.map{aspect-ratio:1/1.05;min-height:0}
.map__cta{font-size:1.3rem}
.map__pin .ic{width:2.8rem;height:2.8rem}
.bookslab{padding:var(--s-4);gap:var(--s-5)}
.bookslab__cta{flex-direction:column;width:100%}
.bookslab__cta .btn{width:100%}
.btn--xl{min-height:64px;font-size:clamp(1.7rem,8vw,2.2rem)}
.choice{min-height:60px}
.pit__label{padding:6px 2px;font-size:.6875rem}
.pit{gap:5px}
}
@media (width<=380px){.nav__brand{flex-direction:column;gap:0;font-size:1.2rem;line-height:.85}
.nav__long{display:none}
.btn--sm{padding-inline:.7rem}
}
@container (width<=17.5rem){.hero__cta{grid-template-columns:1fr!important}
}
@media (width>=768px){.gcard__tap{display:none}
}
@media (width<=767px) and (height<=500px){.hero__pic{height:14rem}
}


/* --- additions for the static build (no-JS note) --- */
.noscript-note{background:var(--ink);color:var(--bone);border-bottom:3px solid var(--green);margin:0;padding:.8rem 1rem;font:700 .875rem/1.4 'Space Mono',monospace}.noscript-note a{color:var(--green)}