:root{--green: #4a9f34;--green-d: #3d8a2b;--blue: #4674e9;--apple: #e7471d;--ink: #2f3a2a;--panel: #ffffff;--line: #e2e8dd;font-family:gg sans,Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0}#root{min-height:100%}body{background:radial-gradient(1000px 700px at 50% -5%,#eaf5e2,#dcecd2 55%,#cfe3c2);background-attachment:fixed;color:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:hidden}.screen,.app{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:16px 12px}.panel,.card{width:100%;max-width:340px;margin:auto;background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:28px 22px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;box-shadow:0 16px 40px #3c5a2d38;animation:rise .4s ease both}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}.ttLogo{display:block;filter:drop-shadow(0 8px 16px rgba(60,90,45,.25))}.gameTitle,.neonTitle{font-size:40px;font-weight:900;letter-spacing:6px;margin:6px 0 12px;color:var(--green-d)}.neonTitle--sm{font-size:28px;letter-spacing:4px}.subtitle{margin:0 0 8px;color:#7d8a74;font-size:12px;letter-spacing:2px;text-transform:uppercase}.footer{margin:14px 0 0;color:#9aa891;font-size:11px;letter-spacing:3px}.hint{color:#8a9880;font-size:12px;text-align:center;margin-top:12px}.playBtn{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;border:none;border-radius:14px;padding:14px 24px;font-family:inherit;font-size:18px;font-weight:800;letter-spacing:2px;color:#fff;cursor:pointer;background:linear-gradient(180deg,#57b73e,var(--green));box-shadow:0 5px 0 var(--green-d),0 8px 14px #3c78284d;transition:filter .12s,transform .05s}.playBtn:hover{filter:brightness(1.05)}.playBtn:active{transform:translateY(4px);box-shadow:0 1px 0 var(--green-d)}.menuBtn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid #c9d3c1;background:#fff;color:#6a776093;color:#667260;border-radius:14px;padding:13px 22px;font-family:inherit;font-weight:800;letter-spacing:1px;cursor:pointer}.menuBtn:hover{background:#f2f6ef}.pill{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;font-size:13px;font-weight:600;border:1px solid var(--line);background:#f6faf3}.pillDot{width:8px;height:8px;border-radius:50%;background:currentColor}.pill--ok{color:var(--green)}.pill--wait{color:#e0a020}.pill--dev{color:var(--blue)}.pill--err{color:#d64020}.pill--wait .pillDot{animation:blink 1s ease-in-out infinite}@keyframes blink{50%{opacity:.25}}.infoBox{margin-top:12px;padding:12px;background:#f6faf3;border:1px solid var(--line);border-radius:10px;font-size:13px;display:flex;flex-direction:column;gap:6px;text-align:left}.errCode{font-family:ui-monospace,monospace;font-size:11px;color:#d64020;word-break:break-word}.devTitle{color:var(--blue);font-weight:700}.devText{color:#6a7761;line-height:1.5}.playWrap{display:flex;flex-direction:column;align-items:center;gap:10px}.scoreBar{font-size:24px;font-weight:900;color:var(--ink);display:flex;align-items:center;gap:6px}.scoreVal{color:var(--green-d);font-variant-numeric:tabular-nums}.boardWrap{position:relative}.snakeBoard{position:relative;display:grid;grid-auto-rows:1fr;width:min(90vw,74.8vh,540px);aspect-ratio:17 / 15;border:5px solid #3f7a2f;border-radius:8px;overflow:hidden;box-shadow:0 12px 30px #28501e59}.scell{width:100%;height:100%}.sc-a{background:#aad751}.sc-b{background:#a2d149}.snakeLayer{position:absolute;top:0;right:0;bottom:0;left:0}.seg{position:absolute;top:0;left:0;will-change:transform}.seg-body{background:var(--blue);border-radius:30%;box-shadow:inset 0 0 0 2px #ffffff1a}.seg-head{background:#3a63d8;border-radius:38%;z-index:2;box-shadow:inset 0 3px #ffffff52}.eye{position:absolute;width:20%;height:20%;background:#fff;border-radius:50%;box-shadow:inset 0 0 0 1.5px #14285a8c}.h-right .eye1{top:20%;right:16%}.h-right .eye2{bottom:20%;right:16%}.h-left .eye1{top:20%;left:16%}.h-left .eye2{bottom:20%;left:16%}.h-up .eye1{top:16%;left:20%}.h-up .eye2{top:16%;right:20%}.h-down .eye1{bottom:16%;left:20%}.h-down .eye2{bottom:16%;right:20%}.foodDot{position:absolute;top:0;left:0;background-image:radial-gradient(circle at 50% 50%,var(--apple) 0 42%,transparent 44%)}.boardOverlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#14280fb8;border-radius:8px}.boardOverlay--soft{background:#14280f47}.countNum{font-size:clamp(90px,34vw,200px);font-weight:900;color:#fff;text-shadow:0 6px 20px rgba(0,0,0,.45);animation:countPop 1s ease both}@keyframes countPop{0%{transform:scale(.4);opacity:0}25%{transform:scale(1);opacity:1}80%{transform:scale(1);opacity:1}to{transform:scale(1.25);opacity:0}}.overCard{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px}.ovText{font-size:28px;font-weight:900;letter-spacing:2px;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.4)}.finalScore{font-size:40px;font-weight:900;color:#ffe08a}.finalSub{color:#d8e6cf;font-size:13px}.overBtns{display:flex;gap:10px;margin-top:8px}.overBtns .playBtn{width:auto;padding:12px 20px;font-size:15px}.lb{width:100%;display:flex;flex-direction:column;gap:3px;background:#f6faf3;border:1px solid var(--line);border-radius:12px;padding:10px;margin-top:6px}.lb--loading,.lbEmpty{color:#9aa891;font-size:12px;text-align:center}.lbTitle{font-size:12px;letter-spacing:2px;color:#d18e10;font-weight:800;text-align:center;margin-bottom:4px}.lbRow{display:flex;align-items:center;gap:8px;padding:3px 6px;border-radius:6px;font-size:13px}.lbRow--me{background:#4a9f3424}.lbRank{width:18px;color:#d18e10;font-weight:800;text-align:center}.lbName{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink)}.lbScore{color:var(--green-d);font-weight:800;font-variant-numeric:tabular-nums}