*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;font-family:Segoe UI,system-ui,sans-serif}#renderCanvas{width:100%;height:100%;display:block;touch-action:none;outline:none}.hidden{display:none!important}#ui{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}.panel{position:absolute;background:#14161cd1;color:#f2f2f2;border-radius:12px;padding:12px 14px;pointer-events:auto;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 4px 16px #00000059;font-size:14px}.panel-title{font-weight:700}.panel-title .dim{font-weight:400;color:#9aa3b2;font-size:12px}button{pointer-events:auto;background:#3d6df2;color:#fff;border:none;border-radius:8px;padding:8px 10px;font-size:14px;cursor:pointer}button:hover{background:#5580f5}button.active{outline:2px solid #ffd35c}select,input[type=text],input[type=number]{pointer-events:auto;background:#2b3140;color:#fff;border:1px solid #454c5e;border-radius:8px;padding:6px 8px;font-size:13px}kbd{background:#333a46;border:1px solid #555e6e;border-radius:4px;padding:1px 6px;font-family:inherit;font-size:12px}input[type=range]{flex:1}#role-panel{top:14px;left:14px;display:flex;flex-direction:column;gap:8px;min-width:230px}#role-label{font-size:20px;font-weight:700;letter-spacing:.5px}.round-row{display:flex;gap:8px}.round-row label{display:flex;flex-direction:column;gap:3px;font-size:12px;color:#aeb6c4;flex:1}#start-round{background:#2e9e52}#start-round:hover{background:#3cb763}#timer{position:absolute;top:14px;left:50%;transform:translate(-50%);background:#14161cd1;color:#fff;font-size:28px;font-weight:700;font-variant-numeric:tabular-nums;padding:6px 22px;border-radius:12px;pointer-events:none}#timer.hiding-phase{color:#ffc44d}#timer.urgent{color:#ff6b5e;animation:pulse 1s infinite}@keyframes pulse{50%{transform:translate(-50%) scale(1.08)}}#freecam-badge{position:absolute;top:64px;left:50%;transform:translate(-50%);background:#321e5ad9;color:#e8dcff;padding:7px 16px;border-radius:10px;font-size:13px;pointer-events:none}#hider-toolbar{position:absolute;top:14px;right:14px;display:flex;flex-direction:column;gap:6px;align-items:flex-end;pointer-events:none}#hider-toolbar button{min-width:150px;text-align:left;background:#2b3140e6}#hider-toolbar button:hover{background:#3d6df2e6}#settings-btn{position:absolute;top:14px;right:14px;width:42px;height:42px;padding:0;font-size:22px;line-height:1;text-align:center;border-radius:50%;background:#2b3140eb;cursor:pointer;pointer-events:auto;z-index:30}#settings-btn:hover{background:#3d6df2f2;transform:rotate(45deg);transition:transform .2s}body.tool-cursor,body.tool-cursor #renderCanvas{cursor:none}.shop-thumb{width:100%;height:78px;border-radius:8px;background:#0d1420 center/contain no-repeat;display:flex;align-items:center;justify-content:center;font-size:34px;margin-bottom:4px}.shop-cat{font-weight:700;font-size:13px;opacity:.85;margin:10px 0 2px}#settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#06080cb8;display:flex;align-items:center;justify-content:center;pointer-events:auto}#settings-overlay.hidden{display:none}#settings-card{width:min(640px,92vw);max-height:88vh;overflow-y:auto;background:#171b24;border:1px solid #2b3a52;border-radius:14px;padding:18px 20px}#settings-card h2{margin:0 0 10px}#pose-chip{background:#14161ccc;color:#cfd6e2;font-size:12.5px;padding:5px 10px;border-radius:8px}#paint-panel{top:14px;right:180px;display:none;flex-direction:column;gap:10px;width:235px}body.paint-mode.role-hider #paint-panel{display:flex}#paint-panel label{display:flex;align-items:center;justify-content:space-between;gap:8px}.bg-row{display:grid;grid-template-columns:1fr 1fr;gap:6px}.bg-row button{background:#2b3140}.bg-row button.active{background:#3d6df2;outline:none}body.role-hider .hunter-only,body.role-hunter .hider-only{display:none!important}#crosshair{position:absolute;left:50%;top:50%;width:26px;height:26px;transform:translate(-50%,-50%);pointer-events:none}#crosshair:before,#crosshair:after{content:"";position:absolute;background:#fff;box-shadow:0 0 3px #000000b3}#crosshair:before{left:50%;top:0;width:2px;height:100%;transform:translate(-50%)}#crosshair:after{top:50%;left:0;height:2px;width:100%;transform:translateY(-50%)}#hitmarker{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.6);color:#ff4040;font-size:34px;font-weight:700;opacity:0;transition:opacity .12s,transform .12s;pointer-events:none;text-shadow:0 0 4px rgba(0,0,0,.6)}#hitmarker.show{opacity:1;transform:translate(-50%,-50%) scale(1)}#shot-feedback{position:absolute;left:50%;top:calc(50% + 34px);transform:translate(-50%);font-size:18px;font-weight:700;pointer-events:none;text-shadow:0 1px 3px rgba(0,0,0,.7)}#shot-feedback.hit{color:#4dff7c}#shot-feedback.miss{color:#d6d6d6}#hp-display{position:absolute;left:50%;bottom:64px;transform:translate(-50%);background:#14161ccc;color:#ff8a8a;font-size:17px;font-weight:700;padding:6px 16px;border-radius:10px;pointer-events:none}#hp-display.low{color:#ff4040;animation:pulse .8s infinite}.check-row{display:flex;align-items:center;gap:7px;font-size:12.5px;color:#aeb6c4;pointer-events:auto;cursor:pointer}.dim-note{font-size:11.5px;color:#8d96a6;line-height:1.35}#toast{position:absolute;top:64px;left:50%;transform:translate(-50%);background:#14161ce6;color:#ffd35c;font-size:15px;font-weight:600;padding:8px 18px;border-radius:10px;pointer-events:none}#hint{position:absolute;bottom:14px;left:50%;transform:translate(-50%);background:#14161cbf;color:#dfe3ea;padding:8px 14px;border-radius:10px;font-size:13px;pointer-events:none;max-width:92vw;text-align:center}#shoot-btn{position:absolute;right:20px;bottom:60px;width:86px;height:86px;border-radius:50%;font-size:15px;background:#e64646d9}#shoot-btn:hover{background:#f05a5af2}#jump-btn{position:absolute;right:120px;bottom:60px;width:72px;height:72px;border-radius:50%;font-size:13px;line-height:1.2;background:#3d6df2d9}@media(pointer:fine){#jump-btn{display:none}}#mp-panel{bottom:14px;left:14px;max-width:280px;font-size:12.5px;display:flex;flex-direction:column;gap:7px}.mp-head,.mp-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.mp-row label{display:flex;align-items:center;gap:6px;color:#aeb6c4}#seeker-count{width:54px}#mp-connect{padding:5px 10px;font-size:12.5px}#mp-url{width:100%}#mp-info{color:#aeb6c4;line-height:1.45;word-break:break-all}#mp-info b{color:#e8ecf3}#win-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#080a0eb8;display:flex;align-items:center;justify-content:center;pointer-events:auto;z-index:20}#win-card{background:#181b22f5;border-radius:18px;padding:36px 52px;text-align:center;box-shadow:0 12px 48px #0009;animation:winPop .35s ease-out}@keyframes winPop{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}#win-big{font-size:88px;font-weight:900;letter-spacing:6px;color:#ffd35c;text-shadow:0 4px 18px rgba(255,200,60,.35)}#win-title{font-size:26px;font-weight:700;color:#fff;margin-top:4px}#win-reason{font-size:15px;color:#b9c1cf;margin-top:10px}.win-buttons{display:flex;gap:10px;justify-content:center;margin-top:24px}#win-again{background:#2e9e52}#win-again:hover{background:#3cb763}#win-close{background:#3a4152}#win-trophy{font-size:56px;animation:trophyBounce .9s ease-in-out infinite alternate}@keyframes trophyBounce{0%{transform:translateY(0) scale(1)}to{transform:translateY(-12px) scale(1.12)}}#win-series{font-size:17px;font-weight:700;color:#ffd35c;margin-top:8px}#confetti{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.confetti-piece{position:absolute;top:-20px;width:10px;height:14px;border-radius:2px;animation:confettiFall linear forwards}@keyframes confettiFall{to{transform:translateY(110vh) rotate(720deg)}}#series-status{font-size:12.5px;color:#aeb6c4}#ammo-display{position:absolute;left:calc(50% + 110px);bottom:64px;transform:translate(-50%);background:#14161ccc;color:#ffd35c;font-size:17px;font-weight:700;padding:6px 14px;border-radius:10px;pointer-events:none}#settings-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#080a0eb8;display:flex;align-items:center;justify-content:center;pointer-events:auto;z-index:25}#settings-card{background:#181b22f7;border-radius:18px;padding:26px 32px;box-shadow:0 12px 48px #0009;color:#f2f2f2;max-width:560px;width:92vw}#settings-card h2{font-size:20px;margin-bottom:16px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 22px}.settings-grid label{display:flex;flex-direction:column;gap:5px;font-size:13px;color:#aeb6c4}.settings-grid input[type=number]{width:80px}.settings-info{color:#dfe3ea;font-size:13px;padding:6px 0}.settings-inline{display:flex;align-items:center;gap:7px;color:#dfe3ea}.settings-inline input[type=number]{width:64px}#settings-card .win-buttons{margin-top:22px}#settings-start{background:#2e9e52}#settings-start:hover{background:#3cb763}#settings-cancel{background:#3a4152}body.phase-lobby .game-only{display:none!important}#phase-label{font-size:13px;color:#9fb2c8}#interact-prompt{position:absolute;left:50%;top:58%;transform:translate(-50%);background:#14283ce6;color:#cdefff;font-size:18px;font-weight:600;padding:12px 22px;border-radius:12px;border:1px solid #2bd6ff66;box-shadow:0 0 24px #2bd6ff59;pointer-events:none;animation:promptPulse 1.4s ease-in-out infinite}#interact-prompt kbd{background:#2bd6ff;color:#062230;border:none}@keyframes promptPulse{50%{transform:translate(-50%) scale(1.06)}}#lobby-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#060a10c7;display:flex;align-items:center;justify-content:center;pointer-events:auto;z-index:28}#lobby-card{background:#161b24fa;border:none;border-radius:0;padding:28px clamp(24px,5vw,72px);width:100vw;height:100vh;max-width:none;max-height:none;overflow-y:auto;color:#eef2f7}#lobby-card h2{font-size:22px;margin-bottom:18px}.lobby-section{margin-bottom:18px}.lobby-heading{font-size:13px;text-transform:uppercase;letter-spacing:1px;color:#7fd4ff;margin-bottom:10px}#map-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(1100px,94vw),1fr));gap:22px}.map-card{background:#2b3140;border:2px solid transparent;border-radius:12px;padding:12px;cursor:pointer;transition:border-color .15s,background .15s}.map-card:hover{background:#333c4e}.map-card.selected{border-color:#2bd6ff;background:#1c3040}.map-thumb{width:100%;aspect-ratio:16 / 9;border-radius:10px;margin-bottom:8px;background-color:#222836;background-size:cover;background-position:center}.map-name{font-weight:700;font-size:20px;margin-bottom:4px}.map-desc{font-size:12px;color:#aeb6c4;line-height:1.35}#lobby-play:not(.has-art){background:#2e9e52;font-size:16px;padding:12px 24px}#lobby-play:not(.has-art):hover{background:#3cb763}#lobby-cancel:not(.has-art){background:#3a4152}#pose-radial{position:absolute;left:50%;top:50%;width:0;height:0;z-index:24;pointer-events:none}.pose-slice{position:absolute;transform:translate(-50%,-50%);width:84px;height:84px;border-radius:50%;background:#1e2837f2;border:2px solid #2bd6ff66;color:#eef2f7;font-size:11.5px;line-height:1.15;padding:6px;pointer-events:auto;cursor:pointer}.pose-slice:hover{background:#2bd6ff;color:#062230}#pose-radial-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:74px;height:74px;border-radius:50%;background:#0a141ee6;border:1px solid #2bd6ff44;color:#7fd4ff;font-size:12px;display:flex;align-items:center;justify-content:center;text-align:center;pointer-events:none}.pose-slice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:96px;height:96px;overflow:hidden}.pose-thumb{display:block;width:66px;height:56px;border-radius:8px;background-size:contain;background-repeat:no-repeat;background-position:center;background-color:#101822;pointer-events:none}.pose-label{pointer-events:none;font-size:10.5px}.loadout-grid{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0}.loadout-card{flex:1 1 150px;min-width:140px;background:#121a26e6;border:1px solid #2bd6ff33;border-radius:10px;padding:8px;display:flex;flex-direction:column;gap:6px}.loadout-card.equipped{border-color:#4dff7c;box-shadow:0 0 8px #4dff7c44}.loadout-card.unavailable{opacity:.45}.loadout-name{font-size:12.5px;font-weight:700}.loadout-card button{font-size:12px;padding:5px 8px}#view-btn{position:absolute;right:14px;bottom:64px;pointer-events:auto}#wall-btn{position:absolute;display:none;top:62px;right:14px;pointer-events:auto;z-index:30;font-size:13px;padding:6px 10px;border-radius:8px;background:#2b3140eb}body.phase-game #wall-btn{display:block}#wall-btn:hover{background:#3d6df2f2}#wall-btn.active{background:#2bd6ff;color:#062230}#wall-editor,#lobbywall-editor{position:absolute;top:104px;right:14px;width:300px;max-height:74vh;overflow-y:auto;background:#12161ef2;border:1px solid #2bd6ff66;border-radius:12px;padding:12px 14px;z-index:31;pointer-events:auto}#wall-editor.hidden{display:none}.wall-row{display:grid;grid-template-columns:58px 1fr 46px;align-items:center;gap:6px;margin:7px 0;font-size:12.5px}.wall-row input[type=range]{width:100%}.wall-row .wall-val{text-align:right;opacity:.85;font-variant-numeric:tabular-nums}.wall-sep{height:1px;background:#2bd6ff33;margin:10px 0 6px}#draw-toggle.active{background:#ff4fbf;color:#150011}#draw-count{color:#ffb3e6}#startmenu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:6000;pointer-events:auto;display:flex;align-items:center;justify-content:center;background:url(../assets/ui/menu_bg.png) center / cover no-repeat,radial-gradient(circle at 50% 35%,#2b3a63,#141a2b 60%,#0b0d14);color:#fff;font-family:inherit;-webkit-user-select:none;user-select:none}#startmenu.hidden{display:none}#startmenu.has-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--sm-bg);background-size:cover;background-position:center}#startmenu:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0b0d1400,#0b0d1400 40%,#0b0d1490,#0b0d14ee);pointer-events:none}#startmenu>*{position:relative;z-index:1}#sm-main.hidden,#sm-search.hidden{display:none}#sm-main{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:0 20px 3.5vh}#sm-main #sm-buttons{width:min(442px,88vw)}#sm-buttons{display:flex;flex-direction:column;gap:14px;width:100%}#sm-main>#sm-settings{position:absolute;top:2.5vh;right:2vw;width:min(221px,40vw)}#sm-join:not(.has-art){background:linear-gradient(180deg,#29b6cf,#1782a0 55%,#116377);border:2px solid #ffffff55;border-radius:999px;box-shadow:inset 0 3px 6px #fff6,0 8px #0a4557,0 12px 26px #0009}#sm-join:not(.has-art):active{box-shadow:inset 0 3px 6px #fff6,0 4px #0a4557,0 8px 16px #0009}#sm-join-panel{position:absolute;left:50%;bottom:34vh;transform:translate(-50%);width:min(440px,90vw);background:#0e121cf5;border:1px solid #2bd6ff44;border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:10px;box-shadow:0 14px 34px #000b}#sm-join-panel.hidden{display:none}#sm-join-title{font-weight:800;font-size:18px}#sm-join-url{padding:10px 12px;border-radius:8px;border:1px solid #2bd6ff33;background:#0d1420;color:#eef2f7;font-size:14px}#sm-join-row{display:flex;gap:10px;justify-content:flex-end}#sm-join-row button{padding:9px 18px;border-radius:8px;border:none;font-weight:700;cursor:pointer}#sm-join-go{background:#2bd6ff;color:#06222c}#sm-join-cancel{background:#3a4152;color:#eef2f7}.sm-btn{position:relative;display:flex;align-items:center;justify-content:center;width:100%;padding:20px 24px;border:2px solid #ffffff2e;border-radius:16px;background:linear-gradient(180deg,#2e5fa8,#23457a);color:#fff;cursor:pointer;transition:transform .14s ease,filter .14s ease;box-shadow:0 8px #16305a,0 12px 26px #0009}#sm-quick:not(.has-art){background:linear-gradient(180deg,#f0a125,#d2781a);box-shadow:0 8px #96530f,0 12px 26px #0009}.sm-label{font-size:clamp(18px,3.4vw,26px);font-weight:800;letter-spacing:.5px}.sm-btn.has-art{background:center / contain no-repeat var(--sm-art);border:none;box-shadow:none;padding:0;aspect-ratio:var(--sm-art-ratio, 4 / 1);filter:drop-shadow(0 8px 18px #0009)}.sm-btn.has-art.art-has-text .sm-label{display:none}.sm-btn.has-art:not(.art-has-text) .sm-label{text-shadow:0 2px 8px #000b}.sm-btn:hover{transform:scale(1.045);filter:brightness(1.12)}.sm-btn.has-art:hover{filter:drop-shadow(0 10px 22px #000b) brightness(1.1)}.sm-btn:active{transform:scale(.975)}.sm-btn:not(.has-art):active{box-shadow:0 4px #16305a,0 8px 16px #0009}#sm-quick:not(.has-art):active{box-shadow:0 4px #96530f,0 8px 16px #0009}#sm-settings:not(.has-art){background:linear-gradient(180deg,#2e9e52,#1f7a3c);box-shadow:0 8px #14532a,0 12px 26px #0009}#sm-settings:not(.has-art):active{box-shadow:0 4px #14532a,0 8px 16px #0009}#sm-search{display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center;padding:20px}#sm-search-spinner{width:54px;height:54px;border-radius:50%;border:5px solid #ffffff22;border-top-color:#ffd34a;animation:smSpin .9s linear infinite}@keyframes smSpin{to{transform:rotate(360deg)}}#sm-search-text{font-size:clamp(16px,2.6vw,22px);font-weight:700}#sm-search-note{font-size:13px;opacity:.75;max-width:420px;line-height:1.45}#sm-search-cancel{padding:10px 22px;border-radius:10px;border:1px solid #ffffff33;background:#0e1424cc;color:#fff;cursor:pointer}#sm-search-cancel:hover{background:#1b2540}#settings-overlay{z-index:6100}#tile-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.menu-tile{display:flex;flex-direction:column;gap:8px}.tile-img{width:100%;aspect-ratio:4 / 3;border-radius:12px;background:#222836 center / cover no-repeat;border:1px solid #2bd6ff33;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:34px;transition:transform .14s ease,filter .14s ease}.tile-img.has-img{font-size:0}.tile-img:hover{transform:scale(1.03);filter:brightness(1.12)}.tile-img:active{transform:scale(.98)}.tile-btn{position:relative;display:flex;align-items:center;justify-content:center;width:100%;padding:12px;border-radius:12px;border:1px solid #ffffff2e;background:linear-gradient(180deg,#2e5fa8,#23457a);color:#fff;font-weight:800;cursor:pointer;transition:transform .14s ease,filter .14s ease}.tile-btn.has-art{background:center / contain no-repeat var(--sm-art);border:none;padding:0;aspect-ratio:var(--sm-art-ratio, 3 / 1);filter:drop-shadow(0 5px 12px #0008)}.tile-btn.has-art.art-has-text .tile-label{display:none}.tile-btn:hover{transform:scale(1.04);filter:brightness(1.12)}.tile-btn.has-art:hover{filter:drop-shadow(0 7px 16px #000a) brightness(1.1)}.tile-btn:active{transform:scale(.975)}.lobby-sub.hidden,#lobby-main.hidden{display:none}.lobby-back{background:#3a4152}.sm-btn.await-art,.tile-btn.await-art{opacity:0;pointer-events:none}.menu-action-btn{width:min(260px,44vw);flex:0 0 auto}#lobby-main,.lobby-sub{max-width:none;margin:0 auto}#lobby-main{display:flex;flex-direction:column;gap:3vh;padding-top:1vh}#lobby-main .lobby-section{margin-bottom:0}#lobby-main .win-buttons,.lobby-sub .win-buttons{display:flex;justify-content:center;gap:18px}#tile-row{gap:24px}.lobby-sub .loadout-card{flex:1 1 880px;min-width:min(760px,94vw);max-width:1100px}.lobby-sub .shop-thumb{height:520px;font-size:120px}.lobby-sub .loadout-name{font-size:22px}.lobby-sub .loadout-card button{font-size:17px;padding:10px 14px}@media(max-width:560px){#tile-row{grid-template-columns:1fr}}