*{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}html,body{height:100%}body{font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:#14161a;color:#e8e8e8;overflow:hidden}#join-screen{height:100%;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,#1e232c,#101216 70%)}.join-card{width:min(420px,92vw);padding:2rem;background:#1b1f26;border:1px solid #2c333e;border-radius:12px}.join-card h1{font-size:2rem;letter-spacing:-.02em}.join-card h1 span{color:#6ec1a8}.tagline{margin:.5rem 0 1.25rem;color:#9aa3ae}.join-card label{display:block;margin-bottom:.75rem;font-size:.85rem;color:#9aa3ae}.join-card input{display:block;width:100%;margin-top:.25rem;padding:.55rem .7rem;font-size:1rem;color:#e8e8e8;background:#12151a;border:1px solid #2c333e;border-radius:8px}.join-card button{width:100%;margin-top:.5rem;padding:.65rem;font-size:1rem;font-weight:600;color:#10241d;background:#6ec1a8;border:none;border-radius:8px;cursor:pointer}.join-card button:disabled{opacity:.6;cursor:wait}.error{margin-top:.75rem;color:#e07a7a;font-size:.9rem}.hint{margin-top:1.25rem;font-size:.8rem;color:#67707c;text-align:center}#game-screen{position:fixed;top:0;right:0;bottom:0;left:0}#render-canvas{width:100%;height:100%;display:block;outline:none;touch-action:none}body.paint-mode #render-canvas{cursor:crosshair}#hud{position:absolute;top:.75rem;left:.75rem;right:.75rem;display:flex;gap:1rem;align-items:baseline;pointer-events:none;text-shadow:0 1px 3px rgba(0,0,0,.8);font-size:.9rem}#banner{font-weight:600}#player-count{color:#9aa3ae}#score-wrap{position:relative}#score{color:#d8c987}#status-line{margin-left:auto;color:#9aa3ae}.score-pop{position:absolute;left:100%;top:0;margin-left:.4rem;font-weight:700;white-space:nowrap;animation:score-pop 1s ease-out forwards;pointer-events:none}.score-pop.gain{color:#8fd88f}.score-pop.loss{color:#e07a7a}@keyframes score-pop{0%{opacity:0;transform:translateY(5px)}18%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-18px)}}#hud-right{display:flex;gap:.75rem;align-items:baseline}#audio-controls{display:inline-flex;gap:.35rem;align-items:center;pointer-events:auto}#mute-button{padding:.12rem .45rem;font-size:.72rem;color:#9aa3ae;background:#14181eb3;border:1px solid #38404d;border-radius:6px;cursor:pointer}#mute-button.muted{color:#e07a7a;border-color:#6b4040}#volume-slider{width:72px;accent-color:#6ec1a8;cursor:pointer}#fps{color:#67707c;font-variant-numeric:tabular-nums}#conn-status{color:#e07a7a;font-size:.8rem}#conn-status.ok{color:#6ec1a8}#conn-status:before{content:"● "}#share-button{padding:.12rem .45rem;font-size:.72rem;color:#9fd8e8;background:#14181eb3;border:1px solid #2f5560;border-radius:6px;cursor:pointer;pointer-events:auto}#share-button:hover{border-color:#2fd4ff;color:#d8f4ff}#shutter-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0;pointer-events:none;z-index:40}#shutter-flash.flash{animation:shutter .28s ease-out}@keyframes shutter{0%{opacity:0}12%{opacity:.9}to{opacity:0}}body.capturing #hud,body.capturing #nameplates,body.capturing #hunter-panel,body.capturing #toast-layer,body.capturing #pointer-hint,body.capturing #status-line,body.capturing #locked-note,body.capturing #crosshair,body.capturing #self-view-frame{visibility:hidden}body.night .nameplate{background:#080c14eb;color:#f2f7ff;box-shadow:0 0 10px #6eb4ff59}#nameplates{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.nameplate{position:absolute;left:0;top:0;padding:.1rem .45rem;background:#101318b8;border-radius:6px;font-size:.75rem;color:#dfe5ea;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.9);will-change:transform}#pointer-hint{position:absolute;bottom:5.5rem;left:50%;transform:translate(-50%);padding:.45rem .9rem;background:#14181ed9;border:1px solid #38404d;border-radius:8px;color:#9aa3ae;font-size:.85rem;pointer-events:none}#help-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0a0c0f8c;pointer-events:none}.help-card{pointer-events:auto;width:min(560px,92vw);padding:1.5rem;background:#161a21f7;border:1px solid #2c333e;border-radius:12px}.help-card h2{margin-bottom:.75rem;font-size:1.1rem}.help-card table{width:100%;border-collapse:collapse;font-size:.9rem}.help-card td{padding:.3rem .5rem .3rem 0;color:#c9d1d9;vertical-align:top}.help-card td:first-child{width:7rem;color:#6ec1a8;font-weight:600;white-space:nowrap}.help-tip{margin-top:.9rem;font-size:.8rem;color:#9aa3ae}#self-view-frame{position:absolute;right:14px;bottom:14px;width:240px;height:150px;border:1px solid #6ec1a8;border-radius:4px;pointer-events:none;box-shadow:0 2px 12px #00000080}#self-view-frame span{position:absolute;top:-1.35rem;right:0;font-size:.7rem;color:#6ec1a8;text-shadow:0 1px 2px rgba(0,0,0,.9)}#locked-note{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);padding:.5rem 1rem;background:#14181ed9;border:1px solid #6ec1a8;border-radius:8px;color:#6ec1a8;font-weight:600;pointer-events:none}#paint-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:end center;padding-bottom:1.5rem;pointer-events:none}.paint-panel{pointer-events:auto;background:#161a21f0;border:1px solid #2c333e;border-radius:12px;padding:1rem}.paint-panel h2{font-size:1rem;margin-bottom:.25rem}.paint-hint{font-size:.8rem;color:#9aa3ae;margin-bottom:.6rem}.paint-row{display:flex;gap:1rem}#paint-canvas{width:256px;height:256px;border:1px solid #2c333e;border-radius:6px;cursor:crosshair;image-rendering:pixelated}.paint-tools{display:flex;flex-direction:column;gap:.5rem;min-width:150px}.swatch-row{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#9aa3ae}.swatch{width:28px;height:28px;border-radius:6px;border:1px solid #2c333e;background:#f2f2f2;display:inline-block}.brush-row{display:flex;align-items:center;gap:.35rem;font-size:.85rem;color:#9aa3ae}.brush-row button{width:30px;padding:.3rem 0;font-size:.8rem;color:#9aa3ae;background:#1d222b;border:1px solid #38404d;border-radius:6px;cursor:pointer}.brush-row button.active{color:#10241d;background:#6ec1a8;border-color:#6ec1a8;font-weight:700}.budget-row{display:flex;flex-direction:column;gap:.2rem}#paint-budget{height:6px;background:#12151a;border:1px solid #2c333e;border-radius:4px;overflow:hidden}#paint-budget-fill{height:100%;width:0%;background:#6ec1a8;transition:width .15s ease}#paint-budget-fill.warn{background:#d8a054}#paint-budget-label{font-size:.7rem;color:#67707c}.paint-tools button{padding:.45rem .6rem;font-size:.85rem;color:#e8e8e8;background:#262c36;border:1px solid #38404d;border-radius:8px;cursor:pointer}.paint-tools button:hover{background:#2e3542}#lock-in-button{border-color:#6ec1a8;color:#6ec1a8}#hover-swatch{position:fixed;width:22px;height:22px;border:2px solid #fff;border-radius:50%;box-shadow:0 1px 4px #0009;pointer-events:none;z-index:30}#hunter-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;animation:hunter-pulse 1.6s ease-in-out infinite}@keyframes hunter-pulse{0%,to{box-shadow:inset 0 0 140px 36px #d6282847}50%{box-shadow:inset 0 0 180px 62px #d6282875}}#crosshair{position:absolute;left:50%;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border:2px solid rgba(255,92,92,.95);border-radius:50%;pointer-events:none}#crosshair:after{content:"";position:absolute;left:50%;top:50%;width:3px;height:3px;margin:-1.5px 0 0 -1.5px;background:#ff5c5cf2;border-radius:50%}#crosshair.cooldown{border-style:dashed;border-color:#8a8a8a;animation:crosshair-spin 2s linear}#crosshair.cooldown:after{background:#8a8a8a}@keyframes crosshair-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#hunter-panel{position:absolute;left:14px;bottom:14px;width:220px;display:flex;flex-direction:column;gap:.4rem}#hunter-button{padding:.55rem .8rem;font-size:.9rem;font-weight:600;color:#67707c;background:#1d222be6;border:1px solid #38404d;border-radius:8px;cursor:not-allowed}#hunter-button.ready{color:#fff;background:#c23b3b;border-color:#e06060;box-shadow:0 0 16px #dc3c3c8c;cursor:pointer;animation:hunter-ready 1.4s ease-in-out infinite}#hunter-button.ready:hover{background:#d34848}@keyframes hunter-ready{0%,to{box-shadow:0 0 10px #dc3c3c59}50%{box-shadow:0 0 22px #dc3c3cbf}}#hunter-progress{font-weight:700;font-variant-numeric:tabular-nums}#hunter-timer{display:flex;flex-direction:column;gap:.25rem}#hunter-timer-bar{height:10px;background:#12151ae6;border:1px solid #6b3030;border-radius:6px;overflow:hidden}#hunter-timer-fill{height:100%;width:100%;background:linear-gradient(90deg,#c23b3b,#e06060);transition:width .25s linear}#hunter-timer-label{font-size:.75rem;font-weight:700;color:#ff8a8a;letter-spacing:.06em;text-shadow:0 1px 3px rgba(0,0,0,.8)}#toast-layer{position:absolute;top:3.2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.4rem;pointer-events:none;z-index:20}.toast{padding:.45rem 1rem;background:#14181eeb;border:1px solid #d8a054;border-radius:8px;color:#ffd886;font-weight:600;font-size:.9rem;white-space:nowrap;animation:toast-life 3s ease forwards}@keyframes toast-life{0%{opacity:0;transform:translateY(-10px)}8%{opacity:1;transform:translateY(0)}80%{opacity:1}to{opacity:0}}#found-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none;background:radial-gradient(circle,transparent 35%,rgba(120,10,10,.45));z-index:25}.found-card{text-align:center;text-shadow:0 2px 18px rgba(0,0,0,.85)}.found-card h2{font-size:3.2rem;letter-spacing:.12em;color:#ff6b6b;animation:found-slam .45s ease-out}.found-card p{margin-top:.4rem;color:#ffd0d0;font-size:1.05rem}.found-card .found-sub{color:#d89898;font-size:.85rem}@keyframes found-slam{0%{opacity:0;transform:scale(2.4)}60%{opacity:1;transform:scale(.94)}to{transform:scale(1)}}#fade-black{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:0;pointer-events:none;transition:opacity .7s ease;z-index:30}#fade-black.visible{opacity:1;transition:opacity .25s ease}#handoff-veil{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 45%,#0a1018,#04060a 75%);z-index:60;opacity:0;pointer-events:none;transition:opacity .5s ease}#handoff-veil.visible{opacity:1;pointer-events:auto}.veil-inner{text-align:center;max-width:min(520px,86vw)}#veil-title{font-size:1.6rem;font-weight:700;letter-spacing:.06em;color:#9fd8e8;text-shadow:0 0 24px rgba(47,212,255,.35)}#veil-blurb{margin-top:.6rem;font-size:.95rem;line-height:1.5;color:#7d8894}#leaderboard-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0a0c0f8c;pointer-events:none;z-index:20}.lb-card{pointer-events:auto;width:min(520px,92vw);padding:1.25rem 1.5rem;background:#161a21f7;border:1px solid #2c333e;border-radius:12px}.lb-card h2{font-size:1.1rem;margin-bottom:.35rem}#lb-best{color:#6ec1a8;font-size:.9rem;margin-bottom:.35rem;font-weight:600}#lb-status{color:#9aa3ae;font-size:.85rem;margin-bottom:.35rem}.lb-columns{display:flex;gap:1.25rem;margin-top:.5rem}.lb-col{flex:1 1 0;min-width:0}.lb-col h3{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#9aa3ae;margin-bottom:.4rem}.lb-col ol{list-style:none;counter-reset:lb}.lb-col li{counter-increment:lb;display:flex;align-items:baseline;gap:.5rem;padding:.18rem .3rem;font-size:.85rem;border-radius:4px}.lb-col li:nth-child(odd){background:#ffffff08}.lb-col li:before{content:counter(lb);width:1.2rem;color:#5b6470;font-variant-numeric:tabular-nums;flex:none}.lb-col li.me{background:#6ec1a824}.lb-col li.me .lb-name{color:#6ec1a8;font-weight:600}.lb-name{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#c9d1d9}.lb-score{font-variant-numeric:tabular-nums;color:#e8edf2;font-weight:600}.lb-col li.lb-empty{color:#5b6470;font-style:italic}.lb-col li.lb-empty:before{content:""}.lb-hint{margin-top:.75rem;font-size:.75rem;color:#5b6470;text-align:center}.lb-tabs{display:flex;align-items:baseline;gap:.4rem;margin-bottom:.6rem;border-bottom:1px solid #2c333e;padding-bottom:.5rem}.lb-tab{padding:.3rem .9rem;font-size:.9rem;font-weight:600;color:#9aa3ae;background:transparent;border:1px solid transparent;border-radius:8px;cursor:pointer}.lb-tab:hover{color:#c9d1d9}.lb-tab.active{color:#6ec1a8;background:#6ec1a81a;border-color:#6ec1a866}#shop-wallet{margin-left:auto;font-size:.85rem;font-weight:600;color:#d8c987;font-variant-numeric:tabular-nums}#shop-status{color:#9aa3ae;font-size:.85rem;margin-bottom:.35rem}#shop-list{list-style:none}.shop-row{display:flex;align-items:center;gap:.75rem;padding:.4rem .3rem;border-radius:6px}.shop-row:nth-child(odd){background:#ffffff08}.shop-name{flex:1 1 auto;font-size:.9rem;color:#c9d1d9}.shop-price{font-size:.8rem;color:#d8c987;font-variant-numeric:tabular-nums}.shop-action{min-width:96px;padding:.32rem .6rem;font-size:.8rem;font-weight:600;color:#e8e8e8;background:#262c36;border:1px solid #38404d;border-radius:8px;cursor:pointer}.shop-action:hover:not(:disabled){background:#2e3542}.shop-action:disabled{opacity:.55;cursor:default}.shop-action.equipped{color:#6ec1a8;border-color:#6ec1a8;background:#6ec1a814;opacity:1}.shop-action.confirm{color:#10241d;background:#d8a054;border-color:#d8a054}.shop-note{margin-top:.6rem;font-size:.75rem;color:#5b6470}.nameplate{pointer-events:auto;cursor:default}#report-menu{position:fixed;z-index:50;display:flex;flex-direction:column;min-width:170px;padding:.5rem;gap:.3rem;background:#161a21f7;border:1px solid #2c333e;border-radius:10px;box-shadow:0 4px 18px #0000008c}#report-menu .report-title{font-size:.75rem;font-weight:700;color:#e0a0a0;letter-spacing:.04em;padding:0 .2rem .2rem;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#report-menu button{padding:.35rem .6rem;font-size:.8rem;text-align:left;color:#c9d1d9;background:#1d222b;border:1px solid #38404d;border-radius:6px;cursor:pointer}#report-menu button:hover{background:#2e3542;border-color:#6b4040;color:#ffb0b0}#report-menu .report-cancel{color:#67707c;text-align:center}#report-menu .report-cancel:hover{color:#9aa3ae;border-color:#38404d;background:#1d222b}.toast.actionable{pointer-events:auto;display:flex;align-items:center;gap:.6rem;animation-duration:6s}.toast-action{padding:.14rem .5rem;font-size:.72rem;font-weight:600;color:#e0a0a0;background:#14181eb3;border:1px solid #6b4040;border-radius:6px;cursor:pointer}.toast-action:hover{color:#ffb0b0;border-color:#a05050}