:root{--bg:#120f1d;--bg-glow:#2e1f4a;--surface:#1d182c;--surface-2:#272138;--surface-3:#312a46;--line:#3b3354;--text:#f5f1e8;--muted:#b8b0cc;--faint:#9a92b0;--mustard:#f5c542;--mustard-ink:#1d1404;--ketchup:#ff5a4e;--lettuce:#5cc46a;--bread:#e2a85a;--lavender:#c3a1ff;--focus:#ffe48a;--radius:16px;--radius-sm:10px;--font-body:"DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-ui:"Space Grotesk", system-ui, sans-serif;--font-display:"Bungee", "Space Grotesk", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font-body);color:var(--text);background:var(--bg);font-synthesis:none;-webkit-text-size-adjust:100%;font-size:16px;line-height:1.5}*{box-sizing:border-box}html{overflow-x:clip}body{background:radial-gradient(ellipse 80% 50% at 75% -5%, var(--bg-glow) 0, transparent 70%), radial-gradient(ellipse 60% 40% at 0% 100%, #2a1520 0, transparent 70%), var(--bg);min-height:100dvh;margin:0}h1,h2,h3,p,ul{margin:0}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.page{max-width:1160px;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 48px max(16px, env(safe-area-inset-left));margin:0 auto}.masthead{gap:10px;margin:24px 0 32px;display:grid}.eyebrow{font:700 12px var(--font-ui);letter-spacing:.18em;text-transform:uppercase;color:var(--lavender)}h1{font-family:var(--font-display);letter-spacing:.01em;color:var(--mustard);text-shadow:3px 3px #7a2a1c;overflow-wrap:anywhere;font-size:clamp(34px,10vw,72px);font-weight:400;line-height:1}h1 span{color:var(--ketchup);text-shadow:3px 3px #4a1010}.tagline{max-width:52ch;color:var(--muted);font-size:17px}.games{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:20px;padding:0;list-style:none;display:grid}.game{min-width:0;display:flex}.game-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);flex-direction:column;width:100%;transition:transform .18s,border-color .18s;display:flex;overflow:hidden;box-shadow:0 12px 32px #0000004d}.game:not(.game-soon) .game-card:hover,.game:not(.game-soon) .game-card:focus-within{border-color:var(--mustard);transform:translateY(-3px)}.game-body{flex:1;align-content:start;gap:10px;padding:18px 20px 20px;display:grid}.game-title{font:400 24px/1.1 var(--font-display);color:var(--mustard)}.game-blurb{color:var(--muted);font-size:15px}.game-score{font:500 14px var(--font-ui);color:var(--faint)}.game-score strong{color:var(--text);font-weight:700}.game-score[hidden]{display:none}.btn{border-radius:var(--radius-sm);min-width:140px;min-height:48px;font:700 18px/1 var(--font-ui);letter-spacing:.02em;justify-content:center;justify-self:start;align-items:center;margin-top:6px;padding:0 22px;text-decoration:none;transition:background .15s,transform .1s;display:inline-flex}.btn-primary{color:var(--mustard-ink);background:var(--mustard);box-shadow:0 4px #a9781a,0 10px 24px #f5c54240}.btn-primary:hover{background:#ffd35e}.btn-primary:active{transform:translateY(1px)scale(.98);box-shadow:0 2px #a9781a}.thumb{aspect-ratio:16/9;border-bottom:1px solid var(--line);position:relative;overflow:hidden}.thumb-footlong{background:radial-gradient(circle at 30% 45%,#ff5a4e59 0,#0000 55%),linear-gradient(135deg,#2e1f4a,#1a1328 70%)}.thumb-face{aspect-ratio:1;object-fit:cover;border:4px solid var(--ketchup);border-radius:50%;width:34%;height:auto;position:absolute;top:50%;left:12%;transform:translateY(-50%)rotate(-6deg);box-shadow:0 8px 24px #00000073}.thumb-bubble{font:400 clamp(13px, 4vw, 18px)/1 var(--font-display);color:#2a0a08;background:var(--text);box-shadow:3px 3px 0 var(--ketchup);border-radius:14px;padding:6px 12px;position:absolute;top:14%;left:44%;transform:rotate(4deg)}.thumb-sub{filter:drop-shadow(0 6px 12px #e2a85a59);width:46%;height:auto;animation:2.6s ease-in-out infinite bob;position:absolute;bottom:4%;right:6%;transform:rotate(-14deg)}@keyframes bob{0%,to{translate:0}50%{translate:0 -6px}}.thumb-spook{background:radial-gradient(at 50% 120%,#78141473 0,#0000 60%),linear-gradient(#0b0a10,#17121c 70%)}.thumb-spook .thumb-face{aspect-ratio:151/236;object-fit:contain;width:auto;height:74%;box-shadow:none;filter:grayscale(.5)contrast(1.15)brightness(.85)drop-shadow(0 0 14px #aa141499);image-rendering:pixelated;border:0;border-radius:0;top:44%;left:50%;transform:translate(-50%,-50%)}.thumb-spook-title{text-align:center;font:400 clamp(14px, 4.4vw, 20px)/1 var(--font-display);letter-spacing:.06em;color:#c9312b;text-shadow:0 2px #000,0 0 12px #c9312b80;position:absolute;bottom:8%;left:0;right:0}.game-soon .game-card{box-shadow:none;background:0 0;border-style:dashed}.thumb-soon{font:400 64px var(--font-display);color:var(--surface-3);background:var(--surface);place-items:center;display:grid}.game-soon .game-title{color:var(--muted)}@media (prefers-reduced-motion:reduce){.thumb-sub{animation:none}.game-card,.btn{transition:none}.game:not(.game-soon) .game-card:hover,.game:not(.game-soon) .game-card:focus-within{transform:none}}