/* Original Theme/StyleBoxTexture skins. Slice values are in source-image pixels. */
:root{--c0:#1e1e30;--c1:#2e324f;--c2:#385696;--c3:#cd7ce6;--c4:#ffbaf7;--c5:#fff;--c6:#8a77a3;--button-slices:1 1 1 2;--nav-slices:1 1 1 1}
html,body{background:var(--c0);color:var(--c5)}
#world{filter:none}
button,button:hover:not(:disabled),button:active:not(:disabled),button:disabled,.big-action,.cast-action,.skill button,.sub-tabs button,.sub-tabs button.active,.rune-card,.rune-card.owned{background:transparent;color:var(--c5);border-style:solid;border-width:2px 2px 2px 4px;border-image-source:var(--button-normal);border-image-slice:var(--button-slices) fill;border-image-repeat:stretch;box-shadow:none;transform:none;transition:none;border-radius:0}
button:hover:not(:disabled){border-image-source:var(--button-hover)}button:active:not(:disabled){border-image-source:var(--button-pressed)}button:disabled{border-image-source:var(--button-disabled);color:var(--c6);opacity:1}button:focus-visible{outline:2px solid var(--c4);outline-offset:2px}
#navigation{background:var(--c0);border:0;box-shadow:none;padding:4px;gap:4px}
#navigation button{background:transparent;border:2px solid transparent;border-image:var(--nav-normal) 1 fill stretch;box-shadow:none;min-width:45px}
#navigation button:hover:not(:disabled){border-image-source:var(--nav-hover)}#navigation button.active,#navigation button:active:not(:disabled){background:transparent;border-image-source:var(--nav-pressed)}#navigation button.attention{color:var(--c4)}
.pixel-panel,#panel,.dialog:not(.menu-card),.resource,.xp-card,.ascend-cost,.toast,#tooltip,.status,.achievement,.nation-map{background:transparent;border:2px solid transparent;border-image:var(--asset-panel) 1 fill stretch;box-shadow:none;border-radius:0}
#panel{width:355px}.panel-heading{background:var(--c2);border-bottom:2px solid var(--c1)}#panel-eyebrow{display:none}.panel-heading h1{color:var(--c5)}#panel-close{border:0;background:transparent;color:var(--c4)}
#hud{background:none}.resource{min-width:96px}.resource-value{color:var(--c4)}.resource-rate,#stage-label,#scene-hint{color:var(--c6)}
h1,h2,h3,.skill-name,.section-title,.mini-stat,.wall-health{color:var(--c5)}strong,.skill-name .count,.badge{color:var(--c4)}small,.muted,.intro,.help-line,.dialog p,.cost-line,.bar-label,.inline-options{color:var(--c6)}.cost-line .short{color:var(--c6)}
.section-title,.skill,.setting-row,.nation-row,.modal-section{border-color:var(--c1)}.skill.maxed{opacity:1}.xp-card.selected{background:var(--c1)}.xp-card.selected .head>span{color:var(--c4)}
.progress-track{height:10px;background:transparent;border:2px solid transparent;border-image:var(--asset-progress) 1 fill stretch;overflow:hidden}.progress-fill,.progress-fill.gold{background:var(--c3);transition:none}
input[type=checkbox]{appearance:none;width:16px;height:16px;flex-shrink:0;margin:0 4px 0 0;vertical-align:middle;background:var(--asset-unchecked) center/contain no-repeat;image-rendering:pixelated;border:0;cursor:pointer}input[type=checkbox]:checked{background-image:var(--asset-checked)}input[type=checkbox]:focus-visible{outline:1px solid var(--c4);outline-offset:2px}input[type=range]{accent-color:var(--c4)}select{background:var(--c2);color:var(--c5);border:1px solid var(--c4)}
.blessing-card,.blessing-card.owned,.blessing-card.automatic,.blessing-card:hover:not(:disabled),.blessing-card:disabled{background:transparent;border:0;border-image:none;box-shadow:none;padding:5px 4px;color:var(--c5)}
.blessing-card>.icon{width:54px;height:54px;padding:16px;background:var(--asset-ring) center/54px 54px no-repeat}.blessing-card:hover:not(:disabled)>.icon{background-image:var(--asset-ring_hover)}.blessing-card.owned>.icon{background-image:var(--asset-ring_pressed)}.blessing-card:disabled:not(.owned)>.icon{background-image:var(--asset-ring_disabled)}
.blessing-card.automatic>.icon{background-image:var(--asset-square)}.blessing-card.automatic:disabled:not(.owned)>.icon{background-image:var(--asset-square_disabled)}
.blessing-card.sorcery>.icon{background-image:var(--asset-diamond)}.blessing-card.sorcery:hover:not(:disabled)>.icon{background-image:var(--asset-diamond_hover)}.blessing-card.sorcery.owned>.icon{background-image:var(--asset-diamond_pressed)}.blessing-card.sorcery:disabled:not(.owned)>.icon{background-image:var(--asset-diamond_disabled)}
.blessing-points{background:var(--c0);color:var(--c4)}.rune-card:disabled.owned{color:var(--c5);border-image-source:var(--button-pressed)}.rune-card .dots{display:flex;gap:3px;justify-content:center;align-items:center;height:10px}.rune-card .dots img{width:9px;height:9px;image-rendering:pixelated}
#book-shelf{width:100%;display:block;image-rendering:pixelated;margin:8px 0 16px;border:2px solid transparent;border-image:var(--asset-panel) 1 fill stretch;background:var(--c0)}
.menu-card,.menu-card p{color:var(--c6)}.menu-card button{color:var(--c5)}.menu-title{color:var(--c4)}.dialog .dialog-close{border-width:2px 2px 2px 4px}.overlay{backdrop-filter:none;background:rgb(0 0 0 / 65%)}.overlay.menu{background:linear-gradient(90deg,rgba(11,11,46,.92),rgba(11,11,46,.35) 65%,transparent)}
#pause-overlay span{background:var(--c0);border-color:var(--c4)}#panel-content,.dialog{scrollbar-color:var(--c3) var(--c0)}
@media(max-width:800px){#panel{width:310px}}@media(max-width:560px){#panel{width:auto}.resource{min-width:72px}#navigation{max-width:calc(100% - 16px)}.blessing-card>.icon{width:48px;height:48px;padding:14px;background-size:48px 48px}.overlay.menu{background:rgba(11,11,46,.6)}}

button{position:relative}button:focus-visible{outline:none}button:focus-visible::after{content:'';position:absolute;inset:-2px -2px -2px -4px;pointer-events:none;border-style:solid;border-width:2px 2px 2px 4px;border-image:var(--button-focus) 1 1 1 2 fill stretch}
/* Keep interactive geometry stable when lists grow and numbers change. */
#panel-content,.dialog{scrollbar-gutter:stable}
button{touch-action:manipulation;user-select:none}
.cost-line>span,.skill-name .count{white-space:nowrap}
.bar-label,.mini-stat,.skill-name .count{font-variant-numeric:tabular-nums}
#tooltip{max-width:min(310px,calc(100vw - 20px))}
/* Navigation owns hover/press state: native :hover and tooltip windows must
   not compete with the current-area highlight. No state changes geometry. */
#navigation button,#navigation button:hover:not(:disabled){border-image-source:var(--nav-normal);color:var(--c5);flex-shrink:0}
#navigation button[aria-pressed="true"]:not(:disabled){border-image-source:var(--nav-pressed)}
/* Hover feedback is only for other areas; the current area stays highlighted. */
#navigation button[aria-pressed="false"][data-ui-hover]:not(:disabled){border-image-source:var(--nav-hover)}
#navigation button[data-ui-press]:not(:disabled),#navigation button:active:not(:disabled){border-image-source:var(--nav-pressed)}
#navigation button>img,#navigation button>span{pointer-events:none}