:root{color:#dfe7df;background:#07110f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #07110f;--bg-2: #0b1815;--rail: #0e1c18;--surface: #12231e;--surface-2: #172a24;--line: #2c4239;--line-strong: #486154;--text: #dfe7df;--muted: #95a69b;--faint: #62756b;--moss: #7f9c6f;--olive: #a4b36f;--amber: #d7a84d;--rust: #b35f43;--danger: #d66a55;--blueprint: #19342d;--focus: #d4c36a}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg)}button,input,select,textarea{font:inherit}button,.button-like{min-height:2.2rem;display:inline-flex;gap:.45rem;align-items:center;justify-content:center;border:1px solid var(--line);background:#162820;color:var(--text);border-radius:6px;padding:.45rem .7rem;cursor:pointer;text-decoration:none}button:hover:not(:disabled),.button-like:hover{border-color:var(--moss);background:#1d332a}button:disabled{cursor:not-allowed;opacity:.45}button.primary,.primary{border-color:#8ca66f;background:#31442b;color:#f4f7ed}button.active,.router-link-active{border-color:var(--focus);background:#253d33;color:#f4f0c7}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:6px;background:#0c1714;color:var(--text);padding:.55rem .65rem}textarea{min-height:12rem;resize:vertical;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.82rem}label{display:grid;gap:.35rem;color:var(--muted);font-size:.82rem}h1,h2,h3,h4,p{margin-top:0}h1{margin-bottom:0;font-size:1.15rem}h2{margin-bottom:.5rem;font-size:1.05rem}h3{margin:1rem 0 .55rem;color:#eef3e8;font-size:.95rem}.eyebrow{margin-bottom:.2rem;color:var(--amber);font-size:.72rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.muted{color:var(--muted)}.workstation-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) 22rem;grid-template-rows:4.4rem 5.2rem minmax(0,1fr) 15rem;grid-template-areas:"command blade" "modes blade" "workspace blade" "utility blade";background:linear-gradient(90deg,rgba(80,112,94,.08) 1px,transparent 1px),linear-gradient(rgba(80,112,94,.06) 1px,transparent 1px),var(--bg);background-size:36px 36px}.mode-ribbon{grid-area:modes;display:grid;grid-template-columns:repeat(9,minmax(5.8rem,1fr));gap:.45rem;overflow-x:auto;padding:.55rem .85rem;background:#081310f0;border-bottom:1px solid var(--line)}.mode-link{min-width:5.8rem;min-height:3.8rem;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:.1rem .45rem;align-content:center;border:1px solid var(--line);border-radius:8px;background:#0c1714;color:var(--muted);padding:.45rem .6rem;text-decoration:none;font-size:.76rem}.mode-link svg{grid-row:span 2;align-self:center}.mode-link small{color:var(--faint);line-height:1.1}.mode-link:hover,.mode-link.router-link-active{border-color:var(--line-strong);background:#172a24;color:var(--text)}.command-bar{grid-area:command;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.65rem .9rem;background:#0d1b17f5;border-bottom:1px solid var(--line)}.campaign-title{min-width:15rem}.status-strip,.quick-actions,.palette-actions,.surface-head,.stat-line,.meter-row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.status-strip span,.status-strip strong{border:1px solid var(--line);border-radius:999px;background:#0d1d18;padding:.25rem .55rem;color:var(--muted);font-size:.8rem}.status-strip strong{color:#f4f0c7;border-color:#6d7d49}.icon-button{width:2.4rem;padding:0}.workspace{grid-area:workspace;min-width:0;overflow:auto;padding:.85rem}.context-blade{grid-area:blade;overflow:auto;background:#0a1512;border-left:1px solid var(--line);padding:.85rem}.blade-header{display:flex;align-items:start;justify-content:space-between;gap:.75rem}.blade-close{display:none}.utility-dock{grid-area:utility;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;padding:0;background:#081310;border-top:1px solid var(--line)}.utility-dock.collapsed{grid-template-rows:auto}.utility-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.45rem .65rem;border-bottom:1px solid var(--line);background:#0b1714}.utility-tabs{display:flex;gap:.35rem;overflow-x:auto}.utility-tabs button{min-height:2rem;padding:.25rem .55rem;white-space:nowrap}.utility-panel{min-height:0;display:grid;gap:.6rem;overflow:auto;padding:.7rem .85rem}.utility-panel ol,.dense-list{margin:0;padding-left:1.15rem;color:var(--muted);font-size:.82rem}.utility-panel li+li{margin-top:.35rem}.dice-panel{grid-template-columns:minmax(12rem,.7fr) auto minmax(18rem,1fr);align-items:start}.dice-panel ol{columns:2}.roll-callout{display:grid;gap:.15rem;border:1px solid #6d7d49;border-radius:8px;background:#14231a;padding:.65rem}.roll-callout strong{color:var(--focus);font-size:1.35rem}.journal-panel{grid-template-columns:minmax(20rem,.8fr) minmax(18rem,1fr)}.journal-panel label{grid-row:span 2}.journal-panel textarea{min-height:7.5rem}.clocks-panel{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));align-content:start}.command-palette{position:fixed;top:4.7rem;left:1rem;z-index:5;width:min(44rem,calc(100vw - 2rem));display:grid;gap:.75rem;border:1px solid var(--line-strong);border-radius:8px;background:#101f1a;padding:.85rem;box-shadow:0 1rem 3rem #00000073}.mobile-tabbar{display:none}.workspace-grid{display:grid;gap:.85rem}.two-columns{grid-template-columns:minmax(22rem,1fr) minmax(22rem,.8fr)}.command-layout,.base-layout,.map-layout,.encounter-layout,.roster-layout,.factions-layout{grid-template-columns:minmax(32rem,1fr) minmax(20rem,.55fr)}.command-main{grid-row:span 2}.surface{min-width:0;border:1px solid var(--line);border-radius:8px;background:#12231ef0;padding:.85rem;box-shadow:0 1px #ffffff08 inset}.surface-head{justify-content:space-between;margin-bottom:.75rem}.form-grid,.blade-stack,.founder-editor,.import-export,.data-list,.check-list,.resource-console,.clock-stack,.quick-grid,.approach-grid{display:grid;gap:.6rem}.quick-grid,.approach-grid{grid-template-columns:repeat(auto-fit,minmax(8rem,1fr))}.founder-row{display:grid;grid-template-columns:1fr 12rem;gap:.55rem}.list-row,.faction-card{width:100%;justify-content:space-between;text-align:left}.list-row span,.faction-card{display:grid;gap:.2rem}small{color:var(--muted)}.data-table{width:100%;border-collapse:collapse;font-size:.82rem}.data-table th,.data-table td{border-bottom:1px solid var(--line);padding:.45rem;text-align:left;vertical-align:top}.data-table th{color:var(--amber);font-size:.72rem;text-transform:uppercase}.data-table tr:hover td{background:#7f9c6f12}.metric-grid,.resource-console{display:grid;grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));gap:.55rem}.metric-grid div,.resource-row{display:grid;gap:.15rem;border:1px solid var(--line);border-radius:6px;background:#0d1d18;padding:.55rem}.resource-row{grid-template-columns:1fr auto auto auto;align-items:center}.resource-row button{min-height:1.8rem;padding:0 .45rem}.clock-row{width:100%;justify-content:space-between}.clock-stack.compact{gap:.25rem}.chip-list{display:flex;flex-wrap:wrap;gap:.35rem}.chip-list span,.status-pill{display:inline-flex;border:1px solid var(--line);border-radius:999px;background:#0d1d18;padding:.18rem .45rem;color:var(--muted);font-size:.75rem}.chip-list .danger,.status-pill.down,.status-pill.dead{border-color:#7d3d32;color:#ffd1c7;background:#301713}.status-pill.ready{border-color:#596e49;color:#dfeec7}.status-pill.resting{border-color:#856b32;color:#f0d08a}.procedure-rail{display:grid;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:.4rem;margin-bottom:.75rem}.setup-flow{align-self:start}.setup-stepper{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;margin-bottom:.8rem}.setup-stepper button{min-width:0;justify-content:flex-start;text-align:left}.setup-stepper span{width:1.35rem;height:1.35rem;display:inline-grid;place-items:center;border:1px solid var(--line-strong);border-radius:50%;color:var(--focus);font-size:.74rem}.setup-panel,.first-week-assistant,.highlight-panel{border:1px solid var(--line);border-radius:8px;background:#0d1d18;padding:.8rem}.setup-panel{display:grid;gap:.75rem}.highlight-panel h3{margin-top:0}.setup-list{margin:0;padding-left:1.2rem;color:var(--muted);font-size:.86rem}.setup-list li+li{margin-top:.35rem}.guide-grid,.week-plan,.inline-actions{display:grid;gap:.55rem}.inline-actions{grid-template-columns:repeat(auto-fit,minmax(8rem,max-content));align-items:center;margin-top:.75rem}.guide-line,.day-strip{display:grid;gap:.15rem;border-left:3px solid var(--line-strong);padding:.35rem .6rem;background:#7f9c6f0f}.day-strip strong{color:#eef3e8}.day-strip small{line-height:1.35}.active-campaign .metric-grid{margin:.7rem 0}.first-week-assistant{display:grid;gap:.7rem;margin-bottom:.8rem;border-color:#536746;background:linear-gradient(180deg,#7f9c6f21,#0d1d18fa)}.first-week-assistant h3{margin-top:0}.start-empty{max-width:42rem;display:grid;gap:.65rem}.step-panel{border:1px solid var(--line);border-radius:8px;background:#0d1d18;padding:.8rem}.base-board,.battle-board{display:grid;border:1px solid var(--line-strong);background:var(--blueprint)}.base-board{grid-auto-rows:minmax(4.5rem,1fr)}.base-cell,.combat-cell{min-width:0;min-height:3.4rem;display:grid;place-items:center;align-content:center;border:1px solid rgba(105,132,114,.26);border-radius:0;background:transparent;text-align:center}.base-cell.occupied{background:#7f9c6f2b}.base-cell span{color:var(--muted);font-size:.7rem}.hex-map-workstation{position:relative;height:34rem;overflow:auto;border:1px solid var(--line-strong);border-radius:8px;background:linear-gradient(90deg,rgba(97,126,108,.08) 1px,transparent 1px),linear-gradient(rgba(97,126,108,.08) 1px,transparent 1px),#0b1714;background-size:32px 32px}.hex-tile{position:absolute;width:86px;height:74px;min-height:0;display:grid;place-items:center;text-align:center;padding:.45rem;clip-path:polygon(25% 4%,75% 4%,100% 50%,75% 96%,25% 96%,0 50%);border:0;border-radius:0;background:#27342f;color:var(--muted)}.hex-tile.revealed,.hex-tile.charted,.hex-tile.secured{background:#345344;color:var(--text)}.hex-tile.secured{background:#44633e}.hex-tile.lost{background:#52372f}.hex-tile.selected{outline:3px solid var(--focus)}.hex-tile span{font-size:.68rem}.battle-board{aspect-ratio:4 / 3}.combat-cell.cover{background:#384036}.token{width:2rem;height:2rem;display:grid;place-items:center;border-radius:50%;color:#fff;font-size:.72rem;font-weight:800}.token.ally{background:#477052}.token.enemy{background:#a5523e}.movement-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;max-width:18rem;margin:.6rem 0}.movement-pad button:first-child,.movement-pad button:last-child{grid-column:2}.faction-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:.6rem}.relation-score{width:2rem;height:2rem;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:50%;color:var(--focus)}.library-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.45rem}.library-links a{border:1px solid var(--line);border-radius:6px;color:var(--text);background:#0d1d18;padding:.55rem;text-decoration:none}.empty-state{color:var(--muted)}.library-workspace{min-height:calc(100vh - 25rem);display:grid;grid-template-columns:17rem minmax(0,1fr) 21rem;gap:.85rem;align-items:start}.rules-index,.theme-library{position:sticky;top:.85rem;max-height:calc(100vh - 27rem);overflow:auto}.rules-list{display:grid;gap:.45rem;margin-top:.75rem}.rules-list button{width:100%;display:grid;justify-content:stretch;gap:.18rem;text-align:left}.markdown-shell{min-height:0}.markdown-toolbar{position:sticky;top:0;z-index:1;background:#12231efa;padding-bottom:.55rem}.markdown-reader{max-width:82ch;color:#dfe7df;line-height:1.58}.markdown-reader.comfortable{font-size:1rem;line-height:1.7}.markdown-reader.compact{font-size:.9rem}.markdown-reader h1,.markdown-reader h2,.markdown-reader h3,.markdown-reader h4{scroll-margin-top:6rem;color:#f0f4ea;line-height:1.22}.markdown-reader h1{border-bottom:1px solid var(--line-strong);padding-bottom:.45rem;font-size:1.65rem}.markdown-reader h2{margin-top:1.7rem;border-bottom:1px solid var(--line);padding-bottom:.35rem;color:#e6eddd;font-size:1.28rem}.markdown-reader h3{margin-top:1.35rem;color:#d9e8ca;font-size:1.05rem}.markdown-reader a{color:#d4c36a}.markdown-reader code{border:1px solid var(--line);border-radius:4px;background:#081310;padding:.08rem .28rem;color:#f3d48a}.markdown-reader pre{overflow:auto;border:1px solid var(--line);border-radius:8px;background:#081310;padding:.75rem}.markdown-reader pre code{border:0;padding:0}.markdown-reader blockquote{margin-left:0;border-left:3px solid var(--moss);background:#7f9c6f14;padding:.55rem .8rem;color:#c9d8cd}.markdown-reader table{width:100%;border-collapse:collapse;margin:.9rem 0;font-size:.86rem}.markdown-reader th,.markdown-reader td{border:1px solid var(--line);padding:.45rem .55rem;vertical-align:top}.markdown-reader th{background:#102119;color:var(--amber);text-align:left}.markdown-reader tr:nth-child(2n) td{background:#7f9c6f0a}@media(max-width:1100px){.workstation-shell{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto auto;grid-template-areas:"command" "modes" "workspace" "blade" "utility"}.context-blade{border-top:1px solid var(--line);border-left:0}.utility-dock{max-height:24rem}.dice-panel,.journal-panel,.library-workspace{grid-template-columns:1fr}.dice-panel ol{columns:1}.rules-index,.theme-library{position:static;max-height:none}.two-columns,.command-layout,.base-layout,.map-layout,.encounter-layout,.roster-layout,.factions-layout{grid-template-columns:1fr}}@media(max-width:720px){.workstation-shell{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);grid-template-areas:"command" "workspace";padding-bottom:4.1rem}.mode-ribbon{display:none}.command-bar{position:sticky;top:0;z-index:4;flex-direction:column;align-items:stretch;padding:.65rem}.campaign-title{min-width:0}.campaign-title h1{font-size:1rem}.status-strip{gap:.35rem}.quick-actions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.advance-button{padding-inline:.35rem}.workspace{padding:.65rem .65rem 18rem}.context-blade{position:fixed;inset:0 0 4rem auto;z-index:8;width:min(25rem,92vw);transform:translate(105%);transition:transform .16s ease;border-left:1px solid var(--line);border-top:0;box-shadow:-1rem 0 2rem #00000059}.context-blade.open{transform:translate(0)}.blade-close{display:inline-flex}.utility-dock{position:fixed;left:0;right:0;bottom:4rem;z-index:6;max-height:46vh;border-top:1px solid var(--line-strong);box-shadow:0 -1rem 2rem #00000059}.utility-dock.collapsed .utility-panel{display:none}.utility-tabs{max-width:calc(100vw - 3rem)}.utility-panel{padding:.6rem}.journal-panel textarea{min-height:6rem}.mobile-tabbar{position:fixed;inset:auto 0 0 0;z-index:7;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.2rem;padding:.35rem;padding-bottom:max(.35rem,env(safe-area-inset-bottom));background:#081310;border-top:1px solid var(--line-strong)}.mobile-tab{min-height:3.2rem;display:grid;justify-items:center;gap:.1rem;border-radius:6px;padding:.25rem .15rem;color:var(--muted);font-size:clamp(.58rem,2.5vw,.68rem);line-height:1.05;text-decoration:none}.mobile-tab svg{width:1.05rem;height:1.05rem}.founder-row,.resource-row,.setup-stepper{grid-template-columns:1fr}.hex-map-workstation{height:24rem}.library-workspace{min-height:0}.markdown-toolbar{position:static}.markdown-reader{max-width:100%}.markdown-reader table{display:block;overflow-x:auto;white-space:nowrap}}