.snk-stage{width:100%;max-width:620px;margin:0 auto}.snk-hud{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}.snk-hud div{padding:9px 10px;border:1px solid var(--gm-edge);border-radius:12px;background:#ffffff08;text-align:center}.snk-hud span{display:block;color:var(--gm-text2);font:500 10px / 1.4 var(--ax-mono, monospace);letter-spacing:.14em;text-transform:uppercase}.snk-hud strong{font:700 22px / 1.2 var(--ax-mono, monospace);font-variant-numeric:tabular-nums}.snk-hud strong.is-lime{color:var(--gm-lime);text-shadow:0 0 14px rgba(216,247,68,.45)}.snk-board{position:relative;aspect-ratio:1;border:1px solid var(--gm-edge);border-radius:22px;overflow:hidden;background:#06090c;box-shadow:0 30px 80px #0000008c,inset 0 1px #ffffff0a;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:border-color .3s,box-shadow .3s}.snk-board--play.has-walls{border-color:#d8f74459;box-shadow:0 30px 80px #0000008c,0 0 0 1px #d8f7441f,0 0 40px #d8f7441f}.snk-board--play:not(.has-walls){border-style:dashed;border-color:#7d97ff59}.snk-board.is-shaking{animation:snk-shake .45s ease-in-out;border-color:#ff4d5e99}@keyframes snk-shake{20%{transform:translate(-8px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(3px)}}.snk-canvas{display:block;width:100%;height:100%}.snk-overlay{position:absolute;inset:0;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 50% 45%,#05070a8c,#05070ad1);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:snk-fade .35s var(--gm-ease)}.snk-board--over .snk-overlay{animation-delay:.35s;animation-fill-mode:both}@keyframes snk-fade{0%{opacity:0}}.snk-card{display:grid;justify-items:center;gap:10px;width:min(340px,100%);padding:26px 24px 24px;border:1px solid var(--gm-edge);border-radius:20px;background:#0c1116;text-align:center;box-shadow:0 24px 60px #00000080;animation:snk-rise .5s var(--gm-ease) both}.snk-board--over .snk-card{animation-delay:.35s}@keyframes snk-rise{0%{opacity:0;transform:translateY(14px) scale(.97)}}.snk-card__face{width:104px;height:104px;margin-top:-6px;object-fit:contain;filter:drop-shadow(0 10px 20px rgba(0,0,0,.6)) drop-shadow(0 0 22px rgba(61,99,255,.35));animation:snk-float 3s ease-in-out infinite}.snk-card--over .snk-card__face{filter:drop-shadow(0 10px 20px rgba(0,0,0,.6)) drop-shadow(0 0 22px rgba(255,77,94,.35))}@keyframes snk-float{50%{transform:translateY(-6px)}}.snk-card h2{margin:0;font:700 26px / 1.15 var(--ax-display, "Geist", sans-serif);letter-spacing:-.02em}.snk-card__hint{margin:0 0 6px;color:var(--gm-text2);font-size:14px;line-height:1.5}.snk-card .gm-btn{flex:none;min-width:170px}.snk-card kbd{padding:1px 6px;border:1px solid var(--gm-edge);border-bottom-width:2px;border-radius:6px;background:#ffffff0d;color:var(--gm-white);font:600 11px / 1.6 var(--ax-mono, monospace)}.snk-touch{display:none}.snk-badge{padding:4px 12px;border-radius:999px;background:var(--gm-lime);color:#0b0e11;font:700 11px / 1.4 var(--ax-mono, monospace);letter-spacing:.12em;text-transform:uppercase;box-shadow:0 0 20px #d8f74473}.snk-final{display:grid;margin:0 0 6px}.snk-final b{color:var(--gm-lime);font:700 46px / 1 var(--ax-mono, monospace);text-shadow:0 0 22px rgba(216,247,68,.45)}.snk-final span{margin-top:4px;color:var(--gm-text2);font:500 12px / 1.4 var(--ax-mono, monospace);letter-spacing:.08em}.snk-legend{display:grid;gap:10px;color:var(--gm-text2);font-size:14px;line-height:1.45}.snk-legend b{color:var(--gm-white);font-weight:600}.snk-legend div{display:flex;align-items:flex-start;gap:10px}.snk-dot{flex:none;width:14px;height:16px;margin-top:2px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.snk-dot.is-lime{background:var(--gm-lime)}.snk-dot.is-blue{background:#8fa6ff}.snk-pad{display:none;grid-template-areas:". up ." "left mid right" ". down .";grid-template-columns:repeat(3,64px);grid-template-rows:repeat(3,64px);gap:8px;justify-content:center;margin-top:18px}.snk-pad button{display:grid;place-items:center;border:1px solid var(--gm-edge);border-radius:16px;background:#ffffff0d;color:var(--gm-white);touch-action:manipulation;-webkit-tap-highlight-color:transparent}.snk-pad button:active{border-color:#d8f74499;background:#d8f74424;color:var(--gm-lime)}.snk-pad svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.snk-pad__mid svg{fill:currentColor;stroke-width:0}.snk-pad__mid svg path[d^=M9]{fill:none;stroke-width:2.6}.snk-pad__up{grid-area:up}.snk-pad__down{grid-area:down}.snk-pad__left{grid-area:left}.snk-pad__right{grid-area:right}.snk-pad__mid{grid-area:mid;border-radius:50%!important}@media(hover:none)and (pointer:coarse){.snk-pad{display:grid}.snk-desk{display:none}.snk-touch{display:block}}@media(max-width:600px){.snk-hud{gap:6px}.snk-hud div{padding:7px 4px}.snk-hud strong{font-size:18px}.snk-board{border-radius:16px}}