:root{--bg:#14110d;--panel:#1c1813fb;--panel-border:#5a4a32;--text:#eadfc8;--muted:#a4977d;--accent:#d9b45a;--accent-dim:#8a7038;--danger:#c0574a;--good:#7fae5b;color:var(--text);background:var(--bg);font-family:Segoe UI,system-ui,sans-serif;font-size:14px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}button,select,input{font:inherit;color:var(--text);border:1px solid var(--panel-border);background:#2a241c;border-radius:3px;padding:4px 10px}button{cursor:pointer}button:hover{border-color:var(--accent-dim);background:#3a3226}button.active,button.primary{background:var(--accent-dim);border-color:var(--accent);color:#fff7e0}button.small{padding:1px 6px;font-size:12px}button:disabled{opacity:.45;cursor:default}h1,h2,h3{margin:0;font-family:Georgia,Times New Roman,serif;font-weight:600}.muted{color:var(--muted)}.row{align-items:center;gap:8px;display:flex}.swatch{vertical-align:-1px;border:1px solid #00000080;border-radius:2px;width:11px;height:11px;margin-right:6px;display:inline-block}.swatch.big{width:16px;height:16px}.tag{color:var(--accent);background:#4b3e28;border-radius:3px;margin-left:6px;padding:0 5px;font-size:11px}.newgame{box-sizing:border-box;background:radial-gradient(#2b2318 0%,#120f0b 75%);flex-direction:column;justify-content:safe center;align-items:center;height:100%;padding:24px 0;display:flex;overflow-y:auto}.newgame>*{flex-shrink:0}.newgame h1{letter-spacing:6px;color:var(--accent);font-size:56px}.newgame .subtitle{color:var(--muted);margin:6px 0 28px}.form{background:var(--panel);border:1px solid var(--panel-border);border-radius:6px;flex-direction:column;gap:12px;width:380px;padding:22px;display:flex}.form label{color:var(--muted);flex-direction:column;gap:4px;display:flex}.form .row input{flex:1}.game{height:100%;position:relative}.map-canvas{cursor:crosshair;width:100%;height:100%;display:block;position:absolute;inset:0}.topbar{background:var(--panel);border-bottom:1px solid var(--panel-border);justify-content:space-between;align-items:center;gap:16px;padding:6px 12px;display:flex;position:absolute;top:0;left:0;right:0}.nation-badge{align-items:center;gap:8px;display:flex}.time{align-items:center;gap:3px;display:flex}.time .date{text-align:right;min-width:130px;margin-right:8px;font-family:Georgia,serif;font-size:16px}.time button{min-width:32px;padding:2px 6px}.menu{gap:4px;display:flex}.mapmodes{background:var(--panel);border:1px solid var(--panel-border);border-radius:4px;gap:3px;padding:5px;display:flex;position:absolute;bottom:12px;right:12px}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:5px;padding:12px 14px}.panel.side{width:340px;max-height:calc(100% - 120px);position:absolute;top:52px;right:12px;overflow-y:auto}.panel-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.panel h3{color:var(--accent);margin:12px 0 6px;font-size:15px}.close{background:0 0;border:none;padding:0 4px;font-size:20px}.owner{flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:8px;display:flex}.owner button{margin-left:auto}table.stats{border-collapse:collapse;width:100%}table.stats th{text-align:left;color:var(--muted);width:40%;padding:2px 8px 2px 0;font-weight:400}table.stats td{padding:2px 0}table.stats td.num{text-align:right}.toast{background:var(--panel);border:1px solid var(--panel-border);cursor:pointer;border-radius:4px;padding:10px 16px;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.toast.error{border-color:var(--danger)}.panel.left{width:470px;max-height:calc(100% - 190px);position:absolute;top:52px;left:12px;overflow-y:auto}.tabs{border-bottom:1px solid var(--panel-border);flex-wrap:wrap;gap:3px;margin-bottom:10px;padding-bottom:6px;display:flex}.inline-tabs{margin-left:8px;font-family:Segoe UI,system-ui,sans-serif;font-size:12px;font-weight:400}.inline-tabs a{color:var(--muted);margin-right:8px}.inline-tabs a.active{color:var(--accent);text-decoration:underline}a{cursor:pointer;color:var(--text)}a:hover{color:var(--accent)}.good{color:var(--good)}.bad{color:var(--danger)}table.grid th,table.grid td{width:auto;padding:2px 6px 2px 0}table.grid thead th{color:var(--muted);border-bottom:1px solid var(--panel-border);font-size:12px}table.stats th.num,table.stats td.num{text-align:right}table.stats tr.total th,table.stats tr.total td{border-top:1px solid var(--panel-border);padding-top:4px}.meter{vertical-align:middle;background:#3a3226;border-radius:3px;width:46px;height:7px;display:inline-block;overflow:hidden}.meter span{height:100%;display:block}.slider{grid-template-columns:150px 1fr 44px;align-items:center;gap:8px;margin:3px 0;display:grid}.slider input{padding:0}.small{font-size:12px}.panel h4{color:var(--muted);margin:10px 0 4px;font-size:13px;font-weight:600}.person{margin:4px 0 6px}.seatbar{border:1px solid var(--panel-border);border-radius:3px;height:14px;display:flex;overflow:hidden}.seatbar span{height:100%;display:block}tr.clickable{cursor:pointer}tr.clickable:hover th,tr.clickable:hover td{color:var(--accent)}.law-option{border:1px solid #3a3226;border-radius:4px;margin:4px 0;padding:6px 8px}.law-option.current{border-color:var(--accent-dim)}.law-option.locked{opacity:.5}.law-option .row{justify-content:space-between}.support{flex-wrap:wrap;gap:4px 10px;margin:3px 0;display:flex}.path{margin-top:4px;font-size:12px}.office-editor{grid-template-columns:1fr 1fr;gap:6px 10px;padding:6px 0;display:grid}.office-editor label{color:var(--muted);flex-direction:column;gap:2px;font-size:12px;display:flex}.office-editor label.check,label.check{flex-direction:row;align-items:center;gap:6px}.powers{flex-wrap:wrap;grid-column:1/-1;gap:4px 12px;font-size:12px;display:flex}.constitution .primary{margin-top:10px}.chronicle{background:var(--panel);border:1px solid var(--panel-border);pointer-events:none;border-radius:4px;width:420px;padding:8px 10px;font-size:12px;line-height:1.45;position:absolute;bottom:12px;left:12px}.chronicle .year{color:var(--accent);margin-right:4px}.techs{grid-template-columns:repeat(2,1fr);gap:4px;display:grid}button.tech{text-align:left;padding:4px 8px;font-size:12px}button.tech.known{color:#b8d0a0;background:#2f3a26;border-color:#4f6a3a}button.tech.available{border-color:var(--accent-dim)}button.tech.locked{opacity:.45}button.tech:disabled{cursor:default}button.tech.known:disabled{opacity:1}.composition{margin-bottom:8px}.war{border:1px solid var(--danger);border-radius:4px;margin:4px 0;padding:6px 8px}.war .row{flex-wrap:wrap;justify-content:space-between;gap:4px}.action-row{flex-wrap:wrap;gap:2px;display:flex}.stats.grid td:first-child{white-space:nowrap}button.danger{border-color:var(--danger)}tr.selected td{color:var(--accent)}.map-canvas{cursor:default}.banner{background:var(--panel);border:1px solid var(--danger);border-radius:4px;padding:10px 18px;font-family:Georgia,serif;position:absolute;top:56px;left:50%;transform:translate(-50%)}.advice{border-bottom:1px solid #2f281e;justify-content:space-between;align-items:center;gap:8px;padding:4px 0;display:flex}.seat{border-bottom:1px solid #2f281e;padding:6px 0 8px}.seat .row{justify-content:space-between}.seat select{margin-top:4px;padding:2px 6px;font-size:12px}.modes{gap:2px;display:flex}.advice button{white-space:nowrap;flex-shrink:0}.modal-backdrop{z-index:50;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--accent-dim);border-radius:6px;width:440px;padding:20px 22px;box-shadow:0 10px 40px #0009}.modal h2{color:var(--accent);margin-bottom:8px}.modal p{line-height:1.5}.modal .option{text-align:left;flex-direction:column;align-items:flex-start;gap:2px;width:100%;margin-top:6px;padding:8px 12px;display:flex}.panel.sandbox{border-color:#8a3a8a;width:360px;max-height:calc(100% - 120px);position:absolute;top:52px;right:364px;overflow-y:auto}.row.wrap{flex-wrap:wrap;margin:4px 0}.field{color:var(--muted);flex-direction:column;gap:4px;margin:8px 0;display:flex}textarea{font:inherit;color:var(--text);border:1px solid var(--panel-border);background:#2a241c;border-radius:3px;padding:4px 8px}.presets{grid-template-columns:repeat(3,230px);gap:8px;margin-bottom:16px;display:grid}.preset{text-align:left;flex-direction:column;align-items:flex-start;gap:3px;padding:8px 10px;display:flex}.preset span{color:var(--muted);line-height:1.3}.form.wide{width:720px}.grid2{grid-template-columns:1fr 1fr;gap:10px 16px;display:grid}.rules .grid2{grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr))}.rules .grid2 label{min-width:0}.rules input[type=range]{width:100%;min-width:0}.modal.ledger{width:min(1100px,94vw);max-height:calc(100vh - 140px);overflow-y:auto}.legend{color:var(--text);flex-wrap:wrap;gap:4px 14px;margin:4px 0 6px;font-size:13px;display:flex}.chart{position:relative}.chart svg{width:100%;height:auto;display:block}.chart .grid{stroke:#eadfc81a;stroke-width:1px}.chart .tick{fill:var(--muted);font-size:11px}.chart .series{fill:none;stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.chart .direct{fill:var(--text);font-size:11px}.chart .crosshair{stroke:#eadfc866;stroke-width:1px}.chart .dot{stroke:#1c1813;stroke-width:2px}.chart .tooltip{border:1px solid var(--panel-border);pointer-events:none;background:#2a241c;border-radius:4px;min-width:170px;padding:6px 9px;font-size:12px;position:absolute;top:8px}.chart .tooltip .row{gap:6px}.chart .tooltip .num{margin-left:auto}.ledger-table{max-height:320px;overflow-y:auto}.ledger-table tr{cursor:pointer}.ledger-table tr.mine td{color:var(--accent)}th.sortable{cursor:pointer}th.sortable.active{color:var(--accent)}.alerts{flex-direction:column;gap:4px;max-width:300px;display:flex;position:absolute;top:50px;left:12px}.alert{background:var(--panel);border:1px solid var(--panel-border);color:var(--text);text-align:left;border-left-width:3px;border-radius:3px;align-items:center;gap:6px;padding:3px 9px;font-size:12px;display:flex}.alert.warning{border-left-color:#c98500}.alert.critical{border-left-color:var(--danger)}.alert .icon{width:12px;font-weight:700}.alert.warning .icon{color:#e0a526}.alert.critical .icon{color:#e06a5c}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.group-row td{cursor:pointer;color:var(--muted);padding-top:8px}.request{background:#c9850014;border-left:3px solid #c98500;margin:4px 0;padding:4px 8px}.modal.compact-editor{width:620px}.alerts.shifted{left:496px}.division-name{width:12em;font-weight:600}.reserved{flex-wrap:wrap;gap:2px 12px;width:100%;display:flex}.panel.players{width:380px;position:absolute;top:52px;right:364px}.chat-toggle{position:absolute;bottom:12px;left:12px}.panel.chat{flex-direction:column;width:340px;max-height:320px;display:flex;position:absolute;bottom:12px;left:12px}.chat-lines{flex:1;margin-bottom:6px;overflow-y:auto}details.advanced{margin:8px 0}details.advanced summary{cursor:pointer;color:var(--accent)}.why{text-underline-offset:3px;cursor:help;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.panel.guide{width:360px;position:absolute;bottom:56px;left:12px}.panel.guide button.small{margin-left:6px}.checks{overflow-x:auto}.checks select{max-width:7.5em}.panel.guide.shifted{left:496px}.map-tip{z-index:50;pointer-events:none;border:1px solid var(--accent-dim);background:#14110df0;border-radius:4px;max-width:320px;padding:6px 9px;font-size:12px;line-height:1.45;position:fixed}.map-tip strong{color:var(--accent)}.map-legend{border:1px solid var(--accent-dim);background:#14110de6;border-radius:4px;max-width:340px;padding:6px 9px;font-size:12px;position:absolute;bottom:58px;right:12px}.map-legend .ramp{border-radius:2px;height:8px;margin:4px 0 2px}.map-legend .ends{justify-content:space-between;display:flex}.slider.costed{grid-template-columns:130px 1fr 36px 56px}.stats.grid td[colspan]{white-space:normal}.term{-webkit-text-decoration:underline dotted var(--accent-dim);text-decoration:underline dotted var(--accent-dim);text-underline-offset:3px;cursor:help}.tip{z-index:60;border:1px solid var(--accent-dim);max-width:340px;color:var(--text);text-align:left;white-space:normal;background:#14110df7;border-radius:4px;padding:7px 10px;font-size:12px;font-weight:400;line-height:1.45;position:fixed;box-shadow:0 4px 14px #00000080}.tip .term{color:var(--accent)}.tip-title{color:var(--accent);margin-bottom:3px;font-family:Georgia,serif;font-size:14px}.tip-table{border-collapse:collapse;width:100%;margin-top:6px}.tip-table td{vertical-align:top;padding:1px 0}.tip-table td.num{text-align:right;white-space:nowrap;padding-left:12px}.tip-table tr.total td{border-top:1px solid var(--accent-dim);color:var(--accent);padding-top:3px}.tip-wiki{color:var(--muted);margin-top:6px;font-size:11px;display:block}.nation-link{color:inherit}.nation-link:hover{color:var(--accent);text-decoration:underline}.diplomacy-menu{z-index:40;flex-direction:column;gap:6px;width:330px;padding:8px 12px 10px;display:flex;position:fixed}.diplomacy-menu h3{margin:0}.diplomacy-menu .action-row{flex-wrap:wrap;gap:4px;display:flex}.war-badge{border-color:var(--danger);color:#ffd9d2;background:#6a1f18;font-weight:600}.news{z-index:30;flex-direction:column;gap:6px;width:min(560px,90vw);display:flex;position:absolute;top:56px;left:50%;transform:translate(-50%)}.news-item{background:var(--panel);border:1px solid var(--accent-dim);border-left:5px solid var(--accent);border-radius:4px;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;font-size:15px;display:flex;box-shadow:0 4px 14px #00000080}.news-item.war{border-color:var(--danger);border-left-color:var(--danger);background:#2a1512}.news-item.peace{border-left-color:var(--good)}.news-item.death{border-left-color:var(--muted)}