:root{color-scheme:dark;--bg:#0b1017;--panel:#111a24;--line:#283746;--text:#e8edf2;--muted:#99a9b8;--gold:#d8b777;--cyan:#66d5d0;--red:#f4787c}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 'Segoe UI',sans-serif}button,select{font:inherit;color:inherit;background:#17232f;border:1px solid var(--line);border-radius:6px;cursor:pointer}button{padding:10px 17px}button:hover{border-color:var(--gold);background:#22303d}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;gap:14px;align-items:center;color:var(--text);text-decoration:none;font:26px Georgia,serif;letter-spacing:3px}.brand b{color:var(--gold);font-weight:400}.brand small{display:block;font:11px 'Segoe UI',sans-serif;letter-spacing:2px;margin-top:5px}.sigil{font-size:42px;color:var(--gold)}.server{font-size:13px;letter-spacing:1.4px;color:var(--muted)}.server span{color:var(--gold);border-left:1px solid var(--line);margin-left:18px;padding-left:18px}.guide-tabs{display:flex;padding:0 32px;gap:30px;border-bottom:1px solid var(--line);background:#101721}.guide-tabs button{display:flex;gap:15px;text-align:left;align-items:center;border:0;border-radius:0;background:transparent;color:var(--muted);padding:17px 4px;border-bottom:3px solid transparent;font-size:24px}.guide-tabs button span{font-size:16px}.guide-tabs small{display:block;font-size:12px;letter-spacing:1px}.guide-tabs button.active{color:var(--gold);border-bottom-color:var(--gold)}main{display:grid;grid-template-columns:270px minmax(0,1fr);min-height:calc(100vh - 177px)}aside{padding:26px 18px;border-right:1px solid var(--line);display:flex;flex-direction:column}label,.list-heading,.aside-foot,#eyebrow,.board-top,#stepnumber,.sourcebox>div{font-size:12px;letter-spacing:1.5px;color:var(--muted)}select{width:100%;padding:12px;margin:10px 0}#coverage{font-size:13px;color:var(--muted);margin:5px 0 25px}.list-heading{display:flex;justify-content:space-between;margin-bottom:12px}#mechanics{display:flex;flex-direction:column;gap:5px;max-height:58vh;overflow:auto}#mechanics button{display:grid;grid-template-columns:24px 1fr;gap:8px;text-align:left;background:transparent;border-color:transparent;font-size:14px;padding:10px 8px}#mechanics button small{display:block;color:var(--muted);font-size:12px}#mechanics button.active{background:#20312f;border-color:#446258;color:#a6e5d1}#mechanics button .num{color:var(--muted);font-size:12px;margin-top:2px}.aside-foot{margin-top:auto;padding-top:26px;letter-spacing:.3px;line-height:1.8}.workspace{padding:25px 32px;min-width:0}.workspace-head{display:flex;align-items:center;justify-content:space-between;gap:20px}h1{font:30px/1.2 Georgia,serif;font-weight:400;margin:8px 0 18px}.tag{border:1px solid #665535;color:var(--gold);padding:5px 10px;border-radius:4px;font-size:14px;white-space:nowrap}.notice{font-size:13px;color:#c6bda6;background:#211f1a;border:1px solid #403b2e;padding:9px 12px;border-radius:5px;margin-bottom:18px}.slide-layout{display:grid;grid-template-columns:minmax(330px,1.5fr) minmax(240px,.8fr);gap:28px}.board{background:radial-gradient(ellipse at 50% 50%,#182934 0%,#111b25 72%);border:1px solid var(--line);border-radius:8px;padding:15px;min-width:0}.board-top{display:flex;justify-content:space-between;letter-spacing:1px}#arena{display:block;width:100%;max-height:59vh;min-height:320px;touch-action:none}#arena text{font-family:'Segoe UI',sans-serif}#arena .token{cursor:grab}#arena .token:active{cursor:grabbing}.legend{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;font-size:12px;color:var(--muted)}.legend i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px}.player{background:#87b9ec}.danger{background:var(--red)}.safe{background:var(--cyan)}.instructions{padding-top:14px;min-width:0}#stepnumber{color:var(--gold)}h2{font-size:23px;font-weight:500;margin:12px 0}#callout{font-size:18px;line-height:1.7;color:#cbd5de;min-height:120px}.step-tabs{display:flex;gap:8px;margin:22px 0}.step-tabs button{font-size:13px;padding:8px 11px;flex:1}.step-tabs button.active{color:#0b1017;background:var(--gold);border-color:var(--gold)}.sourcebox{border-top:1px solid var(--line);padding-top:22px}.sourcebox a{display:block;color:var(--cyan);text-decoration:none;margin:10px 0}.sourcebox a:hover{text-decoration:underline}.sourcebox p,.schematic{font-size:13px;color:var(--muted);line-height:1.6}.schematic{border-top:1px solid var(--line);padding-top:20px;margin-top:25px}footer{display:flex;justify-content:space-between;align-items:center;margin-top:21px}footer div{text-align:center;font-size:14px}footer small{display:block;font-size:12px;color:var(--muted);margin-top:3px}#next{background:var(--gold);color:#12171b;border-color:var(--gold)}body.present aside,body.present header,body.present .guide-tabs{display:none}body.present main{display:block}body.present #arena{max-height:72vh}@media(min-width:1550px){.workspace{padding:32px 5vw}.slide-layout{gap:40px}}@media(max-width:1050px){main{grid-template-columns:220px minmax(0,1fr)}.workspace{padding:22px}.slide-layout{grid-template-columns:1fr}.instructions{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}.instructions h2,.instructions #callout,.instructions #stepnumber{grid-column:1}.step-tabs{grid-column:1}.sourcebox{grid-column:2;grid-row:1/5}.schematic{grid-column:1/3}#callout{min-height:0}.board svg{max-height:50vh}}@media(max-width:640px){header{padding:12px 16px;height:auto}.brand{font-size:20px}.brand small{font-size:9px}.server{display:none}.guide-tabs{padding:0 12px;gap:16px}.guide-tabs button{font-size:18px;gap:8px}.guide-tabs button span{font-size:14px}main{display:block}aside{border-right:0;border-bottom:1px solid var(--line);padding:16px}.aside-foot,.list-heading{display:none}#coverage{margin:0 0 12px}#mechanics{flex-direction:row;max-height:none}#mechanics button{min-width:155px}.workspace{padding:20px 14px}.workspace-head{align-items:flex-start;gap:8px}h1{font-size:25px}.tag{font-size:12px}.slide-layout{gap:10px}.instructions{display:block}.board{padding:10px}#arena{min-height:270px}footer button{padding:10px}.legend{gap:10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

.guide-tabs{overflow-x:auto;gap:26px}.guide-tabs button{flex-shrink:0}.advice{border:1px solid #3c514b;background:#142521;border-radius:6px;padding:12px 14px;margin:20px 0}.advice>div{font-size:12px;letter-spacing:1px;color:#9bd5b8}.advice p{font-size:14px;color:#bdcfc9;margin:8px 0 0}#roster{display:flex;justify-content:center;gap:6px;margin-top:16px;flex-wrap:wrap}#roster span{border:1px solid #385873;color:#a6c7e4;padding:2px 7px;font-size:12px;border-radius:4px}#roster .flex{color:#b9dfb5;border-color:#405d45}.instructions #callout{min-height:70px}.reference-banner{font-size:13px;color:#bacbd8}body.present #exitPresent{display:block}#exitPresent{display:none;position:fixed;top:10px;right:14px;z-index:5}@media(max-width:1050px){.advice{grid-column:2;grid-row:1/4}.sourcebox{grid-row:4/7}.schematic{grid-column:1/3}}