:root{--bg:#0b0d16;--panel:#141827;--panel-2:#1b2036;--line:#ffffff14;--line-strong:#ffffff26;--text:#e9ecf5;--muted:#9aa3b8;--accent:#7dd3a1;--accent-2:#60a5fa;--up:#4ade80;--down:#f87171;--grant:#c4b5fd;--gold:#fbbf24;color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(1200px 600px at 50% -10%, #1b2140 0%, var(--bg) 60%);min-height:100vh;margin:0}.perf{font-variant-numeric:tabular-nums}.badge{border:1px solid var(--line);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:3px 10px;font-size:11px}.badge.webgpu{color:var(--accent);border-color:#7dd3a166}.badge.webgl{color:var(--gold);border-color:#fbbf2466}.icon{vertical-align:-2px;flex:none;display:inline-block}.stage canvas{display:block}.banner{letter-spacing:.04em;text-transform:uppercase;pointer-events:none;text-shadow:0 4px 24px #000c;z-index:2;font-size:clamp(26px,4.4vw,44px);font-weight:900;animation:.35s cubic-bezier(.2,1.6,.4,1) both banner-in;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}.banner.win{color:var(--gold)}.banner.loss{color:var(--down)}.banner.draw{color:var(--muted)}.banner.alpha{color:var(--gold);text-shadow:0 0 30px #fbbf2488,0 4px 24px #000c}@keyframes banner-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@media (prefers-reduced-motion:reduce){.banner{animation:none}}.overlay{text-align:center;color:var(--muted);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:3;background:#0b0d16cc;place-content:center;gap:12px;display:grid;position:absolute;inset:0}.overlay.error{color:#fca5a5}.overlay code{white-space:pre-wrap;max-width:60ch;font-size:12px}.spinner{border:3px solid #fff2;border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;margin:0 auto;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}button{font:inherit;border:1px solid var(--line);background:var(--panel-2);color:var(--text);cursor:pointer;border-radius:10px;padding:8px 12px;font-size:13px;transition:transform 80ms,background .12s,border-color .12s}button:hover:not(:disabled){background:#232a48}button:active:not(:disabled){transform:translateY(1px)}button:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);color:#062616;border-color:#0000;font-weight:650}button.primary:hover:not(:disabled){background:#92e2b3}button.ghost{background:0 0}button.ghost.on,.segmented button.on{color:var(--accent);background:#7dd3a114;border-color:#7dd3a188}button.small{padding:5px 10px;font-size:12px}.segmented{border:1px solid var(--line);border-radius:10px;display:inline-flex;overflow:hidden}.segmented button{background:0 0;border:0;border-radius:0;min-width:38px;padding:8px 10px}.segmented button+button{border-left:1px solid var(--line)}.input-error{color:#fca5a5;flex-basis:100%;font-size:12px}.log{flex-direction:column;gap:2px;margin:0;padding:0;font-size:12.5px;line-height:1.55;list-style:none;display:flex}.log li{white-space:nowrap;text-overflow:ellipsis;flex:none;overflow:hidden}.log-you{color:#cfe9dc}.log-foe{color:#d9d4ee}.log-crit{color:var(--gold);font-weight:650}.log-heal{color:var(--up)}.log-info{color:var(--accent-2);font-weight:600}.count{background:#ffffff14;border-radius:999px;padding:0 6px;font-size:11px}.card{border:1px solid var(--line);background:var(--panel);border-radius:16px;flex-direction:column;gap:14px;padding:16px;display:flex}.card-empty{color:var(--muted);font-size:13px}.card-head .name{margin:0 0 4px;font-size:21px;line-height:1.15}.sub{color:var(--muted);text-transform:capitalize;flex-wrap:wrap;align-items:center;gap:6px;font-size:12.5px;display:flex}.dot{opacity:.5}.nocap{text-transform:none}.rarity{letter-spacing:.05em;text-transform:uppercase;border:1px solid;border-radius:999px;margin-left:auto;padding:1px 8px;font-size:10.5px}.id-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.id{color:var(--accent-2);background:var(--bg);border:1px solid var(--line);text-overflow:ellipsis;white-space:nowrap;border-radius:8px;padding:5px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;overflow:hidden}.stats{gap:7px;margin:0;display:grid}.stat{grid-template-columns:58px 1fr;align-items:center;gap:8px;display:grid}.stat dt{color:var(--muted);letter-spacing:.05em;align-items:center;gap:5px;font-size:11px;display:flex}.stat dd{align-items:center;gap:8px;margin:0;display:flex}.bar{background:var(--bg);border:1px solid var(--line);border-radius:999px;flex:1;height:8px;overflow:hidden}.bar>span{background:linear-gradient(90deg, var(--accent-2), var(--accent));height:100%;transition:width .3s;display:block}.num{text-align:right;font-variant-numeric:tabular-nums;min-width:34px;font-size:13px}.stat-pair{color:var(--muted);letter-spacing:.03em;justify-content:space-between;padding-top:2px;font-size:11.5px;display:flex}.stat-pair span{align-items:center;gap:5px;display:inline-flex}.stat-pair b{color:var(--text);font-variant-numeric:tabular-nums}.section-title{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:6px;margin:0 0 8px;font-size:11px;font-weight:650;display:flex}.skills{gap:6px;margin:0;padding:0;list-style:none;display:grid}.skills li{border:1px solid var(--line);background:var(--panel-2);border-radius:10px;padding:8px 10px}.skills li.basic{background:0 0;padding:6px 10px}.skill-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.skill-name{font-size:13px;font-weight:650}.basic .skill-name{color:var(--muted);font-weight:500}.skill-cd{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.skill-desc{color:#c3cadb;margin:4px 0 0;font-size:12px;line-height:1.45}.traits{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.traits li{background:var(--panel-2);border:1px solid var(--line);cursor:help;border-radius:999px;padding:3px 10px;font-size:12px}.traits li:first-child{color:var(--accent);border-color:#7dd3a166}.notes{gap:5px;margin:0;padding:0;list-style:none;display:grid}.notes li{border-bottom:1px dashed var(--line);justify-content:space-between;align-items:baseline;gap:10px;padding:4px 0;font-size:12.5px;display:flex}.notes li:last-child{border-bottom:0}.note-reason{color:var(--text)}.note-effects{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.fx{letter-spacing:.03em;white-space:nowrap;border-radius:6px;padding:1px 6px;font-size:10.5px;font-weight:650}.fx-up{color:var(--up);background:#4ade8014}.fx-down{color:var(--down);background:#f8717114}.fx-grant{color:var(--grant);background:#c4b5fd14}.swatches{align-items:center;gap:6px;display:flex}.swatches>span{border:1px solid #fff2;border-radius:6px;width:20px;height:20px}.swatches .pattern{width:auto;height:auto;color:var(--muted);border:0;margin-left:auto;font-size:12px}.card.compact{gap:12px}.bestiary-count{color:var(--muted);margin:0;font-size:12px}.bestiary{gap:4px;max-height:60vh;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.bestiary-row{text-align:left;background:0 0;border:1px solid #0000;grid-template-rows:auto auto;grid-template-columns:40px 1fr;column-gap:10px;width:100%;padding:7px 8px;display:grid}.bestiary-row:hover:not(:disabled){background:var(--panel-2);border-color:var(--line)}.rarity-dot{vertical-align:1px;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.bestiary-name{font-size:13px;font-weight:600}.bestiary-meta{color:var(--muted);font-size:11.5px}.hud{pointer-events:none;z-index:2;justify-content:space-between;align-items:center;gap:12px;font-size:12.5px;display:flex;position:absolute;top:10px;left:14px;right:14px}.hud-hero,.hud-zone{border:1px solid var(--line);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0b0d16b3;border-radius:999px;align-items:center;gap:8px;padding:4px 12px;display:flex}.hud-name{font-weight:700}.hud-level{color:var(--accent);font-variant-numeric:tabular-nums}.xp{background:#ffffff14;border-radius:999px;width:90px;height:6px;overflow:hidden}.xp>span{background:linear-gradient(90deg,#60a5fa,#a78bfa);height:100%;transition:width .5s;display:block}.hud-gold,.gold{color:var(--gold);font-variant-numeric:tabular-nums}.gold{margin-left:auto}.hud-zone-name{font-weight:700}.alpha-progress{color:var(--gold);font-variant-numeric:tabular-nums;align-items:center;gap:6px;display:inline-flex}.alpha-bar{background:#ffffff14;border-radius:999px;width:70px;height:6px;overflow:hidden}.alpha-bar>span{background:var(--gold);height:100%;transition:width .4s;display:block}.alpha-done{border:1px solid #fbbf2466;border-radius:999px;padding:0 6px;font-size:11px}@media (max-width:640px){.xp,.alpha-bar{width:50px}.hud-gold{display:none}}.resting{color:#93c5fd;letter-spacing:.08em;text-transform:uppercase;pointer-events:none;z-index:2;font-size:13px;font-weight:700;position:absolute;top:66%;left:30%;transform:translate(-50%,-50%)}.perk-modal{z-index:4;background:#10142aee;border:1px solid #fbbf2455;border-radius:16px;width:min(620px,92%);padding:16px;animation:.3s cubic-bezier(.2,1.4,.4,1) both banner-in;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 60px #000a}.perk-modal h2{color:var(--gold);align-items:center;gap:8px;margin:0;font-size:20px;display:flex}.perk-sub{color:var(--muted);margin:2px 0 12px;font-size:12.5px}.perk-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}@media (max-width:640px){.perk-options{grid-template-columns:1fr}}.perk{text-align:left;background:var(--panel-2);flex-direction:column;align-items:flex-start;gap:6px;min-height:110px;padding:12px;display:flex;position:relative}.perk:hover:not(:disabled){border-color:#fbbf2488}.perk.skill{border-color:#c4b5fd66}.perk-label{font-size:14px;font-weight:700}.perk.skill .perk-label{color:var(--grant)}.perk-desc{color:#c3cadb;font-size:12px;line-height:1.45}.perk-auto{color:var(--gold);margin-top:auto;font-size:11px}.toasts{right:calc(var(--dock-w) + 16px);top:calc(var(--bar-h) + 12px);pointer-events:none;z-index:3;flex-direction:column;align-items:flex-end;gap:6px;max-width:min(360px,70%);display:flex;position:absolute}.toast{background:#0b0d16e6;border:1px solid;border-left-width:3px;border-radius:10px;flex-direction:column;gap:2px;padding:6px 10px;font-size:12.5px;font-weight:650;animation:.25s ease-out both toast-in;display:flex}.toast small{color:var(--muted);font-size:11px;font-weight:500}@keyframes toast-in{0%{opacity:0;transform:translate(24px)scale(.96)}}@media (prefers-reduced-motion:reduce){.toast,.perk-modal{animation:none}}button.danger{color:#fca5a5}button.back{align-self:flex-start}.compact-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.stat-chip{background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:6px 8px}.stat-chip dt{color:var(--muted);letter-spacing:.05em;align-items:center;gap:4px;font-size:10.5px;display:flex}.stat-chip dd{font-variant-numeric:tabular-nums;margin:2px 0 0;font-size:15px;font-weight:700}.extras,.hint{color:var(--muted);margin:0;font-size:12px}.equipment,.bag{gap:6px;display:grid}.item{border:1px solid var(--line);background:var(--panel-2);border-radius:10px;flex-direction:column;gap:4px;padding:8px 10px;display:flex}.item.empty{background:0 0;border-style:dashed;flex-direction:row;justify-content:space-between}.item-slot{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.item-none{color:#5b637a;font-size:12px}.item-head{align-items:center;gap:8px;display:flex}.item-swatch{border:1px solid #fff3;border-radius:4px;flex:none;width:12px;height:12px}.item-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;font-weight:650;overflow:hidden}.item-level{color:var(--muted);font-size:11px}.affixes{color:var(--up);flex-wrap:wrap;gap:4px 10px;margin:0;padding:0;font-size:11.5px;list-style:none;display:flex}.affixes li.neg{color:var(--down)}.item button{align-self:flex-end}.species{gap:4px;margin:0;padding:0;list-style:none;display:grid}.species-row{text-align:left;background:0 0;border:1px solid #0000;grid-template-rows:auto auto;grid-template-columns:40px 1fr;column-gap:10px;width:100%;padding:7px 8px;display:grid}.species-row:hover:not(:disabled){background:var(--panel-2);border-color:var(--line)}.species-row:disabled{opacity:.75;cursor:default}.species-row.leader{border-color:#fbbf2433}.species-swatch{border:1px solid #fff2;border-radius:5px;grid-row:span 2;align-self:center;width:14px;height:14px}.species-name{font-size:13px;font-weight:600}.species-row.leader .species-name{color:var(--gold)}.species-meta{color:var(--muted);font-size:11.5px}.alpha-tag{color:var(--gold);vertical-align:1px;border:1px solid #fbbf2466;border-radius:999px;margin-left:6px;padding:0 6px;font-size:10px}.threat{text-transform:uppercase;letter-spacing:.06em;border:1px solid;border-radius:999px;padding:1px 7px;font-size:11px}.threat.calm{color:#7dd3a1}.threat.restless{color:#facc15}.threat.hostile{color:#fb923c}.threat.deadly{color:#f87171;box-shadow:0 0 12px #f8717166}button.alpha-button{color:var(--gold);background:#fbbf2410;border-color:#fbbf2466}button.alpha-button:hover:not(:disabled){background:#fbbf2422}.elite-note{color:#ff9a70;margin:0;font-size:13px;font-weight:700}.here-tag{color:var(--gold);text-transform:none;border:1px solid #fbbf2466;border-radius:999px;margin-left:auto;padding:0 7px;font-size:10.5px}.modifiers{color:#c3cadb;gap:4px;margin:0;padding:0;font-size:12px;list-style:none;display:grid}.modifiers b{color:#ff9a70;font-weight:700}.perk-modal.shrine{border-color:#c4b5fd66}.perk-modal.shrine h2{color:var(--grant)}.perk-options.n2{grid-template-columns:repeat(2,minmax(0,1fr))}.blessings li{color:var(--grant);border-color:#c4b5fd55}.hud-hero>*,.hud-zone>*{white-space:nowrap}.hud-zone-name{text-overflow:ellipsis;max-width:180px;overflow:hidden}@media (max-width:1180px){.hud-gold,.alpha-bar{display:none}.xp{width:56px}}.map-stage{cursor:grab}.map-stage:active{cursor:grabbing}.topbar-time{color:var(--muted);align-items:center;gap:5px;display:inline-flex}.topbar-time.day .icon{color:#facc15}.topbar-time.night .icon{color:#a5b4fc}.timebar{vertical-align:middle;background:var(--panel-2);border-radius:999px;width:84px;height:6px;margin-left:6px;display:inline-block;overflow:hidden}.timebar i{background:#93c5fd;height:100%;transition:width .6s linear;display:block}.timebar.wave i{background:linear-gradient(90deg,#facc15,#f87171)}.timebar.warn i{background:#fbbf24}.portrait{border:1px solid var(--line);background:radial-gradient(circle at 50% 60%,#2a3150 0%,#161a2b 75%);border-radius:10px;flex:none;grid-row:span 2;align-self:center;display:inline-block;overflow:hidden}.portrait img{image-rendering:auto;display:block}.portrait.unknown img{filter:brightness(0)opacity(.45)}.pip{right:calc(var(--dock-w) + 16px);z-index:5;aspect-ratio:16/9;border:1px solid var(--line-strong);opacity:0;pointer-events:none;background:linear-gradient(#0f1426ee 0%,#141a30ee 100%);border-radius:12px;width:min(320px,30%);transition:opacity .2s,transform .2s;position:absolute;bottom:8px;overflow:hidden;transform:translateY(6px)}.pip.on{opacity:1;transform:none}.pip-stage{position:absolute;inset:0}.pip-label{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:11px;position:absolute;top:6px;left:10px}.fallen-banner{top:calc(var(--bar-h) + 52px);z-index:5;background:#1a0f14ee;border:1px solid #f8717166;border-radius:12px;align-items:center;gap:10px;padding:8px 14px;font-size:13px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.roster{gap:4px;margin:0;padding:0;list-style:none;display:grid}.roster-row{text-align:left;background:0 0;border:1px solid #0000;grid-template-rows:auto auto;grid-template-columns:1fr 90px;gap:3px 10px;width:100%;padding:7px 8px;display:grid}.roster-row:hover,.roster-row.on{background:var(--panel-2);border-color:var(--line)}.roster-name{font-size:13px;font-weight:600}.roster-level{color:var(--muted);margin-left:6px;font-size:12px;font-weight:500}.main-tag{color:var(--gold);margin-right:5px}.roster-hp{background:#0b0d16;border-radius:3px;align-self:center;height:6px;overflow:hidden}.roster-hp>span{height:100%;display:block}.roster-task{color:var(--muted);grid-column:span 2;align-items:center;gap:6px;font-size:11.5px;display:flex}.injury-dot,.perk-dot{background:#facc15;border-radius:50%;width:7px;height:7px}.injury-dot.serious{background:var(--down)}.perk-dot{background:var(--gold);box-shadow:0 0 6px var(--gold)}.statue-note{color:var(--muted);border-left:2px solid #9aa3b866;padding-left:8px;font-size:12.5px}.cemetery{color:var(--muted);gap:3px;margin:0;padding:0;font-size:12px;list-style:none;display:grid}.orders{gap:10px}.orders-status{justify-content:space-between;gap:8px;font-size:13px;display:flex}.orders-task{font-weight:600}.orders-task.fight{color:var(--down)}.orders-task.rest,.orders-task.carried{color:var(--accent-2)}.orders-hp{color:var(--muted);font-variant-numeric:tabular-nums}.orders-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.orders-grid>button.on,.orders-zone button.on{background:#7dd3a126;border-color:#7dd3a188}.orders-zone{grid-column:span 2;grid-template-columns:1fr auto auto;align-items:center;gap:6px;display:grid}.orders-zone-name{font-size:12.5px;font-weight:600}.orders-zone-name small{color:var(--muted);font-weight:500}.retreat{gap:4px;font-size:12.5px;display:grid}.retreat input{width:100%;accent-color:var(--accent)}.retreat small{color:var(--muted)}.injuries{gap:6px;margin:0;padding:0;list-style:none;display:grid}.injuries li{border:1px solid #facc1533;border-radius:8px;grid-template-columns:1fr auto;gap:2px 8px;padding:6px 8px;font-size:12.5px;display:grid}.injuries li.serious{border-color:#f8717155}.injury-name{font-weight:600}.injury-sev{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-left:6px;font-size:10.5px}.injury-fx{color:var(--down)}.injury-heal{background:#0b0d16;border-radius:2px;grid-column:span 2;height:4px;overflow:hidden}.injury-heal>span{background:var(--up);height:100%;display:block}.buildings{gap:8px;margin:0;padding:0;list-style:none;display:grid}.buildings li{border:1px solid var(--line);background:var(--panel-2);border-radius:10px;gap:4px;padding:8px 10px;display:grid}.buildings li.focus{border-color:#fbbf2488}.building-head{justify-content:space-between;font-size:13px;display:flex}.building-name{font-weight:650}.building-level{color:var(--gold);font-size:12px}.building-blurb,.building-now{color:var(--muted);margin:0;font-size:12px}.buildings button{justify-self:start}.materials{gap:4px;margin:0;padding:0;list-style:none;display:grid}.materials li{grid-template-columns:1fr 34px auto;align-items:center;gap:8px;font-size:12.5px;display:grid}.material-count{text-align:right;font-variant-numeric:tabular-nums;color:var(--gold)}.material-craft{gap:4px;display:flex}.stash-target{align-items:center;gap:8px;margin-bottom:6px;font-size:12.5px;display:flex}.stash-target select{background:var(--panel-2);color:var(--text);border:1px solid var(--line-strong);border-radius:8px;flex:1;padding:4px 6px}.stash-item{gap:4px;display:grid}.zone-tabs{margin-bottom:8px;display:flex}.zone-tabs button{flex:1;padding:6px 4px;font-size:12px}.temper{border:1px solid var(--line-strong);color:var(--muted);border-radius:999px;margin-left:6px;padding:0 6px;font-size:10.5px;font-weight:600}.temper.brave{color:#fb923c;border-color:#fb923c55}.temper.cautious{color:var(--accent-2);border-color:#60a5fa55}.temper.greedy{color:var(--gold);border-color:#fbbf2455}.bounties,.automations{gap:4px;margin:0;padding:0;list-style:none;display:grid}.bounties li{grid-template-columns:12px 1fr auto auto auto;align-items:center;gap:8px;font-size:12.5px;display:grid}.bounty-coin{background:var(--gold);border:1.5px solid #3b2600;border-radius:50%;width:11px;height:11px;display:inline-block}.bounty-name{font-weight:600}.bounty-reward{color:var(--gold);font-variant-numeric:tabular-nums}.bounty-standing{color:var(--muted);font-size:10.5px}.bounty-control{flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0 10px;font-size:12.5px;display:flex}.automations label{cursor:pointer;grid-template-columns:auto 1fr;align-items:center;column-gap:8px;font-size:12.5px;display:grid}.automations input{accent-color:var(--accent);grid-row:span 2}.automation-name{font-weight:600}.automation-desc{color:var(--muted);font-size:11.5px}.automations li.locked{opacity:.55}.automations li.locked label{cursor:default}.orders-facts{color:var(--muted);gap:12px;font-size:12px;display:flex}.bless{gap:4px;display:grid}.bless-title{color:#c4b5fd;font-size:12px;font-weight:600}.bless-options{flex-wrap:wrap;gap:4px;display:flex}.missions{gap:6px;margin:0;padding:0;list-style:none;display:grid}.missions li{border:1px solid var(--line);background:var(--panel-2);border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:4px 8px;padding:7px 9px;font-size:12.5px;display:grid}.missions li.taken{border-color:#4ade8055}.mission-kind{text-transform:uppercase;letter-spacing:.04em;border:1px solid var(--line-strong);border-radius:999px;padding:1px 6px;font-size:10.5px;font-weight:700}.mission-kind.delivery{color:#93c5fd}.mission-kind.escort{color:#fbbf24}.mission-kind.clear{color:#f87171}.mission-reward{color:var(--gold);font-variant-numeric:tabular-nums}.mission-meta{color:var(--muted);grid-column:1/-1;font-size:11.5px}.mission-assign{grid-column:1/-1;gap:6px;display:flex}.mission-assign select{background:var(--bg);color:var(--text);border:1px solid var(--line-strong);border-radius:8px;flex:1;padding:3px 6px}.orders-mission{border:1px solid #4ade8044;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;font-size:12.5px;display:flex}.mission-risk{color:var(--down);grid-column:1/-1;font-size:11.5px}.dungeon-status{border:1px solid var(--line);color:var(--muted);border-radius:8px;margin:0 0 10px;padding:6px 8px;font-size:12.5px}.dungeon-status.inside{color:var(--text);border-color:#c4b5fd55}.dungeon-status.sealed{border-style:dashed}.dungeon-floors{margin-bottom:8px}.dungeon-floors small{color:var(--muted);font-weight:500}.dungeon-map{border:1px solid var(--line);background:#07060b;border-radius:10px;width:100%;max-height:260px;display:block}.dungeon-map .rock{fill:#121019}.dungeon-map .floor{fill:#3b3542}.dungeon-map .trail{fill:none;stroke:#c4b5fd66;stroke-width:2px;stroke-dasharray:5 5}.dungeon-map .room text{fill:#0b0d16;text-anchor:middle;font-size:10px;font-weight:800}.dungeon-map .room.done{opacity:.35}.dungeon-map .room .pulse{fill:none;stroke:var(--gold);stroke-width:2px;animation:1.2s ease-in-out infinite room-pulse}@keyframes room-pulse{50%{opacity:.25}}.dungeon-legend{color:var(--muted);gap:12px;margin:6px 0 10px;padding:0;font-size:11.5px;list-style:none;display:flex}.dungeon-legend i{border-radius:50%;width:9px;height:9px;margin-right:3px;display:inline-block}.dungeon-actions{gap:6px;display:grid}.zone-caves{border-top:1px solid var(--line);gap:4px;margin:10px 0 0;padding:10px 0 0;list-style:none;display:grid}.cave-mark{background:radial-gradient(circle at 50% 80%,#08070a 45%,#4a433c 47%);border:2px solid #2a2520;border-radius:14px 14px 3px 3px;grid-row:span 2;place-self:center;width:28px;height:22px}.orders-task.delve,.orders-task.to_cave{color:var(--grant)}.fatigue{color:var(--muted);grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin:4px 0 8px;font-size:12px;display:grid}.fatigue-bar{background:var(--panel-2);border-radius:999px;height:6px;overflow:hidden}.fatigue-bar i{background:#93c5fd;height:100%;display:block}.fatigue.weary .fatigue-bar i{background:#facc15}.fatigue.tired{color:var(--down)}.fatigue.tired .fatigue-bar i{background:var(--down)}.tired-note{color:var(--down)}.orders-task.camp,.orders-task.lodge,.orders-task.to_inn{color:#93c5fd}.map-hud{top:calc(var(--bar-h) + 12px);z-index:4;pointer-events:none;flex-direction:column;align-items:center;gap:6px;max-width:calc(100% - 24px);display:flex;position:absolute;left:50%;transform:translate(-50%)}.siege-banner{border:1px solid var(--line-strong);white-space:nowrap;pointer-events:none;background:#0b0d16d9;border-radius:16px;align-items:center;gap:10px;max-width:calc(100% - 24px);padding:5px 12px;font-size:12.5px;display:flex}.siege-banner.soon{border-color:#f8717188}.siege-banner.on{border-color:var(--down);color:#fecaca}.siege-banner.breached{background:#3b0d10e6}.siege-from{color:var(--muted)}.siege-meter{align-items:center;gap:6px;display:inline-flex}.siege-meter>i{background:var(--panel-2);border-radius:999px;width:90px;height:6px;display:inline-block;overflow:hidden}.siege-meter>i b{background:#facc15;height:100%;display:block}.siege-banner.breached .siege-meter>i b{background:var(--down)}.siege-fronts{flex-direction:column;gap:2px;display:inline-flex}.siege-front small{color:var(--muted)}.siege-front.broken{color:#fca5a5;font-weight:650}.siege-front.done{opacity:.55}.run-end{z-index:8;background:#05060bcc;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.run-end-card{background:var(--panel);border:1px solid var(--line-strong);border-radius:14px;gap:10px;width:min(520px,100%);max-height:100%;padding:18px 20px;display:grid;overflow:auto}.run-end-card.victory{border-color:var(--gold)}.run-end-card.defeat{border-color:var(--down)}.run-end-card h2{margin:0}.run-end-stats{grid-template-columns:repeat(4,1fr);gap:8px;margin:0;display:grid}.run-end-stats dt{color:var(--muted);font-size:11px}.run-end-stats dd{margin:0;font-size:18px;font-weight:700}.legacy-shop{gap:6px;margin:0;padding:0;list-style:none;display:grid}.legacy-shop li{border:1px solid var(--line);border-radius:9px;grid-template-columns:1fr auto;gap:2px 10px;padding:7px 9px;display:grid}.legacy-name small{color:var(--gold);letter-spacing:1px}.legacy-now{color:var(--muted);grid-column:1;font-size:12px}.legacy-shop button,.legacy-max{grid-area:1/2/span 2;align-self:center}.legacy-max{color:var(--muted);font-size:12px}.world-boss{border:1px solid #c084fc55;border-radius:10px;gap:6px;margin-bottom:10px;padding:8px 10px;display:grid}.world-boss .section-title{color:#c084fc;margin:0}.boss-line{margin:0;font-size:13px}.world-boss button.on{color:#e9d5ff;border-color:#c084fc}.drawer .card{border-top:2px solid color-mix(in srgb, var(--tab) 70%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--tab) 7%, var(--panel)) 0%, var(--panel) 120px);animation:.28s both card-in}.drawer .card+.card{animation-delay:50ms}@keyframes card-in{0%{opacity:0;transform:translateY(6px)}}.drawer .card-head .name{background:linear-gradient(90deg, var(--text), color-mix(in srgb, var(--tab) 70%, var(--text)));color:#0000;-webkit-background-clip:text;background-clip:text}.drawer .section-title{color:color-mix(in srgb, var(--tab) 75%, var(--muted))}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px #0006}button.primary{background:linear-gradient(180deg, #92e2b3, var(--accent));box-shadow:0 0 0 1px #7dd3a155,0 6px 18px #7dd3a122}.roster-hp span,.fatigue-bar i,.siege-meter i b,.xp-bar span,.hp-bar span{transition:width .4s,background .4s}.roster-row{transition:background .15s,border-color .15s,transform .12s}.roster-row:hover{transform:translate(2px)}.main-tag{color:var(--gold);text-shadow:0 0 8px #fbbf2499}.toast{background:linear-gradient(90deg, color-mix(in srgb, currentColor 10%, #0b0d16f2), #0b0d16f2);animation:.3s cubic-bezier(.2,.9,.3,1.2) both toast-in}.log li:first-child{animation:.35s both log-in}@keyframes log-in{0%{opacity:0;transform:translateY(-4px)}}.siege-banner.on{animation:1.6s ease-in-out infinite siege-pulse}.siege-banner.soon{animation:2.4s ease-in-out infinite siege-pulse}@keyframes siege-pulse{50%{box-shadow:0 0 0 4px #f8717133,0 0 22px #f8717155}}.perk-modal{animation:.25s cubic-bezier(.2,.9,.3,1.2) both modal-in}.run-end-card{animation:.4s cubic-bezier(.2,.9,.3,1.2) both modal-in}@keyframes modal-in{0%{opacity:0;transform:scale(.94)translateY(8px)}}.run-end-card.victory h2{color:var(--gold);text-shadow:0 0 18px #fbbf2466}.run-end-card.defeat h2{color:var(--down)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.buildings li.building{border-left:3px solid var(--b);background:linear-gradient(90deg, color-mix(in srgb, var(--b) 12%, transparent), transparent 60%);transition:transform .15s,box-shadow .15s;position:relative}.buildings li.building:hover{box-shadow:-4px 0 16px color-mix(in srgb, var(--b) 25%, transparent);transform:translate(2px)}.buildings li.building.unbuilt{opacity:.85;border-left-style:dashed}.building-head{align-items:center;gap:8px;display:flex}.building-icon{width:26px;height:26px;color:var(--b);background:color-mix(in srgb, var(--b) 18%, var(--panel-2));border:1px solid color-mix(in srgb, var(--b) 45%, transparent);border-radius:8px;place-items:center;display:inline-grid}.building-name{flex:1;font-weight:650}.building-pips{gap:3px;display:inline-flex}.building-pips i{background:var(--panel-2);border:1px solid var(--line-strong);border-radius:3px;width:9px;height:9px}.building-pips i.on{background:var(--b);box-shadow:0 0 6px color-mix(in srgb, var(--b) 60%, transparent);border-color:#0000}.building-saving{background:var(--panel-2);border-radius:999px;height:4px;margin:2px 0 4px;display:block;overflow:hidden}.building-saving i{background:linear-gradient(90deg, #d97706, var(--gold));height:100%;transition:width .5s;display:block}button.afford{background:linear-gradient(180deg, color-mix(in srgb, var(--b) 55%, #1b2036), color-mix(in srgb, var(--b) 30%, #141827));border-color:color-mix(in srgb, var(--b) 60%, transparent);color:#fff;animation:2.2s ease-in-out infinite afford-glow}@keyframes afford-glow{50%{box-shadow:0 0 14px color-mix(in srgb, var(--b) 45%, transparent)}}.calling{border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-radius:999px;padding:1px 6px;font-size:11px}.calling.warrior{color:#fca5a5;border-color:#f8717155}.calling.archer{color:#86efac;border-color:#4ade8055}.calling.mage{color:#c4b5fd;border-color:#a78bfa55}.calling.cleric{color:#fde68a;border-color:#facc1555}.calling.rogue{color:#93c5fd;border-color:#60a5fa55}.roster-name .calling{margin-left:6px}.next-recruit{color:var(--muted);margin:8px 0 6px;font-size:12.5px}.pick-modal{z-index:5;background:#10142af2;border:1px solid #fbbf2455;border-radius:16px;flex-direction:column;width:min(760px,100% - 32px);max-height:calc(100% - 32px);padding:16px;animation:.3s cubic-bezier(.2,1.4,.4,1) both banner-in;display:flex;position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 20px 60px #000a}.pick-modal h2{color:var(--gold);margin:0;font-size:20px}.pick-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}@media (max-width:640px){.pick-options{grid-template-columns:1fr}}.pick-card{background:var(--panel-2);border:1px solid var(--line);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:12px;display:flex}.pick-card.warrior{border-color:#f8717144}.pick-card.archer{border-color:#4ade8044}.pick-card.mage{border-color:#a78bfa44}.pick-card.cleric{border-color:#facc1544}.pick-card.rogue{border-color:#60a5fa44}.pick-card h3{margin:0;font-size:15px}.pick-picture{background:radial-gradient(circle at 50% 70%,#ffffff14,#0000 70%);border-radius:50%;width:120px;height:120px}.pick-note{color:#c3cadb;margin:0;font-size:12px;line-height:1.4}.pick-note.race{color:var(--muted)}.pick-stats{grid-template-columns:repeat(4,1fr);gap:4px;width:100%;margin:2px 0;display:grid}.pick-stats div{background:#0b0d1688;border-radius:8px;padding:3px 0}.pick-stats dt{color:var(--muted);font-size:10px}.pick-stats dd{margin:0;font-size:13px;font-weight:700}.pick-weapon{color:var(--accent-2);margin:0;font-size:12px}.pick-powers{flex-wrap:wrap;justify-content:center;gap:4px;margin:0;padding:0;list-style:none;display:flex}.pick-powers li{color:var(--grant);border:1px solid #c4b5fd44;border-radius:999px;padding:1px 6px;font-size:10.5px}.pick-card button{width:100%;margin-top:auto}.pick-others{align-self:center;margin-top:10px}.pick-difficulty{flex-direction:column;gap:8px;margin:10px 0 12px;display:flex}.difficulty-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.difficulty-tab{border:1px solid var(--line-strong);opacity:.75;padding:6px 4px;font-weight:700}.difficulty-tab.on{opacity:1}.difficulty-tab.easy.on{color:#4ade80;border-color:#4ade80}.difficulty-tab.normal.on{color:#60a5fa;border-color:#60a5fa}.difficulty-tab.hard.on{color:#fb923c;border-color:#fb923c}.difficulty-tab.nightmare.on{color:#f87171;border-color:#f87171}.difficulty-blurb{color:var(--muted);margin:0;font-size:12px}.odds{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:2px 14px;margin:0;font-size:11px;display:grid}.odds div{justify-content:space-between;gap:6px;min-width:0;display:flex}.odds dt{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.odds dd{white-space:nowrap;font-variant-numeric:tabular-nums;margin:0}.odds .easier dd{color:#4ade80}.odds .harder dd{color:#f87171}.world-odds summary{cursor:pointer}.world-odds .odds{grid-template-columns:1fr;margin-top:4px}.buildings li.building.damaged{border-color:#f59e0b88}.buildings li.building.ruined{background:#2a1214;border-color:#ef4444aa}.building-damage{flex-wrap:wrap;align-items:center;gap:6px;margin:4px 0;display:flex}.building-hp,.soldier-hp{background:var(--panel-2);border-radius:999px;width:80px;height:6px;display:inline-block;overflow:hidden}.building-hp i,.soldier-hp i{background:#f59e0b;height:100%;display:block}.soldier-hp i{background:#4ade80}.building-condition{color:#fca5a5;font-size:11.5px}.soldiers{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.soldiers li{grid-template-columns:minmax(0,1fr) auto auto 80px;align-items:center;gap:6px;font-size:12px;display:grid}.soldiers li.fallen{opacity:.6}.soldier-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.soldier-post{color:var(--muted);font-size:11px}.trait-chip,.hero-traits li{color:#fde68a;border:1px solid #fbbf2455;border-radius:999px;margin-left:4px;padding:1px 7px;font-size:10.5px;display:inline-block}.hero-traits li{margin:0 4px 0 0}.trait-chip.coward,.hero-traits li.coward,.trait-chip.lone_wolf,.hero-traits li.lone_wolf{color:#cbd5e1;border-color:#94a3b855}.trait-chip.bloodthirsty,.hero-traits li.bloodthirsty,.trait-chip.jealous,.hero-traits li.jealous,.trait-chip.proud,.hero-traits li.proud{color:#fca5a5;border-color:#f8717155}.trait-chip.kind,.hero-traits li.kind,.trait-chip.loyal,.hero-traits li.loyal{color:#86efac;border-color:#4ade8055}.pick-traits{margin:0}.bonds{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.bonds li{grid-template-columns:minmax(0,1fr) 90px 50px;align-items:center;gap:6px;font-size:12px;display:grid}.bonds .gone{color:var(--muted)}.bond-bar{background:var(--panel-2);border-radius:999px;height:6px;position:relative;overflow:hidden}.bond-bar i{background:#94a3b8;position:absolute;top:0;bottom:0}.bonds li.friend .bond-bar i,.bonds li:not(.rival) .bond-bar i{background:#4ade80}.bonds li.rival .bond-bar i{background:#f87171}.bond-label{color:var(--muted);font-size:11px}.bonds li.friend .bond-label{color:#86efac}.bonds li.rival .bond-label{color:#fca5a5}button.link{color:var(--accent-2);text-align:left;cursor:pointer;font:inherit;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;padding:0;overflow:hidden}.story{color:#c3cadb;flex-direction:column;gap:3px;margin:0;padding-left:18px;font-size:12px;display:flex}.story-day{color:var(--muted);margin-right:4px;font-size:11px}.run-story{max-height:180px;margin-bottom:10px;overflow-y:auto}.retire-actions{flex-wrap:wrap;gap:6px;display:flex}.shadow-bar{pointer-events:auto;background:#0b0d16d9;border:1px solid #7c3aed66;border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:4px 10px;font-size:12px;display:flex}.shadow-chapter{color:#c4b5fd;font-weight:700}.shadow-meter{align-items:center;gap:5px;display:inline-flex}.shadow-meter>i{background:var(--panel-2);border-radius:999px;width:70px;height:6px;display:inline-block;overflow:hidden}.shadow-meter>i b{background:#7c3aed;height:100%;display:block}.shadow-meter small{color:var(--muted)}.shadow-around b{color:#57534e;margin-left:1px;font-size:10px}.shadow-around b.held{color:#a78bfa}.shadow-around small{color:var(--muted);margin-left:4px}.shadow-around.danger small{color:#f87171;font-weight:700}.shadow-seals b{color:#57534e;margin-left:1px}.shadow-seals b.taken{color:#fbbf24;text-shadow:0 0 6px #fbbf2488}.shadow-hint{font-size:11px}@media (max-width:640px){.shadow-hint{display:none}}.dungeon-seal{color:#fbbf24;margin:4px 0;font-size:12px}.dungeon-seal.taken{color:var(--muted)}.zone-shadow{color:#ddd6fe;background:#2e106555;border:1px solid #7c3aed66;border-radius:8px;margin:4px 0;padding:6px 8px;font-size:12px}:root{--bar-h:44px;--dock-w:58px;--drawer-w:400px;--rail-w:56px}html,body,#root{height:100%}body{overflow:hidden}.game{background:var(--bg);position:fixed;inset:0;overflow:hidden}.map-stage{position:absolute;inset:0}.topbar{min-height:var(--bar-h);z-index:9;border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-variant-numeric:tabular-nums;background:#0b0d16d9;border-radius:12px;align-items:center;gap:10px;padding:4px 6px 4px 12px;font-size:13px;display:flex;position:absolute;top:8px;left:8px;right:8px}.topbar-gold{color:var(--gold);align-items:center;gap:5px;font-weight:700;display:inline-flex}.topbar-chips{flex-wrap:wrap;flex:1;justify-content:center;gap:8px;min-width:0;display:flex}.chip{border:1px solid var(--line-strong);color:var(--text);white-space:nowrap;background:#ffffff08;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;line-height:1.4;display:inline-flex}.chip .timebar{width:64px;margin-left:0}.wave-chip.soon{border-color:#f8717188}.wave-chip.on{color:#fecaca;background:#f8717122;border-color:#f87171;animation:1.6s ease-in-out infinite chip-alarm}@keyframes chip-alarm{50%{box-shadow:0 0 0 4px #f8717122}}.wave-dot,.shadow-dot,.free-dot{background:#f87171;border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.shadow-dot{background:#8b5cf6;box-shadow:0 0 6px #8b5cf6aa}.free-dot{background:#4ade8088}.shadow-chip{border-color:#7c3aed66}.shadow-chip.danger{background:#f8717114;border-color:#f87171}.shadow-ring{gap:2px;display:inline-flex}.shadow-ring b{background:#57534e;border-radius:50%;width:6px;height:6px}.shadow-ring b.held{background:#a78bfa}.shadow-chip .shadow-seals b{font-size:10px}.topbar-speed button{padding:4px 9px;font-size:12px}.icon-button{width:32px;height:32px;color:var(--text);background:0 0;border:1px solid #0000;border-radius:9px;place-items:center;padding:0;display:inline-grid}.icon-button:hover:not(:disabled),.icon-button.on{border-color:var(--line);background:#ffffff12}.topbar-menu{position:relative}.menu-popover{z-index:20;border:1px solid var(--line-strong);background:var(--panel);border-radius:12px;flex-direction:column;gap:10px;width:300px;padding:12px;animation:.16s ease-out both menu-in;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 20px 50px #000a}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px)}}.menu-item{cursor:pointer;align-items:flex-start;gap:10px;font-size:13px;display:flex}.menu-item small{color:var(--muted);font-size:11px;display:block}.menu-item input{margin-top:3px}.menu-help{color:var(--muted);margin:0;font-size:11px;line-height:1.5}.perf{top:calc(var(--bar-h) + 14px);left:calc(var(--rail-w) + 20px);z-index:5;color:var(--muted);pointer-events:none;font-size:11px;position:absolute}.hero-rail{left:8px;top:calc(var(--bar-h) + 16px);width:var(--rail-w);z-index:6;scrollbar-width:none;flex-direction:column;gap:6px;display:flex;position:absolute;bottom:96px;overflow-y:auto}.rail-hero{width:var(--rail-w);border:1px solid var(--line);background:#0b0d16cc;border-radius:12px;flex-direction:column;flex:none;justify-content:flex-end;align-items:center;height:62px;padding:0;display:flex;position:relative;overflow:hidden}.rail-hero.on{border-color:var(--gold);box-shadow:0 0 0 1px #fbbf2455,0 0 14px #fbbf2433}.rail-face{justify-content:center;width:100%;height:48px;display:flex;overflow:hidden}.rail-face img{flex:none;margin-top:-4px;display:block}.rail-level{color:var(--muted);font-size:10px;font-weight:700;position:absolute;top:2px;right:3px}.rail-hero.main .rail-level{color:var(--gold)}.rail-hp{background:var(--panel-2);border-radius:999px;width:calc(100% - 10px);height:4px;margin:3px 0 5px;display:block;overflow:hidden}.rail-hp i{height:100%;transition:width .4s;display:block}.rail-dots{flex-direction:column;gap:2px;display:flex;position:absolute;top:4px;left:4px}.rail-dots i{border-radius:50%;width:7px;height:7px}.dot-fight{background:#f87171;animation:1s ease-in-out infinite chip-alarm}.dot-injury{background:#fb923c}.dot-perk{background:var(--gold)}.dock{right:8px;top:calc(var(--bar-h) + 16px);width:var(--dock-w);z-index:8;flex-direction:column;gap:6px;display:flex;position:absolute}.dock-button{width:var(--dock-w);border:1px solid var(--line);height:54px;color:var(--c,var(--muted));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0b0d16d9;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:4px 0 2px;display:flex;position:relative}.dock-button.on{background:color-mix(in srgb, var(--c,#fff) 18%, #0b0d16e6);border-color:color-mix(in srgb, var(--c,#fff) 55%, transparent)}.dock-label{color:var(--text);letter-spacing:.02em;font-size:10px}.dock-count{color:#1a1206;background:#fbbf24;border-radius:999px;min-width:15px;padding:0 4px;font-size:10px;font-weight:800;line-height:15px;position:absolute;top:3px;right:4px}.drawer{--tab:#7dd3a1;top:calc(var(--bar-h) + 16px);bottom:8px;right:calc(var(--dock-w) + 16px);width:min(var(--drawer-w), calc(100% - var(--dock-w) - var(--rail-w) - 48px));z-index:7;border:1px solid var(--line-strong);border-top:2px solid color-mix(in srgb, var(--tab) 70%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f1322f2;border-radius:14px;flex-direction:column;animation:.2s cubic-bezier(.2,.9,.3,1) both drawer-in;display:flex;position:absolute;box-shadow:0 24px 60px #000a}@keyframes drawer-in{0%{opacity:0;transform:translate(16px)}}.drawer-head{justify-content:space-between;align-items:center;padding:10px 10px 6px 14px;display:flex}.drawer-head h2{color:var(--tab);align-items:center;gap:8px;margin:0;font-size:15px;display:inline-flex}.drawer-tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:4px;padding:0 10px 8px;display:flex}.drawer-tabs button{color:var(--muted);background:0 0;border:1px solid #0000;border-radius:999px;padding:4px 10px;font-size:12px}.drawer-tabs button.on{color:var(--text);background:color-mix(in srgb, var(--tab) 18%, transparent);border-color:color-mix(in srgb, var(--tab) 45%, transparent)}.drawer-body{scrollbar-width:thin;flex-direction:column;flex:1;gap:10px;min-height:0;padding:10px;display:flex;overflow-y:auto}.drawer .card{padding:12px}.hero-switch{flex-wrap:wrap;gap:4px;display:flex}.hero-switch button{border:1px solid var(--line);color:var(--muted);background:0 0;border-radius:999px;padding:3px 9px;font-size:12px}.hero-switch button.on{color:var(--text);border-color:color-mix(in srgb, var(--tab) 55%, transparent);background:color-mix(in srgb, var(--tab) 14%, transparent)}.full-log li{border-bottom:1px solid #ffffff08;padding:2px 0}.shadow-list{flex-direction:column;gap:4px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.shadow-list li{align-items:center;gap:8px;display:flex}.shadow-list li.taken{color:var(--gold)}.shadow-list .seal-mark{color:#57534e}.shadow-list li.taken .seal-mark{color:var(--gold)}.count.danger{color:#fecaca;background:#f8717133}.ticker{left:calc(var(--rail-w) + 16px);z-index:5;flex-direction:column;gap:6px;width:min(440px,38%);display:flex;position:absolute;bottom:8px}.ticker-lines{border:1px solid var(--line);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-align:left;color:var(--text);background:#0b0d16b3;border-radius:10px;flex-direction:column;align-items:flex-start;gap:1px;padding:6px 10px;font-size:12px;line-height:1.5;display:flex}.ticker-lines:empty{display:none}.ticker-lines span{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.ticker-lines span:nth-last-child(4){opacity:.45}.ticker-lines span:nth-last-child(3){opacity:.65}.ticker-lines span:nth-last-child(2){opacity:.85}.ticker-lines span:last-child{animation:.35s both log-in}.sel-card{border:1px solid var(--line-strong);background:#0b0d16f0;border-radius:14px;align-items:flex-start;gap:10px;padding:10px 12px;animation:.18s ease-out both sel-in;display:flex;box-shadow:0 16px 40px #0009}@keyframes sel-in{0%{opacity:0;transform:translateY(8px)}}.sel-face{background:radial-gradient(circle at 50% 60%,#2a3150 0%,#161a2b 75%);border-radius:10px;flex:none;justify-content:center;width:52px;height:52px;display:flex;overflow:hidden}.sel-face img{flex:none;margin-top:-2px}.sel-main{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.sel-title{flex-wrap:wrap;align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex}.sel-level{color:var(--muted);font-size:12px;font-weight:500}.sel-sub{color:var(--muted);font-size:12px}.sel-hp{background:var(--panel-2);border-radius:999px;height:5px;display:block;overflow:hidden}.sel-hp i{height:100%;transition:width .4s;display:block}.sel-actions{flex-wrap:wrap;gap:6px;margin-top:2px;display:flex}.sel-actions button.on{border-color:var(--gold);color:var(--gold)}.sel-close{flex:none;width:26px;height:26px}.shadow-note{color:#c4b5fd}.perk-modal,.pick-modal{z-index:12}.run-end{z-index:13}.overlay{z-index:14}.game.drawer-open .pip,.game.drawer-open .toasts{right:calc(var(--dock-w) + var(--drawer-w) + 24px)}@media (max-width:1100px){.game.drawer-open .pip{display:none}}@media (max-width:720px){:root{--dock-w:0px;--rail-w:0px}.topbar{flex-wrap:wrap;gap:6px 8px;padding:4px 6px 4px 10px;top:4px;left:4px;right:4px}.topbar .threat{display:none}.topbar-chips{flex-basis:100%;order:5;justify-content:flex-start}.hero-rail{flex-direction:row;width:auto;inset:96px 4px auto;overflow-x:auto}.rail-hero{width:48px;height:54px}.dock{flex-direction:row;width:auto;inset:auto 4px 4px}.dock-button{flex:1;width:auto;height:50px}.drawer{width:auto;height:68vh;inset:auto 4px 60px}.ticker{width:auto;bottom:60px;left:4px;right:4px}.ticker-lines span:nth-last-child(n+3),.game.has-selection .ticker-lines,.game.drawer-open .ticker{display:none}.pip{width:46%;top:156px;bottom:auto;right:4px}.toasts{top:156px;right:4px}.map-hud{top:156px}}.pick-teller{flex-direction:column;gap:6px;margin:0 0 12px;display:flex}.teller-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.teller-tab{border:1px solid var(--line-strong);opacity:.75;flex-direction:column;align-items:center;gap:1px;padding:5px 4px;font-weight:700;display:flex}.teller-tab small{color:var(--muted);font-size:11px;font-weight:500}.teller-tab.on{opacity:1;color:#ddd6fe;border-color:#c4b5fd}.story-card{background:linear-gradient(#1a1530f2,#0b0d16f2);border:1px solid #c4b5fd88;border-radius:14px;flex-direction:column;gap:6px;padding:10px 12px;animation:.25s ease-out both sel-in;display:flex;box-shadow:0 16px 40px #0009,0 0 0 1px #c4b5fd22}.story-card.is-threat{background:linear-gradient(#2a1218f2,#0b0d16f2);border-color:#f8717188}.story-card.is-boon{background:linear-gradient(#11261af2,#0b0d16f2);border-color:#4ade8088}.story-head{justify-content:space-between;align-items:center;gap:8px;font-size:14px;display:flex}.story-text{color:var(--text);margin:0;font-size:12.5px;line-height:1.5}.story-actions{flex-wrap:wrap;gap:6px;display:flex}.story-chip.is-threat{color:#fecaca;border-color:#f8717188}.story-chip.is-boon{color:#bbf7d0;border-color:#4ade8088}.run-story li.story-story{color:#ddd6fe}.overlay.boot,.overlay.error{background:radial-gradient(900px 500px at 50% 30%, #1b2140 0%, var(--bg) 70%);-webkit-backdrop-filter:none;backdrop-filter:none}.boot-title{letter-spacing:.06em;color:var(--text);margin:0 0 6px;font-size:22px}.boot-bar{background:var(--panel-2);border-radius:999px;width:min(320px,70vw);height:6px;margin:0 auto;overflow:hidden}.boot-bar i{background:linear-gradient(90deg, var(--accent), var(--gold));height:100%;transition:width .4s;display:block}.overlay.error p{max-width:46ch;color:var(--text);margin:0 auto}.overlay.error button{justify-self:center}.menu-save{border-top:1px solid var(--line);flex-direction:column;gap:6px;padding-top:8px;display:flex}.menu-row{flex-wrap:wrap;gap:6px;display:flex}.welcome-card{background:#0b0d16f2;border:1px solid #fbbf2466;border-radius:14px;flex-direction:column;gap:6px;padding:10px 12px;font-size:12.5px;animation:.25s ease-out both sel-in;display:flex;box-shadow:0 16px 40px #0009}.welcome-card b{color:var(--gold);font-size:14px}.welcome-card ul{flex-direction:column;gap:3px;margin:0;padding-left:18px;line-height:1.45;display:flex}.welcome-card button{align-self:flex-start}