@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{color-scheme:dark;--board-bg: #0d0d0d;--snake-color: #33cc33;--snake-head-color: #00ff00;--food-color: #e74c3c;--cell-radius: 0;--cell-gap: 0;--bg: #171a21;--bg-alt: #1b2838;--panel: #1b2838;--card: #2a475e;--text: #c7d5e0;--muted: #8f98a0;--accent: #66c0f4;--accent-hover: #7dc9f5;--accent-2: #e74c3c;--accent-3: #22c55e;--glow: rgba(102, 192, 244, .2);--shadow: rgba(0, 0, 0, .4);--space-xs: 6px;--space-sm: 12px;--space-md: 16px;--space-lg: 24px;--radius-sm: 2px;--radius-md: 8px;--radius-lg: 4px;--radius-pill: 999px;--ease-bounce: cubic-bezier(.34, 1.45, .64, 1);--ease-out-soft: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}@keyframes landing-float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(2%,-3%) scale(1.03)}66%{transform:translate(-3%,2%) scale(.98)}}@keyframes landing-float-alt{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-4%,-2%) scale(1.05)}}@keyframes landing-thumb-pulse{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.08);opacity:.55}}@keyframes landing-card-in{0%{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes landing-tagline-pop{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes landing-title-shine{0%,to{filter:brightness(1)}50%{filter:brightness(1.12)}}body{margin:0;font-family:DM Sans,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text)}.app{min-height:100vh;padding:28px 5vw 32px;background:var(--bg-alt)}.landing{position:relative;min-height:100vh;padding:0 5vw 32px;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;overflow-x:clip}.landing-atmosphere{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.landing-bubble{position:absolute;border-radius:50%;filter:blur(64px);opacity:.45;animation:landing-float 18s ease-in-out infinite}.landing-bubble--1{width:min(42vw,380px);height:min(42vw,380px);top:-8%;right:-5%;background:radial-gradient(circle,#66c0f48c,#66c0f400 70%)}.landing-bubble--2{width:min(50vw,420px);height:min(50vw,420px);bottom:15%;left:-12%;background:radial-gradient(circle,rgba(52,152,219,.4) 0%,rgba(26,188,156,.15) 50%,transparent 70%);animation:landing-float-alt 22s ease-in-out infinite;animation-delay:-4s}.landing-bubble--3{width:min(28vw,240px);height:min(28vw,240px);top:38%;left:35%;background:radial-gradient(circle,rgba(155,89,182,.35) 0%,transparent 65%);animation:landing-float 14s ease-in-out infinite;animation-delay:-7s}.landing-bubble--4{width:min(22vw,200px);height:min(22vw,200px);bottom:5%;right:20%;background:radial-gradient(circle,rgba(46,204,113,.3) 0%,transparent 65%);animation:landing-float-alt 16s ease-in-out infinite;animation-delay:-10s}.landing-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) var(--space-md);margin:0 calc(-1 * var(--space-md)) var(--space-md);background:#171a21b8;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(102,192,244,.2);border-radius:0 0 16px 16px;box-shadow:0 8px 32px #0003}.landing-brand-link{text-decoration:none;color:inherit}.landing-brand-link:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:var(--radius-sm)}.landing-brand{font-family:Inter,DM Sans,system-ui,sans-serif;font-weight:700;font-size:clamp(1.5rem,4vw,2.25rem);letter-spacing:-.03em;margin:0;background:linear-gradient(120deg,#c7d5e0,#66c0f4 35%,#a8e6ff,#66c0f4 75%,#c7d5e0);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:landing-title-shine 4s ease-in-out infinite}.landing-nav{display:flex;gap:var(--space-sm)}.landing-nav-link{font-family:Inter,DM Sans,system-ui,sans-serif;font-size:.95rem;color:var(--accent);text-decoration:none;padding:.35rem .85rem;border-radius:var(--radius-pill);transition:color .2s var(--ease-out-soft),background .25s var(--ease-out-soft),transform .25s var(--ease-bounce)}.landing-nav-link:hover{color:#0d0d0d;background:var(--accent);transform:scale(1.05)}.landing-nav-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.landing-main{flex:1;position:relative;z-index:1}.landing-tagline{font-family:Inter,DM Sans,system-ui,sans-serif;font-size:clamp(1.05rem,2.5vw,1.2rem);color:var(--text);margin:0 0 var(--space-lg);line-height:1.55;letter-spacing:.02em;text-shadow:0 0 40px rgba(102,192,244,.25);animation:landing-tagline-pop .7s var(--ease-bounce) both}.landing-section{margin-bottom:var(--space-lg);position:relative;z-index:1}.landing-section-title{font-family:Inter,DM Sans,system-ui,sans-serif;font-weight:600;font-size:1.35rem;margin:0 0 var(--space-md);color:var(--text);display:inline-flex;align-items:center;gap:.5rem}.landing-section-title:after{content:"";flex:1;min-width:2rem;height:4px;border-radius:999px;background:linear-gradient(90deg,var(--accent),rgba(102,192,244,.15));max-width:120px}.game-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-md)}.game-list.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.game-list.game-grid>li:nth-child(1) .game-card{animation:landing-card-in .65s var(--ease-bounce) both;animation-delay:.08s}.game-list.game-grid>li:nth-child(2) .game-card{animation:landing-card-in .65s var(--ease-bounce) both;animation-delay:.2s}.game-list.game-grid>li:nth-child(n+3) .game-card{animation:landing-card-in .65s var(--ease-bounce) both;animation-delay:.32s}.game-card{background:linear-gradient(165deg,#2a475ef2,#1b2838e0);border:1px solid rgba(102,192,244,.22);border-radius:20px;padding:0;box-shadow:0 4px 16px #00000047,0 0 0 1px #ffffff0a inset;transition:transform .35s var(--ease-bounce),box-shadow .35s var(--ease-out-soft),border-color .3s ease;overflow:hidden;display:flex;flex-direction:column;align-items:center}.game-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 16px 36px #00000059,0 0 28px #66c0f42e,0 0 0 1px #66c0f440 inset;border-color:#66c0f473}.game-card-thumb{aspect-ratio:16 / 10;width:100%;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}.game-card-thumb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.12) 0%,transparent 55%);pointer-events:none}.game-card-thumb-label{font-family:Inter,DM Sans,system-ui,sans-serif;font-weight:700;font-size:clamp(2rem,8vw,3rem);color:#ffffff6b;letter-spacing:-.02em;text-shadow:0 2px 20px rgba(0,0,0,.35);animation:landing-thumb-pulse 3.5s ease-in-out infinite;position:relative;z-index:1}.game-card-title,.game-card-desc{width:100%;box-sizing:border-box;padding-left:var(--space-lg);padding-right:var(--space-lg);text-align:center}.game-card-title{padding-top:var(--space-md);font-family:Inter,DM Sans,system-ui,sans-serif;font-weight:600;font-size:1.25rem;margin:0 0 var(--space-sm);color:var(--text)}.game-card-desc{font-size:.95rem;color:var(--muted);margin:0 0 var(--space-md);line-height:1.5;padding-bottom:0}.game-card-cta{display:inline-block;align-self:center;margin-bottom:var(--space-lg);text-decoration:none;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-pill);font-family:Inter,DM Sans,system-ui,sans-serif;font-weight:600;font-size:.95rem;cursor:pointer;border:none;transition:transform .3s var(--ease-bounce),box-shadow .3s var(--ease-out-soft),opacity .2s ease}.game-card-cta:hover{opacity:1;transform:scale(1.06);box-shadow:0 6px 24px #66c0f473}.game-card-cta:active{transform:scale(.98)}.game-card-cta:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.landing-footer{font-family:Inter,DM Sans,system-ui,sans-serif;margin-top:auto;padding-top:var(--space-lg);position:relative;z-index:1;border-top:1px solid rgba(102,192,244,.15);font-size:.85rem;color:var(--muted);text-align:center}.landing-footer span{display:inline-block;padding:.35rem 1rem;border-radius:var(--radius-pill);background:#66c0f414;border:1px solid rgba(102,192,244,.12)}@media (prefers-reduced-motion: reduce){.landing-bubble,.landing-brand,.landing-tagline,.game-card-thumb-label,.game-list.game-grid>li .game-card{animation:none!important}.landing-tagline{opacity:1;transform:none}.game-list.game-grid>li .game-card{opacity:1;transform:none}.landing-nav-link:hover,.game-card:hover,.game-card-cta:hover,.primary:hover{transform:none;box-shadow:none}}.game-nav{margin-bottom:var(--space-md)}.game-nav-back{font-size:.9rem;color:var(--accent);text-decoration:none}.game-nav-back:hover{color:var(--accent-hover)}.slither-page{--slither-arena-bg: #0d0d0d;--slither-hud-bg: rgba(0, 0, 0, .6);--slither-overlay-text: #e8e8e8;display:flex;flex-direction:column;gap:var(--space-md);min-height:100vh}.slither-page .game-nav{flex-shrink:0}.slither-arena{flex:1;min-height:75vh;background:var(--slither-arena-bg, var(--board-bg));overflow:hidden;border:1px solid rgba(255,255,255,.06)}.slither-arena-wrap{position:relative;width:100%;height:100%;min-height:400px}.slither-arena .slither-canvas-wrap{position:absolute;top:0;right:0;bottom:0;left:0}.slither-header{position:absolute;top:0;left:0;right:0;z-index:5;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--slither-hud-bg, rgba(0, 0, 0, .3));border-bottom:none}.slither-title{font-family:Space Grotesk,DM Sans,sans-serif;font-weight:700;font-size:1rem;letter-spacing:.02em;margin:0;color:var(--slither-overlay-text, var(--text))}.slither-actions{display:flex;align-items:center;gap:var(--space-sm)}.slither-header .primary,.slither-header .ghost{padding:var(--space-xs) var(--space-sm);font-size:.85rem}.slither-header .toggle-label,.slither-header .sensitivity-text{font-size:.8rem}.slither-kill-toast{position:absolute;top:22%;left:50%;transform:translate(-50%);z-index:8;max-width:min(90%,320px);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-pill);font-family:Inter,DM Sans,system-ui,sans-serif;font-size:.95rem;font-weight:600;text-align:center;color:#0d0d0d;background:linear-gradient(135deg,#ffd54a,#66c0f4);box-shadow:0 8px 28px #00000073,0 0 0 2px #ffffff40 inset;animation:slither-toast-pop .45s cubic-bezier(.34,1.45,.64,1) both;pointer-events:none}@keyframes slither-toast-pop{0%{opacity:0;transform:translate(-50%) scale(.85) translateY(8px)}to{opacity:1;transform:translate(-50%) scale(1) translateY(0)}}@media (prefers-reduced-motion: reduce){.slither-kill-toast{animation:none}}.slither-calibration-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius-md)}.slither-calibration-content{text-align:center;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.1)}.slither-calibration-text{font-family:Space Grotesk,DM Sans,sans-serif;font-weight:600;font-size:clamp(1.1rem,2.5vw,1.4rem);margin:0 0 var(--space-xs)}.slither-calibration-countdown{font-size:.9rem;color:var(--muted);margin:0}.slither-play-cta{margin-top:var(--space-sm);min-width:120px;font-size:1.1rem}.slither-play-cta:disabled{opacity:.4;cursor:not-allowed}.slither-game-over-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;background:#000000d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:var(--radius-md)}.slither-game-over-content{text-align:center;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.08)}.slither-game-over-title{font-family:Space Grotesk,DM Sans,sans-serif;font-weight:700;font-size:clamp(1.25rem,3vw,1.75rem);margin:0 0 var(--space-sm)}.slither-game-over-sub{font-size:.875rem;color:var(--muted);margin:0 0 var(--space-md)}.slither-game-over-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center}.slither-game-over-cta{margin:0;padding:var(--space-xs) var(--space-sm);font-size:.9rem}.slither-game-over-cta.primary{color:#0d0d0d}.slither-game-over-home{display:inline-block;text-decoration:none;padding:var(--space-xs) var(--space-sm)}.slither-win-overlay .slither-win-title{color:var(--accent)}.slither-canvas-wrap{position:relative;width:100%;height:100%;min-height:400px}.slither-canvas{display:block;width:100%;height:100%}.slither-minimap-wrap{position:absolute;right:8px;bottom:8px;width:140px;height:140px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.15);overflow:hidden;z-index:5}.slither-minimap{display:block;width:100%;height:100%}.slither-leaderboard{position:absolute;top:48px;right:0;z-index:5;min-width:120px;max-width:160px;padding:var(--space-sm) var(--space-md);background:var(--slither-hud-bg, rgba(0, 0, 0, .6));border:1px solid rgba(255,255,255,.06);border-right:none;border-radius:var(--radius-md) 0 0 var(--radius-md)}.slither-leaderboard-title{font-family:Space Grotesk,DM Sans,sans-serif;font-weight:600;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;margin:0 0 var(--space-sm);color:var(--muted)}.slither-speed-boost-cooldown{font-size:.7rem;color:var(--muted);margin:0 0 var(--space-sm)}.slither-powerups-section{margin-bottom:var(--space-sm)}.slither-powerups-title{font-size:.7rem;font-weight:600;color:var(--muted);margin:0 0 var(--space-xs);text-transform:uppercase;letter-spacing:.04em}.slither-powerups{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.slither-powerup{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;padding:6px 10px;border-radius:8px;font-weight:600;border:1px solid transparent;animation:slither-powerup-pulse 2s ease-in-out infinite}.slither-powerup-timer-wrap{position:relative;width:22px;height:22px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.slither-powerup-ring{position:absolute;width:100%;height:100%;top:0;left:0}.slither-powerup-ring-bg{stroke:#0003}.slither-powerup-ring-fill{stroke:currentColor;transition:stroke-dashoffset .15s linear}.slither-powerup-symbol{display:flex;align-items:center;justify-content:center;width:26px;height:26px;flex-shrink:0;border-radius:6px;background:#0003}.slither-powerup-icon{position:relative;z-index:1;flex-shrink:0}.slither-powerup-label{font-weight:600;letter-spacing:.02em}@keyframes slither-powerup-pulse{0%,to{opacity:1}50%{opacity:.92}}.slither-powerup-shield .slither-powerup-symbol{background:#50a0ff59}.slither-powerup-shield{background:#50a0ff38;color:#a8d4ff;border-color:#50a0ff80;box-shadow:0 0 14px #50a0ff33}.slither-powerup-ghost .slither-powerup-timer-wrap{background:#a078dc40;border-radius:50%}.slither-powerup-ghost{background:#a078dc38;color:#d4c0ff;border-color:#a078dc80;box-shadow:0 0 14px #a078dc33}.slither-powerup-magnet .slither-powerup-timer-wrap{background:#ffc83c40;border-radius:50%}.slither-powerup-magnet{background:#ffc83c38;color:#ffe899;border-color:#ffc83c8c;box-shadow:0 0 14px #ffc83c33}.slither-leaderboard-list{list-style:none;margin:0;padding:0}.slither-leaderboard-item{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) 0;font-size:.8rem}.slither-leaderboard-rank{color:var(--muted);min-width:1.5em}.slither-leaderboard-color{width:8px;height:8px;border-radius:50%;flex-shrink:0}.slither-leaderboard-length{font-weight:600}.slither-leaderboard-you{font-weight:700;color:var(--accent)}.slither-controls-hint{flex-shrink:0;margin:0;font-size:.7rem;color:var(--muted)}.hud{display:flex;flex-wrap:wrap;gap:var(--space-md) var(--space-lg);align-items:center;justify-content:space-between;margin-bottom:20px}.title h1{font-family:Space Grotesk,DM Sans,sans-serif;font-weight:700;font-size:clamp(.9rem,2.2vw,1.25rem);margin:8px 0 0;line-height:1.4;letter-spacing:-.02em}.eyebrow{font-family:Space Grotesk,DM Sans,sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.12em;font-size:.65rem;color:var(--muted);margin:0}.stats{display:flex;gap:18px;background:var(--card);border-radius:var(--radius-md);padding:var(--space-sm) 14px;border:1px solid rgba(255,255,255,.1)}.label{font-family:DM Sans,system-ui,sans-serif;font-weight:500;text-transform:uppercase;font-size:.7rem;letter-spacing:.18em;color:var(--muted);margin:0 0 6px}.value{font-family:Space Grotesk,DM Sans,sans-serif;font-weight:600;font-size:1.05rem;letter-spacing:.02em;margin:0}.score-value{position:relative;display:inline-flex;align-items:center;gap:10px}.score-pop{position:absolute;left:4px;top:140%;font-size:1rem;color:var(--accent-2);opacity:0;transform:translateY(0) scale(.9);pointer-events:none}.score-pop.show{animation:score-pop .5s ease forwards}.actions{display:flex;gap:var(--space-sm);align-items:center}button{border:none;font-family:inherit;cursor:pointer;outline:none}.toggle{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--radius-pill);background:var(--panel);border:1px solid rgba(255,255,255,.15);color:var(--text);font-size:.85rem;font-weight:600;cursor:pointer;position:relative}.toggle input{position:absolute;opacity:0;pointer-events:none}.toggle-track{width:44px;height:24px;border-radius:var(--radius-pill);background:#ffffff26;position:relative;transition:background .2s ease}.toggle-knob{position:absolute;left:12px;width:18px;height:18px;border-radius:50%;background:var(--muted);transform:translateY(0);transition:transform .2s ease,background .2s ease}.toggle input:checked~.toggle-track{background:var(--accent)}.toggle input:checked~.toggle-knob{transform:translate(20px);background:#fff}.toggle:focus-within .toggle-track{box-shadow:0 0 0 3px var(--accent)}.toggle input:focus-visible{outline:none}.sensitivity-label{display:inline-flex;align-items:center;gap:8px;color:var(--text);font-size:.85rem}.sensitivity-text{white-space:nowrap}.sensitivity-label input[type=range]{width:72px;height:6px;accent-color:var(--snake-color)}.primary{padding:var(--space-sm) var(--space-lg);background:var(--accent);color:#0d0d0d;font-weight:700;border-radius:var(--radius-pill);border:none;position:relative;overflow:hidden;transition:background .25s var(--ease-out-soft),transform .3s var(--ease-bounce),box-shadow .3s var(--ease-out-soft)}.ghost{padding:var(--space-sm) 22px;border-radius:var(--radius-pill);background:transparent;color:var(--text);border:1px solid rgba(255,255,255,.25);position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.primary:hover{background:var(--accent-hover);transform:translateY(-2px) scale(1.03);box-shadow:0 8px 24px #66c0f459}.ghost:hover{transform:translateY(-1px)}.primary:focus-visible,.ghost:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent)}.primary:active,.ghost:active{transform:translateY(0)}.primary:focus-visible:active,.ghost:focus-visible:active{box-shadow:0 0 0 3px var(--accent)}.arena{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.board{position:relative;aspect-ratio:1;background:var(--board-bg);border-radius:var(--radius-lg);overflow:hidden;border:4px solid #3d3d3d;box-shadow:0 4px 12px #00000080;width:min(80vh,600px);max-width:100%;transition:transform .35s ease}.board:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;border:1px solid rgba(255,255,255,.06);pointer-events:none}.camera-frame{width:100%;aspect-ratio:3 / 4;border-radius:8px 8px var(--radius-md) var(--radius-md);background:var(--panel);border:2px solid rgba(255,255,255,.12);overflow:hidden;display:grid;place-items:center;color:var(--muted);font-size:.9rem;position:relative;box-shadow:0 4px 12px #0006}.camera-frame-floating{aspect-ratio:unset;height:100%;border-radius:0;border:none;box-shadow:none}.camera-frame:after{content:"TRACKING WINDOW";position:absolute;bottom:8px;right:12px;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:#ffffff59}.camera-frame video{width:100%;height:100%;object-fit:cover;position:absolute;top:0;right:0;bottom:0;left:0}.camera-frame canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.camera-error-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);background:#000000d9;padding:var(--space-lg)}.camera-error-text{margin:0;color:#fff;font-size:1rem}.camera-error-hint{margin:0;color:var(--muted);font-size:.9rem;text-align:center;max-width:240px}.camera-calibration-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);background:#000c;padding:var(--space-lg)}.camera-calibration-text{margin:0;color:#fff;font-size:.95rem;text-align:center}.camera-calibration-bar{width:100%;max-width:200px;height:6px;border-radius:var(--radius-pill);background:#fff3;overflow:hidden}.camera-calibration-fill{height:100%;border-radius:var(--radius-pill);background:var(--snake-color);transition:width .08s ease-out}.camera-status{position:absolute;bottom:var(--space-sm);left:var(--space-sm);margin:0;padding:var(--space-xs) 10px;border-radius:var(--radius-pill);background:#000000bf;color:#fff;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.camera-badges{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) 12px;padding-right:56px;pointer-events:none}.camera-direction{margin:0;padding:var(--space-xs) 10px;border-radius:var(--radius-pill);background:var(--food-color);color:#fff;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.fps-badge{margin:0;padding:var(--space-xs) 10px;border-radius:var(--radius-pill);background:#000000b3;color:#fff;font-size:.75rem;letter-spacing:.05em}.nose-compass{position:absolute;right:12px;top:12px;width:44px;height:44px;border-radius:50%;background:#0006;display:grid;place-items:center;border:1px solid rgba(255,255,255,.15)}.nose-ring{position:absolute;width:32px;height:32px;border-radius:50%;border:1px dashed rgba(255,255,255,.2)}.nose-dot{width:8px;height:8px;border-radius:50%;background:var(--snake-head-color);transition:transform .12s ease-out}.grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:12% 12%;opacity:1}.board.playable{padding:12px}.board-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);animation:overlay-in .25s ease forwards}.board-overlay.game-over{background:#000000d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.board-overlay.paused{background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.board-overlay-content{text-align:center;padding:var(--space-lg) 32px;animation:overlay-content-in .3s ease .1s both}.board-overlay-title{font-family:Space Grotesk,DM Sans,sans-serif;font-weight:700;font-size:clamp(1.5rem,3.5vw,2.25rem);margin:0 0 8px;color:#fff;letter-spacing:-.02em}.board-overlay-sub{font-family:DM Sans,system-ui,sans-serif;font-size:.95rem;font-weight:500;color:#ffffffe0;margin:0 0 20px}.board-overlay-cta.primary{color:#0d0d0d}.board-overlay-cta{margin:0}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}@keyframes overlay-content-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.board-cells.snake-out{animation:shrink-out .35s ease forwards}.board-cells.snake-in{animation:pop-in .32s ease}.board-cells{position:relative;z-index:1;display:grid;grid-template-columns:repeat(18,1fr);grid-template-rows:repeat(18,1fr);width:100%;height:100%;gap:var(--cell-gap);transition:transform .12s ease-out}.cell{border-radius:var(--cell-radius);background:transparent}.cell.snake{background:var(--snake-color)}.cell.head{background:var(--snake-head-color)}.cell.food{background:var(--food-color)}.hud,.board{animation:rise .7s ease forwards;opacity:0;transform:translateY(14px)}.board{animation-delay:.1s}@keyframes rise{to{opacity:1;transform:translateY(0)}}@keyframes shrink-out{to{transform:scale(.85);opacity:.6}}@keyframes pop-in{0%{transform:scale(.9)}60%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes score-pop{0%{opacity:0;transform:translateY(0) scale(.9)}40%{opacity:1;transform:translateY(4px) scale(1)}to{opacity:0;transform:translateY(12px) scale(.98)}}@media (prefers-reduced-motion: reduce){.hud,.board{animation:none;opacity:1;transform:none}.board-cells.snake-out,.board-cells.snake-in{animation:none}.board-cells{transition:none}.score-pop.show{animation:none;opacity:0}.cell.food,.cell.head,.board-overlay,.board-overlay-content{animation:none}}@media (max-width: 900px){.actions{justify-content:flex-start}}@media (max-width: 720px){.hud{flex-direction:column;align-items:flex-start}}@media (max-width: 600px){.stats{flex-wrap:wrap}.board{width:min(80vh,92vw)}}