:root{--ink: #f1e6cc;--muted: #c2b08c;--gold: #e0bc5a;--gold-2: #f3d27a;--panel: rgba(27, 21, 15, .93);--panel-2: #2d241a;--panel-3: #3a2f22;--line: #6b5836;--good: #9fcf8a;--bad: #f09a86;--red: #b8432f;--display: "Cormorant Garamond", Georgia, serif;--body: "Alegreya Sans", "Segoe UI", sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;overflow:hidden;background:#1f3b4a}body{font-family:var(--body);color:var(--ink);-webkit-font-smoothing:antialiased;user-select:none;-webkit-user-select:none}button{font:inherit;color:inherit;cursor:pointer}button:disabled{opacity:.42;cursor:not-allowed}h1,h2,h3{margin:0;font-weight:700}h2{font-family:var(--display);font-size:28px;line-height:1.05}h3{font-family:var(--display);font-size:19px;color:var(--gold);margin:4px 0 8px;display:flex;gap:6px;align-items:center}p{margin:6px 0;line-height:1.4}.muted{color:var(--muted)}.small{font-size:13px}.center{text-align:center}.pos{color:var(--good)}.neg{color:var(--bad)}.grow{flex:1;min-width:0}.row{display:flex;gap:8px;align-items:center}.row.between{justify-content:space-between}.app,.map-host{position:fixed;top:0;right:0;bottom:0;left:0}.map-host canvas{width:100%;height:100%}.map-labels{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.lbl-prov,.lbl-realm,.lbl-army,.lbl-battle{position:absolute;left:0;top:0;will-change:transform}.lbl-prov{font-family:var(--display);font-weight:700;font-size:15px;color:#2b2115;white-space:nowrap;text-align:center;text-shadow:0 0 3px #f6ecd2,0 0 3px #f6ecd2,0 0 6px #f6ecd2}.lbl-prov.sel{color:#000;font-size:17px}.lbl-prov .siege{display:none;width:60px;height:6px;margin:3px auto 0;background:#1c1610;border:1px solid #000;border-radius:3px;overflow:hidden}.lbl-prov .siege i{display:block;height:100%;background:linear-gradient(90deg,#e05a3a,#ffb04a)}.lbl-realm{font-family:var(--display);font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#fff8e4;white-space:nowrap;text-shadow:0 1px 2px #000,0 0 10px rgba(0,0,0,.6)}.lbl-realm{display:flex;gap:.35em;align-items:center}.lcoa{display:block;width:1.25em;height:1.25em;flex:none;filter:drop-shadow(0 1px 2px #000)}.lcoa svg,.acoa svg{display:block;width:100%;height:100%}.acoa{display:block;width:16px;height:16px;flex:none}.lbl-army{pointer-events:auto;cursor:pointer;display:flex;gap:5px;align-items:center;padding:2px 8px 2px 4px;border-radius:999px;background:#140f0ae0;border:1px solid #000;font-size:13px;font-weight:700;color:#f1e6cc;white-space:nowrap;box-shadow:0 2px 6px #0006}.lbl-army i{width:12px;height:12px;border-radius:50%;border:1.5px solid #fff5d8}.lbl-army em{font-style:normal;font-size:11px;color:var(--muted)}.lbl-army.mine{border-color:var(--gold);color:var(--gold-2)}.lbl-army.sel{background:var(--gold);color:#1c1610;transform-origin:bottom}.lbl-army.fight{border-color:#ff6b4a}.lbl-battle{color:#fff;background:#b8432f;border:2px solid #fff2d6;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;animation:clash .6s infinite alternate;box-shadow:0 0 12px #ff5a32cc}@keyframes clash{to{box-shadow:0 0 20px #ff8c3c}}.hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.hud>*{pointer-events:auto}.hud-ruler{position:absolute;left:16px;top:16px;display:flex;gap:12px;align-items:center;padding:8px 16px 8px 8px;background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:0 6px 20px #00000059}.hud-ruler{position:absolute}.ruler-coa{position:absolute;left:58px;top:58px;pointer-events:none}.ruler-btn{padding:0;border:3px solid var(--gold);border-radius:50%;overflow:hidden;background:none;width:78px;height:78px}.portrait{display:block;border-radius:50%;flex:none}.ruler-name{font-family:var(--display);font-size:24px;font-weight:700;line-height:1}.ruler-sub{color:var(--muted);font-size:14px;margin:3px 0 6px}.mini-bars{display:flex;flex-direction:column;gap:4px}.mini-bars span{display:flex;gap:6px;align-items:center;color:var(--muted)}.bar{display:block;width:110px;height:6px;background:#120e0a;border-radius:3px;overflow:hidden}.bar b{display:block;height:100%}.bar .hp{background:#7fbf6a}.bar .st{background:linear-gradient(90deg,#c9973a,#e0624a)}.heir-warn{position:absolute;left:16px;top:112px;display:flex;gap:6px;align-items:center;padding:6px 12px;border-radius:999px;border:1px solid #e0624a;background:#5a1a12eb;color:#ffd2c6;font-size:13px;font-weight:700;animation:glow 1.2s infinite alternate}.heir-warn~.notices{top:152px}.hud-res{position:absolute;left:50%;top:16px;transform:translate(-50%);display:flex;gap:8px}.res{display:flex;gap:7px;align-items:center;padding:9px 14px;background:var(--panel);border:1px solid var(--line);border-radius:12px;font-size:18px;box-shadow:0 6px 20px #0000004d}.res small{font-size:13px;color:var(--muted)}.res small.pos{color:var(--good)}.res small.neg{color:var(--bad)}.gold{color:var(--gold)}.hud-time{position:absolute;right:16px;top:16px;display:flex;gap:6px;align-items:center;padding:6px;background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 6px 20px #0000004d}.hud-time .date{font-family:var(--display);font-size:21px;font-weight:700;padding:0 10px;min-width:160px;text-align:center}.tbtn{width:44px;height:44px;border-radius:10px;border:1px solid var(--line);background:var(--panel-2);font-weight:700;display:grid;place-items:center}.tbtn.on{background:var(--gold);border-color:var(--gold);color:#1c1610}.objective{position:absolute;left:50%;top:76px;transform:translate(-50%);display:flex;gap:8px;align-items:center;padding:7px 16px;background:#3e3016f2;border:1px solid var(--gold);border-radius:999px;font-size:15px;white-space:nowrap;max-width:calc(100vw - 32px)}.objective span{overflow:hidden;text-overflow:ellipsis}.objective.ready{background:var(--gold);color:#1c1610;animation:glow 1.2s infinite alternate}@keyframes glow{to{box-shadow:0 0 18px #f3d27ae6}}.advisor{position:absolute;left:16px;bottom:100px;width:min(480px,calc(100vw - 24px));display:flex;gap:12px;padding:14px;background:#f1e6cc;color:#2b2115;border-radius:16px;border:3px double #8a6d3b;box-shadow:0 10px 30px #00000073;animation:rise .3s ease-out}.advisor-face{flex:none;width:56px;height:56px;border-radius:50%;overflow:hidden;border:2px solid #8a6d3b}.advisor-body b{font-family:var(--display);font-size:18px}.advisor-body p{margin:4px 0 10px;font-size:16px}.advisor-actions{display:flex;gap:8px;flex-wrap:wrap}.advisor .btn{color:#2b2115;background:#fff8ea;border-color:#b89968}.advisor .btn.gold{background:#8a6d3b;color:#fff8ea;border-color:#8a6d3b}.advisor .btn.ghost{background:transparent;border-color:transparent;color:#6d5a42}@keyframes rise{0%{opacity:0;transform:translateY(12px)}}.notices{position:absolute;left:16px;top:128px;display:flex;flex-direction:column;gap:6px;width:300px}.notice{display:flex;gap:8px;align-items:flex-start;text-align:left;padding:8px 10px;background:#1b150fdb;border:1px solid var(--line);border-radius:10px;font-size:14px;line-height:1.3;animation:slidein .3s ease-out}.notice .dot{flex:none;width:8px;height:8px;margin-top:5px;border-radius:50%;background:var(--muted)}.notice.good .dot{background:var(--good)}.notice.bad .dot,.notice.war .dot{background:#e0624a}.notice.birth .dot{background:#8fb3e0}.notice.death .dot{background:#888}.notice.bad{border-color:#8a3a2a}@keyframes slidein{0%{opacity:0;transform:translate(-10px)}}.nav{position:absolute;left:50%;bottom:16px;transform:translate(-50%);display:flex;gap:4px;padding:6px;background:var(--panel);border:1px solid var(--line);border-radius:18px;box-shadow:0 6px 24px #0006}.nav-btn{position:relative;width:100px;height:66px;border:0;border-radius:12px;background:transparent;display:flex;flex-direction:column;gap:3px;align-items:center;justify-content:center;font-size:14px;color:var(--ink)}.nav-btn svg{color:var(--gold)}.nav-btn.on{background:var(--panel-3)}.nav-btn:hover{background:#2f261b}.nav-btn .badge{position:absolute;top:8px;right:26px;width:10px;height:10px;border-radius:50%;background:#e0624a;box-shadow:0 0 6px #e0624a}.pulse{animation:pulse 1s infinite}@keyframes pulse{50%{box-shadow:0 0 0 4px #f3d27a8c}}.mapmode{position:absolute;right:16px;bottom:16px;display:flex;padding:4px;background:var(--panel);border:1px solid var(--line);border-radius:12px}.mapmode button{height:38px;padding:0 12px;border:0;border-radius:9px;background:transparent;font-size:14px}.mapmode button.on{background:var(--gold);color:#1c1610;font-weight:700}.paused-tag{position:absolute;left:50%;top:120px;transform:translate(-50%);padding:4px 12px;border-radius:999px;background:#0000008c;font-size:13px;color:var(--muted);pointer-events:none}.side{position:absolute;right:16px;top:80px;bottom:76px;width:390px;overflow-y:auto;padding:18px;background:#1b150ff5;border:1px solid var(--line);border-radius:16px;box-shadow:0 10px 30px #00000073;animation:panelin .22s ease-out;scrollbar-width:thin;scrollbar-color:var(--line) transparent;-webkit-user-select:text;user-select:text}@keyframes panelin{0%{opacity:0;transform:translate(16px)}}.p-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px}.p-head .row{align-items:flex-start;gap:14px}.kicker{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}.icon-btn{flex:none;width:40px;height:40px;border:0;border-radius:10px;background:transparent;color:var(--muted);display:grid;place-items:center}.icon-btn:hover{background:var(--panel-2);color:var(--ink)}.plain{padding:0;border:0;background:none;border-radius:50%}.block{margin:12px 0;padding:12px;background:var(--panel-2);border-radius:12px}.block.war{border:1px solid #7a3326}.owner-card,.realm-row,.ruler-big{display:flex;gap:12px;align-items:center}.owner-card{padding:10px;background:var(--panel-2);border-radius:12px}.realm-row{padding:8px 0;border-top:1px solid #3f3325}.realm-row:first-of-type{border-top:0}.realm-tag{display:inline-flex;gap:6px;align-items:center;font-weight:700}.coa{display:inline-block;flex:none;filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.6))}.coa svg{display:block;width:100%;height:100%}.realm-tag i{width:12px;height:12px;border-radius:3px;border:1px solid rgba(0,0,0,.5);flex:none}.tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:4px}.tag{font-size:12px;padding:1px 8px;border-radius:999px;background:var(--panel-3);border:1px solid var(--line)}.tag.red{border-color:#b8432f;color:#ffb6a4}.tag.green{border-color:#5b8a4a;color:#bfe6ae}.tag.gold{border-color:var(--gold);color:var(--gold-2)}.alert{display:flex;gap:8px;align-items:center;padding:9px 12px;margin:10px 0;border-radius:10px;background:var(--panel-2);border:1px solid var(--line);font-size:15px}.alert.red{border-color:#b8432f;background:#3a1c16}.stats3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:12px 0}.stats3 div{padding:8px 4px;background:var(--panel-2);border-radius:10px;text-align:center}.stats3 b{display:block;font-size:19px}.stats3 span{font-size:12px;color:var(--muted)}.pbar{height:8px;background:#120e0a;border-radius:4px;overflow:hidden;margin:6px 0;flex:1}.pbar b{display:block;height:100%;background:var(--muted);transition:width .3s}.pbar.gold b{background:var(--gold)}.pbar.red b{background:linear-gradient(90deg,#b8432f,#f08a4a)}.pbar.green b{background:#7fbf6a}.compare{display:flex;justify-content:space-between;font-size:14px;color:var(--muted)}.compare b{color:var(--ink)}.btn{display:inline-flex;gap:6px;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;border-radius:11px;border:1px solid var(--line);background:var(--panel-3);font-size:15px}.btn:hover:not(:disabled){border-color:var(--gold)}.btn.gold{background:var(--gold);border-color:var(--gold);color:#1c1610;font-weight:700}.btn.danger{background:var(--red);border-color:var(--red);color:#fff7e0;font-weight:700}.btn.wide{width:100%;margin-top:8px}.btn.big{min-height:54px;font-size:18px}.btn.small{min-height:36px;padding:4px 10px;font-size:14px}.btn.ghost{background:transparent}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:8px}.col-btns{display:flex;flex-direction:column;gap:4px}.building{display:flex;gap:10px;align-items:center;padding:8px 0;border-top:1px solid #3f3325}.building:first-of-type{border-top:0}.building svg{color:var(--gold);flex:none}.building.busy{color:var(--gold-2)}.list-item{width:100%;display:flex;gap:10px;align-items:center;text-align:left;padding:10px;margin:4px 0;border-radius:10px;border:1px solid transparent;background:var(--panel-2)}.list-item:hover{border-color:var(--line)}.list-item svg:first-child{color:var(--gold)}.hint{display:flex;gap:8px;color:var(--gold-2);font-size:14px}.battle{display:flex;gap:8px;align-items:center;font-weight:700}.bvs{flex:1;height:10px;border-radius:5px;background:#b8432f;overflow:hidden}.bvs b{display:block;height:100%;background:var(--gold)}.score{display:flex;justify-content:space-between;margin-top:8px}.score b{font-size:20px}.scorebar{position:relative;height:10px;margin:6px 0;border-radius:5px;background:linear-gradient(90deg,#b8432f,#5a4a36 50%,#6a9a4a)}.scorebar:after{content:"";position:absolute;left:50%;top:-2px;bottom:-2px;width:2px;background:#f1e6cc;opacity:.5}.scorebar i{position:absolute;top:-4px;width:6px;height:18px;margin-left:-3px;border-radius:3px;background:#fff;box-shadow:0 0 6px #000}.traits{display:flex;flex-wrap:wrap;gap:4px;margin:6px 0}.trait{font-size:12px;padding:2px 8px;border-radius:999px;background:var(--panel-3);border:1px solid var(--line);cursor:help}.skills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:12px 0}.skills div{display:flex;justify-content:space-between;padding:7px 10px;background:var(--panel-2);border-radius:8px;font-size:14px}.title-block.ready{border:1px solid var(--gold);box-shadow:0 0 16px #e0bc5a59}.req{display:flex;justify-content:space-between;padding:3px 0}.family{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 10px}.fam{width:88px;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;border-radius:12px;border:1px solid transparent;background:var(--panel-3);font-size:13px;text-align:center}.fam b{font-size:14px}.fam span{color:var(--muted);font-size:12px}.fam.heir{border-color:var(--gold)}.fam.add{justify-content:center;color:var(--gold);border:1px dashed var(--line);min-height:110px}.fam.mini{width:74px}.fam:hover{border-color:var(--line)}.seat,.decision{display:flex;gap:10px;align-items:center;padding:8px 0;border-top:1px solid #3f3325}.seat:first-of-type,.decision:first-of-type{border-top:0}.seat-who{display:flex;gap:8px;align-items:center;padding:3px 10px 3px 3px;border-radius:999px;border:1px solid var(--line);background:var(--panel-3);text-align:left}.seat-who span{display:flex;flex-direction:column;font-size:13px;line-height:1.15}.seat-who small{color:var(--muted)}.seat-pick{max-height:220px;overflow-y:auto;padding:4px;margin:0 0 6px;background:#231c14;border-radius:10px}.foci{display:grid;grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:6px;margin:8px 0}.focus{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 6px;border-radius:12px;border:1px solid var(--line);background:var(--panel-3);text-align:center}.focus svg{color:var(--gold)}.focus b{font-size:14px}.focus small{font-size:11px;color:var(--muted);line-height:1.2}.focus.on{border-color:var(--gold);background:#4a3a1e;box-shadow:0 0 10px #e0bc5a4d}.perks{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.perk{display:inline-flex;gap:4px;align-items:center;font-size:12px;padding:3px 9px;border-radius:999px;border:1px dashed var(--line);color:var(--muted);cursor:help}.perk.have{border-style:solid;border-color:var(--gold);color:var(--gold-2);background:#3a2f1a}.lbl-prov .pl{display:none;color:#6a7a3a;margin-right:3px}.lbl-prov.plague .pl{display:inline}.tree,.tree ul{list-style:none;margin:0;padding:0}.tree ul{margin-left:14px;padding-left:10px;border-left:1px solid var(--line)}.tree li{position:relative}.tree ul>li:before{content:"";position:absolute;left:-10px;top:22px;width:9px;border-top:1px solid var(--line)}.tnode{width:100%;display:flex;gap:8px;align-items:center;text-align:left;padding:4px 6px;margin:3px 0;border-radius:10px;border:1px solid transparent;background:var(--panel-3);font-size:14px}.tnode b{font-size:14px}.tnode em{font-style:normal;color:var(--muted);font-size:12px}.tnode small{display:block;color:var(--muted);font-size:11.5px}.tnode.dead{opacity:.6;background:transparent}.tnode.me{border-color:var(--gold)}.tnode.heir{border-color:#8fb3e0}.tnode.other{background:transparent}.chron{list-style:none;margin:12px 0 0;padding:0;font-size:14px}.chron li{padding:7px 0;border-top:1px solid #3f3325;display:flex;flex-direction:column;gap:2px}.chron li.good{color:#d6e8c8}.chron li.bad,.chron li.war{color:#f2c0b2}.chron li.death{color:#bdb3a3;font-style:italic}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:16px;background:#08060499;animation:fade .2s;pointer-events:auto}@keyframes fade{0%{opacity:0}}.modal{width:100%;max-width:520px;max-height:90dvh;overflow-y:auto;padding:22px;background:#1b150ffa;border:1px solid var(--line);border-radius:18px;box-shadow:0 20px 60px #0009;animation:pop .22s ease-out}.modal.wide{max-width:720px}@keyframes pop{0%{opacity:0;transform:scale(.96)}}.modal.letter{background:linear-gradient(#f4ead2,#eadcb8);color:#2b2115;border:3px double #8a6d3b}.modal.letter h2{text-align:center;margin:4px 0 12px}.modal.letter .muted{color:#6d5a42}.seal{width:64px;height:64px;margin:-4px auto 4px;border-radius:50%;display:grid;place-items:center;color:#f4ead2;background:radial-gradient(circle at 35% 30%,#c0503a,#7a2418);box-shadow:0 3px 8px #00000059,inset 0 0 0 3px #ffffff26}.seal.big{width:86px;height:86px}.letter-row{display:flex;gap:14px;align-items:flex-start}.letter-row p{font-size:17px;margin:0}.opts{display:flex;flex-direction:column;gap:8px;margin-top:16px}.opt{width:100%;display:flex;flex-direction:column;gap:3px;text-align:left;padding:12px 14px;border-radius:11px;border:1px solid #b89968;background:#fff8ea;color:#2b2115;font-size:16px}.opt.center{align-items:center;margin-top:12px;font-weight:700}.opt:hover:not(:disabled){background:#fff;border-color:#8a6d3b}.opt small{font-size:13px}.opt .neg{color:#a8321c}.opt .pos{color:#3d7a2a}.cands{display:flex;flex-direction:column;gap:6px}.cand{display:flex;gap:12px;align-items:center;padding:8px;border-radius:12px;background:var(--panel-2)}.intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;display:flex;align-items:flex-end;justify-content:center;padding:24px;background:linear-gradient(transparent 40%,#0a0805bf);pointer-events:auto}.intro-card{width:min(640px,100%);padding:26px 28px 18px;text-align:center;background:#18120ce0;border:1px solid var(--line);border-radius:20px;box-shadow:0 20px 60px #0009;animation:rise .6s ease-out;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.intro-card h1{font-family:var(--display);font-size:40px;color:var(--gold-2);margin:2px 0 10px}.intro-card p{font-size:18px;line-height:1.55;color:var(--ink);margin:0 0 16px;font-family:var(--display);font-weight:600}.intro-coa{display:block;margin:-58px auto 8px}.intro-nav{display:flex;gap:8px;align-items:center;justify-content:flex-end}.intro-nav .dots{margin-right:auto;display:flex;gap:6px}.intro-nav .dots i{width:8px;height:8px;border-radius:50%;background:var(--line)}.intro-nav .dots i.on{background:var(--gold)}@media (max-width: 760px),(max-height: 500px){.intro{padding:10px}.intro-card{padding:16px}.intro-card h1{font-size:28px}.intro-card p{font-size:15px}}.menu{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:16px;background:radial-gradient(ellipse at center,#0a080526,#0a0805a6)}.menu-card{width:min(520px,100%);padding:32px 28px 22px;text-align:center;background:#18120ce6;border:1px solid var(--line);border-radius:22px;box-shadow:0 30px 80px #0009;animation:pop .4s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.menu-crest{width:80px;height:80px;margin:0 auto 8px;border-radius:50%;display:grid;place-items:center;color:var(--gold);border:2px solid var(--gold);background:radial-gradient(circle,#3a2f22,#1c1610)}.menu h1{font-family:var(--display);font-size:48px;color:var(--gold-2);letter-spacing:.02em;text-shadow:0 2px 12px rgba(0,0,0,.6)}.menu-sub{color:var(--muted);font-size:17px;margin:8px auto 20px;max-width:400px}.menu-btns{display:flex;flex-direction:column;gap:8px}.menu-tips{display:flex;flex-direction:column;gap:4px;margin-top:18px;font-size:13px;color:var(--muted)}.topbar{display:contents}.tbtn.cycle{display:none}*{-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}html,body{overscroll-behavior:none}@media not all and (max-height: 500px) and (orientation: landscape){.topbar{display:flex;position:absolute;top:calc(6px + env(safe-area-inset-top));left:6px;right:6px;gap:5px;align-items:center}.topbar>.hud-ruler,.topbar>.hud-res,.topbar>.hud-time{position:static;transform:none;box-shadow:none}.hud-ruler{padding:0;border:0;background:none}.ruler-btn{width:44px;height:44px;border-width:2px}.ruler-btn .portrait{width:40px;height:40px}.ruler-info{display:none}.ruler-coa{left:28px;top:26px;width:20px!important;height:20px!important}.hud-res{flex:1;min-width:0;gap:4px}.res{flex:1;min-width:0;height:40px;padding:0 4px;font-size:14px;gap:3px;justify-content:center;border-radius:10px}.res small{display:none}.res svg{width:15px;height:15px;flex:none}.hud-time{padding:2px;gap:3px;border-radius:12px}.hud-time .date{position:absolute;left:0;top:48px;min-width:0;padding:3px 10px;font-size:13px;background:var(--panel);border:1px solid var(--line);border-radius:999px}.tbtn{width:36px;height:36px}.tbtn.speed{display:none}.tbtn.cycle{display:grid}.objective{top:calc(54px + env(safe-area-inset-top));left:124px;right:6px;transform:none;font-size:12px;padding:5px 10px;justify-content:flex-start}.paused-tag{display:none}.heir-warn{left:6px;top:calc(90px + env(safe-area-inset-top));font-size:12px;padding:5px 10px}.notices{left:6px;right:6px;top:calc(90px + env(safe-area-inset-top));width:auto}.heir-warn~.notices{top:calc(124px + env(safe-area-inset-top))}.notices .notice:nth-child(n+2){display:none}.notice{font-size:12px;padding:6px 8px}.nav{left:0;right:0;bottom:0;top:auto;width:auto;transform:none;flex-direction:row;border-radius:16px 16px 0 0;gap:2px;padding:3px 3px calc(3px + env(safe-area-inset-bottom));justify-content:space-around}.nav-btn{width:auto;flex:1;height:54px;font-size:11px}.nav-btn .badge{right:18%}.mapmode{right:6px;bottom:calc(66px + env(safe-area-inset-bottom))}.mapmode button{height:30px;font-size:12px;padding:0 8px}}@media (min-width: 761px) and (min-height: 501px){.side{top:100px;bottom:108px}.side~.tip-card{right:424px}.notices{right:auto;width:min(560px,calc(100vw - 440px))}.nav{border-radius:16px 16px 0 0}}@media (max-width: 760px){h2{font-size:23px}.side~.mapmode,.advisor~.mapmode{display:none}.side{left:0;right:0;top:auto;bottom:calc(60px + env(safe-area-inset-bottom));width:auto;max-height:52dvh;border-radius:18px 18px 0 0;padding:12px 12px 16px;animation-name:sheetin;overscroll-behavior:contain}@keyframes sheetin{0%{transform:translateY(30px);opacity:0}}.advisor{left:6px;right:6px;width:auto;bottom:calc(66px + env(safe-area-inset-bottom));padding:10px;gap:10px}.side~.advisor,.advisor:has(~.side){display:none}.advisor-face{width:40px;height:40px}.advisor-body p{font-size:14px;margin:2px 0 8px}.advisor .btn{min-height:38px}.menu h1{font-size:36px}.modal{padding:16px}.letter-row .portrait{width:48px;height:48px}.letter-row p{font-size:15px}.fam{width:76px}}@media (max-height: 500px) and (orientation: landscape){h2{font-size:21px}.topbar{display:flex;position:absolute;top:5px;left:max(6px,env(safe-area-inset-left));right:max(6px,env(safe-area-inset-right));gap:6px;align-items:center}.topbar>.hud-ruler,.topbar>.hud-res,.topbar>.hud-time{position:static;transform:none;box-shadow:none}.hud-ruler{padding:0;border:0;background:none}.ruler-btn{width:38px;height:38px;border-width:2px}.ruler-btn .portrait{width:34px;height:34px}.ruler-info{display:none}.ruler-coa{left:24px;top:22px;width:18px!important;height:18px!important}.hud-res{flex:0 1 auto;margin:0 auto;gap:4px}.res{height:34px;padding:0 10px;font-size:14px;border-radius:10px}.res small{display:none}.res svg{width:15px;height:15px}.hud-time{padding:2px;gap:3px;border-radius:11px}.hud-time .date{position:static;font-size:14px;min-width:0;padding:0 8px;background:none;border:0}.tbtn{width:32px;height:32px;border-radius:8px;font-size:13px}.tbtn.speed{display:grid}.tbtn.cycle{display:none}.objective{top:44px;left:50%;right:auto;transform:translate(-50%);font-size:12px;padding:3px 12px;max-width:60vw}.paused-tag{display:none}.nav{left:max(6px,env(safe-area-inset-left));top:46px;bottom:6px;right:auto;width:62px;transform:none;flex-direction:column;gap:2px;padding:3px;border-radius:14px;justify-content:space-between}.nav-btn{width:100%;height:auto;flex:1;font-size:9.5px;gap:1px}.nav-btn svg{width:19px;height:19px}.nav-btn .badge{top:4px;right:8px}.side{left:auto;right:max(6px,env(safe-area-inset-right));top:46px;bottom:6px;width:330px;max-height:none;border-radius:14px;padding:10px 12px;animation-name:panelin}.heir-warn{left:76px;top:72px;font-size:11px;padding:4px 10px}.notices{left:76px;right:auto;top:72px;width:250px}.heir-warn~.notices{top:104px}.notices .notice:nth-child(n+2){display:none}.notice{font-size:12px;padding:5px 8px}.advisor{left:76px;right:auto;bottom:6px;width:min(430px,calc(100vw - 440px));min-width:300px;padding:8px;gap:8px}.advisor:has(~.side){display:flex}.advisor-face{width:36px;height:36px}.advisor-body b{font-size:15px}.advisor-body p{font-size:13px;margin:2px 0 6px}.advisor .btn{min-height:32px;padding:4px 10px;font-size:13px}.mapmode{right:max(6px,env(safe-area-inset-right));bottom:6px}.mapmode button{height:28px;font-size:12px;padding:0 8px}.side~.mapmode{display:none}.menu{padding:8px}.menu-card{max-height:94dvh;overflow-y:auto;padding:14px 20px}.menu-crest{width:46px;height:46px;margin-bottom:4px}.menu-crest svg{width:24px;height:24px}.menu h1{font-size:30px}.menu-sub{font-size:14px;margin:4px auto 10px}.menu-tips{display:none}.btn.big{min-height:44px;font-size:16px}.modal{max-height:94dvh;padding:12px 16px}.seal{width:44px;height:44px}.seal svg{width:24px;height:24px}.letter-row .portrait{width:44px;height:44px}.letter-row p{font-size:14px}.opts{margin-top:10px;gap:6px}.opt{padding:8px 12px;font-size:14px}.stats3 b{font-size:16px}}.slider{display:flex;gap:10px;align-items:center;padding:4px 0}.slider span{width:80px}.slider input{flex:1;accent-color:#e0bc5a}.reign{width:100%;display:flex;gap:10px;align-items:center;text-align:left;padding:6px;margin:3px 0;border-radius:10px;border:1px solid transparent;background:var(--panel-3)}.reign:hover{border-color:var(--line)}.reign small{display:block;color:var(--muted);font-size:12px}.reign-n{width:22px;text-align:center;font-family:var(--display);font-size:20px;color:var(--gold)}.map-tip{position:absolute;left:0;top:0;z-index:4;pointer-events:none;padding:7px 10px;border-radius:10px;background:#140f0aeb;border:1px solid #6b5836;color:#f1e6cc;font-size:13px;box-shadow:0 4px 14px #0006;white-space:nowrap}.map-tip b{font-family:Cormorant Garamond,serif;font-size:17px}.tip-realm{display:flex;gap:5px;align-items:center;color:#c2b08c}.tip-go{color:#f3d27a;margin-top:3px}.tip-bad{color:#f09a86}.hbar{display:inline-block;width:90px;height:6px;border-radius:3px;background:#120e0a;overflow:hidden}.hbar b{display:block;height:100%;background:#7fbf6a}.ach-toast{position:absolute;left:50%;top:130px;transform:translate(-50%);z-index:12;display:flex;gap:12px;align-items:center;padding:12px 18px;border-radius:14px;background:linear-gradient(135deg,#5a4318,#2d241a);border:1px solid var(--gold);box-shadow:0 0 24px #e0bc5a80;animation:pop .4s ease-out;color:var(--gold-2)}.ach-toast small{display:block;font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}.ach-toast b{display:block;font-family:var(--display);font-size:20px;color:var(--ink)}.ach-toast span{font-size:13px;color:var(--muted)}.tip-card{position:absolute;left:16px;bottom:100px;width:min(400px,calc(100vw - 24px));display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start;padding:10px 12px;border-radius:14px;background:#1b150ff0;border:1px solid var(--line);box-shadow:0 8px 24px #0006;animation:rise .3s ease-out}.tip-card p{flex:1;margin:0;font-size:14px;min-width:200px}.tip-actions{width:100%;display:flex;gap:6px;justify-content:flex-end}.ach-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}.ach{display:flex;gap:8px;align-items:center;padding:8px;border-radius:10px;background:var(--panel-3);opacity:.45;font-size:12px}.ach b{display:block;font-size:13px}.ach.got{opacity:1;border:1px solid var(--gold);color:var(--gold-2)}@media not all and (max-height: 500px) and (orientation: landscape){.tip-card{left:6px;right:6px;width:auto;bottom:calc(66px + env(safe-area-inset-bottom))}}@media (max-width: 760px){.side~.tip-card{display:none}.ach-toast{top:150px;width:calc(100vw - 20px)}}@media (max-height: 500px) and (orientation: landscape){.tip-card{left:76px;bottom:6px}.ach-toast{top:50px}}:root{--grain: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.9  0 0 0 0 0.8  0 0 0 0 0.6  0 0 0 0.06 0'/></filter><rect width='160' height='160' filter='url(%23n)'/></svg>");--cTL: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'><g transform=''><path d='M1 25V9C1 4.6 4.6 1 9 1h16' fill='none' stroke='%23d9b24a' stroke-width='1.6'/><path d='M5 25V11c0-3.3 2.7-6 6-6h14' fill='none' stroke='%23d9b24a' stroke-width='0.8' opacity='0.6'/><circle cx='9' cy='9' r='2' fill='%23d9b24a'/></g></svg>");--cTR: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'><g transform='translate(26 0) scale(-1 1)'><path d='M1 25V9C1 4.6 4.6 1 9 1h16' fill='none' stroke='%23d9b24a' stroke-width='1.6'/><path d='M5 25V11c0-3.3 2.7-6 6-6h14' fill='none' stroke='%23d9b24a' stroke-width='0.8' opacity='0.6'/><circle cx='9' cy='9' r='2' fill='%23d9b24a'/></g></svg>");--cBL: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'><g transform='translate(0 26) scale(1 -1)'><path d='M1 25V9C1 4.6 4.6 1 9 1h16' fill='none' stroke='%23d9b24a' stroke-width='1.6'/><path d='M5 25V11c0-3.3 2.7-6 6-6h14' fill='none' stroke='%23d9b24a' stroke-width='0.8' opacity='0.6'/><circle cx='9' cy='9' r='2' fill='%23d9b24a'/></g></svg>");--cBR: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'><g transform='translate(26 26) scale(-1 -1)'><path d='M1 25V9C1 4.6 4.6 1 9 1h16' fill='none' stroke='%23d9b24a' stroke-width='1.6'/><path d='M5 25V11c0-3.3 2.7-6 6-6h14' fill='none' stroke='%23d9b24a' stroke-width='0.8' opacity='0.6'/><circle cx='9' cy='9' r='2' fill='%23d9b24a'/></g></svg>")}.side,.modal:not(.letter),.menu-card,.intro-card,.hud-ruler,.hud-time,.res,.nav,.tip-card{background-image:var(--grain),linear-gradient(180deg,#3a2d1e59,#0000)}.modal:not(.letter),.menu-card,.intro-card{position:relative}.side,.modal:not(.letter),.menu-card,.intro-card{box-shadow:0 12px 40px #0000008c,inset 0 0 0 1px #d9b24a2e,inset 0 0 0 5px #00000040,inset 0 0 0 6px #d9b24a1f}.menu-card:before,.intro-card:before,.modal:not(.letter):before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;pointer-events:none;background:var(--cTL) top left / 26px no-repeat,var(--cTR) top right / 26px no-repeat,var(--cBL) bottom left / 26px no-repeat,var(--cBR) bottom right / 26px no-repeat}h3{position:relative}.block h3:after{content:"";flex:1;height:1px;margin-left:8px;background:linear-gradient(90deg,rgba(217,178,74,.5),transparent)}.nav-btn.on{background:linear-gradient(180deg,#4a3a22,#2d241a);box-shadow:inset 0 -2px 0 var(--gold)}.nav-btn.on svg{filter:drop-shadow(0 0 6px rgba(243,210,122,.7))}.btn.gold{background:linear-gradient(180deg,#f0cf6e,#c99a30);box-shadow:inset 0 1px #fff6,0 2px 6px #0000004d}.btn.danger{background:linear-gradient(180deg,#c9543e,#9a3424);box-shadow:inset 0 1px #ffffff40,0 2px 6px #0000004d}.block{background-image:linear-gradient(180deg,#fff0c808,#00000014);border:1px solid rgba(107,88,54,.45)}.modal.letter{background-image:var(--grain),radial-gradient(ellipse at 30% 20%,#fbf3dd,#e8d9b3 70%,#d9c596)}.menu h1,.intro-card h1{background:linear-gradient(180deg,#fff1c2,#e0b24a 60%,#a8781e);-webkit-background-clip:text;background-clip:text;color:transparent}.relics{display:flex;flex-direction:column;gap:6px}.relic{display:flex;gap:10px;align-items:center;padding:8px;border-radius:10px;background:linear-gradient(90deg,#5a431880,#2d241a80);border:1px solid rgba(217,178,74,.4)}.relic small{display:block;color:var(--muted);font-size:12px}.relic-ic{width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:50%;color:var(--gold-2);background:radial-gradient(circle,#5a4318,#2d241a);box-shadow:0 0 10px #e0bc5a59}.setup{width:min(640px,100%);text-align:left}.setup h1{text-align:center;font-size:38px;margin-bottom:14px}.setup-grid{display:flex;gap:20px;align-items:flex-start;margin-bottom:16px}.setup-coa{display:flex;flex-direction:column;gap:10px;align-items:center;flex:none}.coa.big{width:140px;height:140px}.setup-fields{flex:1;display:flex;flex-direction:column;gap:12px;min-width:0}.field{display:flex;flex-direction:column;gap:6px}.field>span{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.field input{font:inherit;font-size:20px;font-family:var(--display);font-weight:700;padding:8px 12px;border-radius:10px;border:1px solid var(--line);background:#1a140e;color:var(--gold-2);-webkit-user-select:text;user-select:text}.chips{display:flex;flex-wrap:wrap;gap:5px}.chip{font-size:12px;padding:3px 10px;border-radius:999px;border:1px solid var(--line);background:var(--panel-3)}.chip.on{border-color:var(--gold);color:var(--gold-2)}@media (max-width: 760px){.setup-grid{flex-direction:column;align-items:stretch}.coa.big{width:100px;height:100px}}@media (max-height: 500px) and (orientation: landscape){.setup-grid{gap:12px}.coa.big{width:90px;height:90px}.setup h1{font-size:26px;margin-bottom:6px}}.help{border-top:1px solid #3f3325;padding:4px 0}.help summary{cursor:pointer;display:flex;gap:8px;align-items:center;padding:8px 2px;font-weight:700;list-style:none}.help summary::-webkit-details-marker{display:none}.help p{margin:0 0 8px 25px;font-size:14px;color:#e4d8bd}.help[open] summary{color:var(--gold-2)}.help-btn{font-family:var(--display);font-size:20px}@media (max-width: 760px){.help-btn{display:none}}.lbl-army.enemy{border-color:#ff5a3a;color:#ffc2b4;background:#46120ceb}.stats-end{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:12px 0}.stats-end div{text-align:center;padding:8px 4px;border-radius:10px;background:#8a6d3b26;border:1px solid rgba(138,109,59,.4)}.stats-end b{display:block;font-family:var(--display);font-size:24px;color:#6b4a14}.stats-end span{font-size:11px;color:#6d5a42}@media (max-width: 760px){.stats-end{grid-template-columns:repeat(2,minmax(0,1fr))}}.trait.rel-rival{border-color:#b8432f;color:#ffb6a4;background:#3a1c16}.trait.rel-friend{border-color:#5b8a4a;color:#bfe6ae;background:#1f2e1a}.menu-card{max-height:calc(100dvh - 20px);overflow-y:auto}.unit-row{display:flex;align-items:center;gap:8px;padding:6px 0;border-top:1px solid rgba(255,255,255,.06)}.unit-dot{width:10px;height:10px;border-radius:50%;flex:none}.comp-bar{display:flex;height:12px;border-radius:6px;overflow:hidden;background:#ffffff14}.comp-bar span{height:100%}.comp-legend{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:6px;font-size:12px;opacity:.85}.comp-legend i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:4px}.err-text{white-space:pre-wrap;font-size:11px;max-height:160px;overflow:auto;background:#00000014;padding:8px;border-radius:6px;-webkit-user-select:text;user-select:text}.update-bar{position:fixed;left:50%;top:max(8px,env(safe-area-inset-top));transform:translate(-50%);z-index:100;padding:10px 16px;border-radius:10px;border:1px solid #e0b85a;background:#2b2116;color:#f4e2b8;font:600 14px Alegreya Sans,sans-serif;box-shadow:0 6px 20px #0006;cursor:pointer;max-width:calc(100vw - 32px)}.rich-row{display:flex;align-items:center;gap:6px;font-size:13px;margin:3px 0}.rich-row span{width:62px}.rich-bar{flex:1;height:7px;border-radius:4px;background:#ffffff14;overflow:hidden}.rich-bar i{display:block;height:100%}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.res-mats b{margin-right:6px}.res.res-mats{font-size:14px;gap:4px;padding:9px 10px}.res.res-mats svg{width:15px;height:15px}@media (max-width:1450px){.res.res-mats{display:none}}.mats-line{display:flex;gap:12px;align-items:center;font-size:14px;margin-bottom:6px}.mats-line span{display:inline-flex;gap:4px;align-items:center}@media (min-width:900px) and (max-width:1450px){.hud-res .res{padding:8px 10px;font-size:16px;gap:5px}.hud-res .res small,.hud-res .res .lbl{display:none}}@media (min-width:1181px) and (max-width:1600px){.hud-res{left:auto;right:500px;transform:none}}@media (max-width:760px){.hud-res .res{gap:2px;padding:0 3px}.hud-res .res b{font-size:12.5px;letter-spacing:-.2px}.hud-res .res svg{width:14px;height:14px;flex:none}.grid3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid3 .btn{font-size:12px;padding:6px 4px}}.flash{position:fixed;left:50%;bottom:calc(96px + env(safe-area-inset-bottom));transform:translate(-50%,12px);z-index:60;max-width:min(520px,calc(100vw - 32px));padding:10px 16px;border-radius:10px;background:#1c1610f0;border:1px solid #c9a24a;color:#f3e3bd;font:500 14px Alegreya Sans,sans-serif;text-align:center;opacity:0;pointer-events:none;transition:.2s}.flash.on{opacity:1;transform:translate(-50%)}.lbl-realm{display:block;color:#281c10c7;font-weight:700;text-shadow:0 0 6px rgba(255,244,214,.75),0 0 2px rgba(255,244,214,.9);pointer-events:none;transform-origin:center}.ck-char{position:fixed;left:0;top:0;bottom:0;width:min(440px,100vw);z-index:40;display:flex;flex-direction:column;background:linear-gradient(180deg,#221a12,#15100b);border-right:2px solid #8a6a2e;box-shadow:6px 0 30px #0009;overflow-y:auto;pointer-events:auto;color:#eadcbc;animation:fade .2s}.ck-hero{position:relative;min-height:230px;padding:14px;display:flex;align-items:flex-end;gap:10px;background:radial-gradient(ellipse at 40% 30%,rgba(120,90,50,.45),transparent 70%),linear-gradient(180deg,#3a2c1c,#1a130c);border-bottom:1px solid #6b5226}.ck-main-portrait .portrait,.ck-spouse .portrait,.ck-mini .portrait,.ck-fam .portrait{border-radius:6px;border:2px solid #b8923f;box-shadow:0 4px 14px #0009}.ck-spouse{display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:0;color:#d8c69c;font-size:12px;cursor:pointer}.ck-side{margin-left:auto;display:flex;flex-direction:column;gap:8px;align-self:flex-start;margin-top:30px}.ck-mini{display:flex;flex-direction:column;align-items:center;background:none;border:0;color:#cdb988;font-size:11px;cursor:pointer}.ck-close{position:absolute;top:8px;right:8px}.ck-name{padding:10px 16px 4px}.ck-name h2{margin:0;font-family:var(--display);font-size:22px;color:#f4e3b8}.ck-traits{display:flex;flex-wrap:wrap;gap:5px;padding:4px 16px}.ck-skills{display:flex;gap:6px;padding:8px 16px}.ck-skills>div{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 0;background:#ffffff0d;border:1px solid rgba(184,146,63,.35);border-radius:6px;font-size:15px}.ck-realm{display:flex;gap:10px;margin:6px 16px;padding:10px;border:1px solid rgba(184,146,63,.4);border-radius:8px;background:#0003}.ck-realm-stats{display:flex;gap:12px;margin:4px 0;font-size:14px}.ck-realm-stats span{display:inline-flex;gap:3px;align-items:center}.ck-tabs{display:flex;margin:8px 16px 0;border-bottom:1px solid #6b5226}.ck-tabs button{flex:1;padding:8px 2px;background:none;border:0;border-bottom:2px solid transparent;color:#bfa978;font:600 13px var(--body,sans-serif);cursor:pointer}.ck-tabs button.on{color:#f4e3b8;border-bottom-color:#d6b04a}.ck-tab-body{padding:8px 16px;flex:1}.ck-sub{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#a88f5d;margin:8px 0 4px}.ck-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px}.ck-fam{display:flex;flex-direction:column;align-items:center;gap:1px;background:none;border:0;color:#eadcbc;cursor:pointer;min-width:0}.ck-fam-n{font-size:12px;font-weight:600;max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ck-fam-r{font-size:11px;color:#a8946a;max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ck-actions{display:flex;gap:8px;flex-wrap:wrap;padding:10px 16px 16px}.portrait.dead{filter:grayscale(1) brightness(.8)}@media (max-width:760px){.ck-hero{min-height:180px}.ck-main-portrait .portrait{width:130px;height:156px}}.ck-char{z-index:70}.ck-char{animation:none}.lbl-prov{display:flex;flex-direction:column;align-items:center;gap:1px;pointer-events:none}.lbl-prov .ribbon{position:relative;display:flex;align-items:center;gap:3px;padding:2px 12px;background:linear-gradient(180deg,#3d5a86,#253c5e);border-top:1px solid #c9a24a;border-bottom:1px solid #c9a24a;color:#eef2ff;font:600 12px var(--display);letter-spacing:.03em;text-shadow:0 1px 1px rgba(0,0,0,.6);box-shadow:0 2px 4px #00000059;white-space:nowrap}.lbl-prov .ribbon:before,.lbl-prov .ribbon:after{content:"";position:absolute;top:0;bottom:0;width:8px;background:#253c5e;border-top:1px solid #c9a24a;border-bottom:1px solid #c9a24a}.lbl-prov .ribbon:before{left:-7px;clip-path:polygon(100% 0,0 0,45% 50%,0 100%,100% 100%)}.lbl-prov .ribbon:after{right:-7px;clip-path:polygon(0 0,100% 0,55% 50%,100% 100%,0 100%)}.lbl-prov.cap .ribbon{background:linear-gradient(180deg,#4a6a9c,#2c4670);font-size:13px}.lbl-prov.sel .ribbon{background:linear-gradient(180deg,#8a6a24,#5a4212)}.lbl-prov .st{display:flex;gap:7px;font:600 11px var(--body,sans-serif);color:#fff6dc;text-shadow:0 1px 2px #000,0 0 3px #000}.side{background:linear-gradient(180deg,#241b12,#17110b);border:1px solid #8a6a2e;box-shadow:0 0 0 1px #1a120a,0 0 0 3px #b8923f59,0 10px 40px #0009;border-radius:6px}.side:before{content:"";position:sticky;top:-18px;display:block;height:3px;margin:-18px -18px 15px;background:linear-gradient(90deg,transparent,#d6b04a,transparent)}.side .p-head h2{font-family:var(--display);color:#f4e3b8;letter-spacing:.02em;text-shadow:0 2px 6px rgba(0,0,0,.6)}.side .kicker{color:#b89a5c;letter-spacing:.14em}.block{border-radius:6px;border:1px solid rgba(184,146,63,.32);background:linear-gradient(180deg,#ffecbe0b,#00000024);box-shadow:inset 0 1px #ffecbe0f}.block h3{color:#e6c677;font-family:var(--display);letter-spacing:.03em}.side .btn{border-radius:5px}.side .btn.gold{background:linear-gradient(180deg,#e6c46a,#b88f36);border-color:#f3dc92;color:#2a1c0c}.side .btn.danger{background:linear-gradient(180deg,#8a2e24,#5e1c16);border-color:#c0584a;color:#fbe7d8}.nav{border-radius:6px;border:1px solid #8a6a2e;background:linear-gradient(180deg,#241b12,#17110b);box-shadow:0 0 0 3px #b8923f4d,0 8px 30px #00000080}.hud-ruler,.hud-time,.res{border-color:#8a6a2e!important;background:linear-gradient(180deg,#261d13,#17110b)!important}.modal{border-radius:8px;border:1px solid #8a6a2e;box-shadow:0 0 0 3px #b8923f4d,0 20px 60px #000000b3}.lbl-realm{width:0;height:0;letter-spacing:0}.lbl-realm .rl-ch{position:absolute;left:0;top:0;display:block;will-change:transform}.op-tag{position:relative;cursor:help}.op-pop{position:absolute;left:0;top:calc(100% + 6px);z-index:80;min-width:240px;display:flex;flex-direction:column;gap:3px;padding:8px 10px;background:#1b140d;border:1px solid #8a6a2e;border-radius:6px;box-shadow:0 8px 24px #0009;color:#eadcbc;font-size:12px;white-space:nowrap}.op-row{display:flex;justify-content:space-between;gap:14px}.op-total{border-top:1px solid rgba(184,146,63,.4);padding-top:3px;margin-top:2px}.problems{position:absolute;left:16px;top:118px;z-index:20;pointer-events:auto}.prob-btn{position:relative;width:40px;height:40px;border-radius:8px;border:1px solid #8a6a2e;background:linear-gradient(180deg,#261d13,#17110b);color:#e6c677;cursor:pointer;display:grid;place-items:center}.prob-btn.urgent{border-color:#c0584a;box-shadow:0 0 12px #c0584a99;animation:pulse 1.6s infinite}.prob-n{position:absolute;right:-6px;top:-6px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:#b3302a;color:#fff;font:700 11px/18px sans-serif;text-align:center}.prob-list{position:absolute;left:0;top:46px;width:min(340px,calc(100vw - 32px));max-height:60vh;overflow:auto;padding:8px;border-radius:8px;border:1px solid #8a6a2e;background:linear-gradient(180deg,#241b12,#17110b);box-shadow:0 10px 30px #0009}.prob-head{font-family:var(--display);color:#e6c677;margin:2px 4px 6px}.prob-item{display:flex;gap:8px;width:100%;text-align:left;padding:7px 8px;border:0;border-radius:6px;background:none;color:#eadcbc;font-size:13px;cursor:pointer}.prob-item:hover{background:#ffecbe12}.prob-item.urgent{color:#ffb4a6}.prob-dot{color:#e6c677}.prob-item.urgent .prob-dot{color:#e0584a}@media (max-width:760px){.problems{top:auto;bottom:calc(84px + env(safe-area-inset-bottom));left:8px}.prob-list{top:auto;bottom:46px}}.ck-inter{padding:4px 16px}.ck-inter-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:7px 8px;margin:3px 0;border:1px solid rgba(184,146,63,.3);border-radius:6px;background:#0000002e;color:#eadcbc;cursor:pointer}.ck-inter-item:hover:not(:disabled){background:#ffecbe12;border-color:#b8923f}.ck-inter-item:disabled{opacity:.5;cursor:default}.ck-inter-item small{display:block;color:#a8946a;font-size:11px}.ck-inter-msg{color:#e6c677;margin:6px 2px}.setup-tabs{margin:0 0 12px}.realm-pick{max-height:46vh;overflow:auto;display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.realm-pick .list-item.on{border-color:#d6b04a;background:#d6b04a1f}.p-head-btns{display:flex;gap:6px;align-items:flex-start;flex:none}.min-btn{display:none}.min-btn svg{transform:rotate(90deg);transition:transform .15s}.min-btn.on svg{transform:rotate(-90deg)}@media (max-width:760px),(max-height:500px) and (orientation:landscape){.min-btn{display:inline-flex}.side.min{max-height:none;overflow:hidden;padding-bottom:10px}.side.min>*:not(.p-head){display:none}.side.min .p-head{margin-bottom:0}}@media (max-width:760px){.side.min .p-head{padding-left:48px}}@media (max-height:500px) and (orientation:landscape){.side.min{bottom:auto}}