: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}.mini-xp{width:100%;height:3px;margin-top:3px;overflow:hidden;background:#1622322e;border-radius:999px}.mini-xp i{display:block;height:100%;background:linear-gradient(90deg,#6e79ff,#b45cff 70%,#ffd24a);border-radius:inherit;transition:width .24s ease}.player-level{display:inline-flex;align-items:center;gap:3px;font-style:normal;font-size:11px;font-weight:700;color:#1f3d8a;background:linear-gradient(135deg,#fff7c8,#f3c46a);padding:1px 6px;border-radius:999px;margin-right:6px;box-shadow:0 1px 2px #3c1e002e}.player-level.milestone-1{background:linear-gradient(135deg,#d9f8e3,#6ed684);color:#194d2a}.player-level.milestone-2{background:linear-gradient(135deg,#d8ecff,#5aa9ff);color:#0d2c66}.player-level.milestone-3{background:linear-gradient(135deg,#efd9ff,#b45cff);color:#3a0e6b}.player-level.milestone-4{background:linear-gradient(135deg,#fff2c2,#ffd24a);color:#5b3a00;box-shadow:0 0 8px #ffd24a99}.player-level.milestone-5{background:linear-gradient(135deg,#ffe1c2,#ff7c2f);color:#5a2100;box-shadow:0 0 8px #ff7c2f80}.player-level.milestone-6{background:linear-gradient(135deg,#d7fff7,#50f0d0);color:#06463b;box-shadow:0 0 9px #50f0d08c}.player-level.milestone-7{background:linear-gradient(135deg,#f6e1ff,#ff5fb2 48%,#50f0d0);color:#3e0836;box-shadow:0 0 10px #ff5fb280}.player-level.milestone-8,.player-level.milestone-9,.player-level.milestone-10,.player-level.milestone-11{background:linear-gradient(135deg,#fbffd0,#f6ff7a 45%,#ff5fb2);color:#3c3300;box-shadow:0 0 12px #f6ff7a94}.milestone-star{font-style:normal;font-size:10px;line-height:1}.weapon-panel{position:absolute;right:18px;top:18px;z-index:4;display:flex;flex-direction:column;flex-wrap:wrap;align-content:flex-end;align-items:flex-end;gap:6px;pointer-events:none;max-height:calc(100% - 36px);max-width:342px;overflow:visible}.weapon-card{width:158px;background:#121c2cbd;color:#f3f7ff;border:1px solid;border-radius:8px;padding:6px 8px;font-size:12px;line-height:1.25;box-shadow:0 4px 12px #08122052;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.weapon-card header{display:flex;align-items:center;gap:6px;margin-bottom:4px}.weapon-card header b{width:8px;height:8px;border-radius:2px;display:block}.weapon-card header strong{flex:1;font-weight:600;font-size:12px}.weapon-card header em{font-style:normal;font-size:10px;color:#ffd24a;font-weight:700}.weapon-stats{display:flex;justify-content:space-between;gap:4px;font-size:11px;color:#dce8ffdb;margin-bottom:4px}.weapon-dur{width:100%;height:3px;background:#ffffff1f;border-radius:999px;overflow:hidden}.weapon-dur i{display:block;height:100%;border-radius:inherit;transition:width .2s 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}}