.snake-shell{--snake-acid:#b5ef42;--snake-amber:#ffcc45;--snake-line:#dcf4b029;color:#edf2df;background:radial-gradient(circle at 50% 30%,#17200f 0,#0b0d09 46%,#070807 100%);height:100%;min-height:0;overflow:hidden}.snake-stage{grid-template-columns:minmax(190px,240px) minmax(520px,860px) minmax(210px,270px);justify-content:center;gap:clamp(18px,2.8vw,44px);width:min(1540px,100%);height:100%;min-height:0;margin:0 auto;padding:clamp(10px,2.3vh,24px) 3vw;display:grid}.snake-side{align-content:start;gap:14px;min-height:0;padding-top:clamp(74px,10vh,100px);display:grid;overflow:hidden}.snake-panel,.snake-readout,.snake-grid-stats{border:1px solid var(--snake-line);background:#10140deb;box-shadow:inset 0 0 30px #b5ef4206}.snake-panel{padding:18px}.snake-panel>span,.snake-readout span,.snake-grid-stats span{color:#798269;font:.68rem/1 var(--font-mono);letter-spacing:.13em}.snake-brief h2{color:#f4f8e9;font-family:var(--font-display);letter-spacing:-.05em;margin:24px 0 14px;font-size:clamp(1.7rem,2.5vw,2.35rem);line-height:.87}.snake-brief p{color:#8d957e;margin:0;font-size:.78rem;line-height:1.6}.snake-keys{gap:14px;display:grid}.snake-keys>div{justify-content:space-between;align-items:center;display:flex}.snake-keys kbd{color:#dce8c5;font:.7rem var(--font-mono);border:1px solid #4c5540;padding:7px 9px}.snake-keys small{color:#737b69;font-size:.74rem}.snake-center{flex-direction:column;min-width:0;height:100%;min-height:0;display:flex}.snake-board{background:#060806;border:1px solid #4a5540;flex-direction:column;flex:auto;min-height:0;padding:10px;display:flex;position:relative;box-shadow:18px 18px #b5ef4214,0 24px 80px #00000073}.snake-board:before,.snake-board:after{content:"";z-index:4;pointer-events:none;border-color:var(--snake-acid);width:18px;height:18px;position:absolute}.snake-board:before{border-top:2px solid;border-right:2px solid;top:-1px;right:-1px}.snake-board:after{border-bottom:2px solid;bottom:-1px;left:-1px}.snake-board.is-crashed{animation:.24s linear 2 snake-crash}@keyframes snake-crash{25%{transform:translate(-5px)}75%{transform:translate(5px)}}.snake-board-top{color:#78816c;height:28px;font:.68rem var(--font-mono);letter-spacing:.09em;flex:none;grid-template-columns:1fr auto 1fr;align-items:start;padding:0 3px;display:grid}.snake-board-top strong{color:#e9f4d4;font-weight:500}.snake-board-top span:last-child{justify-self:end}.snake-canvas{touch-action:none;border:1px solid #252c20;width:100%;height:100%;min-height:0;display:block}.snake-callout{z-index:8;color:#12150d;background:var(--snake-amber);font-family:var(--font-display);pointer-events:none;padding:10px 16px;font-size:clamp(1.2rem,2vw,1.9rem);animation:.9s both snake-callout;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)rotate(-2deg)}@keyframes snake-callout{0%{opacity:0;transform:translate(-50%,-30%)scale(.7)}18%,70%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-75%)scale(.9)}}.snake-overlay{z-index:7;text-align:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#070906e0;flex-direction:column;justify-content:center;align-items:center;padding:32px;display:flex;position:absolute;inset:38px 10px 10px}.snake-overlay>span{color:var(--snake-acid);font:.7rem var(--font-mono);letter-spacing:.17em}.snake-overlay h2{font-family:var(--font-display);letter-spacing:-.06em;margin:18px 0 12px;font-size:clamp(2.4rem,5vw,4.8rem);line-height:.82}.snake-overlay p{color:#969e88;max-width:430px;margin:0;font-size:.75rem;line-height:1.55}.snake-overlay button{color:#10130b;background:var(--snake-acid);cursor:pointer;text-transform:uppercase;border:0;justify-content:space-between;align-items:center;width:min(280px,100%);margin-top:22px;padding:15px 17px;font-size:.8rem;font-weight:800;display:flex}.snake-readout{gap:8px;padding:19px;display:grid}.snake-readout strong{color:var(--snake-acid);font:1.8rem var(--font-mono);letter-spacing:.04em;text-shadow:0 0 12px #b5ef4247}.snake-grid-stats{grid-template-columns:1fr 1fr;display:grid}.snake-grid-stats div{align-content:space-between;min-height:78px;padding:14px;display:grid}.snake-grid-stats div:nth-child(odd){border-right:1px solid var(--snake-line)}.snake-grid-stats div:nth-child(-n+2){border-bottom:1px solid var(--snake-line)}.snake-grid-stats strong{font:1.05rem var(--font-mono)}.snake-combo{gap:12px;display:grid}.snake-combo>div{justify-content:space-between;align-items:center;display:flex}.snake-combo span{color:#7b836f;font:.68rem var(--font-mono);letter-spacing:.1em}.snake-combo b{color:var(--snake-amber);font:.8rem var(--font-mono)}.snake-combo>i{background:#303528;height:4px;display:block;overflow:hidden}.snake-combo em{background:var(--snake-amber);height:100%;transition:width .12s linear;display:block}.snake-actions{grid-template-columns:1fr 1fr;gap:7px;display:grid}.snake-actions button{color:#aab39b;cursor:pointer;min-height:40px;font:.68rem var(--font-mono);background:#11140e;border:1px solid #424a39}.snake-actions button:disabled{opacity:.35;cursor:not-allowed}.snake-mobile-controls{display:none}@media (max-width:1080px){.snake-stage{grid-template-columns:minmax(480px,780px) minmax(200px,250px)}.snake-side-left{display:none}}@media (max-width:760px){.snake-stage{padding:7px 10px 9px;display:block}.snake-center{width:min(100%,650px);margin:0 auto}.snake-side-right{display:none}.snake-board{padding:7px;box-shadow:10px 10px #b5ef4214}.snake-overlay{padding:20px;inset:35px 7px 7px}.snake-mobile-controls{flex:none;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:7px;display:grid}.snake-mobile-controls button{color:#e6f5c9;touch-action:manipulation;background:#151a11;border:1px solid #445039;min-height:42px;font-size:1rem}}@media (max-height:650px){.snake-side{padding-top:48px}.snake-mobile-controls button{min-height:34px}}@media (prefers-reduced-motion:reduce){.snake-board.is-crashed,.snake-callout{animation:none}}