:root{color:#162232;background:#a9d7ee;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow:hidden}button,input{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{min-height:100vh}.menu-shell{display:grid;place-items:center;padding:24px;background:linear-gradient(145deg,#fff7d88c,#87c6e2bd),repeating-linear-gradient(28deg,rgba(255,255,255,.22) 0 2px,transparent 2px 58px),#a9d7ee}.menu-screen,.matchmaking-screen,.gameover-screen{width:min(94vw,520px);display:grid;justify-items:center;gap:18px;text-align:center}.brand-mark{width:78px;height:78px;display:grid;place-items:center;color:#fffdf2;background:linear-gradient(145deg,#2bb673,#6e79ff 56%,#ef7d45);border:3px solid rgba(255,255,255,.72);border-radius:8px}h1,h2,p{margin:0}h1{color:#122032;font-size:clamp(42px,9vw,76px);line-height:.95;letter-spacing:0}h2{color:#122032;font-size:clamp(30px,7vw,54px);line-height:1;letter-spacing:0}p{color:#314155;font-size:16px;font-weight:800}.name-row{width:min(100%,360px);min-height:52px;display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:10px;padding:0 14px;color:#314155;background:#ffffffd1;border:1px solid rgba(22,34,50,.12);border-radius:8px}.name-row input{width:100%;min-width:0;border:0;outline:0;color:#122032;background:transparent;font-size:18px;font-weight:900}.mode-grid{width:min(100%,440px);display:grid;gap:10px}.mode-grid.compact{width:min(100%,330px)}.primary-action,.secondary-action,.icon-button,.tiny-action{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:52px;border-radius:8px;font-weight:950;transition:transform .14s ease,filter .14s ease}.primary-action{color:#fffdf2}.primary-action.solo{background:#248f5b}.primary-action.online{background:#4867d7}.primary-action.trio{background:#7b4fd8}.primary-action.melee{background:#d35f3b}.secondary-action{min-width:142px;padding:0 18px;color:#162232;background:#ffffffdb;border:1px solid rgba(22,34,50,.12)}.primary-action:hover,.secondary-action:hover,.icon-button:hover,.tiny-action:hover{transform:translateY(-1px);filter:brightness(1.04)}.room-list{width:min(100%,440px);display:grid;gap:8px;padding:10px;color:#162232;background:#ffffffb8;border:1px solid rgba(22,34,50,.12);border-radius:8px}.room-list-head,.room-row{min-width:0;display:grid;align-items:center;gap:6px}.room-list-head{grid-template-columns:minmax(0,1fr) 34px}.room-list-head span{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:950}.room-list p{min-height:34px;display:grid;place-items:center;color:#506276;font-size:13px}.room-row{min-height:44px;padding:7px 9px;background:#ffffffb8;border-radius:6px;text-align:left}.room-row strong,.room-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-row strong{font-size:13px}.room-row span{color:#536477;font-size:12px;font-weight:800}.tiny-action{min-height:34px;color:#162232;background:#ffffffe6}.loader-ring{width:70px;height:70px;border:8px solid rgba(255,255,255,.72);border-top-color:#4867d7;border-radius:50%;animation:spin .82s linear infinite}.diagnostics{width:min(100%,440px);min-height:108px;padding:12px;overflow:hidden;color:#314155;background:#ffffffb8;border:1px solid rgba(22,34,50,.1);border-radius:8px;text-align:left;font-family:SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.6}.diagnostics span{color:#68798c}.play-shell{position:relative;display:grid;background:#8fc6e1}.play-screen{position:relative;min-width:0;min-height:100vh;display:grid;place-items:center}.stage-wrap{position:relative;width:100%;height:100vh;display:grid;place-items:center;overflow:hidden;touch-action:none}.game-canvas{width:min(100vw,calc(100vh * 1.7368));max-width:100vw;max-height:100vh;display:block;background:#a9d7ee}.hud{position:absolute;top:10px;left:10px;right:10px;z-index:5;display:grid;grid-template-columns:42px minmax(150px,260px) minmax(0,1fr);gap:8px;align-items:start;pointer-events:none}.hud button,.hud .player-chip,.hud-center{pointer-events:auto}.icon-button{width:42px;min-height:42px;color:#162232;background:#ffffffd1;border:1px solid rgba(22,34,50,.12)}.hud-center{min-height:42px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:6px 10px;color:#162232;background:#ffffffc2;border:1px solid rgba(22,34,50,.1);border-radius:8px}.hud-center strong{min-width:0;overflow:hidden;font-size:13px;font-weight:950;text-overflow:ellipsis;white-space:nowrap}.hud-center span{display:inline-flex;align-items:center;gap:4px;color:#405367;font-size:12px;font-weight:950}.player-strip{min-width:0;display:grid;grid-template-columns:repeat(4,minmax(92px,1fr));gap:8px}.player-chip{min-width:0;min-height:42px;display:grid;grid-template-columns:10px minmax(0,1fr);gap:2px 7px;align-items:center;padding:6px 8px;background:#ffffffc2;border:1px solid rgba(22,34,50,.1);border-radius:8px}.player-chip.you{border-color:#f4c24dd1;background:#fff9dbd6}.player-chip.out{opacity:.5}.player-chip b{grid-row:1 / 4;width:10px;height:34px;border-radius:5px}.player-chip span,.player-chip small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-chip span{color:#162232;font-size:12px;font-weight:950}.player-chip small{color:#536477;font-size:11px;font-weight:850}.mini-health{width:100%;height:5px;overflow:hidden;background:#16223224;border-radius:999px}.mini-health i{display:block;height:100%;background:linear-gradient(90deg,#38bd72,#f1c15d 68%,#ef604d);border-radius:inherit;transition:width .16s ease}.virtual-stick{position:absolute;left:28px;bottom:28px;z-index:4;width:92px;height:92px;display:grid;place-items:center;background:#ffffff47;border:1px solid rgba(255,255,255,.48);border-radius:50%;pointer-events:none}.virtual-stick span{width:38px;height:38px;display:block;background:#1622326b;border:2px solid rgba(255,255,255,.62);border-radius:50%;transition:transform 60ms linear}.gameover-screen{padding:8px 0}.gameover-screen.win .brand-mark{background:linear-gradient(145deg,#f4c24d,#2bb673)}.gameover-screen.lose .brand-mark{background:linear-gradient(145deg,#ef604d,#4867d7)}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:860px){body{overflow:hidden}.hud{grid-template-columns:42px minmax(126px,1fr)}.player-strip{grid-column:1 / -1;grid-template-columns:repeat(2,minmax(0,1fr))}.game-canvas{width:100vw;height:auto}}@media(max-width:520px){.menu-shell{padding:18px}.menu-screen,.matchmaking-screen,.gameover-screen{gap:14px}.brand-mark{width:66px;height:66px}.player-strip{gap:6px}.player-chip{padding:5px 6px}.virtual-stick{left:16px;bottom:16px;width:82px;height:82px}}