:root{color-scheme:dark;--bg:#06120f;--panel:#0d211b;--line:#2a4c40;--ink:#f7f1e7;--muted:#9bc9bb;--orange:#ff9227;--cyan:#55ead2;--bad:#ff7b70}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#123127 0,var(--bg) 42%);color:var(--ink);font:17px/1.5 system-ui,sans-serif;padding-bottom:84px}header{min-height:76px;display:flex;align-items:center;gap:14px;padding:12px max(18px,env(safe-area-inset-left));border-bottom:1px solid var(--line);background:#07100eee;position:sticky;top:0;z-index:3}.mark{width:46px;height:46px;display:grid;place-items:center;border:1px solid var(--orange);color:var(--orange);text-decoration:none;transform:rotate(45deg)}header>div{display:grid}header small,.hero small,.card small{color:var(--orange);font-weight:800;letter-spacing:.12em}header button{margin-left:auto}main{width:min(920px,92vw);margin:auto;padding:30px 0}.hero h1{font:700 clamp(38px,10vw,68px)/1 Georgia,serif;margin:.25rem 0 1rem}.hero.compact h1{font-size:clamp(34px,8vw,54px)}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:24px}.campaign-grid,.character-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.campaign{text-align:left;width:100%}.campaign h2,.character h2{font:700 30px/1.1 Georgia,serif;margin:.4rem 0}.notice{border-left:4px solid var(--cyan);background:#102a22;padding:16px;margin-top:20px}.success{border-color:var(--cyan)}.warning{border-color:var(--bad)}label{display:grid;gap:8px;font-weight:750;margin:18px 0}input,button{font:inherit;color:var(--ink);background:#07130f;border:1px solid var(--line);border-radius:7px;min-height:50px;padding:12px 15px}button{cursor:pointer;font-weight:800}.primary{background:var(--orange);border-color:var(--orange);color:#111}.quiet,.back{color:var(--cyan)}.muted{color:var(--muted)}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.stat{display:grid;text-transform:capitalize;text-align:left}.stat b{font-size:32px;color:var(--cyan)}nav{position:fixed;z-index:4;bottom:0;left:0;right:0;min-height:66px;padding:8px max(18px,env(safe-area-inset-left)) calc(8px + env(safe-area-inset-bottom));display:flex;justify-content:space-around;align-items:center;background:#07100ef2;border-top:1px solid var(--line)}nav a{color:var(--ink);font-weight:800}#toast{position:fixed;right:16px;bottom:82px;max-width:min(420px,90vw);background:#102a22;border:1px solid var(--cyan);padding:14px 18px;opacity:0;transform:translateY(10px);transition:.2s;pointer-events:none;z-index:6}#toast.show{opacity:1;transform:none}#toast.bad{border-color:var(--bad)}@media(max-width:650px){body{font-size:16px}main{width:94vw;padding-top:20px}.card{padding:19px}.campaign-grid,.character-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:42px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}