:root{--bg:#0d0608;--panel:#1a0d10db;--line:#e9d6cf2e;--text:#f3e6e1;--muted:#b39d96;--accent:#e0714c;--danger:#ff5a5a;--ok:#7fd18b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);font:15px/1.45 system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;height:100%;margin:0;overflow:hidden}#game{touch-action:none;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}[hidden]{display:none!important}button,input{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--accent);background:var(--accent);color:#1a0d10;border-radius:8px;padding:.45rem .9rem;font-weight:600}button:disabled{opacity:.4;cursor:not-allowed}button.ghost{color:var(--text);border-color:var(--line);background:0 0;font-weight:500}input:not([type]),input[type=text]{border:1px solid var(--line);-webkit-user-select:text;user-select:text;background:#00000059;border-radius:8px;width:100%;padding:.45rem .7rem}.panel-layer{background:radial-gradient(circle at 30% 20%, #3d1414 0%, var(--bg) 70%);place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow-y:auto}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;gap:.9rem;width:min(440px,100%);padding:1.4rem;display:grid}.card h1{letter-spacing:.35em;color:var(--accent);margin:0;font-size:1.9rem}.card h2{margin:.3rem 0 0;font-size:1rem}.card label{gap:.3rem;display:grid}.tagline,.muted{color:var(--muted);margin:0}.roles{border:1px solid var(--line);border-radius:8px;gap:1.2rem;padding:.5rem .8rem;display:flex}.roles label{align-items:center;gap:.4rem;display:flex}.row{gap:.5rem;display:flex}#game-list{gap:.4rem;max-height:38vh;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}#game-list li:not(.muted){border:1px solid var(--line);border-radius:8px;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .7rem;display:flex}.game-info small{color:var(--muted);display:block}.error{color:var(--danger);min-height:1.2em;margin:0}#hud{pointer-events:none;padding:max(10px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));position:fixed;inset:0}#hud button{pointer-events:auto}.hud-top{text-shadow:0 1px 3px #000;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.hud-top>div{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.badge{border:1px solid var(--line);color:var(--muted);border-radius:99px;padding:.05rem .6rem;font-size:.8rem}#scoreboard{background:var(--panel);font-variant-numeric:tabular-nums;border-radius:10px;min-width:10rem;margin:0;padding:.5rem .8rem .5rem 2rem}#scoreboard li.self{color:var(--accent);font-weight:600}#scoreboard li span{float:right;margin-left:1rem}#feed{text-shadow:0 1px 3px #000;max-width:22rem;margin:.6rem 0 0;padding:0;font-size:.85rem;list-style:none}#hp{left:50%;bottom:max(18px, env(safe-area-inset-bottom));border:1px solid var(--line);background:#00000080;border-radius:6px;width:min(320px,50vw);height:12px;position:absolute;overflow:hidden;transform:translate(-50%)}#hp-fill{background:var(--ok);width:100%;height:100%;transition:width .12s}#tools{right:max(12px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;max-width:calc(100% - 24px);display:flex;position:absolute}#tools-hint{text-align:right;color:var(--muted);text-shadow:0 1px 3px #000;flex-basis:100%;margin:0;font-size:.85rem}.tool{background:var(--panel);color:var(--text);border-color:var(--line)}.tool.active{background:var(--accent);color:#1a0d10;border-color:var(--accent)}.tool.cooling{opacity:.5}kbd{opacity:.7;font-size:.7rem}#touch-stick{left:max(28px, env(safe-area-inset-left));bottom:max(28px, env(safe-area-inset-bottom));border:2px solid var(--line);pointer-events:auto;touch-action:none;background:#00000040;border-radius:50%;width:128px;height:128px;position:absolute}#touch-knob{background:#f3e6e18c;border-radius:50%;width:56px;height:56px;margin:-28px 0 0 -28px;position:absolute;top:50%;left:50%}#touch-attack{right:max(28px, env(safe-area-inset-right));bottom:max(40px, env(safe-area-inset-bottom));touch-action:none;border-radius:50%;width:84px;height:84px;font-size:2rem;position:absolute}body:not(.touch) .touch-only{display:none}body.role-moderator .adventurer-only,body.role-adventurer .moderator-only{display:none!important}