:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body,html{-webkit-user-select:none;user-select:none;width:100%;height:100%;margin:0;padding:0;overflow:hidden}#game-container{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}#game-canvas{width:100%;height:100%;display:block}#ui-layer{z-index:10;pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;pointer-events:auto;background:#141419d9;border-radius:12px;padding:2rem 3rem;box-shadow:0 8px 32px #00000080}h1{background:-webkit-linear-gradient(45deg,#f0c,#33f);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-top:0;font-size:2.5rem}.input-group{margin:1.5rem 0}input[type=text]{color:#fff;box-sizing:border-box;background:#0000004d;border:1px solid #555;border-radius:6px;outline:none;width:100%;padding:10px 15px;font-size:1.1rem}input[type=text]:focus{border-color:#f0c}button{color:#fff;cursor:pointer;background:linear-gradient(45deg,#f0c,#33f);border:none;border-radius:6px;width:100%;padding:12px 24px;font-size:1.2rem;font-weight:700;transition:transform .1s,box-shadow .2s}button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #f0c6}button:active{transform:translateY(0)}.hidden{display:none!important}#hud{pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}#crosshair{color:#fff;text-shadow:0 0 2px #000;font-size:24px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#action-hint{color:#fff;text-shadow:0 0 4px #000;opacity:.8;font-size:1.2rem;font-weight:700;position:absolute;bottom:20%;left:50%;transform:translate(-50%)}#camo-hud{color:#7fffd4;letter-spacing:1px;text-shadow:0 0 4px #000;font-size:1.1rem;font-weight:700;position:absolute;bottom:14%;left:50%;transform:translate(-50%)}#weapon-hud{color:#ff9fb6;letter-spacing:1px;text-shadow:0 0 4px #000;font-size:1.05rem;font-weight:700;position:absolute;bottom:10%;right:4%}#paint-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;text-align:center;background:#141419e0;border-radius:10px;flex-direction:column;align-items:center;gap:8px;width:190px;padding:14px;display:flex;position:absolute;top:50%;left:20px;transform:translateY(-50%);box-shadow:0 8px 32px #00000080}#paint-panel h3{letter-spacing:1px;color:#7fffd4;margin:0;font-size:1rem}.pp-wheel{cursor:crosshair;border-radius:50%}.pp-label{opacity:.7;align-self:flex-start;margin-bottom:-4px;font-size:.75rem}.pp-size-hint{opacity:.6}#paint-panel input[type=range]{width:100%;margin:0}.pp-color-row{align-items:center;gap:8px;width:100%;display:flex}.pp-swatch{border:2px solid #ffffff4d;border-radius:6px;flex:none;width:32px;height:32px}.pp-hex{color:#fff;background:#0000004d;border:1px solid #555;border-radius:6px;outline:none;flex:1;min-width:0;padding:6px 8px;font-family:monospace;font-size:.9rem}.pp-shapes{gap:6px;width:100%;display:flex}.pp-shape{color:#fff;background:#0000004d;border:1px solid #ffffff40;border-radius:6px;flex:1;padding:4px 0;font-size:.95rem;line-height:1}.pp-shape.active{color:#7fffd4;background:#7fffd41f;border-color:#7fffd4}.pp-patterns{gap:6px;width:100%;display:flex}.pp-pattern{aspect-ratio:1;background-color:#0000004d;background-position:50%;background-size:cover;border:2px solid #ffffff40;border-radius:6px;flex:1;padding:0}.pp-pattern.empty{cursor:default;border-style:dashed}.pp-pattern.active{border-color:#7fffd4;box-shadow:0 0 6px #7fffd499}.pp-fill{width:100%;padding:8px 0;font-size:.9rem}.pp-recent{flex-wrap:wrap;justify-content:center;gap:5px;min-height:22px;display:flex}.pp-recent-swatch{border:1px solid #ffffff59;border-radius:4px;width:22px;height:22px;padding:0}.pp-recent-swatch:hover{box-shadow:none;transform:scale(1.15)}.pp-hint{opacity:.65;margin:2px 0 0;font-size:.72rem;line-height:1.5}body.eyedrop,body.eyedrop *{cursor:crosshair!important}#top-bar{z-index:10;background:#0009;border-radius:8px;gap:20px;padding:10px 30px;font-size:1.5rem;font-weight:700;display:flex;position:absolute;top:20px;left:50%;transform:translate(-50%)}#map-name{color:#8ab4ff;align-self:center;font-weight:600}#map-vote{flex-wrap:wrap;justify-content:center;gap:10px;margin:6px 0 12px;display:flex}.vote-btn{color:#fff;cursor:pointer;background:#ffffff14;border:2px solid #ffffff40;border-radius:6px;padding:6px 14px;font-weight:600}.vote-btn:hover{background:#ffffff2e}.vote-btn.voted{background:#8ab4ff47;border-color:#8ab4ff}#lobby-panel{pointer-events:auto;text-align:center;background:#000c;border-radius:8px;padding:20px;position:absolute;top:100px}#blindfold{color:red;z-index:5;background:#000;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}#game-over-panel{pointer-events:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#role-badge{letter-spacing:1px;z-index:10;border-radius:8px;padding:8px 18px;font-size:1.2rem;font-weight:700;position:absolute;top:20px;right:20px}#role-badge.seeker{color:#fff;background:#c81414d9}#role-badge.hider{color:#fff;background:#1478c8d9}#scoreboard{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:14;color:#e8edf2;pointer-events:auto;background:#0a0e14d1;border:1px solid #ffffff1f;border-radius:12px;min-width:340px;max-width:90vw;max-height:80vh;padding:18px 22px;position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 8px 32px #00000080}#scoreboard.at-game-over{top:auto;bottom:5vh;transform:translate(-50%)}#scoreboard h2{text-align:center;letter-spacing:1px;margin:0 0 12px}.score-row{border-radius:6px;grid-template-columns:1fr auto 5.5em 2.5em;align-items:center;gap:10px;padding:6px 8px;font-size:.95rem;display:grid}.score-row.score-head{text-transform:uppercase;letter-spacing:1px;opacity:.6;border-bottom:1px solid #ffffff26;border-radius:0;margin-bottom:4px;font-size:.75rem}.score-row.me{background:#ffffff1a}.score-row .score-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.score-row .score-role{letter-spacing:.5px;font-weight:700}.score-row.role-seeker .score-role{color:#ff6b6b}.score-row.role-hider .score-role{color:#4aa3ff}.score-row.role-none .score-role{opacity:.5}.score-row .score-status{opacity:.8;text-align:left}.score-row .score-status.found{color:#ff8f5a;opacity:1}.score-row .score-pts{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}#scoreboard .small-hint{text-align:center;margin:12px 0 0}#map-loading{z-index:20;pointer-events:auto;background:#0a0a0ebf;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}#map-loading h2{color:#8ab4ff;margin:0 0 1rem}.load-track{background:#ffffff1f;border-radius:5px;width:280px;height:10px;overflow:hidden}.load-fill{background:linear-gradient(45deg,#f0c,#33f);border-radius:5px;width:0%;height:100%;transition:width .15s ease-out}.load-fill.indeterminate{width:100%;animation:1.2s ease-in-out infinite load-pulse}@keyframes load-pulse{0%,to{opacity:.25}50%{opacity:.9}}#stream-bar{z-index:15;background:#ffffff14;width:100%;height:3px;position:absolute;top:0;left:0}#stream-bar-fill{background:linear-gradient(90deg,#f0c,#33f);width:0%;height:100%;transition:width .15s ease-out}#stream-bar-fill.indeterminate{width:100%;animation:1.2s ease-in-out infinite load-pulse}#btn-audio{pointer-events:auto;z-index:12;background:#141419b3;border-radius:8px;width:auto;padding:6px 10px;font-size:1.1rem;position:absolute;bottom:16px;right:16px}#btn-audio:hover{box-shadow:0 0 10px #7fffd459}#audio-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;z-index:12;background:#141419e0;border-radius:10px;flex-direction:column;gap:8px;width:220px;padding:14px;display:flex;position:absolute;bottom:64px;right:16px;box-shadow:0 8px 32px #00000080}#audio-panel h3{letter-spacing:1px;color:#7fffd4;text-align:center;margin:0;font-size:1rem}.audio-row{align-items:center;gap:8px;font-size:.8rem;display:flex}.audio-row span{opacity:.85;flex:0 0 72px}.audio-row input[type=range]{flex:1;min-width:0;margin:0}.audio-hint{opacity:.5;text-align:center;margin:0;font-size:.7rem}#caught-banner{color:#f44;text-shadow:0 0 8px #000;z-index:6;background:#00000080;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}