:root{color-scheme:dark;--gold:#e4bf78;--line:#303b49;--muted:#a1afbf}*{box-sizing:border-box}body{margin:0;background:#0c111a;color:#e8edf5;font:14px Arial,sans-serif}header{padding:20px 30px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap}.brand{color:var(--gold);font-weight:900;text-decoration:none;letter-spacing:2px;font-size:20px}.brand small{display:block;font-size:9px;color:#91a3b8;margin:7px 0 0 25px}button,select,input,textarea{font:inherit;color:inherit;background:#1b2635;border:1px solid #465468;border-radius:5px;padding:9px}button{cursor:pointer}button:hover{border-color:var(--gold)}button:disabled{opacity:.45;cursor:default}.gold,button.active{color:#19170e;background:var(--gold);border-color:var(--gold)}.actions,.bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}#save-status{font-size:11px;color:#afc4b4}nav{display:flex;gap:10px;padding:14px 30px;background:#111a26;position:sticky;top:0;z-index:20}nav button{background:transparent;border:0}nav span{font-size:10px;display:block;margin-top:4px;opacity:.7}.page{display:none;padding:30px}.page.active{display:block}#titles{padding:0}iframe{display:block;width:100%;height:calc(100vh - 150px);border:0}.heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:8px 0 25px}.heading p{color:var(--muted)}h1{font:700 34px Georgia;margin:10px 0}h2{font-size:17px}h3{font-size:14px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--gold)!important}.layout{display:grid;grid-template-columns:230px minmax(320px,1fr) 295px;gap:20px;max-width:1800px;margin:auto}.panel{background:#141e2b;border:1px solid var(--line);border-radius:10px;padding:18px;min-width:0}.stage{min-width:0}.stage>.panel{margin-bottom:16px}.sticky{position:sticky;top:90px;z-index:2}.list{max-height:65vh;overflow:auto;display:grid;gap:7px}.list button{text-align:left;padding:13px;line-height:1.5}.list small{display:block;font-size:10px;color:#aebdce}.list button.active small{color:#403722}label{display:block;font-size:12px;margin:12px 0;color:#c7d3e2}label input:not([type=checkbox]),label select,label textarea{display:block;margin-top:7px;width:100%}label input[type=color]{height:35px;padding:2px}textarea{min-height:75px;resize:vertical}canvas{width:100%;height:auto;display:block;border-radius:6px;touch-action:none}.bar{justify-content:space-between;margin:8px 0}.bar label{margin:0;display:flex;align-items:center;gap:7px}.bar input[type=range]{width:100px}.face-buttons{display:flex;gap:5px;margin-top:10px;flex-wrap:wrap}.face-buttons button{flex:1}.muted{font-size:12px;line-height:1.6;color:var(--muted)}.fields{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.editor{max-height:calc(100vh - 120px);overflow:auto;position:sticky;top:90px;align-self:start}.editor .check{display:flex;gap:8px;align-items:center}.editor h3{color:var(--gold);border-bottom:1px solid var(--line);padding-bottom:12px;margin-top:24px}#notice{color:var(--gold);position:fixed;right:20px;bottom:22px;z-index:100;background:#26374a;border:1px solid #6b8199;border-radius:7px;padding:15px;max-width:90vw;display:none}#notice.visible{display:block}.presentation-layout{display:grid;grid-template-columns:300px 1fr;gap:20px;max-width:1500px;margin:auto}.player{display:grid;grid-template-columns:1fr 75px;gap:8px;align-items:end}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:20px}dialog{background:#162130;color:#e7edf5;border:1px solid #677b91;border-radius:10px;width:1000px;max-width:95vw;max-height:90vh;overflow:auto;padding:24px}dialog::backdrop{background:#03070de0}pre{white-space:pre-wrap;font-size:12px}#test-result,#results{padding:15px 0;line-height:1.7}#history button{display:block;width:100%;margin:6px 0;text-align:left}footer{padding:25px;color:#7e90a5;text-align:center;font-size:10px}.result-row{padding:12px;border-top:1px solid var(--line)}.proposed{color:var(--gold)}@media(max-width:1000px){.layout{grid-template-columns:180px 1fr}.editor{grid-column:2;position:static;max-height:none}.layout>aside:first-child{grid-row:span 2}.sticky{position:static}.presentation-layout{grid-template-columns:240px 1fr}}@media(max-width:650px){header{padding:16px}.brand{font-size:17px}.actions button{font-size:11px}nav{padding:10px 5px;gap:0;justify-content:space-between}nav button{font-size:11px;padding:8px}nav span{font-size:9px}.page{padding:16px}.heading{display:block}h1{font-size:27px}.layout,.presentation-layout{display:block}.layout>aside,.stage,.presentation-layout>.panel{margin-bottom:16px}.list{max-height:210px}.fields{grid-template-columns:1fr 1fr}.editor{max-height:none}.comparison{grid-template-columns:1fr}iframe{height:calc(100vh - 200px)}.panel{padding:13px}}

.stage>.sticky{position:static}#dice-canvas{max-height:55vh;object-fit:contain;background:#101824}#accolade-canvas{max-height:45vh;object-fit:contain}

.rule-box{padding:10px;border:1px solid #35465a;border-radius:6px;margin:12px 0;background:#101824}.rule-box label{font-size:11px}

.fx-card{margin:10px 0;padding:10px;background:#101827;border:1px solid #3b4b63;border-radius:8px}.fx-card summary{cursor:pointer;font-size:12px;line-height:1.6;color:#e0d3f7;display:flex;gap:8px;align-items:center}.fx-card summary input{accent-color:#b99cff}.fx-card label{font-size:10px}.fx-card>p{font-size:10px}.face-color{display:flex;gap:8px;align-items:center}.face-color label{flex:1}.face-color button{font-size:9px}.editor>button{font-size:11px;margin:4px 0;width:100%}

#dice-live-dock:not([hidden]){position:fixed;top:76px;left:calc(50% - 150px);width:300px;background:#121d2e;border:1px solid #8e77b0;border-radius:9px;z-index:25;padding:8px;box-shadow:0 12px 40px #0009}#dice-live-dock strong{font-size:11px;color:#ddd0f6}#dice-live-dock canvas{height:150px;object-fit:contain}#dice-live-dock button{font-size:10px;width:100%;padding:5px}@media(max-width:650px){#dice-live-dock:not([hidden]){top:62px;left:8px;width:calc(100% - 16px)}#dice-live-dock canvas{height:125px}}