:root{--bg:#0e1117;--panel:#171c25;--panel2:#202735;--line:#30394a;--text:#f1f4f8;--muted:#aab4c4;--gold:#d5b66f;--red:#b84b4b;--green:#4e9b71;--blue:#6e8ec6;--shadow:0 14px 35px rgba(0,0,0,.22)}
*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}a{color:#dbe7ff;text-decoration:none}a:hover{text-decoration:underline}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}.container{width:min(1180px,calc(100% - 28px));margin:auto}.topbar{position:sticky;top:0;z-index:20;background:rgba(14,17,23,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.nav{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;gap:10px;align-items:center;font-weight:800}.brand-mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(145deg,#d5b66f,#805c24);display:grid;place-items:center;color:#10131a}.nav-links{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.nav-links a,.link-button{padding:8px 10px;border-radius:8px;color:var(--muted)}.nav-links a.active{background:var(--panel2);color:var(--text)}.link-button{background:none;border:0}.page{padding:26px 0 52px}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:18px;box-shadow:var(--shadow)}.card.flat{box-shadow:none}.card h2,.card h3{margin-top:0}.hero{padding:26px;background:radial-gradient(circle at 80% 10%,rgba(213,182,111,.17),transparent 32%),var(--panel);border:1px solid var(--line);border-radius:18px}.eyebrow{font-size:.77rem;text-transform:uppercase;letter-spacing:.12em;color:var(--gold);font-weight:800}.muted{color:var(--muted)}.small{font-size:.88rem}.tiny{font-size:.78rem}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.stat{background:var(--panel2);border:1px solid var(--line);padding:14px;border-radius:12px}.stat strong{font-size:1.55rem;display:block}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);background:var(--panel2);padding:10px 14px;border-radius:10px;font-weight:700;text-decoration:none}.btn:hover{text-decoration:none;filter:brightness(1.08)}.btn.primary{background:var(--gold);color:#15120d;border-color:#e0c784}.btn.danger{background:#6f2929;border-color:#8c3838}.btn.good{background:#245c3f;border-color:#367958}.btn.ghost{background:transparent}.btn.small{padding:7px 10px;font-size:.84rem}.actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.form-grid{display:grid;gap:13px}.form-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.field label{display:block;font-size:.84rem;font-weight:700;margin-bottom:5px;color:#dce3ed}.input,.select,.textarea{width:100%;border:1px solid var(--line);background:#10151e;border-radius:9px;padding:10px 11px;min-height:43px}.textarea{min-height:120px;resize:vertical}.input:focus,.select:focus,.textarea:focus,button:focus-visible,a:focus-visible{outline:3px solid rgba(213,182,111,.35);outline-offset:2px}.flash{border:1px solid var(--line);padding:11px 14px;border-radius:10px;margin-bottom:16px}.flash.success{background:#153624;border-color:#2d6a49}.flash.error{background:#411e20;border-color:#7d3538}.badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:.76rem;font-weight:800;background:var(--panel2);border:1px solid var(--line)}.badge.live{background:#1b4f37;border-color:#367958}.badge.private{background:#493829;border-color:#725c3f}.badge.revoked{background:#55282c;border-color:#80383f}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.table th{font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.split{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px}.stack{display:grid;gap:12px}.mission-card{display:grid;gap:8px}.scene{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--panel)}.scene-head{padding:14px 16px;background:var(--panel2);display:flex;align-items:center;justify-content:space-between;gap:10px}.scene-body{padding:16px}.readaloud{border-left:4px solid var(--gold);background:#201d17;padding:16px 17px;border-radius:8px;font-family:Georgia,serif;font-size:1.06rem;white-space:pre-wrap}.dm-note{background:#151a23;border:1px dashed #536079;padding:11px 13px;border-radius:9px}.dialogue{padding:9px 12px;border-left:3px solid var(--blue);background:#161d28;border-radius:7px}.map-img{display:block;width:100%;height:auto;border-radius:10px;border:1px solid var(--line);background:white}.live-narration{font-family:Georgia,serif;font-size:1.25rem;line-height:1.7;background:#1b1915;border:1px solid #4d432e;border-radius:14px;padding:20px;white-space:pre-wrap}.dice-total{font-size:2.4rem;font-weight:900;color:var(--gold)}.progress{height:11px;background:#0f141c;border-radius:99px;overflow:hidden}.progress>span{display:block;height:100%;background:var(--gold)}.centered{min-height:70vh;display:grid;place-items:center}.login-card{width:min(480px,100%)}.notice{padding:12px;border-radius:10px;background:#1b2635;border:1px solid #314763}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.tabs a{padding:8px 11px;border:1px solid var(--line);border-radius:999px;color:var(--muted)}.tabs a.active{background:var(--gold);color:#17130d;border-color:var(--gold)}.list-clean{list-style:none;padding:0;margin:0}.list-clean li{padding:8px 0;border-bottom:1px solid var(--line)}.list-clean li:last-child{border-bottom:0}.checkbox-row{display:flex;gap:9px;align-items:flex-start}.checkbox-row input{margin-top:5px}.footer{border-top:1px solid var(--line);padding:20px 0 34px;color:var(--muted)}.danger-zone{border-color:#71363a}.player-live{border-color:#5f593f;background:linear-gradient(135deg,#171c25,#211e18)}
@media(max-width:900px){.split{grid-template-columns:1fr}.grid-3,.grid-4,.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.container{width:min(100% - 20px,1180px)}.nav{align-items:flex-start;padding:12px 0;flex-direction:column}.grid-2,.grid-3,.grid-4,.stats,.form-grid.cols-2{grid-template-columns:1fr}.page{padding-top:16px}.hero{padding:18px}.card{padding:14px}.scene-head{align-items:flex-start;flex-direction:column}.actions .btn{width:100%}}