:root{--bg:#12161f;--panel:#181c26f0;--panel-2:#222836;--line:#3a4255;--text:#e9e4d8;--muted:#9aa0ad;--gold:#d8b45a;--good:#5fbf7f;--meh:#d8c34a;--bad:#e0614f;--accent:#c99a3b;--radius:8px;color:var(--text);background:var(--bg);font-family:Segoe UI,system-ui,-apple-system,Roboto,sans-serif;font-size:13px}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}#app{position:fixed;inset:0}#map{z-index:0;isolation:isolate;position:absolute;inset:0}#map canvas{display:block}.map-labels{position:absolute;inset:0}h1,h2,h3,h4{margin:0;font-weight:600}h2{font-size:18px}h3{font-size:15px}h4{text-transform:uppercase;letter-spacing:.06em;color:var(--gold);margin:14px 0 6px;font-size:12px}p{margin:6px 0;line-height:1.45}a{color:var(--gold);cursor:pointer;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.muted{color:var(--muted)}.small{font-size:11.5px}.good,.pos{color:var(--good)}.meh{color:var(--meh)}.bad,.neg{color:var(--bad)}.warn{color:var(--meh)}.hidden,[hidden]{display:none!important}.num{text-align:right;font-variant-numeric:tabular-nums}.clickable{cursor:pointer}.clickable:hover{background:#ffffff0d}button,.button{font:inherit;color:var(--text);cursor:pointer;background:#2c3344;border:1px solid #485067;border-radius:6px;align-items:center;gap:4px;padding:5px 9px;transition:background .12s,border-color .12s;display:inline-flex}button:hover:not([disabled]),.button:hover{border-color:var(--accent);background:#38415a}button[disabled]{opacity:.45;cursor:not-allowed}button.on{border-color:var(--gold);background:#5a4a26}button.primary{border-color:var(--gold);background:#6b5320}button.primary:hover:not([disabled]){background:#826526}button.danger{background:#5a2420;border-color:#a2453b}button.danger:hover:not([disabled]){background:#74302a}button.icon{background:0 0;border-color:#0000;padding:2px 7px}button.small{padding:0 5px;font-size:11px}button.link{color:var(--muted);background:0 0;border:none;text-decoration:underline}input{font:inherit;color:var(--text);border:1px solid var(--line);background:#1a1f2b;border-radius:6px;width:140px;padding:5px 8px}.btn-row{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.btn-row.right{justify-content:flex-end}.hud{z-index:10;position:absolute}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 8px 28px #00000073}#topbar{background:linear-gradient(#1b202c,#161a23f0);border-bottom:1px solid #4b4330;align-items:center;gap:14px;height:54px;padding:0 12px;display:flex;top:0;left:0;right:0;box-shadow:0 4px 18px #0006}.tb-realm{cursor:pointer;align-items:center;gap:8px;min-width:200px;display:flex}.tb-name{align-items:center;gap:6px;font-weight:600;display:flex}.tb-resources{flex-wrap:nowrap;gap:4px;display:flex}.res{cursor:help;background:#ffffff0a;border-radius:6px;align-items:baseline;gap:3px;padding:3px 6px;display:inline-flex}.res b{font-variant-numeric:tabular-nums}.res small{font-size:10px}.res.short{background:#e0614f33;outline:1px solid #e0614f99}.tb-time{align-items:center;gap:8px;margin-left:auto;display:flex}.tb-time .date{text-align:right;min-width:92px;color:var(--gold);font-variant-numeric:tabular-nums;font-weight:600}.speeds{gap:2px;display:inline-flex}.speeds button{padding:3px 7px;font-size:11px}.unify{background:#d8b45a1f;border-radius:6px;padding:3px 7px}.event-alert{background:#6b2a20;border-color:#d0624f;animation:1.4s infinite pulse}.tb-modes,.tb-menu{gap:3px;display:flex}@keyframes pulse{50%{box-shadow:0 0 0 4px #d0624f40}}#left,#right{max-height:calc(100vh - 76px);padding:12px 14px;top:64px;overflow-y:auto}#left{width:350px;left:10px}#right{flex-direction:column;width:390px;padding:0;display:flex;right:10px}#right .tabs{border-bottom:1px solid var(--line);background:var(--panel);z-index:1;gap:2px;padding:8px 8px 0;display:flex;position:sticky;top:0}#right .tabs button{border-bottom:none;border-bottom-right-radius:0;border-bottom-left-radius:0;flex:1;justify-content:center;padding:6px 4px}#right .tab-body{padding:10px 14px;overflow-y:auto}.panel-head{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:6px;display:flex}.panel-hint h3{margin-bottom:6px}.owner-line{align-items:center;gap:6px;margin:4px 0 8px;display:flex}.flag{background:var(--fc,#777);border-radius:3px;flex:none;width:11px;height:11px;display:inline-block;box-shadow:0 0 0 1px #00000080}.stat-grid{grid-template-columns:120px 1fr;align-items:center;gap:4px 8px;margin:8px 0;display:grid}.stat-grid>div:nth-child(odd){color:var(--muted)}.bar{vertical-align:middle;background:#0e1118;border-radius:4px;width:80px;height:7px;display:inline-block;overflow:hidden}.bar>span{background:var(--gold);height:100%;display:block}.bar.good>span{background:var(--good)}.bar.meh>span{background:var(--meh)}.bar.bad>span{background:var(--bad)}.alert{background:#d8c34a1a;border:1px solid #d8c34a59;border-radius:6px;margin:6px 0;padding:6px 8px}.alert.bad{background:#e0614f1f;border-color:#e0614f73}.breakdown{margin:4px 0;padding:0;font-size:11.5px;list-style:none}.breakdown li{border-bottom:1px dotted #ffffff0f;justify-content:space-between;padding:1px 0;display:flex}.breakdown li.total{border-top:1px solid var(--line);border-bottom:none;font-weight:600}details{margin:4px 0}summary{cursor:pointer;color:var(--muted);font-size:11.5px}.align-bar{border-radius:5px;height:10px;display:flex;overflow:hidden}.align-legend{color:var(--muted);justify-content:space-between;margin-top:2px;font-size:11px;display:flex}.recruit-row{grid-template-columns:1fr auto auto auto;align-items:center;gap:6px;margin:3px 0;display:grid}.army-list,.treaties,.dip-list,.log,.career,.battles{margin:0;padding:0;list-style:none}.army-list li{border-radius:5px;align-items:center;gap:6px;padding:4px;display:flex}.units{flex-wrap:wrap;gap:6px;margin:6px 0;display:flex}.unit{background:var(--panel-2);border-radius:5px;padding:3px 7px}.hint{color:var(--muted);font-style:italic}.chips{flex-wrap:wrap;gap:3px;margin-top:3px;display:flex}.chip{cursor:help;background:#2d3446;border:1px solid #424b62;border-radius:10px;padding:1px 6px;font-size:11px}.arch-badge{border:1px solid var(--arch);color:var(--text);background:color-mix(in srgb, var(--arch) 25%, transparent);cursor:help;white-space:nowrap;border-radius:10px;padding:1px 6px;font-size:11px}.portrait{border:2px solid var(--arch);background:#000;border-radius:8px;flex:none;display:inline-block;position:relative;box-shadow:0 0 0 1px #000,0 2px 8px #00000080}.portrait img{object-fit:cover;border-radius:6px;width:100%;height:100%;display:block}.portrait.arch-dasrem img{filter:sepia(.35)saturate(1.3)hue-rotate(-12deg)contrast(1.1)}.portrait.arch-pomsad img{filter:sepia(.5)saturate(1.2)brightness(1.08)}.portrait.arch-prajien img{filter:saturate(.8)hue-rotate(180deg)sepia(.15)hue-rotate(-170deg)brightness(1.05)}.portrait .emoji{filter:drop-shadow(0 1px 2px #000c);font-size:18px;line-height:1;position:absolute;top:-9px;right:-9px}.portrait.sm{width:30px;height:30px}.portrait.sm .emoji{font-size:13px;top:-6px;right:-7px}.portrait.md{width:54px;height:54px}.portrait.lg{width:76px;height:76px}.portrait.lg .emoji{font-size:26px;top:-12px;right:-12px}.char-card{background:var(--panel-2);border-radius:8px;align-items:flex-start;gap:12px;margin:6px 0;padding:8px;display:flex}.char-info{flex:1;min-width:0}.char-name{flex-wrap:wrap;align-items:center;gap:6px;font-weight:600;display:flex}.char-title{color:var(--muted);font-size:11.5px}.stat-line{margin-top:4px;font-size:12px}.career li{padding:1px 0;font-size:11px}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--muted);padding:3px;font-size:11px;font-weight:500}td{border-top:1px solid #ffffff0d;padding:3px}tr.short td{background:#e0614f1a}.treaties li{align-items:center;gap:6px;padding:3px 0;font-size:12px;display:flex}.treaties li button{margin-left:auto}.dip-list li{border-radius:6px;align-items:center;gap:8px;padding:5px 6px;display:flex}.dip-list li.on{background:#d8b45a24}.dip-name{flex:1;min-width:0}.rel{text-align:right;min-width:34px}.dip-detail{border-top:1px solid var(--line);margin-top:10px;padding-top:10px}.war-card{background:var(--panel-2);border-radius:8px;margin:8px 0;padding:8px 10px}.war-title{margin-bottom:3px;font-weight:600}.score-bar{background:#0e1118;border-radius:4px;height:18px;margin:6px 0;position:relative;overflow:hidden}.score-bar:after{content:"";background:#666;width:1px;position:absolute;top:0;bottom:0;left:50%}.score-bar span{position:absolute;top:0;bottom:0}.score-bar span.pos{background:#5fbf7f99}.score-bar span.neg{background:#e0614f99}.score-bar b{z-index:1;text-align:center;font-size:11px;line-height:18px;display:block;position:relative}.log li{background:#ffffff05;border-left:3px solid #555;margin:3px 0;padding:4px 6px;font-size:12px}.log li.good{border-color:var(--good);color:var(--text)}.log li.warning{border-color:var(--meh);color:var(--text)}.log li.danger{border-color:var(--bad);color:var(--text)}.map-label-wrap{pointer-events:none}.map-label{pointer-events:none;text-align:center;text-shadow:0 1px 2px #000,0 0 4px #000;white-space:nowrap;font-size:11px;transform:translateY(-4px)}.map-label .city{color:#fff;align-items:center;gap:3px;font-weight:600;display:inline-flex}.map-label.capital .city{color:#ffe39a;font-size:12px}.map-label.selected .city{color:#fff;text-decoration:underline}.map-label .dot{background:#fff;border-radius:50%;width:5px;height:5px;display:inline-block;box-shadow:0 0 0 1px #000}.map-label .icons{justify-content:center;gap:3px;font-size:11px;display:flex}.map-label .siege{color:#ffb4a8}.army-marker-wrap{pointer-events:auto;cursor:pointer}.army-marker{border:1px solid var(--fc);white-space:nowrap;background:#0f1116e0;border-radius:10px;align-items:center;gap:3px;padding:1px 6px 1px 3px;font-size:11px;display:inline-flex;box-shadow:0 2px 6px #0009}.army-marker .flag{width:9px;height:9px}.army-marker.own{border-width:2px}.army-marker.selected{background:#3c3214f2;outline:2px solid #fff}.army-marker:hover{background:#323746f2}.overlay{z-index:30;background:#05070c8c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#event{z-index:25}.event-card,.dialog{background:linear-gradient(#262c3a,#1c212d);border:1px solid #6b5a33;border-radius:12px;width:min(480px,92vw);max-height:88vh;padding:18px 22px;overflow:auto;box-shadow:0 20px 60px #0009}.dialog.wide{width:min(720px,94vw)}.dialog-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.event-emoji{text-align:center;font-size:44px}.event-card h2{text-align:center;color:var(--gold);margin:4px 0 8px}.event-choices{flex-direction:column;gap:6px;margin-top:12px;display:flex}.event-choices button{text-align:left;flex-direction:column;align-items:flex-start;padding:8px 12px}.event-choices small{color:var(--muted)}.trade-table td{padding:2px 4px}.stepper{align-items:center;gap:6px;display:inline-flex}.stepper b{text-align:center;min-width:28px}.stepper button{padding:0 7px}.goal-list{flex-wrap:wrap;gap:5px;margin:6px 0;display:flex}.slots td{padding:6px}.help ul{padding-left:18px;line-height:1.5}#toasts{z-index:40;pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.toast{background:#263043;border:1px solid #4a5675;border-radius:8px;padding:7px 14px;transition:opacity .5s;box-shadow:0 6px 20px #00000080}.toast.ok{border-color:#3f7f55}.toast.err{background:#3b2224;border-color:#a2453b}.toast.fade{opacity:0}.start{z-index:35;background:radial-gradient(at top,#282214eb,#080a10f7);align-items:flex-start;overflow-y:auto}.start-inner{width:min(1180px,96vw);margin:28px auto}.start-title{align-items:center;gap:18px;display:flex}.start-title img{border:2px solid var(--gold);filter:sepia(.3)contrast(1.1);border-radius:12px;width:84px;height:84px}.start-title h1{letter-spacing:.2em;color:var(--gold);text-shadow:0 3px 12px #0009;font-size:46px}.archetypes{grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0;display:grid}.arch-card{border-left:4px solid var(--arch);background:#ffffff0a;border-radius:6px;padding:8px 12px}.seed-row{align-items:center;gap:8px;margin:10px 0 16px;display:flex}.start-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px;display:grid}.start-card{background:var(--panel);border:1px solid var(--line);border-top:4px solid var(--fc);border-radius:10px;flex-direction:column;gap:7px;padding:12px;display:flex}.start-card:hover{border-color:var(--gold);border-top-color:var(--fc)}.start-card-head{align-items:center;gap:14px;display:flex}.start-card h3{font-size:15px}.start-card button{align-self:flex-start;margin-top:auto}#debug{z-index:20;background:#080a0ef2;border:1px solid #5c6b40;border-radius:8px;flex-direction:column;height:38vh;font-family:ui-monospace,Consolas,monospace;font-size:11px;display:flex;bottom:10px;left:370px;right:410px}.debug-head{border-bottom:1px solid #333;flex-wrap:wrap;align-items:center;gap:4px;padding:6px 8px;display:flex}.debug-head button{padding:1px 6px;font-size:11px}.debug-actions{gap:3px;margin-left:auto;display:flex}.debug-body{flex:1;padding:6px 8px;overflow:auto}.debug-body pre{white-space:pre-wrap;margin:0}.debug-body td,.debug-body th{white-space:nowrap;padding:1px 4px}.matrix td{text-align:center}@media (width<=1300px){.tb-modes button{padding:3px 5px}#left{width:310px}#right{width:340px}#debug{left:330px;right:360px}}#alerts{pointer-events:none;flex-wrap:wrap;justify-content:center;gap:6px;max-width:calc(100vw - 800px);display:flex;top:60px;left:50%;transform:translate(-50%)}.alert-chip{pointer-events:auto;background:#1e2432eb;border-radius:12px;padding:3px 9px;font-size:11.5px;box-shadow:0 3px 10px #0006}.alert-chip.warning{border-color:var(--meh)}.alert-chip.danger{border-color:var(--bad);background:#461e1cf0}.union-card{background:var(--panel-2);border-radius:8px;margin:0 0 10px;padding:9px 11px}.union-title{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:3px;font-size:14px;display:flex}.reqs{margin:4px 0;padding:0;font-size:11.5px;list-style:none}.dip-list.cand li{align-items:flex-start}.dip-list .bar{width:60px}.supply-break{color:#ff4d4d;text-shadow:0 0 4px #000,0 0 2px #000;pointer-events:none;font-size:18px;font-weight:700}.dep-line{margin:4px 0}tr.mine td{background:#5fbf7f1f}#right .tabs button{padding:6px 2px;font-size:11.5px}.minimap{z-index:6;cursor:crosshair;border:1px solid #b1a785;border-radius:8px;width:240px;height:180px;position:absolute;bottom:18px;left:calc(50% - 120px);box-shadow:0 4px 20px #0008}#trade-controls{z-index:7;border-radius:6px;gap:12px;padding:8px 12px;font-size:12px;display:flex;position:absolute;bottom:210px;left:50%;transform:translate(-50%)}#trade-controls select,.history-filters select{color:#f1e5cb;background:#202b38;border:1px solid #697078;border-radius:4px;padding:4px}.trade-flow-marker{pointer-events:auto;color:#d1f2ff;background:#142b36dd;border:1px solid #85c5cc88;border-radius:4px;padding:2px 5px;font-size:11px}#tooltip{z-index:20;pointer-events:none;border:1px solid #a99d77;border-radius:6px;width:320px;padding:12px 14px;font-size:12px;line-height:1.5;position:fixed;box-shadow:0 4px 18px #0009}#tooltip b{color:#f2dfa8;margin-bottom:6px;font-size:15px;display:block}.chronicle{padding:0;list-style:none}.history-entry{background:#ffffff05;border-left:3px solid #717b86;margin-bottom:10px;padding:12px 10px}.history-entry.critical{border-color:#e8786d}.history-entry.important{border-color:#e3b76b}.history-entry time{color:#f0d9a3;font-size:12px;display:block}.history-entry small{color:#a3afbc;text-transform:capitalize;margin-bottom:6px;display:block}.history-entry b{line-height:1.5;display:block}.history-entry p{margin:6px 0;line-height:1.6}.history-links{flex-wrap:wrap;gap:6px;margin-top:5px;display:flex}.history-filters{z-index:1;background:#202733;padding-bottom:8px;position:sticky;top:0}.integration-controls{border-top:1px solid #ffffff15;margin-top:8px;padding-top:6px}.character-link{color:inherit;font-weight:700;font-size:inherit;text-align:left}.tabs{flex-wrap:wrap}@media (width<=1100px){.minimap{width:160px;height:120px;left:calc(50% - 80px)}#trade-controls{flex-wrap:wrap;width:220px;bottom:148px}}.dip-list li.vassal-card{padding:10px 0;display:block}.vassal-heading{align-items:center;gap:6px;margin-bottom:4px;display:flex}.vassal-heading b{flex:1}.vassal-card>.bar,.vassal-card .integration-controls>.bar{width:100%;margin:6px 0;display:block}.dependency-overview{border:1px solid var(--line);border-radius:6px;margin:12px 0;padding:10px}.dependency-overview li{margin-bottom:8px}:focus-visible{outline-offset:3px;outline:3px solid #f5d78b}[data-action][role=button]{cursor:pointer}.victory-routes section{border-top:1px solid #655e51;padding:.5rem 0}.victory-routes h4{margin:.3rem 0}.victory-routes .reqs{line-height:1.5}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}#topbar{gap:8px;overflow-x:auto}#topbar>*{flex-shrink:0}@media (width<=1200px){#left{width:min(30vw,350px)}#right{width:min(38vw,390px)}#right .tabs{flex-wrap:wrap}.dialog{max-width:calc(100vw - 30px)}}.novice-guidance{border-bottom:1px solid var(--line);background:#26303b;padding:.65rem 1rem}.novice-guidance summary{font-weight:650}.novice-guidance article{margin-top:.55rem}.novice-guidance p{margin:.35rem 0;line-height:1.4}#right .guidance{flex-shrink:0;max-height:16rem;overflow:auto}#right .tabs{flex-wrap:wrap;flex-shrink:0}#right .tab-body{min-height:0}#map-legend{pointer-events:auto;max-width:min(410px,30vw);padding:.6rem .8rem;font-size:.85rem;bottom:12px;left:50%;transform:translate(-50%)}#map-legend p{margin:.3rem 0 0;line-height:1.4}.trade-table input{background:var(--panel-2);width:5rem;min-width:3rem;color:var(--text);border:1px solid #8891a0;border-radius:4px;padding:.35rem}.trade-table th{white-space:normal}.trade-suggestions li{margin:.55rem 0}.dialog input[type=search]{width:min(100%,25rem)}.dialog input,.dialog select{color:var(--text);background:var(--panel-2)}.glossary dt{color:#ead098;margin-top:.7rem;font-weight:700}.glossary dd{margin:.3rem 0 .7rem;line-height:1.55}.audio-setting{align-items:center;gap:.7rem;margin:.6rem 0;display:flex}.history-year{color:#ead098;border-bottom:1px solid var(--line);padding:.7rem 0 .3rem;font-size:1.2rem;list-style:none}.history-entry.important b,.history-entry.critical b{font-size:1.05rem}button:disabled{opacity:.65;cursor:not-allowed}.start-card p{line-height:1.4}.victory-summary{margin:.7rem 0}@media (width<=1100px){#map-legend{max-width:27vw;font-size:.8rem}}@media (prefers-reduced-motion:reduce){.toast.fade{opacity:1}}#map-legend{bottom:260px}#topbar .tb-menu{z-index:2;background:var(--panel);border-left:1px solid var(--line);padding:4px;position:sticky;right:0}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{z-index:60;background:var(--panel-2);color:var(--text);border:1px solid var(--gold);border-radius:6px;padding:6px 10px;position:fixed;top:-60px;left:8px}.skip-link:focus{top:8px}#map:focus-visible{outline-offset:-3px;outline:3px solid #7fc8ff}.map-label.kbd-focus{outline-offset:2px;background:#0f1e2dd9;border-radius:4px;outline:2px dashed #7fc8ff}.map-label.kbd-focus .city{text-decoration:underline;text-decoration-thickness:2px}.language-select{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.language-select select{color:var(--text);background:var(--panel-2)}.start-title{flex-wrap:wrap}.start-language{margin-left:auto}.settings section{margin-bottom:12px}.settings label{flex-wrap:wrap;align-items:center;gap:6px;margin:4px 0;display:flex}.feedback-form{gap:8px;display:grid}.feedback-field{gap:3px;display:grid}.feedback-field textarea{resize:vertical;width:100%;color:var(--text);background:var(--panel-2);border:1px solid var(--line);font:inherit;border-radius:6px;padding:6px}.table-scroll{max-width:100%;overflow-x:auto}.portfolio-list{margin:4px 0;padding:0;list-style:none}.portfolio-list ul{margin:2px 0 6px;padding-left:10px;list-style:none}.portfolio .bar{width:60px}.trade-suggestions details{margin:2px 0 4px}button{white-space:normal;overflow-wrap:break-word}.btn-row{flex-wrap:wrap}.alert-chip{text-align:left;max-width:34ch}#right .tabs button{white-space:nowrap;overflow-wrap:normal;flex:auto;min-width:max-content;line-height:1.15}.dip-name{overflow-wrap:break-word;min-width:0}.recruit-row{flex-wrap:wrap}.dialog-head h3{overflow-wrap:break-word}.stat-grid>div{overflow-wrap:break-word;min-width:0}#map-legend p{overflow-wrap:break-word}@media (width<=1000px){#left{width:min(44vw,320px)}#right{width:min(48vw,360px)}#alerts{max-width:calc(100vw - 40px);top:auto;bottom:200px}.archetypes{grid-template-columns:1fr}.seed-row{flex-wrap:wrap}#map-legend{display:none}}@media (width<=820px){#left,#right{max-height:46vh;top:auto;bottom:8px}#left{width:calc(50vw - 12px);left:8px}#right{width:calc(50vw - 12px);right:8px}.minimap,#trade-controls{display:none}.dialog,.dialog.wide,.event-card{width:calc(100vw - 20px);max-height:92vh;padding:12px}}@media (height<=700px){#left,#right{max-height:calc(100vh - 70px)}.event-card,.dialog{max-height:94vh}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}