:root{color-scheme:dark;--glass: rgba(10, 14, 22, .9);--line: rgba(255, 255, 255, .12);--gold: #f2c230;--text: #eef1f6;--dim: #a9b4c8}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#0c1016;color:var(--text);font:14px/1.4 Segoe UI,system-ui,sans-serif}body{user-select:none;-webkit-user-select:none}input,textarea{user-select:text;-webkit-user-select:text}body.dragging .panel,body.dragging #scorebug,body.dragging #ds-ring{pointer-events:none!important}#field{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:block;cursor:crosshair}.hidden{display:none!important}.dim{color:var(--dim)}.panel{position:fixed;background:var(--glass);border:1px solid var(--line);border-radius:10px}.panel h2{margin:0 0 8px;font-size:13px;letter-spacing:.6px;text-transform:uppercase;color:var(--dim);font-weight:650}.panel h2 small{text-transform:none;letter-spacing:0;font-weight:400;margin-left:6px}button{font:inherit;color:var(--text);background:#ffffff12;border:1px solid var(--line);border-radius:7px;padding:6px 11px;cursor:pointer}button:hover:not(:disabled){background:#ffffff24}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--gold);color:#10141c;border-color:var(--gold);font-weight:750;padding:9px 20px;font-size:15px}button.primary:hover:not(:disabled){background:#ffd65a}button.on{background:#f2c23038;border-color:var(--gold);color:#ffe69a}#scorebug{position:fixed;top:14px;left:14px;display:flex;align-items:center;background:var(--glass);border:1px solid var(--line);border-radius:10px;overflow:hidden;height:42px}#scorebug b{background:var(--gold);color:#10141c;padding:0 16px;height:100%;display:flex;align-items:center;font-size:18px;font-weight:800}#scorebug span{padding:0 14px;font-weight:600;border-left:1px solid var(--line)}#playbook{top:68px;left:14px;width:292px;padding:12px;max-height:calc(100vh - 170px);display:flex;flex-direction:column}#pb-list{overflow-y:auto;display:flex;flex-direction:column;gap:5px;margin-bottom:8px}.play{text-align:left;padding:7px 10px;border-radius:8px}.play b{display:block;font-size:14px}.play span{display:block;font-size:12px;color:var(--dim)}.play.sel{background:#f2c23033;border-color:var(--gold)}.play .tag{float:right;font-size:11px;color:var(--dim);border:1px solid var(--line);border-radius:4px;padding:0 5px}.play .last{color:#9fe0a8}.row{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:13px;color:var(--dim)}select{flex:1;font:inherit;color:var(--text);background:#1a2029;border:1px solid var(--line);border-radius:6px;padding:5px}.hint{margin:6px 0 0;font-size:11.5px;color:var(--dim)}#playbook{transition:transform .25s ease,opacity .25s ease}body.locked #playbook{transform:translate(-330px);opacity:0;pointer-events:none}#inspector{top:14px;right:14px;width:356px}.pcard{padding:12px;pointer-events:none}.pcard h3{margin:0;font-size:16px}.pcard .sub{color:var(--dim);font-size:12.5px;margin-bottom:8px}.pcard .sub b{color:var(--text);font-weight:650}.stat{display:grid;grid-template-columns:72px 1fr 22px;align-items:center;gap:6px;font-size:12px;margin:3px 0;white-space:nowrap}.stat i{display:block;height:6px;border-radius:3px;background:#ffffff1f;overflow:hidden}.stat i u{display:block;height:100%;background:var(--gold)}.stat span:last-child{text-align:right;font-variant-numeric:tabular-nums}.pcard .body{display:flex;justify-content:space-between;font-size:12.5px;color:var(--dim);margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--line)}.pcard .body b{color:var(--text);font-weight:650;font-variant-numeric:tabular-nums}.pcard .cols{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.pcard h5{margin:0 0 5px;font-size:10.5px;line-height:1.25;letter-spacing:.5px;text-transform:uppercase;color:var(--dim);font-weight:650;min-height:26px;display:flex;align-items:flex-end}.pcard .other .stat i u{background:#8ea3c6}.pcard .asg{margin-top:8px;padding-top:8px;border-top:1px solid var(--line);font-size:12.5px}.pcard .mini{margin-top:8px;padding-top:7px;border-top:1px solid var(--line)}.pcard .mini .who{font-size:12.5px}.pcard .mini .who b{color:var(--gold);margin-right:4px}.pcard .mini .who span{color:var(--dim);float:right}.pcard .three{display:grid;grid-template-columns:repeat(3,1fr);gap:0 12px}.pcard .three .stat{grid-template-columns:1fr auto;gap:2px 4px;font-size:11.5px}.pcard .three .stat i{grid-column:1 / -1;grid-row:2}#log{right:14px;bottom:78px;width:330px;max-height:30vh;padding:12px;display:flex;flex-direction:column}#log-list{overflow-y:auto;font-size:12.5px;display:flex;flex-direction:column;gap:6px}#log-list div b{color:var(--gold);font-weight:650}#log-list div.to b{color:#ff8f8f}#log-list div small{display:block;color:var(--dim)}#banner{position:fixed;top:70px;left:50%;transform:translate(-50%);max-width:min(760px,60vw);text-align:center;background:var(--glass);border:1px solid var(--line);border-bottom:4px solid var(--gold);border-radius:12px;padding:12px 22px;font-size:16px;font-weight:650}#banner small{display:block;font-weight:400;color:var(--dim);font-size:13px;margin-top:3px}#banner.bad{border-bottom-color:#e45858}#ticker{position:fixed;left:320px;bottom:82px;display:flex;flex-direction:column;gap:4px;pointer-events:none;max-width:520px}#ticker div{background:#0a0e16c7;border-left:3px solid var(--gold);border-radius:4px;padding:3px 9px;font-size:13px}#ticker div.old{opacity:.55}#controls{left:50%;bottom:14px;transform:translate(-50%);padding:9px 12px;display:flex;align-items:center;gap:12px;white-space:nowrap}#replay{display:flex;align-items:center;gap:6px}#rp-seek{width:260px;accent-color:var(--gold)}#rp-time{font-variant-numeric:tabular-nums;width:58px;color:var(--dim)}.seg{display:inline-flex}.seg button{border-radius:0;margin-left:-1px}.seg button:first-child{border-radius:7px 0 0 7px;margin-left:0}.seg button:last-child{border-radius:0 7px 7px 0}.play{cursor:pointer;background:#ffffff12;border:1px solid var(--line);position:relative}.play:hover{background:#ffffff1f}.play.sel:hover{background:#f2c23042}.play .tag.cus{color:#9fd0ff;border-color:#78b4ff80;margin-left:4px}.play .acts{display:none;gap:4px;margin-top:5px}.play.sel .acts,.play:hover .acts{display:flex}.play .acts button{font-size:11.5px;padding:1px 8px;border-radius:5px}.play .acts button.danger{color:#ffb1b1;border-color:#f06e6e99}#pb-msg{margin:0 0 8px;font-size:12px;color:#ffb1b1}body.design #playbook,body.design #log,body.design #controls,body.design #inspector,body.design #ticker,body.design #banner{display:none!important}#designer h4{margin:12px 0 6px;font-size:11.5px;letter-spacing:.6px;text-transform:uppercase;color:var(--dim);font-weight:650}#designer h4:first-child{margin-top:0}#designer h4 small{text-transform:none;letter-spacing:0;font-weight:400;margin-left:4px}.chip{font-size:12.5px;padding:3px 9px;border-radius:999px;border:1px solid var(--line);background:#ffffff0f;white-space:nowrap}.chip.on{background:#f2c23038;border-color:var(--gold);color:#ffe69a}.step{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:var(--dim)}.step b{color:var(--text);font-variant-numeric:tabular-nums;min-width:38px;text-align:center}.step button{padding:0 8px;border-radius:6px}#ds-legal{top:14px;left:440px;right:150px;margin:0 auto;width:fit-content;max-width:800px;padding:6px 9px}.legal{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:12px}.legal b{padding:2px 10px;border-radius:999px;border:1px solid rgba(120,220,140,.5);color:#a9ecb6;font-weight:650;white-space:nowrap}.legal b.bad{border-color:#f06e6eb3;color:#ffb1b1;background:#f06e6e1f}.legal span{white-space:nowrap;color:var(--dim)}.legal span:before{content:"✓ ";color:#7fdc90;font-weight:800}.legal i{font-style:normal;white-space:nowrap;color:var(--dim);border-left:1px solid var(--line);padding-left:8px}.legal div{flex-basis:100%}.legal div.bad{color:#ffb1b1}.legal div.bad:before{content:"✕ ";color:#ff8f8f;font-weight:800}.legal div.warn{color:#f1dc9b}.legal div.warn:before{content:"! ";color:#f2c230;font-weight:800}.ds-name{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--dim)}.ds-name input{flex:1;min-width:0;font:inherit;font-size:13px;color:var(--text);background:#1a2029;border:1px solid var(--line);border-radius:6px;padding:4px 7px}.ds-name input:focus{outline:1px solid var(--gold)}#ds-tools .ds-name input{width:170px;flex:none}#ds-sheet{top:14px;right:14px;width:304px;padding:12px;max-height:calc(100vh - 250px);display:flex;flex-direction:column}.sheet{display:flex;flex-direction:column;gap:2px;font-size:12.5px;overflow-y:auto}.sheet .row{display:grid;grid-template-columns:30px 1fr;gap:8px;padding:3px 7px;border-radius:6px;cursor:pointer;margin:0;color:var(--text);align-items:start}.sheet .row:hover{background:#ffffff14}.sheet .row b{color:var(--gold)}.sheet .row.sel{background:#f2c2302e;outline:1px solid var(--gold)}.sheet .row small{color:var(--dim)}.sheet .row.nojob span{color:#f1dc9b;font-style:italic}.sheet .row.err b{color:#ff8f8f}.sheet .pl{display:grid;grid-template-columns:1fr auto;gap:0 8px;padding:4px 7px;border-radius:6px;cursor:pointer;border:1px solid transparent}.sheet .pl:hover{background:#ffffff14}.sheet .pl.on{background:#f2c2302e;border-color:var(--gold)}.sheet .pl b{font-weight:650}.sheet .pl i{font-style:normal;color:var(--gold);font-weight:700;margin-left:4px}.sheet .pl em{font-style:normal;font-size:11px;color:#9fd0ff}.sheet .pl small{grid-column:1 / -1;color:var(--dim);font-size:11.5px}#ds-tools{left:50%;bottom:14px;transform:translate(-50%);padding:8px 10px;display:flex;align-items:center;gap:6px;white-space:nowrap}#ds-tools button{display:flex;flex-direction:column;align-items:center;gap:1px;padding:5px 10px;font-size:12px;min-width:60px}#ds-tools button b{font-size:16px;line-height:1}#ds-tools kbd{font:inherit;font-size:10.5px;color:var(--dim)}#ds-tools button.on kbd{color:#ffe69a}#ds-tools button.ds-flat{flex-direction:row;min-width:0;padding:9px 14px;font-size:13.5px}#ds-tools button.ds-small{min-width:0;padding:9px 10px;font-size:16px;line-height:1}#ds-tools .ds-gap{width:6px}.ds-def{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--dim);margin-left:8px}.ds-def select{flex:none;width:150px;font-size:13px;padding:4px 5px}#ds-strip{left:14px;right:14px;margin:0 auto;width:fit-content;bottom:84px;padding:7px 12px;display:flex;flex-direction:column;gap:6px;max-width:min(1130px,calc(100vw - 28px));font-size:12.5px}#ds-strip .line{display:flex;align-items:center;gap:6px 8px;flex-wrap:wrap;justify-content:center}#ds-strip .line>b{font-size:13px;margin-right:2px}#ds-strip .sep{width:1px;align-self:stretch;background:var(--line);margin:0 3px}#ds-strip .lbl{color:var(--dim)}#ds-strip .ds-hint{color:#ffd98a;text-align:center}#ds-strip .stats{color:var(--dim)}#ds-strip .stats b{color:var(--text);font-weight:650}#ds-menu{z-index:30;padding:5px;display:flex;flex-direction:column;gap:4px}#ds-menu button{text-align:left;font-size:12.5px;padding:4px 10px}#designer h4{display:flex;align-items:baseline}#designer .ds-fold{margin-left:auto;padding:0 7px;font-size:12px;line-height:16px;border-radius:5px}#designer .folded{width:auto;opacity:.85}#designer .folded .ds-body{display:none}#designer .folded h4{margin:0;gap:10px}#designer .folded h4 small{display:none}#ds-ring{position:fixed;width:0;height:0;z-index:8}#ds-ring button{position:absolute;left:0;top:0;transform:translate(-50%,-50%);white-space:nowrap;font-size:12.5px;padding:7px 12px;border-radius:999px;background:var(--glass);border:1px solid var(--line);box-shadow:0 3px 10px #00000059}#ds-ring button:hover{border-color:var(--gold);color:#ffe69a;background:var(--glass)}#ds-ring button.on{border-color:var(--gold);color:#ffe69a;background:#3c300ceb}#ds-ring button.open{background:var(--gold);color:#10141c;border-color:var(--gold);font-weight:750}#ds-ring button em{font-style:normal;opacity:.65;margin-left:5px}#ds-sub{z-index:9;padding:11px 12px;width:330px;max-height:calc(100vh - 240px);overflow-y:auto;font-size:12.5px}#ds-sub .who{display:flex;align-items:baseline;gap:8px;margin-bottom:9px}#ds-sub .who b{font-size:14px}#ds-sub .who span{color:var(--dim);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#ds-sub .who button{padding:0 7px;line-height:18px;border-radius:5px}#ds-sub .grp{display:grid;grid-template-columns:74px 1fr;gap:6px;align-items:start;margin-bottom:7px}#ds-sub .grp>span{color:var(--dim);padding-top:4px}#ds-sub .chips{display:flex;flex-wrap:wrap;gap:5px;align-items:center}#ds-sub .chips>span{padding:0 2px}#ds-sub .note{margin:2px 0 7px;color:var(--dim);font-size:12px}#ds-sub .note b{color:var(--text)}#ds-sub .foot{margin-top:9px;padding-top:8px;border-top:1px solid var(--line)}#ds-sub .sheet{max-height:44vh}#designer.drawing #ds-legal,#designer.drawing #ds-sheet{opacity:.22;pointer-events:none}#ds-card{top:64px;left:14px;width:356px;z-index:7;transition:opacity .15s ease}#designer.drawing #ds-card,#designer.picking #ds-card{opacity:.22}.explain{margin:-1px 0 9px;padding:6px 9px;border-left:2px solid var(--gold);border-radius:0 6px 6px 0;background:#ffffff0d;font-size:12px;line-height:1.4;color:var(--dim);min-height:46px}.explain b{color:var(--text)}#ds-legal,#ds-sheet{transition:opacity .15s ease}#ds-strip{pointer-events:none}#designer.picking #ds-ring,#designer.picking #ds-sub{opacity:.28;pointer-events:none}