:root{color-scheme:dark;--bg: #110d12;--panel: rgba(27, 19, 27, .78);--panel-line: rgba(255, 190, 92, .32);--text: #f6e8d3;--muted: #cda871;--accent: #ff7a2f;--accent-2: #ffd36f;--danger: #ff4d4d}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden;background:radial-gradient(circle at top,rgba(255,121,47,.15),transparent 40%),linear-gradient(180deg,#241218,#100c12);color:var(--text);font-family:Georgia,Times New Roman,serif}body{min-height:100vh}#game{width:100%;height:100%;display:block}.hud,.overlay{position:fixed;inset:0;pointer-events:none}.hud{padding:18px;display:flex;flex-direction:column;justify-content:space-between}.hud-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.brand,.status-card,.panel,.tip{border:1px solid var(--panel-line);background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 0 24px #00000042}.brand{padding:12px 16px;letter-spacing:.24em;font-size:.8rem}.status-row{display:flex;gap:10px}.status-card{min-width:92px;padding:10px 12px;text-align:center}.status-card span{display:block;font-size:.68rem;letter-spacing:.18em;color:var(--muted)}.status-card strong{display:block;font-size:1.4rem;color:var(--accent-2)}.hud-bottom{display:flex;justify-content:center}.tip{padding:10px 16px;font-size:.85rem;letter-spacing:.1em;text-transform:uppercase}.crosshair{position:absolute;top:50%;left:50%;width:26px;height:26px;transform:translate(-50%,-50%)}.crosshair:before,.crosshair:after{content:"";position:absolute;background:#ffe8c5e6;box-shadow:0 0 10px #ffaa368c}.crosshair:before{top:12px;left:0;right:0;height:2px}.crosshair:after{left:12px;top:0;bottom:0;width:2px}.damage-flash,.muzzle-flash{position:absolute;inset:0;opacity:0;transition:opacity .12s ease}.damage-flash{background:radial-gradient(circle,#ff4d4d1a,#ff4d4d6b)}.muzzle-flash{background:radial-gradient(circle at center,rgba(255,220,124,.32),transparent 34%)}.overlay{display:grid;place-items:center;padding:20px;pointer-events:auto;background:linear-gradient(180deg,#0b090e3d,#0b090ead)}.overlay.hidden{display:none}.panel{max-width:420px;padding:24px}.room-form{display:grid;gap:12px;margin:18px 0 14px}.field{display:grid;gap:6px}.field span{color:var(--muted);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase}.field input{width:100%;border:1px solid rgba(255,211,111,.28);background:#09070cb8;color:var(--text);padding:12px 14px;font:inherit;letter-spacing:.08em}.field input::placeholder{color:#f6e8d366}.room-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}.session-status,.room-meta{margin:0 0 8px;font-size:.92rem}.room-meta{color:var(--muted);font-size:.8rem}.eyebrow{margin:0 0 8px;color:var(--muted);letter-spacing:.24em;text-transform:uppercase;font-size:.75rem}.panel h1{margin:0 0 12px;font-size:clamp(2.1rem,6vw,3.8rem);line-height:.92;color:var(--accent-2)}.panel p,.panel li{color:var(--text);line-height:1.5}.panel ul{margin:16px 0 20px;padding-left:20px}button{pointer-events:auto;border:1px solid rgba(255,211,111,.5);background:linear-gradient(180deg,#ff9b3c,#d45321);color:#210d08;padding:12px 18px;font:inherit;font-weight:700;cursor:pointer;letter-spacing:.08em;text-transform:uppercase}button.secondary{background:#1b131bc7;color:var(--text)}button:disabled,.field input:disabled{opacity:.55;cursor:not-allowed}button:hover{filter:brightness(1.1)}@media(max-width:700px){.hud{padding:12px}.hud-top{flex-direction:column}.status-row{width:100%}.status-card{flex:1;min-width:0}.panel{padding:20px}.room-actions{grid-template-columns:1fr}}