:root{--bg: #0c0f12;--surface: #161a1f;--surface-alt: #1d2229;--border: #2a313a;--text: #d4d8dc;--text-muted: #9aa3ab;--accent: #5fd483;--accent-strong: #7adf99;--accent-on: #0c0f12;--brass: #9678c4;--danger: #d06557;--danger-strong: #e07565;--ok: #5fd483;--glow: transparent;--mono: "JetBrains Mono", "IBM Plex Mono", "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--radius: 2px;--radius-sm: 2px;--gap-sm: .5rem;--gap: .75rem;--gap-lg: 1.25rem;--tap-target: 44px;color-scheme:dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:radial-gradient(ellipse at 20% -10%,transparent,transparent 55%),radial-gradient(ellipse at 90% 110%,transparent,transparent 55%),var(--bg);background-attachment:fixed;min-height:100vh}button{font-family:inherit}button:focus-visible,textarea:focus-visible,[role=button]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{width:100%;max-width:1100px;margin:0 auto;padding:1rem clamp(.75rem,3vw,1.5rem) 4rem;display:flex;flex-direction:column;gap:var(--gap)}.app-title{font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.32em;color:var(--accent-strong);margin:.5rem 0 0;text-align:center;text-shadow:0 0 14px transparent}.currency{display:flex;flex-direction:column;align-items:center;padding:var(--gap-lg) var(--gap);background:radial-gradient(ellipse at 50% 0%,transparent,transparent 70%),var(--surface);border-radius:var(--radius);border:1px solid var(--border)}.resource-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--gap-sm);padding:var(--gap);background:radial-gradient(ellipse at 50% 0%,transparent,transparent 70%),var(--surface);border-radius:var(--radius);border:1px solid var(--border)}.resource-chip{display:flex;align-items:center;gap:.5rem;padding:.5rem .7rem;background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-sm)}.resource-chip-primary{grid-column:1 / -1;background:radial-gradient(ellipse at 50% 0%,transparent,transparent 75%),var(--surface-alt);border-color:var(--accent)}.resource-glyph{font-size:1.4rem;color:var(--brass);width:1.5rem;text-align:center;line-height:1}.resource-chip-primary .resource-glyph{font-size:1.8rem;color:var(--accent-strong)}.resource-body{display:flex;flex-direction:column;min-width:0;flex:1 1 auto}.resource-name{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);line-height:1.1}.resource-amount{font-size:1.05rem;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums;line-height:1.2;word-break:break-all}.resource-chip-primary .resource-amount{font-size:clamp(1.6rem,5vw,2.2rem);color:var(--accent-strong);text-shadow:0 0 14px transparent}.resource-rate{font-size:.78rem;color:var(--text-muted);font-variant-numeric:tabular-nums;line-height:1.1;margin-top:.1rem}.resource-chip-primary .resource-rate{font-size:.9rem}.offline-toast-sep{color:var(--text-muted)}.currency-value{font-size:clamp(2.25rem,8vw,3.25rem);font-weight:700;color:var(--accent-strong);letter-spacing:-.02em;line-height:1.1;text-align:center;word-break:break-all;text-shadow:0 0 18px transparent}.currency-unit{margin-top:.1rem;font-size:.7rem;font-weight:600;letter-spacing:.32em;text-transform:uppercase;color:var(--text-muted)}.currency-rate{margin-top:.4rem;color:var(--text-muted);font-size:1rem;font-variant-numeric:tabular-nums}.save-status{font-size:.8rem;color:var(--text-muted);text-align:right;padding-right:.25rem}.crafts{display:flex;flex-direction:column;gap:var(--gap-sm);padding:var(--gap);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.crafts-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--gap-sm);flex-wrap:wrap}.crafts-title{margin:0;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted)}.crafts-status{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--accent-strong)}.crafts-status-idle{color:var(--text-muted)}.craft-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--gap-sm)}.craft-card{display:flex;flex-direction:column;align-items:stretch;gap:.25rem;padding:.6rem .7rem .5rem;min-height:var(--tap-target);background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;text-align:left;font-size:.85rem;transition:border-color 80ms ease,background 80ms ease,box-shadow .12s ease}.craft-card:hover,.craft-card:focus-visible{border-color:var(--accent)}.craft-card-active{border-color:var(--accent-strong);background:radial-gradient(ellipse at 50% 0%,transparent,transparent 75%),var(--surface-alt);box-shadow:0 0 0 1px var(--accent),0 0 18px transparent}.craft-card-top{display:flex;align-items:baseline;justify-content:space-between;gap:.4rem}.craft-name{font-weight:700;color:var(--text)}.craft-card-active .craft-name{color:var(--accent-strong)}.craft-level{font-size:.75rem;font-weight:600;letter-spacing:.06em;color:var(--brass);font-variant-numeric:tabular-nums}.craft-desc{font-size:.75rem;color:var(--text-muted);line-height:1.25}.craft-stats{font-size:.8rem;color:var(--text);font-variant-numeric:tabular-nums;margin-top:.1rem}.craft-tick-bar,.craft-xp-bar{position:relative;width:100%;height:4px;background:#00000073;border-radius:999px;overflow:hidden}.craft-tick-bar{height:6px;margin-top:.25rem}.craft-tick-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-strong));transition:width 80ms linear}.craft-card:not(.craft-card-active) .craft-tick-fill{background:transparent}.craft-xp-fill{height:100%;background:var(--brass);transition:width .2s linear}.generator-list{display:flex;flex-direction:column;gap:var(--gap-sm)}.buy-mode{display:inline-flex;align-self:flex-end;padding:2px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);gap:2px}.buy-mode-option{min-height:calc(var(--tap-target) - 12px);min-width:56px;padding:.35rem .75rem;background:transparent;border:0;border-radius:calc(var(--radius-sm) - 2px);color:var(--text-muted);font-size:.85rem;font-weight:600;letter-spacing:.04em;cursor:pointer;transition:background 80ms ease,color 80ms ease}.buy-mode-option:hover,.buy-mode-option:focus-visible{color:var(--text)}.buy-mode-option-active{background:var(--accent);color:var(--accent-on)}.buy-mode-option-active:hover,.buy-mode-option-active:focus-visible{color:var(--accent-on)}.generator-row{display:flex;align-items:stretch;gap:var(--gap);padding:var(--gap);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.generator-info{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;min-width:0}.generator-name{font-weight:600;font-size:1.05rem;color:var(--text)}.generator-stats{margin-top:.15rem;color:var(--text-muted);font-size:.9rem;font-variant-numeric:tabular-nums}.generator-buy{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;min-width:96px;min-height:var(--tap-target);padding:.5rem .85rem;background:var(--surface-alt);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:background 80ms ease,border-color 80ms ease,color 80ms ease}.generator-buy:hover:not(:disabled),.generator-buy:focus-visible:not(:disabled){background:var(--accent);border-color:var(--accent);color:var(--accent-on)}.generator-buy:disabled{opacity:.5;cursor:not-allowed}.generator-buy-label{font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.06em}.generator-buy-cost{font-size:.95rem;font-variant-numeric:tabular-nums}.offline-toast{position:sticky;top:0;z-index:10;display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;padding:.6rem .85rem;background:var(--surface-alt);border:1px solid var(--accent);border-radius:var(--radius);color:var(--text);font-size:.95rem}.offline-toast-events{flex-basis:100%;list-style:none;margin:.35rem 0 0;padding:0;font-size:.78rem;color:var(--text-muted);line-height:1.3}.offline-toast-event{margin-top:.1rem}.offline-toast-event:before{content:"› ";color:var(--accent)}.offline-toast-amount{color:var(--accent);font-weight:700;font-variant-numeric:tabular-nums}.offline-toast-label{color:var(--text-muted)}.offline-toast-close{margin-left:auto;min-width:var(--tap-target);min-height:var(--tap-target);background:transparent;border:0;color:var(--text-muted);font-size:1.4rem;line-height:1;cursor:pointer}.offline-toast-close:hover{color:var(--text)}.upgrades{display:flex;flex-direction:column;gap:var(--gap-sm);padding:var(--gap);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.upgrades-title,.panel-heading{margin:0;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted)}.upgrades-section{display:flex;flex-direction:column;gap:.35rem}.upgrades-section-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.upgrades-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--gap-sm)}.upgrade{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;padding:.55rem .7rem;min-height:var(--tap-target);background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;text-align:left;font-size:.85rem;transition:background 80ms ease,border-color 80ms ease,color 80ms ease}.upgrade:hover:not(:disabled),.upgrade:focus-visible:not(:disabled){border-color:var(--accent)}.upgrade-affordable{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface-alt))}.upgrade-affordable:hover:not(:disabled),.upgrade-affordable:focus-visible:not(:disabled){background:var(--accent);color:var(--accent-on)}.upgrade-affordable:hover:not(:disabled) .upgrade-desc,.upgrade-affordable:focus-visible:not(:disabled) .upgrade-desc,.upgrade-affordable:hover:not(:disabled) .upgrade-cost,.upgrade-affordable:focus-visible:not(:disabled) .upgrade-cost{color:var(--accent-on)}.upgrade-owned{opacity:.55;cursor:default;border-style:dashed}.upgrade:disabled:not(.upgrade-owned){opacity:.55;cursor:not-allowed}.upgrade-name{font-weight:600}.upgrade-desc{color:var(--text-muted);font-size:.78rem;line-height:1.25}.upgrade-cost{margin-top:.15rem;color:var(--accent);font-variant-numeric:tabular-nums;font-size:.85rem}.upgrade-owned .upgrade-cost{color:var(--ok)}.prestige{margin-top:var(--gap);display:flex;flex-direction:column;gap:var(--gap-sm);padding:var(--gap);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.prestige-header{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-sm);flex-wrap:wrap}.prestige-title{margin:0;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted)}.prestige-stats{display:flex;gap:.35rem;flex-wrap:wrap}.prestige-pill{display:inline-flex;align-items:center;padding:.2rem .55rem;background:var(--surface-alt);border:1px solid var(--border);border-radius:999px;font-size:.8rem;font-variant-numeric:tabular-nums;color:var(--accent)}.prestige-pill-muted{color:var(--text-muted)}.prestige-info{color:var(--text);font-size:.95rem;line-height:1.4}.prestige-gain{color:var(--accent)}.prestige-controls{display:flex;gap:var(--gap-sm);align-items:center;flex-wrap:wrap}.prestige-button{min-height:var(--tap-target);padding:.5rem 1rem;background:transparent;border:1px solid var(--accent);border-radius:var(--radius-sm);color:var(--accent);font-weight:600;font-size:.95rem;cursor:pointer;transition:background 80ms ease,color 80ms ease}.prestige-button:hover,.prestige-button:focus-visible{background:var(--accent);color:var(--accent-on)}.prestige-button-confirm{background:var(--accent);color:var(--accent-on)}.prestige-cancel{min-height:var(--tap-target);padding:.5rem .85rem;background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;font-size:.9rem}.prestige-warning{color:var(--text-muted);font-size:.85rem}.prestige-locked{color:var(--text-muted);font-size:.9rem;font-variant-numeric:tabular-nums}.achievements{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.achievements-header{display:flex;align-items:center;gap:var(--gap-sm);width:100%;min-height:var(--tap-target);padding:.6rem var(--gap);background:transparent;border:0;color:var(--text);cursor:pointer;text-align:left}.achievements-header:hover,.achievements-header:focus-visible{background:var(--surface-alt)}.achievements-title{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted)}.achievements-count{margin-left:auto;font-size:.85rem;font-variant-numeric:tabular-nums;color:var(--accent);font-weight:600}.achievements-toggle{font-size:1.1rem;color:var(--text-muted);width:1.25rem;text-align:center}.achievements-body{display:flex;flex-direction:column;gap:var(--gap-sm);padding:var(--gap);border-top:1px solid var(--border)}.achievements-section{display:flex;flex-direction:column;gap:.35rem}.achievements-section-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--gap-sm)}.achievement{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;padding:.5rem .65rem;min-height:var(--tap-target);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-alt);font-size:.85rem}.achievement-unlocked{border-color:var(--ok);background:color-mix(in srgb,var(--ok) 8%,var(--surface-alt))}.achievement-locked{opacity:.55;border-style:dashed}.achievement-name{font-weight:600;color:var(--text)}.achievement-unlocked .achievement-name{color:var(--ok)}.achievement-desc{color:var(--text-muted);font-size:.78rem;line-height:1.25}.settings{margin-top:var(--gap-lg);display:flex;flex-direction:column;gap:var(--gap-sm)}.settings-toggle{align-self:flex-start;min-height:var(--tap-target);padding:.5rem 1rem;background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;font-size:.9rem}.settings-toggle:hover,.settings-toggle:focus-visible{color:var(--text);border-color:var(--text-muted)}.settings-body{display:flex;flex-direction:column;gap:var(--gap);padding:var(--gap);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.settings-row{display:flex;flex-direction:column;gap:var(--gap-sm)}.settings-label{font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.settings-controls{display:flex;gap:var(--gap-sm);align-items:center;flex-wrap:wrap}.settings-controls button{min-height:var(--tap-target);padding:.5rem 1rem;background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;font-size:.95rem}.settings-controls button:hover:not(:disabled),.settings-controls button:focus-visible:not(:disabled){background:var(--surface);border-color:var(--accent)}.settings-controls button:disabled{opacity:.5;cursor:not-allowed}.settings-textarea{width:100%;resize:vertical;padding:.6rem .75rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.85rem;line-height:1.4;word-break:break-all}.settings-danger{background:transparent!important;color:var(--danger)!important;border-color:var(--danger)!important}.settings-danger:hover,.settings-danger:focus-visible{background:var(--danger)!important;color:var(--accent-on)!important}.settings-confirm{background:var(--danger)!important;color:var(--accent-on)!important}.settings-ok{color:var(--ok);font-size:.9rem}.settings-fail{color:var(--danger);font-size:.9rem}.tabs{display:flex;flex-direction:column;gap:var(--gap)}.tab-bar{position:sticky;top:0;z-index:5;margin:0 calc(-1*clamp(.75rem,3vw,1.5rem));padding:0 clamp(.75rem,3vw,1.5rem);background:linear-gradient(180deg,var(--bg) 70%,transparent),var(--bg);border-bottom:1px solid var(--border)}.tab-bar-scroll{display:flex;gap:2px;overflow-x:auto;overflow-y:visible;scrollbar-width:thin;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.tab-bar-scroll::-webkit-scrollbar{height:4px}.tab-bar-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.tab-button{flex:0 0 auto;min-height:var(--tap-target);padding:.55rem .95rem;background:transparent;border:0;border-bottom:2px solid transparent;color:var(--text-muted);font-size:.85rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;scroll-snap-align:start;transition:color 80ms ease,border-color 80ms ease}.tab-button:hover,.tab-button:focus-visible{color:var(--text)}.tab-button-active{color:var(--accent-strong);border-bottom-color:var(--accent-strong)}.tab-button-active:hover,.tab-button-active:focus-visible{color:var(--accent-strong)}.tab-panel{display:flex;flex-direction:column;gap:var(--gap)}.combat{display:flex;flex-direction:column;gap:var(--gap);padding:var(--gap);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.combat-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--gap-sm);flex-wrap:wrap}.combat-title{margin:0;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted)}.combat-zone{font-size:.78rem;color:var(--accent-strong);text-transform:uppercase;letter-spacing:.12em}.combat-skills{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--gap-sm)}.combat-skill{display:flex;flex-direction:column;gap:.2rem;padding:.4rem .5rem;background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-sm)}.combat-skill-head{display:flex;align-items:baseline;justify-content:space-between}.combat-skill-name{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text)}.combat-skill-level{font-size:.72rem;color:var(--brass);font-variant-numeric:tabular-nums}.combat-skill-xp{width:100%;height:4px;background:#00000073;border-radius:999px;overflow:hidden}.combat-skill-xp-fill{height:100%;background:var(--brass);transition:width .2s linear}.combat-statline{display:flex;gap:.8rem;flex-wrap:wrap;padding:.4rem .6rem;background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.8rem;font-variant-numeric:tabular-nums;color:var(--text-muted)}.combat-statline span{color:var(--text)}.combat-alert{padding:.5rem .75rem;background:color-mix(in srgb,var(--accent) 12%,var(--surface-alt));border:1px solid var(--accent);border-radius:var(--radius-sm);font-size:.85rem;color:var(--accent-strong)}.combat-idle{padding:.6rem .8rem;text-align:center;background:var(--surface-alt);border:1px dashed var(--border);border-radius:var(--radius-sm);color:var(--text-muted);font-style:italic}.combat-fight{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:.6rem;padding:var(--gap-sm);background:radial-gradient(ellipse at 50% 0%,transparent,transparent 70%),var(--surface-alt);border:1px solid var(--accent);border-radius:var(--radius-sm)}@media (max-width: 480px){.combat-fight{grid-template-columns:1fr}.combat-vs{text-align:center}}.combat-side{display:flex;flex-direction:column;gap:.3rem}.combat-side-head{display:flex;align-items:baseline;justify-content:space-between;gap:.3rem}.combat-side-name{font-weight:600;font-size:.9rem}.combat-side-hp{font-size:.78rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.combat-vs{display:flex;align-items:center;justify-content:center;font-size:.85rem;text-transform:uppercase;letter-spacing:.18em;color:var(--text-muted)}.combat-bar{width:100%;height:10px;background:#00000080;border-radius:999px;overflow:hidden}.combat-bar-fill{height:100%;transition:width .12s linear}.combat-bar-player{background:linear-gradient(90deg,var(--ok),color-mix(in srgb,var(--ok) 75%,white))}.combat-bar-enemy{background:linear-gradient(90deg,var(--accent),var(--accent-strong))}.combat-swing-bar{width:100%;height:4px;background:#00000073;border-radius:999px;overflow:hidden}.combat-swing-fill{height:100%;background:var(--brass);transition:width 80ms linear}.combat-disengage{grid-column:1 / -1;min-height:var(--tap-target);padding:.5rem 1rem;background:transparent;border:1px solid var(--accent);border-radius:var(--radius-sm);color:var(--accent);font-size:.85rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:background 80ms ease,color 80ms ease}.combat-disengage:hover,.combat-disengage:focus-visible{background:var(--accent);color:var(--accent-on)}.enemy-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--gap-sm)}.enemy-card{display:flex;flex-direction:column;gap:.4rem;padding:.55rem .7rem;background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-sm)}.enemy-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:.3rem}.enemy-name{font-weight:600;font-size:.92rem}.enemy-kills{font-size:.7rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.enemy-stats{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.74rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.enemy-stats span{color:var(--text)}.enemy-engage{align-self:flex-start;min-height:32px;padding:.35rem .85rem;background:var(--accent);border:0;border-radius:var(--radius-sm);color:var(--accent-on);font-size:.78rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.enemy-engage:hover,.enemy-engage:focus-visible{background:var(--accent-strong)}.skills{display:flex;flex-direction:column;gap:var(--gap);padding:var(--gap);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.skills-header{display:flex;flex-direction:column;gap:var(--gap-sm)}.skills-title{margin:0;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted)}.skills-slots{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-sm)}.skills-slot{display:flex;flex-direction:column;gap:.2rem;padding:.45rem .6rem;background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-sm)}.skills-slot-active{border-color:var(--accent)}.skills-slot-idle .skills-slot-value{color:var(--text-muted);font-style:italic}.skills-slot-kind{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.skills-slot-value{font-size:.9rem;font-weight:600;color:var(--text)}.skills-slot-active .skills-slot-value{color:var(--accent-strong)}.skills-slot-bar{width:100%;height:4px;background:#00000073;border-radius:999px;overflow:hidden}.skills-slot-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-strong));transition:width 80ms linear}.skills-body{display:grid;grid-template-columns:minmax(140px,.6fr) 1fr;gap:var(--gap);align-items:start}@media (max-width: 520px){.skills-body{grid-template-columns:1fr}}.skills-list{display:flex;flex-direction:column;gap:.3rem}.skills-group-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);margin-top:.25rem}.skills-group-label:first-child{margin-top:0}.skill-card{display:flex;flex-direction:column;align-items:stretch;gap:.2rem;padding:.5rem .6rem;min-height:var(--tap-target);background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);text-align:left;cursor:pointer;font-size:.85rem;transition:border-color 80ms ease,background 80ms ease;position:relative}.skill-card:hover,.skill-card:focus-visible{border-color:var(--accent)}.skill-card-selected{border-color:var(--text-muted);background:var(--surface)}.skill-card-active{border-color:var(--accent-strong);box-shadow:0 0 0 1px var(--accent),0 0 14px transparent}.skill-card-top{display:flex;align-items:baseline;justify-content:space-between;gap:.3rem}.skill-name{font-weight:600}.skill-level{font-size:.75rem;color:var(--brass);font-variant-numeric:tabular-nums}.skill-desc{font-size:.72rem;color:var(--text-muted);line-height:1.25}.skill-active-badge{position:absolute;top:4px;right:6px;font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-strong)}.skills-detail{display:flex;flex-direction:column;gap:var(--gap-sm);padding:var(--gap);background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-sm)}.skills-detail-header{display:flex;align-items:baseline;justify-content:space-between}.skills-detail-name{font-weight:700;font-size:1.05rem}.skills-detail-level{font-size:.85rem;color:var(--brass);font-variant-numeric:tabular-nums}.skills-xp-bar{width:100%;height:4px;background:#00000073;border-radius:999px;overflow:hidden}.skills-xp-fill{height:100%;background:var(--brass);transition:width .2s linear}.recipes-grid{display:flex;flex-direction:column;gap:var(--gap-sm)}.recipe-card{display:flex;flex-direction:column;gap:.4rem;padding:.55rem .7rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.85rem}.recipe-card-active{border-color:var(--accent);background:radial-gradient(ellipse at 50% 0%,transparent,transparent 70%),var(--surface)}.recipe-card-locked{opacity:.6;border-style:dashed}.recipe-top{display:flex;align-items:baseline;justify-content:space-between}.recipe-name{font-weight:600}.recipe-interval{font-size:.75rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.recipe-flow{display:grid;grid-template-columns:1fr auto 1fr;gap:.4rem;align-items:stretch}.recipe-block{display:flex;flex-direction:column;gap:.2rem;padding:.4rem .5rem;background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-sm)}.recipe-block-label{font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.recipe-block-body{display:flex;flex-direction:column;gap:.15rem;font-size:.78rem;color:var(--text)}.recipe-arrow{display:flex;align-items:center;justify-content:center;font-size:.95rem;color:var(--brass)}.recipe-cost{display:block;font-variant-numeric:tabular-nums}.recipe-cost-short{color:var(--danger)}.recipe-scraps{display:block;color:var(--brass);font-variant-numeric:tabular-nums;font-size:.75rem}.recipe-none{font-style:italic;color:var(--text-muted)}.recipe-footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.recipe-xp{font-size:.75rem;color:var(--text-muted)}.recipe-locked{font-size:.75rem;color:var(--text-muted);font-style:italic}.recipe-btn{min-height:32px;padding:.35rem .8rem;background:var(--accent);color:var(--accent-on);border:0;border-radius:var(--radius-sm);font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background 80ms ease}.recipe-btn:hover:not(:disabled),.recipe-btn:focus-visible:not(:disabled){background:var(--accent-strong)}.recipe-btn:disabled{opacity:.45;cursor:not-allowed}.recipe-btn-stop{background:transparent;border:1px solid var(--accent);color:var(--accent)}.recipe-btn-stop:hover,.recipe-btn-stop:focus-visible{background:var(--accent);color:var(--accent-on)}.inventory{display:flex;flex-direction:column;gap:var(--gap);padding:var(--gap);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.inventory-title{margin:0;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted)}.inventory-section{display:flex;flex-direction:column;gap:.4rem}.inventory-section-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--gap-sm)}.inventory-card{display:flex;flex-direction:column;gap:.3rem;padding:.5rem .65rem;background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-sm)}.inventory-card-unknown{border-style:dashed;opacity:.7}.inventory-card-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem}.inventory-card-meta{display:flex;align-items:center;justify-content:space-between;gap:.4rem;flex-wrap:wrap}.inventory-unit-price{font-size:.72rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.inventory-empty{padding:var(--gap);text-align:center;color:var(--text-muted);font-style:italic}.inventory-sell{display:flex;gap:2px}.inventory-sell-btn{min-height:32px;min-width:36px;padding:.25rem .4rem;background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);font-size:.72rem;font-weight:600;letter-spacing:.05em;cursor:pointer;transition:background 80ms ease,color 80ms ease,border-color 80ms ease}.inventory-sell-btn:hover:not(:disabled),.inventory-sell-btn:focus-visible:not(:disabled){background:var(--accent);border-color:var(--accent);color:var(--accent-on)}.inventory-sell-btn:disabled{opacity:.4;cursor:not-allowed}.trade-panel{display:flex;flex-direction:column;gap:.5rem;padding:var(--gap);background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-sm);margin-top:.25rem}.trade-panel-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted)}.trade-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.4rem}@media (max-width: 480px){.trade-row{grid-template-columns:1fr}}.trade-label{display:flex;flex-direction:column;gap:.2rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.trade-label select,.trade-label input{min-height:36px;padding:.35rem .5rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.85rem;font-family:inherit}.trade-label select:focus-visible,.trade-label input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.trade-summary{font-size:.85rem;color:var(--text);font-variant-numeric:tabular-nums}.trade-fee{color:var(--text-muted);font-size:.75rem}.trade-disabled{color:var(--text-muted);font-style:italic}.trade-btn{align-self:flex-start;min-height:var(--tap-target);padding:.5rem 1rem;background:var(--accent);color:var(--accent-on);border:0;border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.trade-btn:hover:not(:disabled),.trade-btn:focus-visible:not(:disabled){background:var(--accent-strong)}.trade-btn:disabled{opacity:.45;cursor:not-allowed}.inventory-item-unknown{border-style:dashed;opacity:.7}.inventory-icon{font-size:1.05rem;color:var(--brass);text-align:center;width:1.25rem}.inventory-name{font-size:.85rem;color:var(--text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inventory-qty{font-size:.85rem;color:var(--accent);font-variant-numeric:tabular-nums;font-weight:600}.equipment{display:flex;flex-direction:column;gap:var(--gap-sm);padding:var(--gap-sm);background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-sm)}.equipment-title{margin:0;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted)}.equipment-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:var(--gap-sm)}.equip-slot{display:flex;flex-direction:column;gap:.25rem;padding:.5rem .6rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm)}.equip-slot-filled{border-color:var(--brass)}.equip-slot-head{display:flex;align-items:center;justify-content:space-between;gap:.3rem}.equip-slot-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.equip-slot-action{min-height:28px;padding:.2rem .55rem;background:var(--accent);border:0;border-radius:var(--radius-sm);color:var(--accent-on);font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.equip-slot-action:hover,.equip-slot-action:focus-visible{background:var(--accent-strong)}.equip-slot-unequip{background:transparent;border:1px solid var(--accent);color:var(--accent)}.equip-slot-unequip:hover,.equip-slot-unequip:focus-visible{background:var(--accent);color:var(--accent-on)}.equip-slot-body{display:flex;flex-direction:column;gap:.25rem}.equip-slot-name{display:flex;align-items:center;gap:.35rem;font-weight:600;font-size:.88rem;color:var(--text)}.equip-slot-name-empty{color:var(--text-muted);font-style:italic;font-weight:400}.equip-slot-icon{color:var(--brass)}.equip-slot-mods{font-size:.75rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.equip-slot-enchants{display:flex;flex-direction:column;gap:.2rem;margin-top:.2rem;padding-top:.35rem;border-top:1px dashed var(--border)}.equip-slot-enchants-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.equip-slot-enchants-row{display:flex;flex-direction:column;gap:.2rem}.equip-glyph{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.25rem .4rem;padding:.25rem .4rem;background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-sm)}.equip-glyph-name{display:flex;align-items:center;gap:.3rem;font-size:.78rem;color:var(--text)}.equip-glyph-icon{color:var(--brass)}.equip-glyph-mods{grid-column:1 / 2;font-size:.7rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.equip-glyph-empty{font-size:.78rem;color:var(--text-muted);font-style:italic}.equip-glyph-btn{grid-row:1 / span 2;min-height:26px;min-width:26px;padding:.15rem .45rem;background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);font-size:.72rem;cursor:pointer}.equip-glyph-btn:hover,.equip-glyph-btn:focus-visible{border-color:var(--accent);color:var(--text)}.equip-glyph-btn-open{color:var(--accent);border-color:var(--accent)}.equip-picker{display:flex;flex-direction:column;gap:.35rem;margin-top:.4rem;padding:.45rem;background:var(--bg);border:1px solid var(--accent);border-radius:var(--radius-sm)}.equip-picker-head{display:flex;align-items:center;justify-content:space-between;gap:.3rem}.equip-picker-title{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.equip-picker-cancel{min-height:24px;padding:.15rem .5rem;background:transparent;border:0;color:var(--text-muted);font-size:.72rem;cursor:pointer}.equip-picker-cancel:hover,.equip-picker-cancel:focus-visible{color:var(--text)}.equip-picker-empty{font-size:.78rem;color:var(--text-muted);font-style:italic;text-align:center;padding:.5rem 0}.equip-picker-list{display:flex;flex-direction:column;gap:.25rem;max-height:180px;overflow-y:auto}.equip-picker-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.25rem .5rem;padding:.35rem .5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.8rem;cursor:pointer;text-align:left}.equip-picker-row:hover,.equip-picker-row:focus-visible{border-color:var(--accent);background:var(--surface-alt)}.equip-picker-icon{color:var(--brass);font-size:.95rem}.equip-picker-name{font-weight:600;color:var(--text)}.equip-picker-mods{grid-column:2 / 3;font-size:.7rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.equip-picker-qty{grid-row:1 / span 2;font-size:.78rem;color:var(--accent);font-variant-numeric:tabular-nums}.army{display:flex;flex-direction:column;gap:var(--gap);padding:var(--gap);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.army-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--gap-sm);flex-wrap:wrap}.army-title{margin:0;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted)}.army-summary{display:flex;gap:.6rem;flex-wrap:wrap;font-size:.78rem;font-variant-numeric:tabular-nums;color:var(--text-muted)}.army-summary span{color:var(--text)}.foundry{display:flex;flex-direction:column;gap:var(--gap-sm);padding:var(--gap-sm);background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-sm)}.foundry-title{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted)}.foundry-slots{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--gap-sm)}.foundry-slot{display:flex;flex-direction:column;gap:.3rem;padding:.5rem .6rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm)}.foundry-slot-idle{font-style:italic;color:var(--text-muted)}.foundry-slot-idle .foundry-slot-empty{font-size:.8rem}.foundry-slot-active{border-color:var(--accent)}.foundry-slot-head{display:flex;align-items:center;gap:.4rem}.foundry-slot-label{font-size:.7rem;color:var(--text-muted);letter-spacing:.08em;font-variant-numeric:tabular-nums}.foundry-slot-unit{font-weight:600;font-size:.88rem;color:var(--text);flex:1 1 auto}.foundry-slot-stop{min-height:26px;padding:.15rem .55rem;background:transparent;border:1px solid var(--accent);border-radius:var(--radius-sm);color:var(--accent);font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.foundry-slot-stop:hover,.foundry-slot-stop:focus-visible{background:var(--accent);color:var(--accent-on)}.foundry-slot-bar{height:6px;background:#00000080;border-radius:999px;overflow:hidden}.foundry-slot-fill{height:100%;background:linear-gradient(90deg,var(--brass),var(--accent));transition:width 80ms linear}.foundry-slot-meta{display:flex;justify-content:space-between;gap:.4rem;font-size:.72rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.foundry-slot-meta span:first-child{color:var(--text)}.army-roster-section{display:flex;flex-direction:column;gap:var(--gap-sm)}.army-roster-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted)}.army-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--gap-sm)}.unit-card{display:flex;flex-direction:column;gap:.3rem;padding:.6rem .7rem;background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-sm)}.unit-card-active{border-color:var(--accent-strong);box-shadow:0 0 0 1px var(--accent),0 0 12px transparent}.unit-card-locked{opacity:.5;border-style:dashed}.unit-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:.3rem}.unit-name{font-weight:700;font-size:.92rem;color:var(--text)}.unit-role{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:var(--brass)}.unit-desc{font-size:.74rem;line-height:1.3;color:var(--text-muted)}.unit-stats{display:flex;justify-content:space-between;gap:.4rem;font-size:.76rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.unit-owned{color:var(--accent);font-weight:600}.unit-mods,.unit-cost{display:flex;gap:.4rem;flex-wrap:wrap;font-size:.74rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.unit-mods-label,.unit-cost-label{text-transform:uppercase;letter-spacing:.08em;font-size:.66rem}.unit-mods-value,.unit-cost-value{color:var(--text)}.unit-locked{margin-top:.2rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);text-align:center}.unit-build-btn{align-self:flex-start;min-height:30px;padding:.3rem .85rem;background:var(--accent);border:0;border-radius:var(--radius-sm);color:var(--accent-on);font-size:.74rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.unit-build-btn:hover:not(:disabled),.unit-build-btn:focus-visible:not(:disabled){background:var(--accent-strong)}.unit-build-btn:disabled{opacity:.5;cursor:not-allowed}.spells{display:flex;flex-direction:column;gap:var(--gap);padding:var(--gap);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.spells-title{margin:0;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted)}.spells-buffs-section,.spells-school-section{display:flex;flex-direction:column;gap:.4rem}.spells-buffs-label,.spells-school-label,.spells-spellbook-label,.spells-rituals-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted)}.spells-buffs{display:flex;gap:.4rem;flex-wrap:wrap}.spells-buff{display:flex;gap:.4rem;padding:.25rem .55rem;background:var(--surface-alt);border:1px solid var(--brass);border-radius:var(--radius-sm);font-size:.78rem}.spells-buff-name{color:var(--brass);font-weight:600}.spells-buff-time{font-variant-numeric:tabular-nums;color:var(--text-muted)}.spells-buffs-empty{font-size:.78rem;color:var(--text-muted);font-style:italic}.spells-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--gap-sm)}.spell-card{display:flex;flex-direction:column;gap:.3rem;padding:.55rem .7rem;background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-sm)}.spell-card-locked{opacity:.5;border-style:dashed}.spell-card-cd{border-color:var(--accent)}.spell-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:.3rem}.spell-name{font-weight:700;font-size:.92rem}.spell-school{font-size:.66rem;text-transform:uppercase;letter-spacing:.1em;color:var(--brass)}.spell-desc{font-size:.74rem;line-height:1.3;color:var(--text-muted)}.spell-effect{font-size:.78rem;color:var(--text);font-variant-numeric:tabular-nums}.spell-meta{display:flex;gap:.6rem;justify-content:space-between;flex-wrap:wrap;font-size:.74rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.spell-cost-label{text-transform:uppercase;letter-spacing:.08em;font-size:.65rem}.spell-cost{color:var(--text)}.spell-cd-bar{height:4px;background:#00000080;border-radius:999px;overflow:hidden}.spell-cd-fill{height:100%;background:var(--accent);transition:width 80ms linear}.spell-requires{font-size:.7rem;color:var(--brass);font-style:italic}.spell-cast-btn{align-self:flex-start;min-height:30px;padding:.3rem .85rem;background:var(--accent);border:0;border-radius:var(--radius-sm);color:var(--accent-on);font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.spell-cast-btn:hover:not(:disabled),.spell-cast-btn:focus-visible:not(:disabled){background:var(--accent-strong)}.spell-cast-btn:disabled{opacity:.45;cursor:not-allowed}.rituals-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--gap-sm)}.ritual-card{display:flex;flex-direction:column;gap:.3rem;padding:.6rem .7rem;background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-sm)}.ritual-card-active{border-color:var(--accent)}.ritual-head{display:flex;align-items:baseline;justify-content:space-between;gap:.3rem}.ritual-name{font-weight:700;font-size:.92rem}.ritual-school{font-size:.66rem;text-transform:uppercase;letter-spacing:.1em;color:var(--brass)}.ritual-desc{font-size:.74rem;line-height:1.3;color:var(--text-muted)}.ritual-cost{font-size:.74rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.ritual-cost-label{text-transform:uppercase;letter-spacing:.08em;font-size:.65rem}.ritual-meta{font-size:.7rem;color:var(--text-muted)}.ritual-bar{position:relative;height:14px;background:#00000080;border-radius:999px;overflow:hidden;margin-top:.2rem}.ritual-bar-fill{height:100%;background:linear-gradient(90deg,var(--brass),var(--accent-strong));transition:width 80ms linear}.ritual-bar-eta{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--text);font-variant-numeric:tabular-nums}.ritual-controls{display:flex;align-items:center;justify-content:space-between;gap:.4rem}.ritual-warn{font-size:.7rem;color:var(--text-muted);font-style:italic}.ritual-cancel-btn{min-height:28px;padding:.2rem .55rem;background:transparent;border:1px solid var(--accent);border-radius:var(--radius-sm);color:var(--accent);font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.ritual-cancel-btn:hover,.ritual-cancel-btn:focus-visible{background:var(--accent);color:var(--accent-on)}.ritual-begin-btn{align-self:flex-start;min-height:30px;padding:.3rem .85rem;background:var(--accent);border:0;border-radius:var(--radius-sm);color:var(--accent-on);font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.ritual-begin-btn:hover:not(:disabled),.ritual-begin-btn:focus-visible:not(:disabled){background:var(--accent-strong)}.ritual-begin-btn:disabled{opacity:.45;cursor:not-allowed}.spells-hint{font-size:.78rem;line-height:1.4;color:var(--text-muted);padding:.5rem .65rem;background:transparent;border-left:2px solid var(--brass);border-radius:var(--radius-sm)}.spell-status{font-size:.66rem;text-transform:uppercase;letter-spacing:.1em;font-weight:600;align-self:flex-start;padding:.18rem .45rem;border-radius:999px}.spell-status-known{background:transparent;color:var(--brass)}.spell-status-locked{background:var(--surface-alt);color:var(--text-muted)}.combat-spellbar-section{display:flex;flex-direction:column;gap:.4rem;margin-top:.2rem}.combat-spellbar-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted)}.combat-spellbar{display:flex;flex-wrap:wrap;gap:.5rem}.combat-spellbar-empty{font-size:.78rem;color:var(--text-muted);font-style:italic}.spell-tile{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;min-width:112px;min-height:64px;padding:.4rem .55rem;background:var(--surface-alt);border:1px solid var(--border);border-left:3px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;text-align:left;font:inherit;transition:border-color .12s ease,background .12s ease,transform 80ms ease}.spell-tile:hover:not(:disabled),.spell-tile:focus-visible:not(:disabled){background:#2a1622;border-color:var(--accent);border-left-color:var(--accent);outline:none}.spell-tile:active:not(:disabled){transform:translateY(1px)}.spell-tile:disabled{cursor:not-allowed;opacity:.55}.spell-tile-pyromantic{border-left-color:var(--accent-strong)}.spell-tile-aethereal{border-left-color:var(--brass)}.spell-tile-mantic{border-left-color:#6c8fb0}.spell-tile-cd{border-color:var(--accent)}.spell-tile-blocked{border-style:dashed}.spell-tile-name{font-weight:700;font-size:.85rem;letter-spacing:.02em}.spell-tile-cost{font-size:.7rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.spell-tile-cd-overlay{position:absolute;left:0;right:0;bottom:0;background:transparent;pointer-events:none;transition:height 80ms linear}.spell-tile-cd-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.95rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--accent-on);text-shadow:0 1px 2px rgba(0,0,0,.7);pointer-events:none}.combat-buffs{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:-.2rem}.combat-buff{display:inline-flex;align-items:center;gap:.4rem;padding:.22rem .55rem;background:transparent;border:1px solid var(--brass);border-radius:999px;font-size:.75rem}.combat-buff-name{color:var(--brass);font-weight:600}.combat-buff-time{color:var(--text-muted);font-variant-numeric:tabular-nums}.map{display:flex;flex-direction:column;gap:var(--gap);padding:var(--gap);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.map-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--gap-sm);flex-wrap:wrap}.map-title{margin:0;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted)}.map-current{font-size:.8rem;color:var(--text-muted)}.map-current strong{color:var(--accent-strong);font-weight:600}.region-section{display:flex;flex-direction:column;gap:var(--gap-sm);padding:var(--gap-sm);background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-sm)}.region-section-locked{opacity:.55;border-style:dashed}.region-head{display:flex;flex-direction:column;gap:.15rem}.region-name{font-weight:700;font-size:.95rem;color:var(--text);letter-spacing:.02em}.region-desc{font-size:.78rem;color:var(--text-muted)}.region-locked-hint{font-size:.74rem;color:var(--brass);font-style:italic}.region-zones{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--gap-sm)}.zone-card{display:flex;flex-direction:column;gap:.3rem;padding:.55rem .7rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm)}.zone-card-locked{opacity:.6;border-style:dashed}.zone-card-selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 14px transparent}.zone-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:.3rem}.zone-name{font-weight:700;font-size:.9rem}.zone-level{font-size:.72rem;color:var(--brass);font-variant-numeric:tabular-nums}.zone-desc{font-size:.74rem;color:var(--text-muted);line-height:1.3}.zone-enemies{font-size:.74rem;color:var(--text-muted);display:flex;flex-direction:column;gap:.1rem}.zone-enemies-label{text-transform:uppercase;letter-spacing:.08em;font-size:.62rem}.procgen-best-line{font-size:.7rem;color:var(--accent, #c9b07a);letter-spacing:.04em;margin-top:-.1rem}.app-header-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.4rem}.log-button{position:relative;background:transparent;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;padding:.25rem .6rem;cursor:pointer;transition:color 80ms ease,border-color 80ms ease}.log-button:hover,.log-button:focus-visible{color:var(--text);border-color:var(--accent)}.log-button-badge{position:absolute;top:-.4rem;right:-.4rem;min-width:1.1rem;height:1.1rem;padding:0 .3rem;background:var(--accent);color:var(--accent-on);border-radius:999px;font-size:.6rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.log-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem}.log-modal{width:min(560px,100%);max-height:80vh;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 32px #0006;overflow:hidden}.log-modal-head{display:flex;align-items:center;justify-content:space-between;padding:.75rem .9rem;border-bottom:1px solid var(--border);background:var(--surface-alt)}.log-modal-title{font-weight:600;letter-spacing:.04em;text-transform:uppercase;font-size:.85rem}.log-modal-actions{display:flex;gap:.4rem;align-items:center}.log-modal-clear{background:transparent;border:1px solid var(--border);color:var(--text-muted);font-size:.72rem;padding:.25rem .55rem;border-radius:var(--radius);cursor:pointer}.log-modal-clear:hover:not(:disabled){color:var(--danger);border-color:var(--danger)}.log-modal-clear:disabled{opacity:.4;cursor:not-allowed}.log-modal-close{background:transparent;border:0;color:var(--text-muted);font-size:1.4rem;line-height:1;min-width:var(--tap-target);min-height:var(--tap-target);cursor:pointer}.log-modal-close:hover{color:var(--text)}.log-modal-empty{padding:2rem 1rem;text-align:center;color:var(--text-muted);font-style:italic;font-size:.85rem}.log-modal-list{list-style:none;margin:0;padding:0;overflow-y:auto}.log-modal-entry{padding:.65rem .9rem;border-bottom:1px solid var(--border)}.log-modal-entry:last-child{border-bottom:0}.log-modal-entry-head{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.log-modal-entry-title{font-weight:600;font-size:.85rem;color:var(--accent);letter-spacing:.03em}.log-modal-entry-age{font-size:.68rem;color:var(--text-muted);white-space:nowrap}.log-modal-entry-body{margin-top:.2rem;font-size:.8rem;color:var(--text-muted);line-height:1.4;white-space:pre-line}.zone-enemies-list{color:var(--text)}.zone-select-btn{align-self:flex-start;min-height:30px;padding:.3rem .85rem;background:var(--accent);border:0;border-radius:var(--radius-sm);color:var(--accent-on);font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.zone-select-btn:hover:not(:disabled),.zone-select-btn:focus-visible:not(:disabled){background:var(--accent-strong)}.zone-select-btn:disabled{opacity:.55;cursor:not-allowed}.zone-locked-hint{font-size:.74rem;color:var(--brass);font-style:italic}.zone-actions{display:flex;gap:.3rem;flex-wrap:wrap}.zone-dispatch-btn{align-self:flex-start;min-height:30px;padding:.3rem .85rem;background:transparent;border:1px solid var(--brass);border-radius:var(--radius-sm);color:var(--brass);font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.zone-dispatch-btn:hover:not(:disabled),.zone-dispatch-btn:focus-visible:not(:disabled){background:var(--brass);color:var(--bg)}.zone-dispatch-btn:disabled{opacity:.5;cursor:not-allowed}.expedition-picker{margin-top:.4rem;padding:.5rem .6rem;background:var(--bg);border:1px solid var(--brass);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:.4rem}.expedition-picker-head{display:flex;align-items:center;justify-content:space-between}.expedition-picker-title{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--brass);font-weight:600}.expedition-picker-close{background:transparent;border:0;color:var(--text-muted);cursor:pointer;font-size:1rem;line-height:1}.expedition-length-row{display:flex;gap:.3rem;flex-wrap:wrap}.expedition-length-btn{flex:1 1 auto;min-height:32px;padding:.3rem .6rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);font-size:.74rem;cursor:pointer}.expedition-length-btn-active{background:var(--accent);color:var(--accent-on);border-color:var(--accent)}.expedition-commit{display:flex;flex-direction:column;gap:.25rem}.expedition-commit-label{font-size:.66rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.expedition-no-units{font-size:.78rem;color:var(--text-muted);font-style:italic}.expedition-commit-row{display:flex;align-items:center;justify-content:space-between;gap:.4rem;padding:.25rem 0}.expedition-commit-name{font-size:.8rem;color:var(--text)}.expedition-commit-controls{display:flex;align-items:center;gap:.3rem}.expedition-commit-controls button{min-width:28px;min-height:28px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;font-size:.95rem}.expedition-commit-qty{min-width:60px;text-align:center;font-size:.78rem;font-variant-numeric:tabular-nums}.expedition-summary{display:flex;flex-direction:column;gap:.2rem;font-size:.78rem;color:var(--text);font-variant-numeric:tabular-nums}.expedition-label{font-size:.66rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.expedition-dispatch-btn{align-self:flex-start;min-height:32px;padding:.35rem .95rem;background:var(--brass);border:0;border-radius:var(--radius-sm);color:var(--bg);font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.expedition-dispatch-btn:disabled{opacity:.5;cursor:not-allowed}.expedition-active{display:flex;flex-direction:column;gap:.4rem;padding:.6rem .7rem;background:radial-gradient(ellipse at 50% 0%,transparent,transparent 70%),var(--surface-alt);border:1px solid var(--brass);border-radius:var(--radius-sm)}.expedition-active-head{display:flex;align-items:baseline;justify-content:space-between;gap:.3rem}.expedition-active-title{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--brass);font-weight:700}.expedition-active-zone{font-size:.78rem;color:var(--text)}.expedition-active-bar{height:10px;background:#00000080;border-radius:999px;overflow:hidden}.expedition-active-fill{height:100%;background:linear-gradient(90deg,var(--brass),var(--accent-strong));transition:width .12s linear}.expedition-active-meta{display:flex;align-items:center;justify-content:space-between;gap:.4rem;font-size:.78rem;font-variant-numeric:tabular-nums}.expedition-cancel-btn{min-height:28px;padding:.2rem .7rem;background:transparent;border:1px solid var(--accent);border-radius:var(--radius-sm);color:var(--accent);font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.expedition-cancel-btn:hover,.expedition-cancel-btn:focus-visible{background:var(--accent);color:var(--accent-on)}.expedition-cancel-warn{font-size:.7rem;color:var(--text-muted);font-style:italic}.expedition-history{display:flex;flex-direction:column;gap:.25rem;padding:.5rem .6rem;background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-sm)}.expedition-history-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);font-weight:600}.expedition-history-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.2rem}.expedition-history-row{display:flex;justify-content:space-between;gap:.5rem;font-size:.76rem;color:var(--text);font-variant-numeric:tabular-nums}.expedition-history-row span:nth-child(2){color:var(--brass)}.class-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:var(--gap);background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.class-modal{display:flex;flex-direction:column;gap:var(--gap);width:min(560px,100%);max-height:90vh;overflow-y:auto;padding:var(--gap-lg);background:radial-gradient(ellipse at 50% 0%,transparent,transparent 70%),var(--surface);border:1px solid var(--accent);border-radius:var(--radius)}.class-modal-title{margin:0;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:var(--accent-strong);text-shadow:0 0 14px transparent;text-align:center}.class-modal-subtitle{margin:0;font-size:.82rem;text-align:center;color:var(--text-muted);line-height:1.4}.class-modal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--gap-sm)}.class-card{display:flex;flex-direction:column;gap:.3rem;padding:.7rem .8rem;background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;text-align:left;transition:border-color 80ms ease,background 80ms ease,box-shadow .12s ease}.class-card:hover,.class-card:focus-visible{border-color:var(--accent)}.class-card-picked{border-color:var(--accent-strong);background:radial-gradient(ellipse at 50% 0%,transparent,transparent 70%),var(--surface-alt);box-shadow:0 0 0 1px var(--accent),0 0 14px transparent}.class-card-name{font-weight:700;font-size:.95rem;color:var(--text);letter-spacing:.04em}.class-card-picked .class-card-name{color:var(--accent-strong)}.class-card-desc{font-size:.78rem;line-height:1.35;color:var(--text-muted)}.class-modal-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-sm)}.class-modal-skip{min-height:var(--tap-target);padding:.4rem 1rem;background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;font-size:.85rem}.class-modal-skip:hover,.class-modal-skip:focus-visible{color:var(--text);border-color:var(--text-muted)}.class-modal-confirm{min-height:var(--tap-target);padding:.4rem 1.25rem;background:var(--accent);color:var(--accent-on);border:0;border-radius:var(--radius-sm);font-size:.95rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.class-modal-confirm:hover:not(:disabled),.class-modal-confirm:focus-visible:not(:disabled){background:var(--accent-strong)}.class-modal-confirm:disabled{opacity:.5;cursor:not-allowed}.quint{display:flex;flex-direction:column;gap:var(--gap-sm);padding:var(--gap);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.quint-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--gap-sm);flex-wrap:wrap}.quint-title{margin:0;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted)}.quint-balance{font-size:.85rem;font-weight:700;color:var(--brass);font-variant-numeric:tabular-nums}.quint-branch{display:flex;flex-direction:column;gap:.3rem;padding:.45rem .55rem;background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-sm)}.quint-branch-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted)}.quint-branch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--gap-sm)}.quint-node{display:flex;flex-direction:column;gap:.25rem;padding:.5rem .6rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm)}.quint-node-owned{border-color:var(--brass);background:radial-gradient(ellipse at 50% 0%,transparent,transparent 70%),var(--surface)}.quint-node-locked{opacity:.55;border-style:dashed}.quint-node-head{display:flex;align-items:baseline;justify-content:space-between;gap:.3rem}.quint-node-name{font-weight:700;font-size:.86rem}.quint-node-cost{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--brass);font-variant-numeric:tabular-nums}.quint-node-owned .quint-node-cost{color:var(--ok)}.quint-node-desc{font-size:.74rem;line-height:1.3;color:var(--text-muted)}.quint-node-req{font-size:.7rem;color:var(--brass);font-style:italic}.quint-bind-btn{align-self:flex-start;min-height:28px;padding:.25rem .7rem;background:var(--accent);border:0;border-radius:var(--radius-sm);color:var(--accent-on);font-size:.74rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.quint-bind-btn:hover:not(:disabled),.quint-bind-btn:focus-visible:not(:disabled){background:var(--accent-strong)}.quint-bind-btn:disabled{opacity:.5;cursor:not-allowed}.ascension{display:flex;flex-direction:column;gap:var(--gap-sm);padding:var(--gap);background:radial-gradient(ellipse at 50% 0%,transparent,transparent 70%),var(--surface);border:1px solid var(--brass);border-radius:var(--radius)}.ascension-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--gap-sm);flex-wrap:wrap}.ascension-title{margin:0;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:var(--brass)}.ascension-subtitle{font-size:.75rem;color:var(--text-muted);font-style:italic}.ascension-stats{display:flex;gap:.6rem;flex-wrap:wrap;font-size:.78rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.ascension-stats strong{color:var(--text)}.ascension-progress-bar{height:6px;background:#00000080;border-radius:999px;overflow:hidden}.ascension-progress-fill{height:100%;background:linear-gradient(90deg,var(--brass),var(--accent-strong))}.ascension-locked,.ascension-ready{font-size:.82rem;color:var(--text-muted);line-height:1.4}.ascension-ready{color:var(--text)}.ascension-marks{font-size:.85rem;color:var(--brass);font-variant-numeric:tabular-nums}.ascension-actions{display:flex;gap:var(--gap-sm);flex-wrap:wrap}.ascension-btn{min-height:var(--tap-target);padding:.5rem 1rem;background:transparent;border:1px solid var(--brass);border-radius:var(--radius-sm);color:var(--brass);font-size:.9rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.ascension-btn:hover,.ascension-btn:focus-visible{background:var(--brass);color:var(--bg)}.ascension-btn-confirm{background:var(--brass);color:var(--bg)}.ascension-cancel{min-height:var(--tap-target);padding:.4rem .8rem;background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;font-size:.85rem}.ascension-warning{font-size:.78rem;color:var(--text-muted);font-style:italic}.echoes{display:flex;flex-direction:column;gap:var(--gap-sm);padding:var(--gap);background:var(--surface);border:1px solid var(--accent);border-radius:var(--radius)}.echoes-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--gap-sm);flex-wrap:wrap}.echoes-title{margin:0;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--accent-strong)}.echoes-subtitle{font-size:.75rem;color:var(--text-muted);font-style:italic}.echoes-slot-info{font-size:.8rem;color:var(--text);font-variant-numeric:tabular-nums}.echoes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--gap-sm)}.echo-card{display:flex;flex-direction:column;gap:.2rem;padding:.45rem .55rem;background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;text-align:left}.echo-card:hover,.echo-card:focus-visible{border-color:var(--accent)}.echo-card-picked{border-color:var(--accent-strong);background:radial-gradient(ellipse at 50% 0%,transparent,transparent 70%),var(--surface-alt)}.echo-card-kind{font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;color:var(--brass)}.echo-card-name{font-weight:700;font-size:.86rem}.echo-card-qty{font-size:.72rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.echo-confirm-btn{align-self:flex-start;min-height:var(--tap-target);padding:.45rem 1rem;background:var(--accent);border:0;border-radius:var(--radius-sm);color:var(--accent-on);font-size:.85rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.echo-confirm-btn:hover,.echo-confirm-btn:focus-visible{background:var(--accent-strong)}.echo-empty{display:flex;flex-direction:column;gap:var(--gap-sm);padding:var(--gap);font-size:.85rem;color:var(--text-muted);background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius)}.apo{display:flex;flex-direction:column;gap:var(--gap-sm);padding:var(--gap);background:radial-gradient(ellipse at 50% 0%,transparent,transparent 70%),var(--surface);border:1px solid var(--accent);border-radius:var(--radius)}.apo-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--gap-sm);flex-wrap:wrap}.apo-title{margin:0;font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:var(--accent-strong);text-shadow:0 0 14px transparent}.apo-subtitle{font-size:.78rem;color:var(--text-muted);font-style:italic}.apo-stats{display:flex;gap:.6rem;flex-wrap:wrap;font-size:.78rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.apo-stats strong{color:var(--text)}.apo-locked,.apo-ready{font-size:.85rem;color:var(--text-muted);line-height:1.4}.apo-ready{color:var(--text)}.apo-marks{font-size:.85rem;color:var(--brass);font-variant-numeric:tabular-nums}.apo-actions{display:flex;gap:var(--gap-sm);flex-wrap:wrap}.apo-btn{min-height:var(--tap-target);padding:.5rem 1.2rem;background:transparent;border:1px solid var(--accent-strong);border-radius:var(--radius-sm);color:var(--accent-strong);font-size:.95rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.apo-btn:hover,.apo-btn:focus-visible{background:var(--accent-strong);color:var(--accent-on)}.apo-btn-confirm{background:var(--accent-strong);color:var(--accent-on)}.apo-cancel{min-height:var(--tap-target);padding:.4rem .8rem;background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;font-size:.85rem}.apo-warning{font-size:.78rem;color:var(--text-muted);font-style:italic}.apo-attention{display:flex;flex-direction:column;gap:.2rem}.apo-attention-head{display:flex;align-items:baseline;justify-content:space-between;font-size:.74rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.apo-attention-value{color:var(--brass);font-variant-numeric:tabular-nums;text-transform:none;letter-spacing:.04em}.apo-attention-bar{height:8px;background:#00000080;border-radius:999px;overflow:hidden}.apo-attention-fill{height:100%;background:linear-gradient(90deg,var(--brass),var(--accent-strong));transition:width .1s linear}.apo-subworkshops-label{margin-top:.2rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted)}.apo-sw-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--gap-sm)}.apo-sw{display:flex;flex-direction:column;gap:.3rem;padding:.55rem .7rem;background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-sm)}.apo-sw-focused{border-color:var(--accent-strong);box-shadow:0 0 0 1px var(--accent),0 0 14px transparent}.apo-sw-head{display:flex;align-items:baseline;justify-content:space-between;gap:.3rem}.apo-sw-class{font-weight:700;font-size:.85rem;color:var(--text)}.apo-sw-index{font-size:.7rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.apo-sw-stats{display:flex;flex-direction:column;gap:.15rem;font-size:.74rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.apo-sw-stats div{display:flex;justify-content:space-between;gap:.4rem}.apo-sw-stat-label{text-transform:uppercase;letter-spacing:.08em;font-size:.62rem}.apo-sw-stat-value{color:var(--text)}.apo-sw-focused-info{font-size:.75rem;color:var(--accent-strong);font-style:italic}.apo-focus-btn{align-self:flex-start;min-height:28px;padding:.25rem .7rem;background:var(--accent);border:0;border-radius:var(--radius-sm);color:var(--accent-on);font-size:.74rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.apo-focus-btn:hover:not(:disabled),.apo-focus-btn:focus-visible:not(:disabled){background:var(--accent-strong)}.apo-focus-btn:disabled{opacity:.5;cursor:not-allowed}.hit-feedback-wrap{position:relative;border-radius:2px;transition:outline-color 80ms linear;outline:1px solid transparent;outline-offset:2px}.hit-feedback-pulse-player{animation:hit-pulse-player .6s ease-out}.hit-feedback-pulse-enemy{animation:hit-pulse-enemy .6s ease-out}@keyframes hit-pulse-player{0%{outline-color:#c45a4a;outline-width:2px}to{outline-color:transparent;outline-width:1px}}@keyframes hit-pulse-enemy{0%{outline-color:#d4d8dc;outline-width:2px}to{outline-color:transparent;outline-width:1px}}.hit-feedback-floats{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:visible}.hit-feedback-float{position:absolute;right:4px;top:0;font-family:var(--font-mono, monospace);font-size:.78rem;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.02em;animation:float-up .7s ease-out forwards;white-space:nowrap}.hit-feedback-damage{color:#c45a4a}.hit-feedback-crit{color:#5fd483;font-size:.9rem}.hit-feedback-kill{color:#5fd483;text-shadow:0 0 4px rgba(95,212,131,.4)}@keyframes float-up{0%{opacity:0;transform:translateY(0)}20%{opacity:1;transform:translateY(-4px)}to{opacity:0;transform:translateY(-28px)}}@media (prefers-reduced-motion: reduce){.hit-feedback-pulse-player,.hit-feedback-pulse-enemy{animation:none}.hit-feedback-float{animation:float-up-reduced .7s ease-out forwards}@keyframes float-up-reduced{0%{opacity:0}20%{opacity:1}to{opacity:0}}}.apo-sw-class-select,.apo-recipe-select{background:var(--surface-alt);border:1px solid var(--border);color:var(--text);font-size:.72rem;padding:.15rem .3rem;border-radius:2px;font-family:inherit}.apo-recipe-row{display:flex;flex-direction:column;gap:.15rem;margin-top:.4rem}.apo-recipe-row .apo-sw-stat-label{font-size:.6rem}.apo-recipe-info{font-size:.7rem;color:var(--text-muted);font-style:italic}.apo-local-cache{margin-top:.4rem;display:flex;flex-direction:column;gap:.15rem}.apo-local-cache-empty{font-size:.7rem;color:var(--text-muted);font-style:italic}.apo-local-cache-list{display:flex;flex-direction:column;gap:.1rem;font-size:.72rem;font-variant-numeric:tabular-nums;color:var(--text)}.apo-local-cache-item{font-family:var(--font-mono, monospace)}.apo-trade-routes{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.4rem}.apo-trade-route{background:var(--surface-alt);border:1px solid var(--border);border-radius:2px;padding:.1rem .35rem;font-size:.68rem;font-variant-numeric:tabular-nums;color:var(--text-muted)}.apo-sparkstore{margin-top:var(--gap);display:flex;flex-direction:column;gap:var(--gap-sm);padding:var(--gap-sm);background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius)}.apo-sparkstore-head{display:flex;flex-direction:column;gap:.15rem}.apo-sparkstore-title{margin:0;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted)}.apo-sparkstore-subtitle{font-size:.7rem;color:var(--text-muted);font-style:italic}.apo-sparkstore-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--gap-sm)}.apo-sparkstore-node{display:flex;flex-direction:column;gap:.25rem;padding:var(--gap-sm);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.72rem}.apo-sparkstore-node-owned{opacity:.7}.apo-sparkstore-name{font-weight:600;text-transform:uppercase;letter-spacing:.06em;font-size:.74rem;color:var(--text)}.apo-sparkstore-desc{color:var(--text-muted);font-size:.7rem;line-height:1.35}.apo-sparkstore-cost{font-variant-numeric:tabular-nums;font-size:.7rem;color:var(--text)}.apo-sparkstore-owned{font-size:.7rem;color:var(--accent-strong);text-transform:uppercase;letter-spacing:.08em;font-style:italic}.apo-sparkstore-buy{align-self:flex-start;min-height:26px;padding:.2rem .6rem;background:var(--accent);border:0;border-radius:var(--radius-sm);color:var(--accent-on);font-size:.68rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.apo-sparkstore-buy:hover:not(:disabled),.apo-sparkstore-buy:focus-visible:not(:disabled){background:var(--accent-strong)}.apo-sparkstore-buy:disabled{opacity:.5;cursor:not-allowed}.codex{display:flex;flex-direction:column;gap:var(--gap-sm);padding:var(--gap);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.codex-title{margin:0;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted)}.codex-section{display:flex;flex-direction:column;background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.codex-section-head{display:flex;align-items:center;gap:var(--gap-sm);width:100%;min-height:var(--tap-target);padding:.5rem var(--gap);background:transparent;border:0;color:var(--text);cursor:pointer;text-align:left;transition:background 80ms ease}.codex-section-head:hover,.codex-section-head:focus-visible{background:var(--surface)}.codex-section-name{font-weight:700;font-size:.9rem;flex:1 1 auto}.codex-section-counts{font-size:.75rem;color:var(--brass);font-variant-numeric:tabular-nums}.codex-section-arrow{font-size:.9rem;color:var(--text-muted);width:1rem;text-align:center}.codex-section-body{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.4rem;padding:var(--gap-sm) var(--gap);border-top:1px solid var(--border)}.codex-entry{display:flex;flex-direction:column;gap:.2rem;padding:.4rem .55rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm)}.codex-entry-locked{opacity:.5;border-style:dashed}.codex-entry-name{font-weight:600;font-size:.85rem;color:var(--text)}.codex-entry-locked .codex-entry-name{color:var(--text-muted)}.codex-entry-desc{font-size:.74rem;line-height:1.3;color:var(--text-muted)}.placeholder{display:flex;flex-direction:column;gap:var(--gap-sm);padding:var(--gap-lg);background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius);text-align:center}.placeholder-title{margin:0;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.18em;color:var(--text-muted)}.placeholder-body{margin:0;color:var(--text);font-size:.95rem;line-height:1.45}.tutorial{display:flex;align-items:center;gap:var(--gap-md);padding:var(--gap-sm) var(--gap-md);margin:0 0 var(--gap-md);background:linear-gradient(90deg,#50dcc81a,#508cdc1a);border:1px solid transparent;border-radius:var(--radius);animation:tutorial-pulse 6s ease-in-out infinite}@keyframes tutorial-pulse{0%,to{box-shadow:0 0 0 0 transparent}50%{box-shadow:0 0 0 4px transparent}}.tutorial-step{font-variant-numeric:tabular-nums;font-weight:700;font-size:.85rem;color:#50dce6e6;background:transparent;border:1px solid transparent;padding:.25rem .5rem;border-radius:999px;flex:0 0 auto}.tutorial-content{flex:1 1 auto;display:flex;flex-direction:column;gap:.1rem}.tutorial-title{font-size:.8rem;text-transform:uppercase;letter-spacing:.14em;color:#b4f0faf2;font-weight:600}.tutorial-body{font-size:.9rem;color:var(--text);line-height:1.4}.tutorial-dismiss{background:transparent;border:1px solid var(--border);color:var(--text-muted);padding:.35rem .7rem;border-radius:var(--radius);cursor:pointer;font-size:.8rem;flex:0 0 auto}.tutorial-dismiss:hover{border-color:transparent;color:#b4f0fa}.expedition-need{margin-top:var(--gap-xs, .4rem);font-size:.8rem;color:#ffb478f2;text-align:center}@keyframes flash-gold{0%{box-shadow:0 0 0 0 transparent}30%{box-shadow:0 0 0 6px transparent}to{box-shadow:0 0 0 0 transparent}}.flash-gold{animation:flash-gold .6s ease-out}@keyframes pulse-bright{0%{transform:scale(1)}50%{transform:scale(1.04)}to{transform:scale(1)}}.pulse-bright{animation:pulse-bright .35s ease-out}.tab-badge{display:inline-block;margin-left:.35rem;min-width:.5rem;height:.5rem;padding:0;border-radius:999px;background:transparent;box-shadow:0 0 6px transparent;vertical-align:middle}.apo-sw-spec{font-size:.78rem;color:var(--text-muted);margin:-.2rem 0 .35rem;font-variant-numeric:tabular-nums}.apo-sw-spec-tag{color:#50dce6d9}.settings-hint{margin-left:var(--gap-sm, .5rem);color:var(--text-muted);font-size:.8rem}.lore-toast{position:fixed;top:1rem;right:1rem;max-width:22rem;background:#0f1e32f5;border:1px solid rgba(120,200,240,.5);border-radius:var(--radius);padding:.75rem 1rem;z-index:60;box-shadow:0 8px 32px #0006;animation:lore-slide .4s ease-out}.lore-toast-title{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:#b4f0fae6;margin-bottom:.35rem}.lore-toast-body{font-size:.9rem;line-height:1.45;color:var(--text)}.lore-toast-close{margin-top:.6rem;background:transparent;border:1px solid var(--border);color:var(--text-muted);padding:.3rem .6rem;border-radius:var(--radius);cursor:pointer;font-size:.8rem}@keyframes lore-slide{0%{transform:translateY(-8px);opacity:0}to{transform:translateY(0);opacity:1}}.trials{display:flex;flex-direction:column;gap:1.2rem}.trials-locked{opacity:.8}.trials-locked-msg{padding:1.2rem;border:1px dashed var(--border);border-radius:var(--radius);color:var(--text-muted);text-align:center}.trials-top{display:flex;flex-direction:column;gap:.25rem}.trials-title{margin:0;font-size:1.3rem;letter-spacing:.04em}.trials-subtitle{margin:0;color:var(--text-muted);font-size:.85rem}.trials-header{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.6rem;padding:.8rem;background:linear-gradient(135deg,#283c5a59,#141e3280);border:1px solid var(--border);border-radius:var(--radius)}.trials-header-stat{display:flex;flex-direction:column;gap:.15rem}.trials-header-stat-label{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted)}.trials-header-stat-value{font-size:1.15rem;font-weight:600;color:var(--accent, #8ee0ff);font-variant-numeric:tabular-nums}.trials-modifiers{border:1px solid var(--border);border-radius:var(--radius);padding:.7rem .9rem;background:#141e2866}.trials-modifiers-head{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.5rem}.trials-modifiers-list{display:flex;flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none}.trials-modifier-chip{padding:.25rem .6rem;border-radius:999px;border:1px solid rgba(140,200,240,.45);background:#3c6ea040;color:#dcf0fff2;font-size:.8rem;cursor:help}.trials-modifiers-empty{color:var(--text-muted);font-size:.85rem;font-style:italic}.trials-start{align-self:flex-start;padding:.7rem 1.4rem;background:var(--surface-alt);border:1px solid rgba(140,220,255,.7);color:#fff;border-radius:var(--radius);font-size:.95rem;letter-spacing:.06em;cursor:pointer;font-weight:600;box-shadow:0 6px 14px -8px #00bcd499;transition:transform .12s ease,box-shadow .12s ease}.trials-start:hover{transform:translateY(-1px);box-shadow:0 10px 18px -10px #00bcd4cc}.trials-fight{margin-top:0}.trials-abort{margin-top:.4rem;background:#781e1e59;border:1px solid rgba(220,100,100,.55)}.trials-picker{border:1px solid var(--border);border-radius:var(--radius);padding:1rem;background:radial-gradient(circle at 20% 0%,transparent,transparent 60%),#141e3280;animation:trials-picker-flash .6s ease-out}@keyframes trials-picker-flash{0%{box-shadow:0 0 0 0 transparent}60%{box-shadow:0 0 0 22px transparent}to{box-shadow:0 0 0 0 transparent}}.trials-picker-title{margin:0 0 .3rem;font-size:1rem;letter-spacing:.08em}.trials-picker-sub{margin:0 0 .9rem;color:var(--text-muted);font-size:.82rem}.trials-picker-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.6rem;margin-bottom:.7rem}.trials-picker-card{background:#283c5a8c;border:1px solid rgba(140,200,240,.4);border-radius:var(--radius);padding:.7rem .85rem;text-align:left;cursor:pointer;color:var(--text);transition:transform .12s ease,border-color .12s ease,background .12s ease}.trials-picker-card:hover{transform:translateY(-1px);border-color:#b4e6ffd9;background:#3c6496b3}.trials-picker-card-name{font-weight:600;font-size:.92rem;margin-bottom:.25rem}.trials-picker-card-desc{font-size:.78rem;color:var(--text-muted);line-height:1.35}.trials-picker-skip{background:transparent;border:1px solid var(--border);color:var(--text-muted);padding:.4rem .8rem;border-radius:var(--radius);cursor:pointer;font-size:.82rem}.trials-picker-skip:hover{color:var(--text);border-color:#b4dcf099}.trials-summary{border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem;background:radial-gradient(circle at 30% 0%,transparent,transparent 60%),var(--surface-alt)}.trials-summary-title{margin:0 0 .7rem;font-size:1.05rem;letter-spacing:.06em}.trials-summary-rows{margin:0 0 .9rem;display:grid;grid-template-columns:1fr;gap:.4rem}.trials-summary-row{display:flex;justify-content:space-between;align-items:baseline;padding:.3rem 0;border-bottom:1px dashed var(--border)}.trials-summary-row dt{color:var(--text-muted);font-size:.85rem}.trials-summary-row dd{margin:0;font-weight:600;font-size:1rem;font-variant-numeric:tabular-nums;color:var(--text)}.trials-summary-ack{padding:.55rem 1.2rem;background:var(--surface-alt);border:1px solid var(--border);color:#fff;font-weight:600;border-radius:var(--radius);cursor:pointer}.trial-hit-shake{animation:trial-hit-shake-anim .3s ease-in-out}@keyframes trial-hit-shake-anim{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(3px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}.trials-sigil-sentinel{display:none}.sigil-tree{border:1px solid var(--border);border-radius:var(--radius);padding:.9rem 1rem;background:#141e2d73}.sigil-tree-head{display:flex;flex-direction:column;gap:.2rem;margin-bottom:.7rem}.sigil-tree-title{margin:0;font-size:1rem;letter-spacing:.06em}.sigil-tree-sub{margin:0;color:var(--text-muted);font-size:.78rem}.sigil-tree-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.55rem}.sigil-node{background:#283c5a73;border:1px solid rgba(140,200,240,.3);border-radius:var(--radius);padding:.65rem .8rem;text-align:left;cursor:pointer;color:var(--text);transition:transform .12s ease,border-color .12s ease,background .12s ease;display:flex;flex-direction:column;gap:.3rem}.sigil-node:hover:not(:disabled){transform:translateY(-1px);border-color:#b4e6ffb3;background:#3c64968c}.sigil-node:disabled{cursor:not-allowed;opacity:.7}.sigil-node-owned{border-color:#8cdca099;background:#32644673}.sigil-node-owned .sigil-node-name:before{content:"✓ ";color:#8cdca0}.sigil-node-locked{opacity:.45}.sigil-node-unaffordable{border-color:#c8787866}.sigil-node-name{font-weight:600;font-size:.92rem}.sigil-node-desc{font-size:.78rem;color:var(--text-muted);line-height:1.35}.sigil-node-foot{margin-top:.2rem;font-size:.78rem}.sigil-node-owned-label{color:#8cdca0f2;font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:.7rem}.sigil-node-locked-label{color:var(--text-muted);font-style:italic}.sigil-node-cost{color:var(--text);font-weight:600;font-variant-numeric:tabular-nums}h1,h2,h3,h4,h5,h6,.app-title,.tab-button,.resource-name,.resource-amount,.currency-value,.currency-unit,.combat-bar,.craft-name,.skill-name,.recipe-name,.recipe-interval,.upgrade-name,.upgrade-cost,.achievement-name,.inventory-section-label,.upgrades-section-label,.achievements-section-label,.skills-group-label,.skills-slot-kind,.skills-slot-value,.equip-slot-label,.trials-header-stat-value,.sigil-node-name,.combat-bar-fill,.craft-tick-fill,.craft-xp-fill,.skills-slot-bar-fill,.skills-xp-fill,.combat-skill-xp-fill{font-family:var(--mono)}.app-title,.currency-value,.resource-chip-primary .resource-amount,.combat-title,.trials-header-title{text-shadow:none}.craft-card-active,.skill-card-active,.recipe-card-active,.upgrade-affordable,.upgrades-section,.trials-modifier-card,.sigil-node-owned{box-shadow:none}.craft-tick-fill,.craft-xp-fill,.skills-xp-fill,.skills-slot-bar-fill,.combat-skill-xp-fill,.combat-bar-fill,.combat-bar-player,.combat-bar-enemy,.combat-swing-fill{background:var(--accent)!important}.combat-bar-enemy{background:var(--danger)!important}.app-title{color:var(--accent);text-shadow:none;letter-spacing:.4em}.tt-wrap{position:relative;display:inline-flex;align-items:center}.tt-trigger{display:inline-flex;align-items:center}.tt-bubble{position:absolute;z-index:60;left:50%;transform:translate(-50%);background:#050608;color:var(--text);border:1px solid var(--border);padding:.4rem .55rem;font-family:var(--font-mono, ui-monospace, SFMono-Regular, monospace);font-size:.7rem;line-height:1.25;white-space:normal;max-width:18rem;pointer-events:none;box-shadow:none;border-radius:2px}.tt-bubble.tt-bottom{top:calc(100% + 4px)}.tt-bubble.tt-top{bottom:calc(100% + 4px)}.info-dot{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;margin-left:.4rem;border:1px solid var(--border);border-radius:50%;background:transparent;color:var(--text-dim, var(--border));font-family:var(--mono, monospace);font-size:.65rem;line-height:1;cursor:help;-webkit-user-select:none;user-select:none;vertical-align:middle;transition:color .12s ease,border-color .12s ease}.info-dot:hover,.info-dot:focus-visible{color:var(--accent, var(--text));border-color:var(--accent, var(--text));outline:none}[data-theme=glitched-substrate] body{animation:glitch-jitter 1.4s steps(2,end) infinite}@keyframes glitch-jitter{0%{transform:translate(0);letter-spacing:0}17%{transform:translate(.5px);letter-spacing:.01em}34%{transform:translate(-.5px);letter-spacing:0}51%{transform:translate(0);letter-spacing:-.01em}68%{transform:translate(.3px);letter-spacing:0}85%{transform:translate(-.3px);letter-spacing:.005em}to{transform:translate(0);letter-spacing:0}}[data-theme=sterile-white] body{background:var(--bg);color:var(--text)}[data-theme=sterile-white] .settings-textarea,[data-theme=sterile-white] select,[data-theme=sterile-white] input[type=range]{background:var(--surface-alt);color:var(--text);border-color:var(--border)}[data-theme=sterile-white] .tutorial-step,[data-theme=sterile-white] .tutorial-title{color:var(--accent-strong)}.settings-confirm-row{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;padding:.4rem 0;flex-basis:100%}.settings-warn{color:var(--danger);font-size:.72rem}.substrate{margin-top:1rem;padding:.6rem;border:1px solid var(--border);border-radius:2px}.substrate-head{display:flex;flex-direction:column;gap:.15rem;margin-bottom:.5rem}.substrate-title{font-size:.95rem;margin:0;color:var(--text)}.substrate-subtitle{font-size:.72rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.substrate-descend{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;margin-bottom:.6rem}.substrate-ready{font-size:.78rem;color:var(--text)}.substrate-locked{font-size:.7rem;color:var(--text-muted);font-style:italic}.substrate-warn{font-size:.7rem;color:var(--danger);flex-basis:100%}.substrate-btn,.substrate-cancel,.substrate-node-buy{background:transparent;border:1px solid var(--accent);color:var(--accent);padding:.2rem .5rem;cursor:pointer;font-family:inherit;font-size:.72rem;border-radius:2px}.substrate-btn-confirm{background:var(--accent);color:#050608}.substrate-tree{display:flex;flex-direction:column;gap:.6rem}.substrate-branch-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:.2rem}.substrate-branch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:.4rem}.substrate-node{border:1px solid var(--border);padding:.35rem .4rem;border-radius:2px;display:flex;flex-direction:column;gap:.2rem;background:var(--surface-alt)}.substrate-node-name{font-size:.76rem;color:var(--text)}.substrate-node-desc{font-size:.66rem;color:var(--text-muted);line-height:1.2}.substrate-node-foot{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem;margin-top:.15rem;font-size:.66rem}.substrate-node-cost,.substrate-node-tier{color:var(--text-muted);font-variant-numeric:tabular-nums}.substrate-node-owned{border-color:var(--accent)}.substrate-node-owned-label{color:var(--accent);font-size:.66rem}.substrate-node-locked{opacity:.5}.substrate-node-unaffordable{opacity:.7}.substrate-node-buy:disabled{opacity:.5;cursor:not-allowed}.apo-tier-badge{color:var(--accent);font-variant-numeric:tabular-nums}:focus-visible{outline:1px solid var(--accent);outline-offset:1px}button[aria-pressed=true]{border-color:var(--accent)}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.flash-gold,.flash-crit,.apo-sw-focused{animation:none!important}[data-theme=glitched-substrate] body{animation:none!important;transform:none!important}}@media (max-width: 768px){:root{--tap-target: 48px}.app{padding-bottom:5rem}.tab-bar .tt-bubble.tt-bottom{top:auto;bottom:calc(100% + 4px)}.tab-bar{position:fixed;top:auto;bottom:0;left:0;right:0;margin:0;padding:0 .4rem;z-index:50;background:var(--bg);border-top:1px solid var(--border);border-bottom:0}.tab-bar-scroll{gap:0;padding:.2rem 0}.tab-button{min-height:48px;min-width:56px;font-size:.7rem;letter-spacing:.04em;padding:.5rem .6rem;border-bottom:0;border-top:2px solid transparent}.tab-button-active{border-bottom-color:transparent;border-top-color:var(--accent-strong)}button,select,input[type=range]{min-height:44px}.inventory-sell-btn,.expedition-commit-controls button,.generator-buy-mode button{min-height:44px;padding-inline:.8rem}.equipment-grid,.upgrades-grid,.recipes-grid,.substrate-branch-grid,.apo-sw-grid,.apo-sparkstore-grid{grid-template-columns:1fr}}@media (max-width: 768px){.resource-strip{position:sticky;top:0;z-index:10;background:var(--bg);border-bottom:1px solid var(--border);margin-inline:calc(-1*clamp(.75rem,3vw,1.5rem));padding:.4rem clamp(.75rem,3vw,1.5rem)}}