:root{--void:#0d1014;--panel:#171d25;--raised:#212a35;--ash:#e2e8f0;--dim:#97a4b5;--ember:#dca864;--flame:#eab66b;--gold:#eab66b;--line:#333e4c;--danger:#f19488;--shadow:0 18px 55px #0003}
body{background:radial-gradient(ellipse at 0 0,#b87a2709,transparent 50%),#0d1014;font:14px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body:before{background:none}.app{max-width:1600px;padding:24px 32px 28px;gap:22px}header{padding:0 0 20px;border-bottom:1px solid #29313c}.sigil{color:#eab66b;width:36px;height:40px}.brand-copy strong{font-size:20px;letter-spacing:-.6px}.brand-copy span{font-size:9px;color:var(--dim)}.btn{background:#1b222d;border-color:#394553;border-radius:7px;font-size:12px;font-weight:550;transition:background .15s,border-color .15s}.btn:hover{background:#283342;border-color:#7d8b9d}.btn.ember{background:#eab66b;color:#241c11;border-color:#eab66b}.btn.ember:hover{background:#f2c78d}button:focus-visible,summary:focus-visible{outline:2px solid #eab66b;outline-offset:3px}input,textarea,.field select{background:#0f151d;color:#e2e8f0;border-color:#3e4b5d;border-radius:6px;font:400 14px/1.5 system-ui}input:focus,textarea:focus{border-color:var(--gold)}
.tracker.live{grid-template-columns:minmax(0,1fr) 390px;gap:22px;align-items:start}.arena{min-height:640px;border:1px solid #364252;border-radius:12px;background:linear-gradient(150deg,#1d2530,#141a22);padding:30px;box-shadow:var(--shadow)}.arena:before,.arena:after{display:none}.arena.bloodied{background:radial-gradient(ellipse at 0 60%,#7e25251f,transparent 70%),#181d26;border-color:#8f4e4a}.topline{border-bottom:1px solid #344050;padding-bottom:18px}.round{font-size:11px;letter-spacing:1.6px}.count{font-size:11px}.battle-tools{margin-top:20px;gap:8px;justify-content:flex-start}.battle-tools .btn{font-size:11px;min-height:38px;padding:8px 11px}.btn.bloodied-toggle{border-color:#744d4c;color:#ecaba5;background:#39262a}.btn.bloodied-toggle.on{background:#74332f;border-color:#b66a62}.turn{padding:48px 0 36px;margin:auto 0}.turn-label{font-size:10px;letter-spacing:2px;color:#9aa9bd;margin-bottom:14px}.current{font:620 clamp(32px,4.8vw,66px)/1.12 system-ui;letter-spacing:-2px;color:#f0f4f9;text-shadow:none;overflow-wrap:anywhere}.arena.bloodied .current{color:#ffd4d0;text-shadow:none}.bloodied-status{border-radius:5px;background:#5a2729;border-color:#a85a54;font-size:10px;letter-spacing:1px}.active-reminders{gap:7px;margin-top:24px}.reminder-chip{font-size:11px;padding:6px 10px;border-radius:6px}.scope-label{font-size:10px;letter-spacing:.3px;color:#9baabd;margin-top:10px}.next-up{margin-top:30px;border-left:2px solid #7c92a6;padding:3px 0 3px 15px}.next-up span{font-size:9px;color:#9aaec3;letter-spacing:1.5px}.next-up strong{font:500 20px/1.5 system-ui;color:#c9d5e3}.controls{grid-template-columns:110px 1fr;gap:10px;padding-top:20px;border-top:1px solid #344050}.back,.next{min-height:49px;border-radius:7px;font-size:13px}.back{background:#1a232f;border-color:#465366;color:#c5d0df}.next{background:#eab66b;border-color:#eab66b;color:#281d11}.next:hover{background:#f3c78a}.arrow{margin-left:12px}
.tracker aside{padding:20px;background:#151c25;border:1px solid #344050;border-radius:12px;box-shadow:none;max-height:calc(100dvh - 135px);min-height:440px}.side-head{padding-bottom:16px;border-bottom:1px solid #303c4d;margin-bottom:12px;align-items:center}.side-head h2{font:600 14px system-ui;letter-spacing:-.2px}.side-head span{font-size:10px}.order{gap:8px;overscroll-behavior:contain}.order li.combat-row{display:grid;grid-template-columns:23px minmax(0,1fr) 28px;gap:8px;padding:12px 10px;align-items:start;border:1px solid #2e3948;border-radius:7px;background:#1b2430;color:#c7d2e0;flex-shrink:0}.order li.active{background:linear-gradient(100deg,#57412655,#1c2631);border-color:#9a784b;color:#f7e4c7;box-shadow:inset 2px 0 #eab66b}.order li.secret{border-style:dashed;border-color:#766987}.order li.bloodied{box-shadow:inset 3px 0 #d87068;background-color:#38262d}.num{font:500 10px ui-monospace,monospace;padding-top:6px;color:#93a3b8}.row-main{min-width:0}.row-expand{width:100%;display:grid;grid-template-columns:minmax(0,1fr) 16px;gap:4px;background:none;color:inherit;border:0;text-align:left;padding:2px 0;cursor:pointer}.row-expand .name{font:600 13px/1.5 system-ui;overflow-wrap:anywhere}.expand-chevron{color:#92a2b8;text-align:right;font-size:15px}.entry-meta{grid-column:1/-1;font:400 10px/1.5 system-ui;color:#9caabe;margin-top:2px}.order li.active .entry-meta{color:#cdbb9f}.order li.bloodied .name{color:#f0b9b5}.quick-actions{display:grid;gap:5px}.mini{background:#18212c;border-color:#435168;border-radius:5px;color:#bdcadb;font:500 11px system-ui}.quick-actions .mini{width:26px;height:27px;color:#d1b38a}.mini:hover:not(:disabled){background:#303c4d}.effect-marks{display:flex;flex-wrap:wrap;margin:4px 0 0;gap:3px}.effect-marks:empty{display:none}.effect-marker{font-size:13px;padding:0 2px;min-height:22px}.effect-mark{font-size:14px;line-height:22px}.row-hp{display:flex;justify-content:space-between;font:500 10px system-ui;color:#91a4b9;margin-top:9px}.row-hp strong{font-weight:600;color:#d0ddea;font-variant-numeric:tabular-nums}.row-hp strong span{color:#91a4b9;font-weight:400}.hp-bar{height:3px;background:#364255;border-radius:5px;margin-top:6px;overflow:hidden}.hp-bar>span{display:block;height:100%;border-radius:5px;transition:width .18s}.entry-panel{grid-column:1/-1;border-top:1px solid #3d4959;padding-top:12px;margin-top:3px}.order .row-actions{display:flex;flex-wrap:wrap;gap:6px}.row-actions .mini{width:auto;min-height:34px;height:auto;padding:7px 9px;font-size:10px}.row-actions .mini.remove{color:#e9a39e;margin-left:auto}.hp-tracker{margin-top:12px;border-color:#3d4959;font-size:12px}.hp-total strong{font-size:23px}.hp-panel .btn{font-size:11px}.hp-note{font-size:10px}.hp-enable span{font-size:9px}.shortcuts{font-size:10px;padding-top:15px;margin-top:18px;border-color:#303c4d}.shortcuts kbd{background:#1d2937;border-color:#465368;color:#c6d3e3}
.reminder-menu{left:0;right:auto;background:#1a2330;border-color:#4a586a;border-radius:8px;box-shadow:0 14px 45px #0009;z-index:20}.reminder-title{font-size:10px;color:#eac389}.reminder-option{color:#dbe5f1;border-radius:5px;font-size:12px}.reminder-option span:first-child{font-size:12px}.reminder-option:hover{background:#2b384a}.effect-option .mini{min-width:30px}.effect-menu .hint{color:#a8b5c6;font:400 11px system-ui}.shared-rule{background:#192b39;border-color:#51788e;border-radius:8px;padding:20px}.shared-rule h2{font:600 24px/1.2 system-ui}.shared-rule p{font-size:14px;color:#cbdae7}.shared-rule .eyebrow{color:#8fc9df;font-size:10px}.shared-rule .btn{margin-top:8px}
dialog{width:min(540px,calc(100% - 28px));border-color:#4a596e;background:#19222e;color:#dfe8f3;border-radius:12px;max-height:85dvh}dialog::backdrop{background:#05090fbb;backdrop-filter:blur(6px)}.modal-head{padding:20px 24px;border-color:#364457}.modal-head h2{font:600 18px system-ui;letter-spacing:-.3px}.close{color:#b8c6d9;min-width:32px;min-height:32px}.modal-body{padding:24px}.modal-hint,.edit-help{font:400 12px/1.65 system-ui;color:#a5b6ca}.edit-row{background:#111c29;border-color:#35465d;border-radius:6px;padding:11px}.edit-row strong{font-size:13px}.field{font-size:12px;color:#c2d0e1}.field select{background:#101a27;border-color:#40526b}.field input[type=checkbox]{accent-color:#eab66b}details summary{font-size:13px;color:#d8e3f1}.rules-credit{font-size:11px}#effectInfoText{font:400 15px/1.8 system-ui;color:#ccd9e9}.custom-spell{border-color:#3d4d64}.notice{font-size:12px;color:#c6b590;margin:0}.notice a{color:#eac287}
/* Player screen: typographic focal point, quiet arcane geometry, ember light. */
.player-mode{background:radial-gradient(ellipse at 50% 110%,#a442192e,transparent 55%),radial-gradient(ellipse at 20% 0,#203c4b33,transparent 60%),#080d13}.player-mode:before{background:radial-gradient(circle at 12% 75%,#efad6955 1px,transparent 2px),radial-gradient(circle at 88% 40%,#efad6933 1px,transparent 2px),radial-gradient(circle at 65% 90%,#efad6955 1px,transparent 2px);opacity:.7}.player-mode .app{max-width:1800px;gap:18px;padding:24px 40px 30px}.player-mode header{border-bottom:1px solid #7298ac26;opacity:.85}.player-mode .brand-copy strong{font-size:17px}.player-mode .brand-copy span{font-size:8px}.player-mode #fullscreen{position:absolute;top:25px;right:40px;width:auto;min-height:34px;background:#12202c88;border-color:#47627677;font-size:10px;z-index:5}.player-mode .tracker.live{grid-template-columns:1fr;gap:20px}.player-mode .arena{position:relative;isolation:isolate;min-height:56vh;border:1px solid #56778c60;border-radius:10px;background:radial-gradient(ellipse at 50% 100%,#97522817,transparent 70%),linear-gradient(140deg,#11202b99,#0b131eb3);padding:26px 40px 36px;box-shadow:0 15px 60px #0003}.player-mode .arena:before{display:block;inset:10px;border:1px solid #6d9cb51c;border-radius:3px;z-index:-1}.player-mode .arena:after{display:block;width:min(42vw,450px);height:min(42vw,450px);top:50%;left:50%;right:auto;bottom:auto;border-radius:50%;border:1px solid #7ea1b520;box-shadow:0 0 0 22px #78a4bb05,0 0 0 23px #78a4bb0d,0 0 0 60px #78a4bb03;transform:translate(-50%,-50%);z-index:-1}.player-mode .arena.bloodied{background:radial-gradient(ellipse at 50% 90%,#88372d30,transparent 75%),#111b25;border-color:#a6645e99}.player-mode .topline{border:0;padding:0}.player-mode .round{font:500 11px system-ui;letter-spacing:3px;color:#dab784}.player-mode .turn{text-align:center;padding:26px 0 4px;margin:auto 0}.player-mode .turn-label{font-size:10px;letter-spacing:4px;color:#93b4c9;margin-bottom:20px}.player-mode .current{font:500 clamp(36px,6vw,88px)/1.08 Georgia,serif;letter-spacing:-2px;color:#f1ebe1;text-shadow:0 2px 30px #e5b47817;max-width:1000px;margin:auto}.player-mode .arena.bloodied .current{color:#f7cebf}.player-mode .active-reminders{justify-content:center;max-width:1000px;margin:22px auto 0}.player-mode .scope-label{font-size:9px;letter-spacing:1.5px;color:#9ab1c4}.player-mode .reminder-chip{border-radius:5px;font-size:13px;padding:8px 13px}.player-mode .next-up{display:inline-block;border-left:0;border-top:1px solid #a985504f;padding:16px 36px 0;margin-top:28px}.player-mode .next-up span{color:#c5a676;font-size:9px;letter-spacing:3px}.player-mode .next-up strong{font:400 24px/1.5 Georgia,serif;color:#d4e1ec}.player-mode .tracker aside{min-height:0;max-height:none;background:#0d1721a8;border:1px solid #49637655;padding:18px 20px;border-radius:9px}.player-mode .side-head{border:0;margin-bottom:12px;padding:0}.player-mode .side-head h2{font:500 10px system-ui;text-transform:uppercase;letter-spacing:2px;color:#91adbf}.player-mode .order{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:8px;overflow:visible}.player-mode .order li{grid-template-columns:22px minmax(0,1fr);padding:13px 12px;min-height:62px;border:1px solid #3b526777;border-radius:5px;background:#15233266;align-items:start}.player-mode .order li.active{border-color:#b48c50;background:linear-gradient(115deg,#70542e44,#1b2833);box-shadow:inset 0 2px #dcaf6b}.player-mode .order .name{font:500 13px/1.5 system-ui}.player-mode .order .num{color:#8da9bd}.player-mode .order li.bloodied{box-shadow:inset 0 -2px #a65249}.player-mode .shared-rule{text-align:left;max-width:900px;margin:0 auto 28px;background:#102736ed;border:1px solid #78a6bd88;padding:24px}.player-mode .shared-rule p{font-size:clamp(15px,1.5vw,21px);line-height:1.6}.player-mode .shared-rule h2{font-family:Georgia,serif;font-size:30px}
@media(min-width:1600px){.player-mode .arena{min-height:60vh}.player-mode .order .name{font-size:16px}}
@media(max-width:1100px){.app{padding:20px}.tracker.live{grid-template-columns:minmax(0,1fr) 340px;gap:16px}.arena{padding:24px}.battle-tools .btn{padding:8px;font-size:10px}.current{font-size:44px}.player-mode .app{padding:20px}.player-mode #fullscreen{right:20px}.player-mode .arena{padding:24px}}
@media(max-width:860px){.tracker.live{grid-template-columns:1fr}.arena{min-height:530px}.tracker aside{max-height:none;min-height:0}.order{overflow:visible}.shortcuts{display:block}.current{font-size:48px}.player-mode .arena{min-height:54vh}.player-mode .order{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}.player-mode .current{font-size:clamp(36px,8vw,68px)}}
@media(max-width:540px){.app{padding:16px;gap:16px}header{gap:14px}.head-actions{gap:6px}.head-actions .btn{font-size:10px}.arena{padding:20px;min-height:520px}.topline{gap:10px}.count{font-size:10px}.current{font-size:38px;letter-spacing:-1px}.turn{padding:36px 0}.controls{grid-template-columns:85px 1fr}.tracker aside{padding:16px}.reminder-menu{position:fixed;left:16px;right:16px;top:25vh;width:auto;max-height:60vh;z-index:30}.modal-body{padding:20px}.player-mode .app{padding:16px}.player-mode #fullscreen{right:16px;top:22px}.player-mode .arena{padding:22px 18px;min-height:480px}.player-mode .arena:after{width:230px;height:230px}.player-mode .turn-label{font-size:9px}.player-mode .current{letter-spacing:-1px}.player-mode .next-up strong{font-size:21px}.player-mode .order{grid-template-columns:repeat(2,minmax(0,1fr))}.player-mode .order .name{font-size:12px}.player-mode .order li{padding:10px 8px;gap:5px}.player-mode .reminder-chip{font-size:11px}.player-mode .tracker aside{padding:16px}.player-mode .shared-rule{padding:18px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}