*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#0d0b10;color:#d8d2c0;font-family:Georgia,Times New Roman,serif}#app{position:relative;width:100%;height:100%}canvas{display:block}button{font-family:inherit;cursor:pointer}#lobby{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 30%,#1c1626,#0d0b10 70%);z-index:20}.lobby-card{width:min(680px,92vw);padding:32px 36px;background:#16121d;border:1px solid #3a3145;border-radius:6px;box-shadow:0 20px 60px #000a}.lobby-card h1{margin:0;font-size:2.6rem;letter-spacing:.35em;color:#e8e0c8}.tagline{margin:4px 0 20px;color:#9a8fb0;font-style:italic}.lobby-row{margin:14px 0;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.classes{display:grid;grid-template-columns:1fr 1fr;gap:8px}.class-btn{display:flex;flex-direction:column;gap:4px;text-align:left;padding:10px 12px;background:#1e1828;color:#cfc5b8;border:1px solid #3a3145;border-radius:4px}.class-btn span{font-size:.78rem;color:#8f84a5}.class-btn.sel{border-color:#d4af37;background:#262033;color:#f0e8d0}label{display:flex;gap:8px;align-items:center;font-size:.9rem;color:#9a8fb0}input,select{background:#0f0c14;color:#d8d2c0;border:1px solid #3a3145;padding:6px 10px;border-radius:3px;font-family:inherit;width:130px}.buttons button{padding:12px 22px;border-radius:4px;border:1px solid #3a3145;background:#1e1828;color:#cfc5b8;font-size:1rem}.buttons .primary{background:#d4af37;border-color:#d4af37;color:#16121d;font-weight:700}.buttons button:disabled{opacity:.35;cursor:not-allowed}.hint{font-size:.78rem;color:#6d6480;margin-top:18px}.mic-check{gap:12px}.mic-label{font-size:.82rem;color:#d9a441}.din-bar{width:180px;height:12px;background:#0f0c14;border:1px solid #3a3145;border-radius:6px;overflow:hidden}.din-fill{height:100%;width:0%;background:#7fbf7f;transition:width 60ms linear}#hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}.hud-top{position:absolute;top:14px;left:0;right:0;display:flex;justify-content:center;gap:26px;align-items:center}.tithe-wrap{display:flex;flex-direction:column;gap:3px;width:260px}.tithe-bar{height:10px;background:#0f0c14cc;border:1px solid #3a3145;border-radius:5px;overflow:hidden}.tithe-fill{height:100%;width:0%;background:#b08d2f}.tithe-fill.met{background:#7fbf7f}.tithe-text{font-size:.75rem;text-align:center;color:#cfc5b8;text-shadow:0 1px 3px #000}.timer{font-size:1.5rem;color:#e8e0c8;text-shadow:0 2px 4px #000;font-variant-numeric:tabular-nums}.timer.urgent{color:#e05545;animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.55}}.compass-wrap{display:flex;flex-direction:column;align-items:center;font-size:.65rem;color:#9a8fb0}.compass{font-size:1.3rem;color:#d4af37;transition:transform .12s linear}.hud-bottom{position:absolute;bottom:16px;left:0;right:0;display:flex;justify-content:center;gap:30px;align-items:flex-end}.vitals{display:flex;flex-direction:column;gap:4px}.hp{color:#e05545;font-size:1.15rem;letter-spacing:2px;text-shadow:0 1px 3px #000}.stam-bar{width:130px;height:6px;background:#0f0c14cc;border:1px solid #3a3145;border-radius:3px;overflow:hidden}.stam-fill{height:100%;background:#6a8caf}.din-wrap{display:flex;gap:8px;align-items:center}.din-label{font-size:.7rem;letter-spacing:.2em;color:#9a8fb0}.bag{font-size:.8rem;color:#cfc5b8;min-width:120px;text-shadow:0 1px 3px #000}.toasts{position:absolute;bottom:90px;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:6px}.toast{background:#16121dee;border:1px solid #3a3145;padding:8px 18px;border-radius:4px;font-size:.88rem;color:#e8e0c8;transition:opacity .4s}.toast.out{opacity:0}#overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0d0b10d8;z-index:15}.overlay-card{text-align:center;padding:40px 60px;background:#16121d;border:1px solid #3a3145;border-radius:6px}.overlay-card h2{margin:0 0 8px;font-size:2rem;letter-spacing:.2em}.overlay-card h2.win{color:#d4af37}.overlay-card h2.lose{color:#e05545}.overlay-card p{color:#9a8fb0}.overlay-card button{margin-top:18px;padding:12px 26px;background:#d4af37;border:none;border-radius:4px;font-size:1rem;font-weight:700;color:#16121d}.net-code{margin:12px 0 6px;color:#9a8fb0}.net-code strong{color:#d4af37;font-size:1.3rem;letter-spacing:.3em}#roster{list-style:none;padding:0;margin:8px 0;color:#cfc5b8}#roster li{padding:3px 0}#net-status{color:#9a8fb0;font-size:.85rem}#camp{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 70%,#241c14,#0d0b10 75%);z-index:20}.camp-card{width:min(640px,92vw);padding:30px 34px;background:#16121d;border:1px solid #3a3145;border-radius:6px}.camp-card h2{margin:0 0 10px;letter-spacing:.3em;color:#e8e0c8}.camp-stats{display:flex;gap:22px;color:#d4af37;font-size:.95rem;flex-wrap:wrap}.camp-stats span:not(:first-child){color:#9a8fb0}.camp-hint{color:#6d6480;font-size:.8rem}.stash-grid{display:grid;gap:2px;margin:10px 0 16px}.stash-cell{background:#0f0c14;border:1px solid #241f2e;border-radius:2px}.stash-item{background:#262033;border:1px solid #3a3145;border-radius:3px;color:#cfc5b8;font-size:.62rem;padding:3px;overflow:hidden;display:flex;align-items:flex-end}.stash-item.cursed{border-color:#7a3a8a}.stash-item.equippable{cursor:pointer}.stash-item.equippable:hover{border-color:#d4af37}.stash-item.packed{background:#3a3145;border-color:#d4af37;color:#f0e8d0}#settings{position:absolute;top:12px;right:14px;z-index:12;pointer-events:auto}#settings-btn{background:#16121dcc;color:#9a8fb0;border:1px solid #3a3145;border-radius:4px;width:34px;height:34px;font-size:1rem}#settings-panel{position:absolute;right:0;top:40px;width:250px;background:#16121df2;border:1px solid #3a3145;border-radius:6px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}#settings-panel h3{margin:0;color:#e8e0c8;font-size:1rem;letter-spacing:.15em}#settings-panel h4{margin:6px 0 0;color:#9a8fb0;font-size:.8rem}#settings-panel label{font-size:.85rem}#settings-panel button{margin-top:6px;padding:6px;background:#262033;color:#cfc5b8;border:1px solid #3a3145;border-radius:3px}#bottle-btn{position:absolute;bottom:16px;right:16px;z-index:12;pointer-events:auto;background:#16121dcc;color:#d4af37;border:1px solid #3a3145;border-radius:4px;padding:10px 14px;font-size:.85rem}#bottle-btn:hover{border-color:#d4af37}.prompt{position:absolute;bottom:66px;left:0;right:0;text-align:center;font-size:.98rem;color:#f0e8d0;text-shadow:0 1px 4px #000;opacity:0;transition:opacity .12s;pointer-events:none}.prompt.on{opacity:1}.prompt b{color:#d4af37;border:1px solid #d4af37;border-radius:3px;padding:0 6px;margin-right:4px}#vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;box-shadow:inset 0 0 120px 42px #a02020cc}#vignette.hit{animation:hurtflash .45s ease-out}@keyframes hurtflash{0%{opacity:1}to{opacity:0}}#howto{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;background:#0d0b10e6}.howto-card{width:min(720px,94vw);max-height:92vh;overflow-y:auto;background:#16121d;border:1px solid #3a3145;border-radius:6px;padding:26px 30px}.howto-card h2{margin:0 0 10px;letter-spacing:.25em;color:#e8e0c8}.howto-goal{color:#cfc5b8;font-size:.92rem;line-height:1.45}.howto-goal b{color:#d4af37}.howto-keys{border-collapse:collapse;margin:12px 0;width:100%;font-size:.85rem;color:#cfc5b8}.howto-keys td{padding:4px 12px 4px 0}.howto-keys td:nth-child(odd){color:#d4af37;white-space:nowrap;font-weight:700}.howto-classes{font-size:.85rem;color:#cfc5b8;padding-left:18px;line-height:1.5}.howto-classes li{margin:5px 0}.howto-classes b{color:#e8e0c8}.howto-card button{padding:10px 22px;background:#d4af37;border:none;border-radius:4px;font-weight:700;color:#16121d;font-size:.95rem}.crosshair{display:none;position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:#e8e0c8cc;box-shadow:0 0 4px #000}#hud.fps .crosshair{display:block}.skills{display:flex;gap:8px}.skill{position:relative;width:78px;height:54px;background:#16121dcc;border:1px solid #3a3145;border-radius:5px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.skill .skill-key{position:absolute;top:3px;left:5px;font-size:.68rem;color:#d4af37;border:1px solid #d4af37;border-radius:3px;padding:0 4px;line-height:1.2;z-index:2}.skill .skill-name{font-size:.66rem;color:#e8e0c8;text-align:center;margin-top:10px;line-height:1.1;z-index:2;text-shadow:0 1px 2px #000;padding:0 4px}.skill .cd-text{font-size:.7rem;color:#9a8fb0;z-index:2;font-variant-numeric:tabular-nums;min-height:.8rem}.skill .cd-fill{position:absolute;left:0;right:0;bottom:0;height:0%;background:#2b2438;z-index:1;transition:height 90ms linear}.skill.cooling .skill-name{color:#8f84a5}.skill.cooling .cd-text{color:#d9a441}.skill.active{border-color:#7fbf7f}.skill.active .cd-fill{background:#2f4a33}.face-row{align-items:center;gap:18px}#face-preview{width:180px;height:180px;border:1px solid #3a3145;border-radius:6px;background:radial-gradient(ellipse at 50% 40%,#241c30,#0f0c14 80%)}.face-fields{display:flex;flex-direction:column;gap:6px}.face-field{display:flex;align-items:center;gap:8px}.face-field button{width:28px;height:26px;background:#1e1828;color:#cfc5b8;border:1px solid #3a3145;border-radius:3px;padding:0}.face-field button:hover{border-color:#d4af37}.face-value{min-width:150px;font-size:.85rem;color:#cfc5b8}