.arena-layout.svelte-2yre5z{grid-template-columns:minmax(560px,900px) 240px;align-items:start;gap:24px;display:grid}.play-zone.svelte-2yre5z{min-width:0}.snake-board.svelte-2yre5z{aspect-ratio:30/20;touch-action:none;-webkit-user-select:none;user-select:none;background:#080a0d;border:1px solid #30363f;grid-template-columns:repeat(30,1fr);display:grid;box-shadow:10px 10px #050607}.snake-board.svelte-2yre5z>i:where(.svelte-2yre5z){aspect-ratio:1;border:1px solid #11151a;min-width:0}.snake-board.svelte-2yre5z>i.food:where(.svelte-2yre5z){background:#f4f0e8;border-radius:50%;transform:scale(.55)}.snake-board.svelte-2yre5z>i.snake:where(.svelte-2yre5z){background:#c1ff56;border-color:#080a0d}.snake-board.svelte-2yre5z>i.head:where(.svelte-2yre5z){box-shadow:inset 0 0 0 2px #ffffff8c}.leaderboard.svelte-2yre5z{background:#0b0d10;border:1px solid #2d333b;padding:16px}.leaderboard.svelte-2yre5z>span:where(.svelte-2yre5z){color:#7f8791;letter-spacing:.18em;font-size:10px;font-weight:900}.score-row.svelte-2yre5z{border-bottom:1px solid #20252c;grid-template-columns:10px 1fr auto;align-items:center;gap:10px;padding:12px 0;display:grid}.score-row.dead.svelte-2yre5z{opacity:.38}.score-row.svelte-2yre5z>i:where(.svelte-2yre5z){background:#c1ff56;width:10px;height:10px}.player-info.svelte-2yre5z,.score-value.svelte-2yre5z{flex-direction:column;gap:2px;display:flex}.score-row.svelte-2yre5z strong:where(.svelte-2yre5z){font-size:12px}.score-row.svelte-2yre5z small:where(.svelte-2yre5z){color:#69727d;letter-spacing:.12em;font-size:8px}.score-value.svelte-2yre5z{text-align:right;align-items:flex-end}.score-value.svelte-2yre5z b:where(.svelte-2yre5z){color:#c1ff56;font:900 18px ui-monospace,monospace}.keys.svelte-2yre5z{color:#69727d;text-align:center;margin-top:16px;font:10px ui-monospace,monospace}.touch-pad.svelte-2yre5z{touch-action:none;grid-template-rows:repeat(2,52px) auto;grid-template-columns:repeat(3,58px);justify-content:center;gap:7px;margin-top:16px;display:none}.touch-pad.svelte-2yre5z button:where(.svelte-2yre5z){color:#f4f0e8;touch-action:manipulation;background:#111419;border:1px solid #3b424c;font-size:22px;font-weight:900}.touch-pad.svelte-2yre5z button:where(.svelte-2yre5z):active{color:#0b0d10;background:#c1ff56}.touch-pad.svelte-2yre5z .up:where(.svelte-2yre5z){grid-column:2}.touch-pad.svelte-2yre5z .left:where(.svelte-2yre5z){grid-area:2/1}.touch-pad.svelte-2yre5z .down:where(.svelte-2yre5z){grid-area:2/2}.touch-pad.svelte-2yre5z .right:where(.svelte-2yre5z){grid-area:2/3}.touch-pad.svelte-2yre5z small:where(.svelte-2yre5z){color:#69727d;text-align:center;letter-spacing:.08em;grid-column:1/-1;font-size:9px}[data-player="0"].svelte-2yre5z{background:#c1ff56!important}[data-player="1"].svelte-2yre5z{background:#8ee7ff!important}[data-player="2"].svelte-2yre5z{background:#ffcf5a!important}[data-player="3"].svelte-2yre5z{background:#ff8db3!important}[data-player="4"].svelte-2yre5z{background:#b9a1ff!important}[data-player="5"].svelte-2yre5z{background:#75f0c0!important}[data-player="6"].svelte-2yre5z{background:#ff9f62!important}[data-player="7"].svelte-2yre5z{background:#f4f0e8!important}.arena-layout.compact.svelte-2yre5z{grid-template-columns:900px 240px;gap:24px;width:1164px}@media (hover:none),(pointer:coarse){.arena-layout.svelte-2yre5z:not(.compact) .touch-pad:where(.svelte-2yre5z){display:grid}.arena-layout.svelte-2yre5z:not(.compact) .keys:where(.svelte-2yre5z){display:none}}@media (width<=820px){.arena-layout.svelte-2yre5z:not(.compact){grid-template-columns:1fr;gap:18px}.arena-layout.svelte-2yre5z:not(.compact) .leaderboard:where(.svelte-2yre5z){grid-template-columns:repeat(2,1fr);gap:0 16px;display:grid}.arena-layout.svelte-2yre5z:not(.compact) .leaderboard:where(.svelte-2yre5z)>span:where(.svelte-2yre5z),.arena-layout.svelte-2yre5z:not(.compact) .keys:where(.svelte-2yre5z){grid-column:1/-1}.arena-layout.svelte-2yre5z:not(.compact) .snake-board:where(.svelte-2yre5z){width:100%;box-shadow:6px 6px #050607}.arena-layout.svelte-2yre5z:not(.compact) .touch-pad:where(.svelte-2yre5z){display:grid}}@media (width<=520px){.arena-layout.svelte-2yre5z:not(.compact) .leaderboard:where(.svelte-2yre5z){grid-template-columns:1fr}.arena-layout.svelte-2yre5z:not(.compact) .touch-pad:where(.svelte-2yre5z){grid-template-rows:repeat(2,48px) auto;grid-template-columns:repeat(3,54px)}}