.games-page{width:min(1120px,100% - 3rem);min-height:72vh;margin:0 auto;padding:clamp(4.5rem,9vw,7rem) 0 6rem}.games-kicker,.game-command{color:var(--accent-blue);font:.82rem var(--font-mono);margin:0}.games-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.games-hero{max-width:720px;margin-bottom:3.5rem}.games-hero h1{letter-spacing:-.06em;max-width:none;margin:1rem 0 1.25rem;font-size:clamp(3rem,8vw,5.5rem)}.games-hero h1 span{color:var(--accent-green)}.games-intro{max-width:52ch;color:var(--text-body);margin:0;font-size:1.08rem;line-height:1.7}.games-hero-actions{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}.games-btn{border-radius:var(--control-radius);min-height:44px;transition:transform var(--control-transition), box-shadow var(--control-transition), background-color var(--control-transition);align-items:center;gap:.5rem;padding:.7rem 1.1rem;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-flex}.games-btn:hover{transform:translateY(-2px)}.games-btn-primary{background:var(--accent-green);color:#061208}.games-btn-primary:hover{background:#56d364;box-shadow:0 6px 18px #3fb95033}.games-btn-outline{border:1px solid var(--accent-blue);color:var(--accent-blue)}.games-btn-outline:hover{background:#58a6ff1a;box-shadow:0 0 20px #58a6ff33}.games-btn:active{box-shadow:none;transform:translateY(1px)scale(.98)}.games-list{scroll-margin-top:6rem}.games-list-heading{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.25rem;display:flex}.games-list-heading h2{letter-spacing:-.03em;margin:.5rem 0 0;font-size:1.6rem}.games-list-heading h2 span{color:var(--text-dim);font:500 .8rem var(--font-mono)}.games-live,.game-status{color:var(--text-dim);font:.68rem var(--font-mono);letter-spacing:.04em;align-items:center;gap:.5rem;display:inline-flex}.games-live i,.game-status i{background:var(--accent-green);border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px #3fb950a6}.game-description{white-space:pre-line;width:100%;max-width:none;color:var(--text-dim);margin:0;font-size:.95rem;line-height:1.65}.arcade-meta{grid-template-columns:minmax(0,1.15fr) repeat(2,minmax(0,1fr));gap:.75rem;margin:.3rem 0 .5rem;padding:0;list-style:none;display:grid}.arcade-meta li{min-width:0;color:var(--text-dim);grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:.5rem;font-size:.7rem;display:grid}.arcade-meta li svg{color:var(--accent-green);grid-row:span 2}.arcade-meta li span{font-family:var(--font-mono)}.arcade-meta li strong{min-width:0;color:var(--text-heading);overflow-wrap:anywhere;font-size:.85rem;font-weight:650}.arcade-cta{border-radius:var(--control-radius);background:var(--accent-green);color:#061208;white-space:nowrap;transition:transform var(--control-transition), background-color var(--control-transition), box-shadow var(--control-transition);border:1px solid #0000;align-items:center;gap:.5rem;margin-top:0;padding:.7rem 1.05rem;font-size:.88rem;font-weight:700;text-decoration:none;display:inline-flex}.games-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.15rem;display:grid}.game-card{min-width:0;min-height:0;transition:transform var(--control-transition), border-color var(--control-transition), box-shadow var(--control-transition);background:linear-gradient(145deg,#141d18f2,#0d1117fa 70%);border:1px solid #3fb9503d;border-radius:14px;flex-direction:column;gap:.85rem;padding:clamp(1.15rem,2vw,1.5rem);display:flex}.game-card:hover{border-color:#3fb950a6;transform:translateY(-3px);box-shadow:0 12px 32px #0000003d,0 0 22px #3fb95012}.game-card:focus-within{border-color:var(--accent-green)}.game-card-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.game-card-top code{color:var(--accent-blue);font:700 .72rem var(--font-mono)}.game-card h3{color:var(--text-heading);letter-spacing:-.035em;margin:.2rem 0 0;font-size:clamp(1.45rem,2.5vw,1.8rem)}.game-card .game-description{flex:1 0 auto;min-height:3.3em}.game-card .arcade-meta{margin-top:0;padding-top:.15rem}.game-card-action{margin-top:0;padding:.9rem 0;display:flex}.game-card-action .arcade-cta{margin-left:auto}.game-card-footer{border-top:1px solid #8b949e24;justify-content:space-between;align-items:flex-end;gap:1rem;padding-top:.75rem;display:flex}.game-card-footer .game-card-action{flex:none;padding:0}.game-contributor-group{gap:.35rem;width:100%;min-width:0;display:grid}.game-contributors{flex-wrap:wrap;align-items:center;gap:.35rem;min-width:0;display:flex}.game-contributors-label{color:var(--text-dim);font:.65rem var(--font-mono)}.game-contributors a{min-width:0;min-height:28px;color:var(--text-body);overflow-wrap:anywhere;background:#8b949e0d;border:1px solid #8b949e29;border-radius:5px;align-items:center;gap:.35rem;padding:0 .5rem;font-size:.72rem;font-weight:600;text-decoration:none;display:inline-flex}.game-contributors a span{overflow-wrap:anywhere;min-width:0}.game-contributors a svg{fill:currentColor;width:13px;height:13px;color:var(--accent-green);flex:none}.game-contributors a:hover{color:var(--text-heading);background:#3fb95014;border-color:#3fb95070}.arcade-cta:hover{background:#56d364;transform:translateY(-1px);box-shadow:0 5px 16px #3fb95033}.arcade-cta:active{box-shadow:none;transform:translateY(1px)scale(.98)}.arcade-cta:focus-visible,.game-contributors a:focus-visible{outline:2px solid var(--accent-blue);outline-offset:3px}.arcade-contribute{border:1px dashed var(--border-default);background:#0d111799;border-radius:16px;grid-template-columns:minmax(0,.8fr) minmax(0,2fr);grid-template-areas:"head steps""link steps";align-items:start;gap:1rem 2rem;margin-top:3.5rem;padding:1.75rem;scroll-margin-top:6rem;display:grid}.arcade-contribute-head{grid-area:head}.arcade-contribute-head h2{letter-spacing:-.04em;margin:.6rem 0 0;font-size:1.7rem}.arcade-steps{grid-area:steps;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.arcade-steps li{border:1px solid var(--border-default);background:var(--bg-card);border-radius:12px;padding:1rem}.arcade-step-icon{width:36px;height:36px;color:var(--accent-blue);background:#58a6ff17;border:1px solid #58a6ff59;border-radius:9px;place-items:center;margin-bottom:.8rem;display:grid}.arcade-steps h3{color:var(--text-heading);margin:0 0 .35rem;font-size:.98rem}.arcade-steps p{color:var(--text-dim);margin:0;font-size:.82rem;line-height:1.55}.arcade-contribute-link{min-height:44px;color:var(--accent-green);text-underline-offset:4px;transition:color var(--control-transition);grid-area:link;align-items:center;gap:.45rem;font-size:.88rem;font-weight:650;text-decoration:none;display:inline-flex}.arcade-contribute-link:hover{text-decoration:underline}.games-back{min-height:44px;color:var(--text-dim);align-items:center;gap:.5rem;text-decoration:none;display:inline-flex}.games-back:hover{color:var(--text-heading)}.snake-heading{margin:1.75rem 0 2rem}.snake-heading h1{letter-spacing:-.06em;max-width:none;margin:.9rem 0 .6rem;font-size:clamp(2.6rem,6vw,4.2rem)}.snake-heading h1 span{color:var(--accent-green)}.snake-heading>p:last-child{color:var(--text-dim);margin:0;line-height:1.6}.snake-layout{grid-template-columns:minmax(0,1fr) 300px;grid-template-areas:"arena score""arena rules";align-items:start;gap:1.25rem;display:grid}.snake-arena{grid-area:arena}.snake-score{grid-area:score}.snake-rules{grid-area:rules}.snake-score,.snake-rules,.snake-arena{border:1px solid var(--border-default);background:#0d1117eb;border-radius:14px}.snake-score{padding:1.1rem}.score-head{justify-content:space-between;align-items:center;display:flex}.snake-pill{font:700 .62rem var(--font-mono);letter-spacing:.06em;border:1px solid;border-radius:999px;padding:.18rem .5rem}.snake-pill.is-idle{color:var(--accent-blue)}.snake-pill.is-running,.snake-pill.is-won{color:var(--accent-green)}.snake-pill.is-paused{color:var(--icon-yellow)}.snake-pill.is-lost{color:var(--icon-orange)}.score-main{align-items:baseline;gap:.6rem;margin:.9rem 0 .8rem;display:flex}.score-main strong{color:var(--text-heading);font:800 3.6rem/1 var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.06em}.score-main span{color:var(--text-dim);font:.78rem var(--font-mono)}.score-graph{grid-template-columns:repeat(15,minmax(0,1fr));gap:3px;margin:0 0 1rem;padding:0;list-style:none;display:grid}.score-graph li{aspect-ratio:1;background:#161b22;border:1px solid #f0f6fc12;border-radius:3px;transition:background .2s,box-shadow .2s}.score-graph li.on[data-level="1"]{background:#0e4429}.score-graph li.on[data-level="2"]{background:#006d32}.score-graph li.on[data-level="3"]{background:#26a641}.score-graph li.on[data-level="4"]{background:#39d353;box-shadow:0 0 8px #39d35373}.score-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:0 0 1rem;display:grid}.score-stats div{border:1px solid var(--border-default);background:var(--bg-card);border-radius:9px;padding:.6rem .65rem}.score-stats dt{color:var(--text-dim);font:.62rem var(--font-mono);text-transform:uppercase;letter-spacing:.05em}.score-stats dd{color:var(--text-heading);font:700 1.05rem var(--font-mono);font-variant-numeric:tabular-nums;margin:.2rem 0 0}.score-ttl-label{color:var(--text-dim);font:.7rem var(--font-mono);justify-content:space-between;margin-bottom:.45rem;display:flex}.score-ttl-label strong{color:var(--text-heading)}.score-ttl-bar{background:#161b22;border-radius:999px;height:6px;overflow:hidden}.score-ttl-bar i{border-radius:inherit;background:var(--accent-green);height:100%;transition:width 1s linear,background .2s;display:block}.score-ttl[data-warn=true] .score-ttl-bar i{background:var(--icon-orange)}.score-ttl[data-warn=true] .score-ttl-label strong{color:var(--icon-orange)}.snake-arena{padding:.75rem;box-shadow:0 20px 60px #00000040}.arena-bar{align-items:center;gap:.75rem;padding:.15rem .2rem .75rem;display:flex}.arena-dots{gap:6px;display:inline-flex}.arena-dots i{background:#3a424d;border-radius:50%;width:10px;height:10px}.arena-dots i:first-child{background:#f85149}.arena-dots i:nth-child(2){background:var(--icon-yellow)}.arena-dots i:nth-child(3){background:var(--accent-green)}.arena-title{min-width:0;color:var(--text-dim);font:.72rem var(--font-mono);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.snake-pause{border:1px solid var(--border-default);border-radius:var(--control-radius);background:var(--bg-card);min-height:44px;color:var(--text-body);font:.72rem var(--font-sans);cursor:pointer;align-items:center;gap:.35rem;padding:.3rem .65rem;display:inline-flex}.snake-pause:hover:not(:disabled){border-color:var(--accent-blue);background:#58a6ff1a}.snake-pause:active:not(:disabled){transform:scale(.97)}.snake-pause:disabled{opacity:.4;cursor:not-allowed}.arena-screen{touch-action:none;-webkit-user-select:none;user-select:none;border:1px solid #29333e;border-radius:9px;position:relative;overflow:hidden}.arena-canvas{aspect-ratio:20/14;width:100%;display:block}.arena-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#010409b8;place-items:center;padding:1rem;display:grid;position:absolute;inset:0}.arena-overlay.is-won{background:#0104098c;animation:.4s 1.3s both overlay-in}@keyframes overlay-in{0%{opacity:0}}.overlay-card{text-align:center;flex-direction:column;align-items:center;max-width:340px;display:flex}.overlay-card h2{margin:.5rem 0;font-size:clamp(1.6rem,4vw,2.3rem)}.is-won .overlay-card h2{color:#7ee787;text-shadow:0 0 18px #3fb95073}.overlay-text{color:var(--text-dim);margin:0 0 1.1rem;font-size:.9rem;line-height:1.5}.overlay-badge{color:var(--icon-yellow);font:.68rem var(--font-mono);border:1px solid #e3b34180;border-radius:999px;margin:-.4rem 0 1rem;padding:.2rem .6rem}.overlay-hint{color:var(--text-dim);font:.7rem var(--font-mono);margin:.8rem 0 0}.snake-start{border-radius:var(--control-radius);background:var(--accent-green);color:#07130a;min-height:44px;font:700 .85rem var(--font-sans);cursor:pointer;transition:transform var(--control-transition), background-color var(--control-transition), box-shadow var(--control-transition);border:1px solid #0000;align-items:center;gap:.55rem;padding:.65rem 1.1rem;display:inline-flex}.snake-start:hover{background:#56d364;transform:translateY(-2px);box-shadow:0 6px 18px #3fb95033}.snake-start:active{box-shadow:none;transform:translateY(1px)scale(.98)}.snake-touch{display:none}.snake-touch button{color:#c9d1d9;touch-action:manipulation;background:linear-gradient(145deg,#1c2631,#111820);border:1px solid #3d4c5b;border-radius:12px;place-items:center;width:100%;height:52px;display:grid}.snake-touch button:active{background:#1f3b5b;border-color:#79c0ff}.snake-touch svg{width:24px;height:24px}.snake-rules{padding:1.1rem}.snake-rules ol{counter-reset:rule;gap:.7rem;margin:.9rem 0 1.1rem;padding:0;list-style:none;display:grid}.snake-rules li{color:var(--text-dim);counter-increment:rule;padding-left:1.8rem;font-size:.82rem;line-height:1.55;position:relative}.snake-rules li:before{width:1.2rem;height:1.2rem;color:var(--accent-green);content:counter(rule);font:700 .65rem var(--font-mono);background:#3fb9501f;border-radius:5px;place-items:center;display:grid;position:absolute;top:.05rem;left:0}.snake-rules li b{color:var(--text-heading);font-weight:650}.snake-keys{border-top:1px solid var(--border-default);gap:.5rem;padding-top:1rem;display:grid}.snake-keys p{color:var(--text-dim);align-items:center;gap:.3rem;margin:0;font-size:.75rem;display:flex}.snake-keys span{margin-left:.35rem}.snake-keys kbd{border:1px solid var(--border-default);background:var(--bg-card);min-width:24px;color:var(--text-body);font:.7rem var(--font-mono);text-align:center;border-radius:4px;padding:.22rem .4rem}.bug-file{color:#484f58}.bug-actions{flex:none;gap:.4rem;display:flex}.bug-actions .snake-pause[aria-pressed=false]{color:var(--text-dim)}.bug-health{margin-bottom:1rem}.bug-health-cells{gap:6px;margin:0;padding:0;list-style:none;display:flex}.bug-health-cells li{border:1px solid var(--border-default);background:linear-gradient(90deg, var(--accent-green) calc(var(--fill,0) * 100%), var(--bg-card) 0);border-radius:3px;flex:1;height:12px;transition:border-color .2s}.bug-health-cells li.on{border-color:var(--accent-green)}.score-stats .bug-mult dd{color:var(--accent-green)}.score-stats .bug-mult.is-fever{border-color:var(--accent-green)}.bug-board{cursor:crosshair;height:560px;font:.875rem/28px var(--font-mono);-webkit-user-select:none;user-select:none;background:#05080d;border:1px solid #29333e;border-radius:9px;transition:border-color .2s;position:relative;overflow:hidden}.bug-board.is-running{touch-action:none}.bug-board.is-slow{border-color:var(--icon-purple)}.bug-board.is-fever{border-color:var(--accent-green);animation:.9s ease-in-out infinite alternate bug-fever;box-shadow:inset 0 0 40px #3fb95038,0 0 20px #3fb95040}@keyframes bug-fever{to{box-shadow:inset 0 0 70px #3fb95038,0 0 40px #3fb95040}}.bug-code{color:#2a313c;pointer-events:none;padding:14px 0;position:absolute;inset:0}.bug-code p{white-space:pre;gap:18px;height:28px;margin:0;display:flex}.bug-code span{color:#20262f;text-align:right;flex:none;width:40px}.bug-tint,.bug-flash{pointer-events:none;position:absolute;inset:0}.bug-flash{opacity:0}.bug-tint{opacity:0;background:#58a6ff12;transition:opacity .3s}.bug-board.is-slow .bug-tint{opacity:1}.bug-tone-bug{--chip-bg:#f851491f;--chip-border:#f851498c;--chip-color:#ff7b72;--chip-glow:0 0 18px #f851492e}.bug-tone-code{--chip-bg:var(--bg-card);--chip-border:var(--border-default);--chip-color:var(--text-body)}.bug-tone-feature{--chip-bg:#58a6ff1a;--chip-border:#58a6ff73;--chip-color:#79c0ff}.bug-tone-bomb{--chip-bg:#1f1206;--chip-border:var(--icon-orange);--chip-color:#ffa657;--chip-glow:0 0 20px #f0883e40}.bug-tone-power{--chip-bg:#bc8cff1f;--chip-border:#bc8cff99;--chip-color:#d2a8ff;--chip-glow:0 0 22px #bc8cff4d}.bug-chip{will-change:transform, opacity;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;gap:3px;padding:0;display:flex;position:absolute}.bug-chip.is-hit{pointer-events:none}.bug-chip.is-miss{--chip-border:#d29922}.bug-chip-body,.bug-tag{border:1px solid var(--chip-border);background:var(--chip-bg);color:var(--chip-color);white-space:nowrap;align-items:center;display:flex}.bug-chip-body{height:30px;box-shadow:var(--chip-glow,none);border-radius:7px;gap:8px;padding:0 12px;font-size:.875rem;font-weight:500}.bug-chip-body b,.bug-tag b{font-weight:700}.bug-chip.is-big .bug-chip-body{height:40px;font-size:1rem;font-weight:700}.bug-chip.is-mini .bug-chip-body{height:26px;font-size:.8125rem}.bug-chip.is-disguise .bug-chip-body,.bug-tag.is-disguise{text-underline-offset:5px;-webkit-text-decoration:underline wavy #f85149bf;text-decoration:underline wavy #f85149bf}.bug-tag.is-disguise{text-underline-offset:4px}.bug-chip.is-hit .bug-chip-body{text-decoration:line-through}.bug-pip{background:#3a1d1d;border-radius:2px;width:8px;height:8px;display:block}.bug-pip.on{background:#ff7b72}.bug-tag .bug-pip{width:7px;height:7px}.bug-chip-ttl{background:var(--bg-card);border-radius:2px;height:2px;display:block;overflow:hidden}.bug-chip-ttl i{background:var(--chip-border);transform-origin:0;height:100%;display:block}.bug-boss{width:min(360px,100% - 24px);color:var(--text-body);font:.75rem/1.3 var(--font-mono);text-align:left;cursor:pointer;background:#1a0b0d;border:2px solid #f85149;border-radius:12px;flex-direction:column;gap:10px;padding:16px 18px;display:flex;position:absolute;top:44%;left:50%;box-shadow:0 0 50px #f8514940}.bug-boss>span{justify-content:space-between;align-items:center;display:flex}.bug-boss-head{color:#ff7b72}.bug-boss-head strong{font-size:1.125rem;font-weight:800}.bug-boss .bug-boss-meta{color:var(--text-dim)}.bug-boss .bug-boss-bar{background:#2d1215;border-radius:3px;height:10px;display:block;overflow:hidden}.bug-boss-bar i{transform-origin:0;background:#f85149;height:100%;display:block;transform:scaleX(0)}.bug-boss .bug-boss-bar.is-time{height:3px}.bug-boss-bar.is-time i{background:#d29922}.bug-boss .bug-boss-hint{color:#6e7681;justify-content:center;font-size:.6875rem}.bug-fx{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.bug-banner{text-align:center;pointer-events:none;flex-direction:column;align-items:center;gap:2px;padding:0 1rem;line-height:1.4;display:flex;position:absolute;top:34px;left:0;right:0}.bug-banner strong{color:var(--banner);letter-spacing:.04em;text-shadow:0 0 24px var(--banner);font-size:clamp(1.4rem,5vw,2.125rem);font-weight:800;line-height:1.2}.bug-banner span{color:var(--text-body);font-size:.8125rem}.bug-combo{color:var(--accent-green);pointer-events:none;align-items:baseline;gap:8px;line-height:1.2;display:flex;position:absolute;bottom:12px;right:16px}.bug-combo.is-fever{color:#7ee787}.bug-combo small{color:var(--text-dim);letter-spacing:.12em;font-size:.75rem}.bug-combo strong{font-size:2.125rem;font-weight:800;display:block}.bug-combo span{color:var(--text-dim);font-size:.8125rem}.bug-status{color:#6e7681;pointer-events:none;font-size:.75rem;line-height:1.2;position:absolute;bottom:12px;left:16px}.bug-status.is-slow{color:#d2a8ff}.bug-board .arena-overlay{cursor:default;font-family:var(--font-sans);line-height:normal}.bug-board .overlay-card{max-width:420px}.bug-board .arena-overlay.is-lost{animation:.35s .5s both overlay-in}.bug-board .is-lost .games-kicker{color:#f85149}.bug-board .is-lost.is-bomb .games-kicker{color:#ffa657}.bug-next{color:var(--accent-green);font:.75rem var(--font-mono);margin:-.4rem 0 1rem}.bug-guide{border-top:1px solid var(--border-default);font:.72rem var(--font-mono);margin-bottom:1rem;padding-top:1rem}.bug-guide-title{color:var(--text-dim);letter-spacing:.1em;margin:0 0 .6rem;font-size:.65rem}.bug-guide ul{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.snake-rules .bug-guide li{color:var(--text-dim);font-size:inherit;counter-increment:none;justify-content:space-between;align-items:center;gap:.6rem;padding-left:0;line-height:1.4;display:flex}.snake-rules .bug-guide li:before{content:none}.bug-guide li>span:last-child{white-space:nowrap;flex:none}.bug-tag{border-radius:6px;gap:6px;min-width:0;padding:.2rem .55rem}.bug-guide .is-danger{color:#ffa657}@media (prefers-reduced-motion:reduce){.bug-board.is-fever{animation:none}}@media (max-width:900px){.arcade-contribute{grid-template-columns:1fr;grid-template-areas:"head""steps""link"}.snake-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"score""arena""rules"}.snake-score{padding:.9rem}.score-main{margin:.6rem 0}.score-main strong{font-size:2.6rem}}@media (max-width:760px){.games-grid{grid-template-columns:1fr}}@media (max-width:540px){.games-page{width:calc(100% - 2rem);padding-top:3.5rem}.games-hero{margin-bottom:2.5rem}.games-hero h1{font-size:clamp(2.8rem,15vw,4rem)}.games-list-heading{flex-direction:column;align-items:start}.games-grid,.arcade-meta{grid-template-columns:1fr}.game-card .game-description{min-height:0}.game-card-action .arcade-cta{margin-left:0}.arcade-steps{grid-template-columns:1fr}.arcade-contribute{padding:1.1rem}.snake-arena{padding:.55rem}.arena-title{font-size:.65rem}.score-graph{gap:2px}}@media (max-width:540px),(hover:none) and (pointer:coarse){.snake-touch{grid-template-columns:repeat(3,1fr);grid-template-areas:".up.""left down right";gap:.4rem;width:min(260px,100%);margin:.8rem auto .2rem;display:grid}.dpad-up{grid-area:up}.dpad-left{grid-area:left}.dpad-down{grid-area:down}.dpad-right{grid-area:right}.snake-keys{display:none}}.octo-page{padding-top:clamp(3.5rem,7vw,6rem)}.octo-mute-btn{z-index:20;border:1px solid var(--border-default);background:var(--bg-card);cursor:pointer;border-radius:8px;place-items:center;width:38px;height:38px;font-size:1.1rem;transition:border-color .15s;display:grid;position:fixed;top:5rem;right:1rem}.octo-mute-btn:hover{border-color:var(--accent-blue)}.octo-back{color:var(--text-dim);align-items:center;gap:.4rem;margin-bottom:1.5rem;font-size:.85rem;text-decoration:none;display:inline-flex}.octo-back:hover,.octo-back-link:hover{color:var(--text-heading)}.octo-back-link{color:var(--text-dim);align-items:center;gap:.4rem;font-size:.85rem;text-decoration:none;display:inline-flex}.octo-game-wrap{max-width:760px;margin:0 auto;padding-bottom:4rem;position:relative}@keyframes octo-shake-anim{0%{transform:translate(0)}15%{transform:translate(-8px)}30%{transform:translate(8px,2px)}45%{transform:translate(-6px,-2px)}60%{transform:translate(6px)}75%{transform:translate(-4px,2px)}90%{transform:translate(4px)}to{transform:translate(0)}}.octo-shake{animation:.42s steps(4,end) both octo-shake-anim}.octo-tint:after{content:"";pointer-events:none;z-index:10;background:#ef44442e;transition:opacity .4s;position:fixed;inset:0}.octo-screen{text-align:center;flex-direction:column;align-items:center;gap:1.25rem;max-width:520px;margin:0 auto;padding:1.5rem 1rem 4rem;display:flex}.octo-title{letter-spacing:-.06em;background:linear-gradient(135deg, var(--accent-blue), var(--icon-purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;max-width:none;margin:0;font-size:clamp(3rem,10vw,5rem)}.octo-intro{max-width:48ch;color:var(--text-body);margin:0;font-size:1rem;line-height:1.7}.octo-rules-box{border:1px solid var(--border-default);background:var(--bg-card);text-align:left;border-radius:14px;width:100%;padding:1.25rem 1.5rem}.octo-rules-heading{color:var(--text-heading);margin:0 0 .75rem;font-size:1rem}.octo-rules-list{color:var(--text-body);margin:0 0 .9rem;padding-left:1.3rem;font-size:.88rem;line-height:1.7}.octo-rules-list li{margin-bottom:.3rem}.octo-rules-list kbd{border:1px solid var(--border-default);background:var(--bg-base);color:var(--text-body);font:.75rem var(--font-mono);border-radius:4px;padding:.15rem .35rem}.octo-scoring-note{color:var(--text-dim);font:.8rem var(--font-mono);margin:0}.octo-hint-text{color:var(--text-dim);font:.78rem var(--font-mono);margin:0}.octo-hint-text kbd{border:1px solid var(--border-default);background:var(--bg-base);font:inherit;border-radius:4px;padding:.12rem .32rem}.octo-btn{min-height:44px;font:700 .9rem var(--font-sans);cursor:pointer;border:2px solid #0000;border-radius:8px;align-items:center;gap:.5rem;padding:.7rem 1.3rem;text-decoration:none;transition:transform .18s,box-shadow .18s;display:inline-flex}.octo-btn:hover{transform:translateY(-2px)}.octo-btn-primary{background:var(--accent-green);border-color:var(--accent-green);color:#061208}.octo-btn-primary:hover{box-shadow:0 0 22px #3fb95066}.octo-btn-outline{border-color:var(--accent-blue);color:var(--accent-blue);background:0 0}.octo-btn-outline:hover{background:#58a6ff1a;box-shadow:0 0 18px #58a6ff33}.octo-mascot-wrap{z-index:0;pointer-events:none;transition:transform .8s cubic-bezier(.22,1,.36,1);position:relative}.octo-mascot-no-motion{transition:none}.octo-mascot-img{image-rendering:pixelated;display:block}.octo-play-layout{grid-template-columns:120px minmax(0,1fr);align-items:start;gap:1.25rem;padding-bottom:3rem;display:grid}.octo-side-col{flex-direction:column;align-items:center;gap:.75rem;display:flex;position:sticky;top:6rem}.octo-depth-badge{text-align:center;flex-direction:column;align-items:center;gap:.1rem;display:flex}.octo-depth-num{font:700 1.4rem var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.04em}.octo-depth-zone-label{font:.5rem var(--font-mono);text-transform:uppercase;letter-spacing:.05em}.octo-streak-badge{color:var(--icon-yellow);font:700 .78rem var(--font-sans);border:1px solid #e3b34173;border-radius:999px;padding:.2rem .5rem}.octo-main-col{flex-direction:column;gap:.9rem;display:flex}.octo-q-header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.octo-round-badge{color:var(--text-dim);font:.75rem var(--font-mono)}.octo-level-badge{font:700 .65rem var(--font-mono);letter-spacing:.05em;text-transform:uppercase;border:1px solid;border-radius:999px;padding:.18rem .5rem}.octo-level-easy{color:var(--accent-green)}.octo-level-tech{color:var(--accent-blue)}.octo-timer-bar{align-items:center;gap:.6rem;display:flex}.octo-timer-track{border:1px solid var(--border-default);background:#1a2030;border-radius:999px;flex:1;height:8px;overflow:hidden}.octo-timer-fill{border-radius:inherit;background:var(--accent-green);height:100%;transition:width 1s linear,background .3s}.octo-timer-locked .octo-timer-fill{transition:none}.octo-timer-warn .octo-timer-fill{background:var(--icon-orange)}.octo-timer-text{min-width:2.5ch;color:var(--text-dim);font:.78rem var(--font-mono);font-variant-numeric:tabular-nums;text-align:right}.octo-timer-warn .octo-timer-text{color:var(--icon-orange);font-weight:700}.octo-question-card{border:1px solid var(--zone-color,var(--border-default));background:linear-gradient(145deg,#161b22f5,#0d1117f5);border-radius:14px;padding:1.1rem 1.25rem;box-shadow:0 0 24px #58a6ff0f}.octo-question-text{color:var(--text-heading);letter-spacing:-.02em;margin:0;font-size:clamp(1.1rem,3vw,1.4rem);font-weight:700;line-height:1.35}.octo-result-pop{font:700 .9rem var(--font-sans);border-radius:8px;padding:.55rem .9rem;animation:.2s octo-pop-in}@keyframes octo-pop-in{0%{opacity:0;transform:translateY(-6px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.octo-result-correct{color:var(--accent-green);background:#3fb9501f;border:1px solid #3fb95059}.octo-result-wrong{color:#f87171;background:#ef44441f;border:1px solid #ef444459}.octo-pts-earned{color:var(--text-heading)}.octo-why-text{border-left:3px solid var(--zone-color,var(--accent-blue));color:var(--text-dim);background:#58a6ff0d;border-radius:0 8px 8px 0;margin:0;padding:.6rem .9rem;font-size:.85rem;line-height:1.55}.octo-tiles-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}.octo-tile{cursor:pointer;min-height:62px;font:700 .88rem var(--font-sans);text-align:left;color:#fff;border:3px solid #0000;border-radius:10px;align-items:center;gap:.65rem;padding:.75rem 1rem;line-height:1.3;transition:transform .12s,box-shadow .12s,opacity .2s;display:flex}.octo-tile:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.octo-tile:disabled{cursor:default}.octo-tile-color-0{background:var(--octo-tile-a);border-color:var(--octo-tile-a)}.octo-tile-color-1{background:var(--octo-tile-b);border-color:var(--octo-tile-b)}.octo-tile-color-2{background:var(--octo-tile-c);border-color:var(--octo-tile-c)}.octo-tile-color-3{background:var(--octo-tile-d);border-color:var(--octo-tile-d)}.octo-tile-correct{box-shadow:0 0 0 2px #22c55e,0 0 20px #22c55e66;opacity:1!important;border-color:#22c55e!important}.octo-tile-wrong{opacity:.85;box-shadow:0 0 0 2px #ef4444;border-color:#ef4444!important}.octo-tile-dim{opacity:.35}.octo-tile-square{border-radius:6px}.octo-tile-pill{border-radius:16px}.octo-tile-diamond{border-radius:14px 4px}.octo-tile-notch{border-radius:4px 16px}.octo-tile-letter{width:26px;height:26px;font:700 .78rem var(--font-mono);background:#00000038;border-radius:6px;flex-shrink:0;place-items:center;display:grid}.octo-tile-text{flex:1;min-width:0}.octo-end-rank{font:800 1.8rem var(--font-sans);letter-spacing:-.03em;margin:0}.octo-end-score{color:var(--text-heading);font:800 2.8rem var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.06em;margin:0}.octo-pb-badge{font-size:1.2rem}.octo-end-depth{color:var(--text-body);margin:0;font-size:1rem}.octo-end-stats{border:1px solid var(--border-default);background:var(--bg-card);text-align:center;border-radius:12px;grid-template-columns:repeat(3,auto);gap:.6rem 1.4rem;padding:1rem 1.25rem;display:grid}.octo-end-stats dt{color:var(--text-dim);font:.65rem var(--font-mono);text-transform:uppercase;letter-spacing:.05em}.octo-end-stats dd{color:var(--text-heading);font:700 1.1rem var(--font-mono);font-variant-numeric:tabular-nums;margin:.2rem 0 0}.octo-end-actions{flex-wrap:wrap;justify-content:center;gap:.7rem;display:flex}@media (max-width:600px){.octo-tiles-grid{grid-template-columns:1fr}.octo-tile{min-height:52px}}@media (prefers-reduced-motion:reduce){.octo-mascot-wrap{transition:none}.octo-shake{animation:none}.octo-timer-fill{transition:none}}[data-game=octo-dive] .arena-screen{touch-action:auto;-webkit-user-select:auto;user-select:auto;-webkit-mask-image:-webkit-radial-gradient(#fff,#000);min-height:340px;max-height:70vh;overflow-y:auto;mask-image:radial-gradient(#fff,#000)}.octo-arena-inner{flex-direction:column;gap:.6rem;padding:.85rem 1rem;display:flex}.octo-arena-inner .octo-question-card{padding:.75rem 1rem}.octo-arena-inner .octo-question-text{font-size:clamp(.95rem,2.5vw,1.2rem)}.octo-arena-inner .octo-tile{min-height:48px;padding:.55rem .75rem;font-size:.82rem}.octo-scorecard-mascot{box-sizing:border-box;justify-content:center;align-items:flex-start;min-height:125px;padding:.7rem 0 .25rem;display:flex}.octo-scorecard-mascot .octo-mascot-wrap{z-index:0;flex-shrink:0;position:relative}.octo-streak-row{border:1px solid var(--border-default);background:var(--bg-card);border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:.2rem;padding:.5rem .65rem;display:flex}.octo-streak-label{color:var(--text-dim);font:.62rem var(--font-mono);text-transform:uppercase;letter-spacing:.05em}.octo-streak-value{color:var(--text-dim);font:700 .9rem var(--font-mono)}.octo-streak-value.octo-streak-active{color:var(--icon-yellow)}.octo-end-actions{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.5rem;display:flex}.octo-page .snake-heading h1 span{color:var(--accent-blue)}