.playful-game.snake-arena-app{--play-accent:#7b4dff;--play-shadow:#b7a2ff;--play-soft:#efe9ff;--play-ink:#2b2150;--sa-pink:#ff4f8b;--sa-gold:#ffd23f;position:fixed;inset:0;height:100dvh;background:#1b1640;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overflow:hidden;overflow:clip}.snake-arena-app .sa-scene{position:absolute;inset:0;width:100%;height:100dvh;display:block;touch-action:none}.snake-arena-app .sa-zone{position:absolute;inset:0;z-index:2;touch-action:none;display:none;cursor:crosshair}.snake-arena-app[data-phase=play] .sa-zone{display:block}.snake-arena-app .sa-names{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}.snake-arena-app .sa-name{position:absolute;left:0;top:0;padding:1px 7px;border-radius:9px;background:rgba(20,14,50,.55);color:#fff;font:800 12px/1.3 Playful,Avenir Next,sans-serif;white-space:nowrap;opacity:0;transition:opacity .2s;will-change:transform}.snake-arena-app .sa-name.on{opacity:1}.snake-arena-app:not([data-phase=play]):not([data-phase=paused]):not([data-phase=results]) .sa-names{display:none}.snake-arena-app .sa-boost{position:absolute;z-index:4;display:none;align-items:center;justify-content:center;width:92px;height:92px;border-radius:50%;right:calc(env(safe-area-inset-right, 0px) + 18px);bottom:calc(env(safe-area-inset-bottom, 0px) + 24px);border:4px solid #fff;color:#fff;background:radial-gradient(circle at 35% 30%,#ff7fb0,#e0306f 70%);font:800 16px/1 Playful,Avenir Next,sans-serif;letter-spacing:.04em;box-shadow:0 6px 0 rgba(0,0,0,.3);touch-action:none;transition:transform .08s}.snake-arena-app .sa-boost.on{transform:translateY(4px) scale(.95);box-shadow:0 2px 0 rgba(0,0,0,.3)}@media (hover:none),(pointer:coarse){.snake-arena-app[data-phase=play] .sa-boost{display:flex}.snake-arena-app .sa-keys{display:none}}.snake-arena-app .sa-hud{position:absolute;z-index:5;left:calc(env(safe-area-inset-left, 0px) + 10px);top:calc(env(safe-area-inset-top, 0px) + 10px);display:flex;align-items:flex-start;gap:8px;pointer-events:none}.snake-arena-app:is([data-phase=menu],[data-phase=loading],[data-phase=party]) :is(.sa-hud,.sa-board,.sa-keys,.sa-feed){visibility:hidden}.snake-arena-app.sa-online[data-phase=party] .sa-hud{visibility:visible}.snake-arena-app[data-phase=party] .sa-stats{display:none}.snake-arena-app .sa-stats{display:flex;gap:6px}.snake-arena-app .sa-stat{display:flex;flex-direction:column;align-items:center;min-width:58px;padding:3px 10px;border:3px solid #fff;border-radius:15px;background:rgba(255,252,255,.94);box-shadow:0 4px 0 var(--play-shadow)}.snake-arena-app .sa-stat span{font-size:10px;font-weight:800;color:#7b6aa8;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.snake-arena-app .sa-stat b{font-size:21px;line-height:1.05;color:var(--play-accent);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.snake-arena-app .sa-stat small{font-size:10px;font-weight:700;color:#8d80b5;line-height:1}.snake-arena-app .sa-stat-len b{color:#e0306f}.snake-arena-app .sa-clock[hidden]{display:none}.snake-arena-app .sa-clock b{font-size:16px;white-space:nowrap}.snake-arena-app .sa-hud-btns{display:flex;gap:6px;pointer-events:auto}.snake-arena-app .sa-icon-btn{display:grid;place-items:center;width:44px;height:44px;border:3px solid #fff;border-radius:14px;background:#fffbff;color:var(--play-ink);box-shadow:0 4px 0 var(--play-shadow);cursor:pointer}.snake-arena-app .sa-icon-btn .off,.snake-arena-app .sa-icon-btn[aria-pressed=true] .on{display:none}.snake-arena-app .sa-icon-btn[aria-pressed=true] .off{display:inline}.snake-arena-app .sa-only-online{display:none}.snake-arena-app.sa-online .sa-only-online{display:grid}.snake-arena-app.sa-online p.sa-only-online{display:block}.snake-arena-app .sa-board{position:absolute;z-index:5;right:calc(env(safe-area-inset-right, 0px) + 10px);top:calc(env(safe-area-inset-top, 0px) + 10px);width:188px;padding:6px 8px 7px;border-radius:16px;background:rgba(20,14,50,.55);color:#fff;pointer-events:none}.snake-arena-app .sa-board h2{margin:0 0 3px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#cfc3ff}.snake-arena-app .sa-board ol{margin:0;padding:0;list-style:none}.snake-arena-app .sa-board li{display:flex;align-items:center;gap:5px;font-size:13px;font-weight:700;line-height:1.55}.snake-arena-app .sa-board li.me{color:var(--sa-gold)}.snake-arena-app .sa-board i{flex:none;width:10px;height:10px;border-radius:50%;background:var(--c);box-shadow:0 0 0 2px rgba(255,255,255,.6)}.snake-arena-app .sa-top-n{width:16px;color:#a99ae0;font-size:11px;text-align:right}.snake-arena-app .sa-top-name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.snake-arena-app .sa-board b{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.snake-arena-app .sa-minimap{position:absolute;z-index:5;width:112px;height:112px;left:calc(env(safe-area-inset-left, 0px) + 12px);bottom:calc(env(safe-area-inset-bottom, 0px) + 12px);border-radius:50%;box-shadow:0 0 0 3px rgba(255,255,255,.75),0 6px 18px rgba(0,0,0,.3);pointer-events:none}.snake-arena-app:is([data-phase=loading]) .sa-minimap{visibility:hidden}.snake-arena-app[data-phase=menu] .sa-minimap{opacity:0}.snake-arena-app .sa-feed{position:absolute;z-index:5;right:calc(env(safe-area-inset-right, 0px) + 12px);bottom:calc(env(safe-area-inset-bottom, 0px) + 12px);display:flex;flex-direction:column-reverse;gap:4px;margin:0;padding:0;list-style:none;pointer-events:none;align-items:flex-end}.snake-arena-app .sa-feed li{padding:3px 10px;border-radius:10px;background:rgba(20,14,50,.6);color:#fff;font-size:13px;transition:opacity .4s}.snake-arena-app .sa-feed li b{color:var(--sa-gold)}.snake-arena-app .sa-feed li.out{opacity:0}.snake-arena-app .sa-keys{position:absolute;z-index:4;left:50%;transform:translateX(-50%);bottom:calc(env(safe-area-inset-bottom, 0px) + 10px);margin:0;padding:3px 10px;border-radius:10px;background:rgba(20,14,50,.5);font-size:13px;font-weight:700;color:rgba(255,255,255,.85);white-space:nowrap}.snake-arena-app .sa-net{position:absolute;z-index:30;left:6px;bottom:136px;max-width:70vw;margin:0;white-space:pre-wrap;font:11px/1.3 ui-monospace,monospace;color:#fff;background:rgba(0,0,0,.55);padding:4px 6px;border-radius:6px;pointer-events:none}.snake-arena-app .sa-net:empty{display:none}.snake-arena-app .sa-banner{position:absolute;z-index:8;left:50%;top:30%;transform:translate(-50%,-50%) scale(.6);opacity:0;pointer-events:none;padding:10px 26px;border:4px solid #fff;border-radius:24px;background:var(--sa-gold);color:#4a3200;font:800 clamp(20px,min(6vw,8vh),50px)/1.1 Playful,Avenir Next,sans-serif;text-align:center;white-space:nowrap;box-shadow:0 6px 0 #b88a1c;transition:opacity .2s,transform .2s}.snake-arena-app .sa-banner.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.snake-arena-app .sa-banner.pop{animation:sa-pop .35s ease-out}.snake-arena-app .sa-banner.win{background:#7be06b;color:#1f4a14;box-shadow:0 6px 0 #3e8f3a}.snake-arena-app .sa-banner.lose{background:#ff6f8f;color:#fff;box-shadow:0 6px 0 #b2304f}.snake-arena-app .sa-toast{position:absolute;z-index:8;left:50%;bottom:calc(env(safe-area-inset-bottom, 0px) + 136px);transform:translateX(-50%) translateY(10px);opacity:0;padding:6px 16px;border-radius:14px;background:rgba(20,14,50,.86);color:#fff;font-size:15px;font-weight:800;pointer-events:none;transition:opacity .2s,transform .2s;white-space:nowrap}.snake-arena-app .sa-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}@keyframes sa-pop{0%{transform:translate(-50%,-50%) scale(.5)}70%{transform:translate(-50%,-50%) scale(1.12)}to{transform:translate(-50%,-50%) scale(1)}}.snake-arena-app .overlay{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0}.snake-arena-app .sa-menu{justify-content:center;align-items:flex-end;padding:20px max(24px,env(safe-area-inset-right,0px)) 20px 20px}.snake-arena-app .sa-panel{width:min(430px,100%);max-height:calc(100dvh - 40px);overflow-y:auto;padding:22px 24px;touch-action:pan-y}.snake-arena-app .sa-kicker{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.12em;color:#8a6bd8}.snake-arena-app .sa-logo{margin:2px 0 6px;font:800 clamp(40px,5vw,56px)/1 Playful,Avenir Next,sans-serif;color:var(--play-accent);letter-spacing:-1px;transform:rotate(-2deg);text-shadow:0 4px 0 #ffc2dc}.snake-arena-app .sa-sub{margin:0 0 10px;font-size:15px;line-height:1.4}.snake-arena-app .sa-label{margin:10px 0 6px;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#7b6aa8}.snake-arena-app .sa-label span{text-transform:none;letter-spacing:0;color:var(--play-ink)}.snake-arena-app .sa-cards{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px}.snake-arena-app .sa-card{display:flex;flex-direction:column;align-items:center;gap:2px;min-height:84px;padding:8px 6px;border:3px solid #e4dcff;border-radius:16px;background:#fdfbff;color:var(--play-ink);cursor:pointer;text-align:center;transition:transform .12s,border-color .12s}.snake-arena-app .sa-card b{font-size:16px}.snake-arena-app .sa-card small{font-size:11px;line-height:1.2;color:#7a6f99}.snake-arena-app .sa-card-icon{font-size:24px}.snake-arena-app .sa-card[aria-checked=true]{border-color:var(--play-accent);background:var(--play-soft);transform:translateY(-2px)}.snake-arena-app .sa-skins{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:6px;gap:6px}.snake-arena-app .sa-skin{display:grid;place-items:center;min-height:44px;padding:4px;border:3px solid #e4dcff;border-radius:14px;background:#fdfbff;cursor:pointer}.snake-arena-app .sa-skin i{display:block;width:100%;height:22px;border-radius:11px;box-shadow:inset 0 -3px 0 rgba(0,0,0,.15),inset 0 3px 0 rgba(255,255,255,.4)}.snake-arena-app .sa-skin[aria-checked=true]{border-color:var(--play-accent);background:var(--play-soft);transform:translateY(-2px)}.snake-arena-app .sa-row{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.snake-arena-app .sa-row .sa-label{margin:8px 0 0}.snake-arena-app .sa-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.snake-arena-app .sa-chip{min-width:44px;min-height:40px;padding:6px 10px;border:2px solid #e2d8ff;border-radius:12px;background:#fdfbff;color:var(--play-ink);font-weight:800;font-size:14px;cursor:pointer}.snake-arena-app .sa-chip[aria-checked=true]{border-color:var(--play-accent);background:var(--play-soft);color:var(--play-accent)}.snake-arena-app .sa-cta{position:-webkit-sticky;position:sticky;bottom:-22px;z-index:2;margin:14px -24px -22px;padding:10px 24px 16px;background:linear-gradient(to bottom,rgba(255,252,238,0),var(--play-paper,#fffcee) 18%)}.snake-arena-app .sa-cta .big{margin-top:0}.snake-arena-app .sa-cta .a-secondary{margin-top:8px}.snake-arena-app .sa-online-btn{width:100%}.snake-arena-app .sa-best-line{margin:10px 0 0;text-align:center;font-size:13px;color:#7a6f99}.snake-arena-app .sa-howto{margin:8px 0 0;font-size:13px;line-height:1.45;color:#635a85}.snake-arena-app .sa-settings{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.snake-arena-app .sa-setting{flex:1 1 auto;min-height:44px;padding:6px 10px;border:2px solid #e2d8ff;border-radius:12px;background:#fdfbff;font-weight:800;font-size:13px;color:var(--play-ink);cursor:pointer}.snake-arena-app .sa-setting[aria-pressed=false]{opacity:.5;text-decoration:line-through}.snake-arena-app .sa-pause,.snake-arena-app .sa-results{background:rgba(20,14,50,.35);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:20px}.snake-arena-app .sa-panel-small{width:min(340px,100%);text-align:center}.snake-arena-app .sa-panel-small h2{margin:0 0 12px}.snake-arena-app .sa-panel-results{width:min(440px,100%)}.snake-arena-app .sa-r-title{margin:4px 0;font-size:30px;line-height:1.1;color:var(--play-accent)}.snake-arena-app .sa-r-sub{margin:0 0 10px;font-size:15px}.snake-arena-app .sa-r-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:6px;gap:6px;margin-bottom:10px}.snake-arena-app .sa-r-grid div{display:flex;flex-direction:column;align-items:center;padding:6px 4px;border-radius:12px;background:var(--play-soft)}.snake-arena-app .sa-r-grid span{font-size:11px;font-weight:800;text-transform:uppercase;color:#7b6aa8}.snake-arena-app .sa-r-grid b{font-size:22px;color:var(--play-accent);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.snake-arena-app .sa-r-table{width:100%;border-collapse:collapse;margin:12px 0 10px;font-size:14px}.snake-arena-app .sa-r-table[hidden]{display:none}.snake-arena-app .sa-r-table th{text-align:left;font-size:12px;text-transform:uppercase;color:#7b6aa8;padding:4px 6px}.snake-arena-app .sa-r-table td{padding:5px 6px;border-top:1px solid #ebe4ff;font-weight:700}.snake-arena-app .sa-r-table tr.me td{background:#fff4c4}.snake-arena-app .sa-dot{display:inline-block;width:12px;height:12px;margin-right:6px;border-radius:50%;background:var(--c);vertical-align:-1px}.snake-arena-app .sa-pause .big,.snake-arena-app .sa-results .big{width:100%;margin-top:8px}.snake-arena-app .sa-results .big[hidden]{display:none}.snake-arena-app .sa-results .big:disabled{opacity:.6;cursor:wait}.snake-arena-app .sa-pause .a-secondary,.snake-arena-app .sa-results .a-secondary{width:100%}.snake-arena-app .sa-loading{background:#1b1640}.snake-arena-app .backlink{position:absolute;z-index:11;top:calc(env(safe-area-inset-top, 0px) + 14px);left:calc(env(safe-area-inset-left, 0px) + 14px)}@media (max-aspect-ratio:4/5),(max-width:700px){.snake-arena-app .sa-menu{align-items:stretch;justify-content:flex-end;padding:0}.snake-arena-app .sa-menu .sa-panel{width:100%;max-height:64dvh;border-radius:26px 26px 0 0;border-bottom:0;padding:16px 16px calc(env(safe-area-inset-bottom, 0px) + 16px)}.snake-arena-app .sa-menu .sa-cta{bottom:calc(-16px - env(safe-area-inset-bottom, 0px));margin:12px -16px calc(-16px - env(safe-area-inset-bottom, 0px));padding:10px 16px calc(env(safe-area-inset-bottom, 0px) + 12px)}.snake-arena-app .sa-logo{font-size:38px}.snake-arena-app .sa-howto,.snake-arena-app .sa-sub{font-size:13px}.snake-arena-app .sa-board{width:140px;padding:5px 7px}.snake-arena-app .sa-board li{font-size:12px;line-height:1.45}.snake-arena-app .sa-board li:nth-child(n+6){display:none}.snake-arena-app .sa-minimap{width:84px;height:84px}.snake-arena-app .sa-feed{bottom:calc(env(safe-area-inset-bottom, 0px) + 130px)}.snake-arena-app .sa-r-grid b{font-size:18px}}@media (max-width:560px) and (orientation:portrait){.snake-arena-app .sa-hud{flex-direction:column-reverse}.snake-arena-app .sa-stat{min-width:50px;padding:2px 7px}.snake-arena-app .sa-stat b{font-size:18px}.snake-arena-app .sa-clock b{font-size:13px}}@media (max-height:500px) and (orientation:landscape){.snake-arena-app .sa-stat{min-width:50px;padding:2px 8px}.snake-arena-app .sa-stat b{font-size:17px}.snake-arena-app .sa-hud .sa-icon-btn{width:42px;height:42px}.snake-arena-app .sa-board li:nth-child(n+4){display:none}.snake-arena-app .sa-menu{align-items:flex-end;justify-content:center;padding:8px}.snake-arena-app .sa-menu .sa-panel{width:min(400px,56vw);max-height:calc(100dvh - 16px);border-radius:22px;padding:12px 14px}.snake-arena-app .sa-menu .sa-cta{bottom:-12px;margin:10px -14px -12px;padding:8px 14px 10px}.snake-arena-app .sa-logo{font-size:30px}.snake-arena-app .sa-howto,.snake-arena-app .sa-sub{display:none}.snake-arena-app .sa-card{min-height:60px}.snake-arena-app .sa-card small{display:none}.snake-arena-app .sa-skins{grid-template-columns:repeat(6,1fr)}.snake-arena-app .sa-minimap{width:76px;height:76px}.snake-arena-app .sa-boost{width:80px;height:80px}.snake-arena-app .sa-feed{right:calc(env(safe-area-inset-right, 0px) + 110px)}.snake-arena-app .sa-results{padding:8px}.snake-arena-app .sa-panel-results{max-height:calc(100dvh - 16px);padding:12px 16px}.snake-arena-app .sa-r-title{font-size:24px}.snake-arena-app .backlink{display:none}}@media (prefers-reduced-motion:reduce){.snake-arena-app .sa-banner.pop{animation:none}}