:root{--bg: #15110d;--panel: #1f1914;--panel-2: #2a221b;--line: #3d3228;--text: #eadfc8;--muted: #a8977c;--gold: #d8b061;--gold-2: #f0cf85;--danger: #e2574c;--heading: "Cinzel", Georgia, serif;--body: "EB Garamond", Georgia, serif}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:17px/1.35 var(--body);display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr);overflow:hidden}h1,h2,h3{font-family:var(--heading);font-weight:700;margin:0;letter-spacing:.02em}button{font:600 15px var(--body);color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:6px;padding:6px 12px;cursor:pointer}button:hover:not(:disabled){border-color:var(--gold)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:linear-gradient(#b8893a,#8c6224);border-color:#d8b061;color:#1a1208}button.ghost{background:transparent}button.small{font-size:13px;padding:2px 8px}button.link{background:none;border:0;padding:0;color:var(--gold-2);text-decoration:underline dotted;font:inherit}.muted{color:var(--muted)}.small{font-size:14px}.topbar{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:10px 18px;background:linear-gradient(#241c15,#1a140f);border-bottom:1px solid var(--line);z-index:5}.brand{display:flex;align-items:center;gap:12px}.sigil{font-size:30px;color:var(--gold)}button.sigil{background:none;border:0;padding:0 4px;cursor:pointer;line-height:1;border-radius:6px;transition:color .2s,transform .2s}button.sigil:hover{color:var(--gold-2);transform:scale(1.08)}button.sigil:focus-visible{outline:2px solid var(--gold-2);outline-offset:2px}.brand h1{font-size:21px;color:var(--gold-2)}.campaign{color:var(--muted);font-size:15px}.badge{font:700 11px var(--heading);color:#1a1208;background:var(--gold);border-radius:3px;padding:1px 6px;margin-left:4px}.settings{margin-left:auto;display:flex;align-items:center}.settings select{font:700 14px var(--heading);letter-spacing:.02em;color:var(--gold-2);background:var(--panel-2);border:1px solid var(--line);border-radius:6px;padding:5px 10px;cursor:pointer}.settings select:hover:not(:disabled){border-color:var(--gold)}.settings select:disabled{opacity:.7;cursor:default}.settings option{background:var(--panel);color:var(--text)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.actions{display:flex;gap:8px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;min-height:0}.sheet{display:flex;flex-direction:column;min-height:0}.sheet-handle{display:none}.panel{overflow-y:auto;padding:16px 18px 24px;background:var(--panel);border-left:1px solid var(--line)}.panel h2{font-size:20px;color:var(--gold-2)}.panel h3{font-size:13px;text-transform:uppercase;color:var(--gold);margin:20px 0 8px;border-bottom:1px solid var(--line);padding-bottom:4px}.panel ul,.panel ol{list-style:none;margin:0;padding:0}.panel .back{margin-bottom:10px;font-size:15px}.replay{color:var(--gold-2)}.row{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.swatch{display:inline-block;width:11px;height:11px;border-radius:2px;background:var(--c);box-shadow:0 0 0 1px #0008;margin-right:5px;vertical-align:0}.army{color:color-mix(in srgb,var(--c) 65%,#fff);font-weight:600}.factions li{display:grid;grid-template-columns:auto 1fr auto;align-items:center;column-gap:4px;padding:4px 0}.factions button.swatch{cursor:pointer;border:0;padding:0;transition:box-shadow .15s,opacity .15s}.factions button.swatch:hover{box-shadow:0 0 0 2px var(--gold-2)}.factions button.swatch[aria-pressed=false]{background:transparent;box-shadow:inset 0 0 0 2px var(--c);opacity:.75}.factions li.off .name,.factions li.off .held{opacity:.45}.factions li.off .meter{opacity:.25}.factions .held{font:700 15px var(--heading);color:var(--gold-2)}.factions .meter{grid-column:2 / 4;height:4px;border-radius:2px;background:linear-gradient(90deg,var(--c) var(--w),#ffffff10 var(--w))}.players li{padding:5px 0;border-bottom:1px dashed #ffffff0d;display:grid;grid-template-columns:auto 1fr auto;column-gap:6px;align-items:baseline}.players .record{font:700 14px var(--heading)}.players .sub{grid-column:1 / -1;font-size:14px;color:var(--muted)}.tag{font-size:12px;border-radius:3px;padding:0 5px;margin-left:4px;white-space:nowrap}.tag.hot{background:#6b2a12;color:#ffc9a8}.tag.fade{background:#2e2d33;color:#b7b4c4;font-style:italic}.events li,.chronicle li{padding:6px 0;border-bottom:1px dashed #ffffff0d;font-size:15px}.events .when{font:700 12px var(--heading);color:var(--gold);display:block}.events li.live .when{color:#ff8a5c}.events .note{font-style:italic;color:var(--muted);font-size:14px}.events button{margin-top:4px}.control{margin:10px 0}.bars{display:grid;gap:4px}.bar{display:grid;grid-template-columns:130px 1fr 38px;align-items:center;gap:6px;font-size:14px}.bar span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar i{height:8px;border-radius:4px;background:linear-gradient(90deg,var(--c) var(--w),#ffffff12 var(--w))}.bar b{text-align:right;font-weight:600}.viewport{position:relative;overflow:hidden;background:radial-gradient(ellipse at center,#2a2118,#0d0a07 75%);perspective:1500px;cursor:grab;touch-action:none}.viewport.dragging{cursor:grabbing}.map-loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:flex;align-items:center;justify-content:center;background:#16100a;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility 0s linear .25s}.viewport.loading .map-loading{opacity:1;visibility:visible;transition-delay:0s}.map-loading .sigil{font-size:44px;color:var(--gold-2);opacity:.75;animation:breathe 1.6s ease-in-out infinite}@keyframes breathe{0%,to{opacity:.35;transform:scale(.94)}50%{opacity:.85;transform:scale(1.04)}}@media (prefers-reduced-motion: reduce){.map-loading .sigil{animation:none;opacity:.7}}.world{position:absolute;left:0;top:0;transform-style:preserve-3d;will-change:transform}.world.animating{transition:transform .9s cubic-bezier(.3,.7,.2,1)}.world img{display:block;width:100%;height:100%;-webkit-user-select:none;user-select:none;box-shadow:0 0 80px #000}.world svg.territory{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.cell{transition:fill-opacity .5s,fill .5s}.roads line{stroke:#2a1c0e;stroke-opacity:.55;stroke-width:2.4;stroke-dasharray:3 6;stroke-linecap:round}.territory.has-lit .roads line{stroke-opacity:.22}.roads line.lit{stroke:var(--gold-2);stroke-opacity:.95;stroke-width:4;stroke-dasharray:none;filter:drop-shadow(0 0 3px #000)}.borders line{stroke:#1c120a;stroke-opacity:.8;stroke-width:3.5;stroke-linecap:round}.borders line.contested{stroke-dasharray:10 8}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;transform-style:preserve-3d}.marker{position:absolute;transform-style:preserve-3d;transform:translate(-50%,-100%) scale(calc(1 / var(--k, 1)));transform-origin:50% 100%}.standee{display:flex;flex-direction:column;align-items:center;transform-origin:50% 100%;transform:rotate(calc(var(--spin, 0deg) * -1)) rotateX(calc(var(--tilt, 0deg) * -1));transition:transform .9s cubic-bezier(.3,.7,.2,1)}.viewport.orbiting .standee,.viewport.orbiting .world{transition:none}.viewport.orbiting{cursor:grabbing}.viewport.placing{cursor:crosshair}.viewport.placing .pin{pointer-events:none}.map-controls button.on{background:var(--gold-2);color:#1b120a;border-color:var(--gold-2)}.marker.added .pin{border-style:dashed}.plinth{display:flex;align-items:center;justify-content:center;line-height:0;padding:7px;filter:drop-shadow(0 1px 0 #241708) drop-shadow(0 2px 0 #1b120aaa) drop-shadow(0 3px 3px #000a)}.viewport.tilted .plinth{filter:drop-shadow(0 2px 0 #241708) drop-shadow(0 4px 0 #1b120aaa) drop-shadow(0 6px 5px #000a)}.pin{pointer-events:auto;width:14px;height:14px;padding:0;border-radius:50%;background:linear-gradient(155deg,#ffffff3d,#ffffff12 38%,#0000 55%,#00000038),var(--faction);border:2px solid #1b120a;box-shadow:0 0 0 2px #f3e6c8aa}.marker:after{content:"";position:absolute;left:50%;bottom:-3px;width:16px;height:7px;margin-left:-8px;border-radius:50%;background:#0005;filter:blur(2px);opacity:0;transition:opacity .4s}.viewport.tilted .marker:after{opacity:1}.marker:not(.owned) .pin{--faction: #d9ccb0}.marker.home .pin{width:20px;height:20px;border-radius:3px;transform:rotate(45deg);box-shadow:0 0 0 2px #f3e6c8,0 0 12px var(--faction)}.pin:hover,.marker.selected .pin{box-shadow:0 0 0 3px var(--gold-2),0 0 14px var(--gold-2)}.label{margin-top:3px;font:700 12px var(--heading);color:#fff4dc;text-shadow:0 0 3px #000,0 0 6px #000,0 1px 1px #000;white-space:nowrap}.viewport.far .marker:not(.home,.has-events,.selected) .label{display:none}.viewport.mid .marker.minor:not(.home,.has-events,.selected) .label{display:none}.viewport.no-labels .marker:not(.selected) .label{display:none}.marker[data-kind=fortress] .pin,.marker[data-kind=stronghold] .pin,.marker[data-kind=castle] .pin,.marker[data-kind=forge] .pin,.marker[data-kind=plant] .pin,.marker[data-kind=mine] .pin,.marker[data-kind=temple] .pin,.marker[data-kind=port] .pin{width:14px;height:14px;border-radius:2px;clip-path:none;transform:none}.marker[data-kind=city] .pin,.marker[data-kind=hive] .pin{width:18px;height:17px;border-radius:0;transform:none;clip-path:polygon(50% 0%,100% 100%,0% 100%)}.marker[data-kind=town] .pin{width:13px;height:13px}.marker[data-kind=settlement] .pin,.marker[data-kind=camp] .pin,.marker[data-kind=warren] .pin,.marker[data-kind=site] .pin,.marker[data-kind=glade] .pin,.marker[data-kind=ruin] .pin{width:11px;height:11px;border-radius:50%;clip-path:none;transform:none}.marker[data-kind=ruin] .pin{opacity:.85}.marker[data-kind=region] .pin,.marker[data-kind=wilds] .pin{width:15px;height:15px;border-radius:0;transform:none;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}.marker[data-kind=region] .label,.marker[data-kind=wilds] .label{font-weight:400;font-style:italic;opacity:.9}.marker.home .pin{width:22px;height:22px;border-radius:0;transform:none;clip-path:polygon(50% 0%,61% 34%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 34%);box-shadow:0 0 0 2px #f3e6c8,0 0 12px var(--faction)}.viewport.far .marker:not(.home,.selected) .banner{width:14px;height:20px}.banner{width:20px;height:28px;display:none;margin-bottom:-4px;filter:drop-shadow(0 2px 2px #0009)}.banner .pole{stroke:#2b1d10;stroke-width:2}.banner .flag{fill:var(--faction);stroke:#1b120a;stroke-width:1}.marker.owned .banner{display:block}.marker.contested .banner .flag{stroke:#fff;stroke-width:2;stroke-dasharray:3 2}.battle-badge{font:700 12px var(--heading);color:#ffd9b0;background:#5a1d0c;border:1px solid #ff8a5c;border-radius:10px;padding:0 6px;margin-bottom:3px}.battle-badge:empty{display:none}.battle-badge.live{animation:bob 1.4s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-4px)}}.viewport.focused .banner{width:34px;height:48px}.viewport.focused .marker:not(.selected){opacity:.75}.viewport.focused .marker.selected .label{font-size:16px}.marker.pulse .pin{animation:pulse 1.2s ease-out 2}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--gold-2)}to{box-shadow:0 0 0 26px transparent}}.tooltip{position:absolute;z-index:4;pointer-events:none;width:270px;padding:10px 12px;background:#1c1510f2;border:1px solid var(--gold);border-radius:6px;box-shadow:0 8px 24px #000a;font-size:15px}.tooltip .control{margin:6px 0;font-size:14px}.tooltip .bar{grid-template-columns:100px 1fr 32px;font-size:13px}.tooltip p{margin:6px 0 0}.tooltip .live{color:#ff9f7a}.tooltip .hint{color:var(--muted);font-style:italic;font-size:13px}.map-controls{position:absolute;right:12px;top:12px;display:flex;flex-direction:column;gap:4px;z-index:3}.map-controls button{width:34px;height:34px;padding:0;font-size:18px}#labels-toggle{font:700 13px var(--heading);letter-spacing:.5px}#sound-toggle{font:700 15px var(--heading)}#find-toggle{font:700 18px var(--heading)}.finder{position:absolute;left:50%;top:14px;transform:translate(-50%);width:min(420px,calc(100% - 96px));z-index:4}.finder[hidden]{display:none}.finder input{width:100%;padding:9px 12px;font:400 15px var(--body);background:#1c150ef2;color:var(--ink);border:1px solid var(--gold);border-radius:6px;box-shadow:0 8px 24px #000a}.find-results{list-style:none;margin:4px 0 0;padding:0;max-height:46vh;overflow:auto;background:#1c150ef7;border:1px solid var(--line);border-radius:6px;box-shadow:0 8px 24px #000a}.find-results:empty{display:none}.find-results li{padding:0}.find-results button{display:block;width:100%;text-align:left;padding:7px 12px;background:none;border:0;color:var(--ink);font:400 14px var(--body);cursor:pointer}.find-results button:hover,.find-results button.on{background:#ffffff14}.find-results .where{color:var(--muted);font-size:12px;margin-left:6px}#sound-toggle.off,#labels-toggle.off{opacity:.5;text-decoration:line-through}.back-btn{position:absolute;left:12px;top:12px;z-index:3}.back-btn[hidden]{display:none}.toast{position:absolute;left:50%;bottom:20px;transform:translate(-50%,20px);max-width:80%;padding:10px 16px;z-index:4;background:#1c1510f5;border:1px solid var(--gold);border-radius:6px;opacity:0;pointer-events:none}.toast.show{animation:toast 4.5s ease forwards}@keyframes toast{8%,85%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%)}}.timeline{display:flex;align-items:center;gap:14px;padding:8px 18px;background:#1a140f;border-top:1px solid var(--line)}.timeline input{flex:1;accent-color:var(--gold)}.timeline .date{font:700 14px var(--heading);color:var(--gold-2);min-width:120px;text-align:right}#play{width:40px}body.replaying .viewport:after{content:"Replaying the chronicle";position:absolute;left:50%;top:12px;transform:translate(-50%);font:700 12px var(--heading);letter-spacing:.1em;text-transform:uppercase;color:var(--gold-2);background:#000a;padding:4px 12px;border-radius:12px}dialog{width:min(440px,92vw);background:var(--panel);color:var(--text);border:1px solid var(--gold);border-radius:8px;padding:20px}dialog::backdrop{background:#000a}dialog h2{color:var(--gold-2);font-size:20px;margin-bottom:12px}dialog label{display:block;margin:10px 0;font-size:14px;color:var(--muted)}dialog label[hidden]{display:none}.callout.frozen{border-color:#6a7d8a;background:#1a2026}#panel .tabs{margin:14px 0 4px;display:flex;align-items:center;gap:6px}#panel .place-link{margin-left:auto;font-size:12px}#panel .lore p{margin:10px 0;line-height:1.55}dialog fieldset.maps{border:1px solid #5a4a30;border-radius:6px;padding:6px 10px;margin:10px 0}dialog fieldset.maps legend{font-size:13px;color:var(--muted);padding:0 4px}dialog label.check{display:inline-flex;align-items:center;gap:6px;margin:4px 14px 4px 0}dialog label .hint{display:block;margin-top:4px;font-size:12px;color:var(--muted);opacity:.8}dialog select,dialog input{display:block;width:100%;margin-top:4px;font:16px var(--body);color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:5px;padding:6px 8px}dialog .row{justify-content:flex-end}.error{color:var(--danger);min-height:1em;margin:4px 0;font-size:14px}@media (max-width: 900px){.layout{grid-template-columns:minmax(0,1fr)}.sheet{position:fixed;left:0;right:0;bottom:var(--timeline-h, 46px);height:min(78vh,620px);z-index:6;background:var(--panel);border:1px solid var(--line);border-bottom:0;border-radius:14px 14px 0 0;box-shadow:0 -10px 30px #000b;transform:translateY(var(--sheet-y, calc(100% - 46px) ));transition:transform .28s cubic-bezier(.3,.7,.2,1)}.sheet.dragging{transition:none}.sheet-handle{display:flex;align-items:center;gap:10px;height:46px;flex:0 0 46px;width:100%;background:transparent;border:0;border-radius:14px 14px 0 0;padding:0 14px;color:var(--gold-2);font:700 15px var(--heading);touch-action:none}.sheet-handle .grip{width:34px;height:4px;border-radius:2px;background:var(--line)}.sheet-handle b{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sheet-handle .chev{color:var(--muted);font-size:12px;transition:transform .28s}.sheet.open .sheet-handle .chev{transform:rotate(180deg)}.panel{flex:1;min-height:0;border-left:0;border-top:1px solid var(--line);padding:10px 16px 24px}.peek{bottom:58px}body.sheet-open .peek{display:none}.timeline{position:relative;z-index:7}.topbar{gap:6px 10px;padding:8px 12px}.sigil{font-size:22px}.brand h1{font-size:16px}.settings{margin-left:auto;order:2}.settings select{font-size:13px;padding:4px 8px;max-width:46vw}.actions{flex-wrap:wrap;gap:6px}.actions button{padding:4px 9px;font-size:14px}}.campaign-select{font:15px var(--body);color:var(--muted);background:transparent;border:1px solid transparent;border-radius:4px;padding:1px 2px;margin-left:-3px;max-width:280px;cursor:pointer}.campaign-select:hover,.campaign-select:focus{border-color:var(--line);color:var(--text)}.campaign-select option{background:var(--panel);color:var(--text)}.callout{margin:12px 0;padding:10px 12px;background:#d8b0610f;border:1px solid #d8b06140;border-radius:6px;font-size:15px}.callout .row{margin-top:8px}.joincode{margin:10px 0;font-size:15px;color:var(--muted);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.joincode b{font:700 17px var(--heading);color:var(--gold-2);letter-spacing:.08em}.tag.wait{background:#3a3220;color:#f0cf85}.attention li{border-left:3px solid var(--gold);padding-left:8px}.attention .sub{font-size:14px;color:var(--muted)}.attention .row{margin-top:6px}.players li>.ghost.small{justify-self:end}ul.plain{list-style:none;padding:0;margin:0 0 8px}ul.plain li{padding:3px 0}dialog h3{font-size:13px;text-transform:uppercase;color:var(--gold);margin:14px 0 6px}.tabs{display:flex;gap:4px;margin-bottom:6px;border-bottom:1px solid var(--line)}.tab{background:transparent;border:0;border-bottom:2px solid transparent;border-radius:0;color:var(--muted)}.tab.active{color:var(--gold-2);border-bottom-color:var(--gold)}.realm-bar{position:absolute;left:12px;right:60px;top:12px;z-index:3;display:flex;gap:4px;flex-wrap:wrap}.realm-bar[hidden]{display:none}.realm-bar button{font-size:13px;padding:3px 9px;background:#1c1510e6}.realm-bar button.active{border-color:var(--gold);color:var(--gold-2)}.realm-bar .bb{color:#ff9f7a;font-size:12px}.viewport.focused .realm-bar,.viewport.overview .back-btn,.viewport.overview .tooltip{display:none}.realms-overview{pointer-events:none}.realms-overview>*{pointer-events:auto}.realm-marker{position:absolute;transform:translate(-50%,-50%) scale(calc(1 / var(--k, 1)));transform-origin:50% 50%;transform-style:preserve-3d}.realm-marker .standee{display:block;pointer-events:auto;transform:rotate(calc(var(--spin, 0deg) * -1)) rotateX(calc(var(--tilt, 0deg) * -1));transform-origin:50% 50%}.realm-marker .realm-card,.realm-marker .realm-pin{position:static;transform:none}.realm-marker .realm-card:hover,.realm-marker .realm-pin:hover{transform:scale(1.06)}.back-btn{top:12px}.realms-overview{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;background:none}.realms-overview[hidden]{display:none}.gate-lines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.gate-lines line{stroke:#d8b06155;stroke-dasharray:3 3;vector-effect:non-scaling-stroke;stroke-linecap:round}.gate-lines line.held{stroke-dasharray:none;opacity:.85}.realm-card{position:absolute;transform:translate(-50%,-50%);width:var(--card-w, 172px);padding:0 0 8px;overflow:hidden;display:flex;flex-direction:column;align-items:stretch;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 6px 20px #000a;transition:transform .2s,border-color .2s}.realm-card:hover{transform:translate(-50%,-50%) scale(1.06);border-color:var(--gold)}.overview-modes{position:absolute;right:10px;z-index:3;display:flex;gap:2px;background:#14100bcc;border:1px solid var(--line);border-radius:8px;padding:2px}.overview-modes button{background:none;border:0;border-radius:6px;cursor:pointer;font:600 12px var(--heading);color:var(--muted);padding:3px 9px}.overview-modes button.on{background:var(--gold-2);color:#1b120a}.realm-pin{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:5px;white-space:nowrap;background:#14100bcc;border:1px solid var(--line);border-radius:999px;padding:3px 9px 3px 6px;cursor:pointer;font:700 12px var(--heading);color:#f3e6c8;transition:transform .15s,border-color .15s}.realm-pin:hover{transform:translate(-50%,-50%) scale(1.08);border-color:var(--gold)}.realm-pin.hub{border-color:#8a3a2a;box-shadow:0 0 14px #8a3a2a55}.realm-pin .dot{width:10px;height:10px;border-radius:50%;background:var(--c);box-shadow:0 0 0 1px #0009}.realm-pin .bb{color:#ff9f7a;font-size:11px}.realm-card.hub{width:calc(var(--card-w, 172px) * 1.3);border-color:#8a3a2a;box-shadow:0 0 24px #8a3a2a66,0 6px 20px #000a}.realms-overview.compact .realm-card .thumb,.realms-overview.compact .realm-card .title,.realms-overview.compact .realm-card .meta{display:none}.realms-overview.compact .realm-card .name{font-size:13px}.realms-overview.on-art .realm-card{width:auto;min-width:var(--card-w, 120px);max-width:none;padding:0 0 6px;background:#14100bdd;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.realms-overview.on-art .realm-card .name{white-space:nowrap;padding:4px 9px 0}.realms-overview.on-art .realm-card .control-bar{margin:5px 9px 2px;height:5px}.realms-overview.on-art .realm-card.hub{width:auto}.realm-card .thumb{height:64px;background-size:cover;background-position:center;filter:saturate(.85)}.realm-card .name{font:700 15px var(--heading);color:var(--gold-2);padding:6px 10px 0}.realm-card .title{font-size:13px;color:var(--muted);padding:0 10px}.realm-card .control-bar{display:flex;height:6px;margin:6px 10px 4px;border-radius:3px;overflow:hidden;background:#ffffff12}.realm-card .control-bar i{background:var(--c)}.realm-card .control-bar i.unclaimed{background:transparent}.realm-card .meta{font-size:12px;color:var(--muted);padding:0 10px}.portal{pointer-events:auto;margin-top:3px;font:700 11px var(--heading);padding:1px 7px;color:#e6d3ff;background:#2b1745e6;border:1px solid #9b6bff;border-radius:10px;box-shadow:0 0 10px #9b6bff88}.portal:hover{background:#3d2063}.marker.gate .pin{box-shadow:0 0 0 2px #f3e6c8aa,0 0 12px #9b6bff}.viewport.far .marker:not(.home,.selected,.has-events) .portal{display:none}.gates li{padding:5px 0;border-bottom:1px dashed #ffffff0d;font-size:15px}.gates .sub{font-size:14px;color:var(--muted)}.gate-name{color:#cdb4ff}.battle-badge{pointer-events:auto;cursor:pointer}.peek{position:absolute;left:10px;right:10px;bottom:10px;z-index:4;max-height:55%;overflow-y:auto;padding:10px 12px 12px;background:#1c1510f5;border:1px solid var(--gold);border-radius:8px;box-shadow:0 8px 24px #000a;font-size:15px}.peek[hidden]{display:none}.peek .head{display:flex;align-items:baseline;gap:8px}.peek .head b{font:700 16px var(--heading);color:var(--gold-2)}.peek .head .close{margin-left:auto;padding:0 8px;font-size:18px;line-height:1}.peek .control{margin:6px 0;font-size:14px}.peek ul{list-style:none;margin:6px 0 0;padding:0}.peek li{padding:4px 0;border-top:1px dashed #ffffff14;font-size:14px}.peek li .when{font:700 11px var(--heading);color:var(--gold);margin-right:4px}.peek li.live .when{color:#ff8a5c}.peek .row{margin-top:8px}.levels{display:flex;gap:4px;margin:10px 0;flex-wrap:wrap}.levels button{font-size:13px;padding:3px 9px}.levels button.active{border-color:var(--gold);color:var(--gold-2)}.about-page{grid-column:1 / -1;overflow:auto;padding:40px 24px 64px;background:radial-gradient(120% 90% at 50% 0%,#241a10 0%,var(--bg) 70%)}body.reading .viewport,body.reading .sheet,body.reading .timeline,body.reading .actions #btn-challenge,body.reading .actions #btn-report,body.reading .campaign-select,body.reading .settings{display:none}.about{max-width:720px;margin:0 auto}.about h2{font:700 30px/1.2 var(--heading);color:var(--gold-2);margin:0 0 6px}.about h3{font:700 17px var(--heading);color:var(--gold-2);margin:26px 0 6px}.about p,.about li{line-height:1.6}.about .lead{font-size:17px}.about ol,.about ul{padding-left:20px;margin:8px 0}.about ol li{margin:4px 0}.about .settings-list,.about .art-list{list-style:none;padding:0}.about .settings-list li,.about .art-list li{padding:6px 0;border-bottom:1px solid #ffffff12}.about .art-tag{display:inline-block;min-width:96px;margin-right:8px;padding:1px 7px;border-radius:3px;font:600 11px var(--heading);text-transform:uppercase;letter-spacing:.4px}.about .art-tag.real{background:#24401f;color:#b7e3ab}.about .art-tag.mixed{background:#46381a;color:#e8cf8f}.about .art-tag.drawn{background:#48221f;color:#f0b3ac}.about .row{margin-top:28px}@media (max-width: 720px){.about-page{padding:24px 16px 48px}.about h2{font-size:24px}}