.experience-controls{display:grid;gap:5px;margin:10px 0;color:#e8d7af}.experience-controls label{text-transform:uppercase;font-size:11px}.experience-controls input{width:100%;box-sizing:border-box;padding:8px;background:#101713;border:1px solid #756440;color:#f2dda5}.experience-controls small{font-size:11px;line-height:1.4;color:#b9af97}
.active-effects{display:flex;gap:8px;flex-wrap:wrap;margin-top:9px}.active-effect{position:relative;width:46px;height:46px;padding:4px;background:#151913;border:1px solid #9b8150;border-radius:3px;color:#edddb2;cursor:pointer}.active-effect>img{width:100%;height:100%;object-fit:contain}.active-effect em{position:absolute;right:-4px;bottom:-4px;background:#6d2821;color:#fff;padding:1px 3px;font:11px Arial;border-radius:3px}.effect-tooltip{display:none;position:absolute;bottom:calc(100% + 7px);left:0;width:230px;max-width:70vw;padding:10px;white-space:pre-line;text-align:left;background:#0a110f;border:1px solid #b89957;box-shadow:0 4px 18px #000c;z-index:110;font:12px/1.5 Arial;color:#f0dfbc;pointer-events:none}.active-effect[aria-expanded=true] .effect-tooltip,.active-effect:focus-visible .effect-tooltip{display:block}.active-effect:focus-visible{outline:2px solid #e3bf70}@media(hover:hover){.active-effect:hover .effect-tooltip{display:block}}
.tree-table-wrap{overflow-x:auto;max-width:100%;overscroll-behavior-x:contain}.tree-table-wrap table{width:max-content;min-width:100%}.tree-table-wrap th:not(:first-child),.tree-table-wrap td:not(:first-child){min-width:135px}.tree-table-wrap th:first-child,.tree-table-wrap td:first-child{position:sticky;left:0;background:#172019;z-index:2;min-width:125px}.tree-table-wrap th>small{display:block;margin-bottom:6px}.tree-sixth{margin:12px 0;padding:12px;border:1px solid #a98a4c}.tree-sixth h3{color:#e8cc89}
@media(max-width:700px){#siteGameBanner{position:static!important;display:block!important;margin:18px auto!important;z-index:auto!important}.quick-modal,.slot-editor{padding:10px!important}.quick-modal__dialog,.slot-editor__dialog{max-height:calc(100dvh - 20px)!important;box-sizing:border-box;padding-bottom:max(24px,env(safe-area-inset-bottom))!important}.active-effects{position:relative}.active-effect{position:static}.effect-tooltip{left:0;bottom:calc(100% + 8px);max-width:calc(100vw - 64px)}.active-effect em{position:static;display:block}.tree-table-wrap th:first-child,.tree-table-wrap td:first-child{min-width:100px;max-width:120px}}
/* UI fixes: portal tooltip and desktop allocation layout. */
.active-effect .effect-tooltip{display:none!important}
.effect-tooltip-floating{display:block!important;position:fixed;bottom:auto;box-sizing:border-box;z-index:2147483647;overflow:auto;pointer-events:auto;overflow-wrap:anywhere}
.tree-node-row button[aria-pressed=true]{border:2px solid #e3c36f;background:#3f3420;box-shadow:0 0 9px #d5ac4c70}
@media(min-width:900px){#quickModal .tree-builder{width:96vw!important;max-width:1760px!important;max-height:92vh!important}.tree-builder .tree-table-wrap table{width:100%;min-width:100%;table-layout:fixed}.tree-builder .tree-table-wrap th:not(:first-child),.tree-builder .tree-table-wrap td:not(:first-child){min-width:0;padding-left:5px;padding-right:5px}.tree-builder .tree-table-wrap th:first-child,.tree-builder .tree-table-wrap td:first-child{width:160px;min-width:0}.tree-builder select,.tree-builder input{max-width:100%;min-width:0;box-sizing:border-box}}
@media(min-width:900px){#quickModal .tree-builder{flex-shrink:0;box-sizing:border-box;width:96vw!important}#quickModal:has(.tree-builder){padding-left:2vw;padding-right:2vw}}
/* Counts remain attached to icons, including mobile. */
.active-effect{position:relative!important}.active-effect em{position:absolute!important;display:block!important;right:-3px;bottom:-3px;max-width:58px;font-size:11px;line-height:14px;padding:1px 3px}
#bonusCount{min-width:25px;width:auto;padding:0 4px;white-space:nowrap}
/* Shared armor indicator for Character, Morok and Pet; values still come from the active mode.
   Original five PNGs, approved head position and typography. */
body:is([data-mode="character"],[data-mode="morok"],[data-mode="pet"]) .scene #armorDock{position:absolute;right:max(28px,calc(50% - 341px));top:64px;width:120px;height:124px;margin:0;padding:0;border:0!important;z-index:4;pointer-events:none}
body:is([data-mode="character"],[data-mode="morok"],[data-mode="pet"]) .scene #armorDock .armor-widget{width:160px;height:160px!important;margin:0!important;padding:0;border:0!important;background:none;filter:none;transform:scale(.75);transform-origin:left top}
body:is([data-mode="character"],[data-mode="morok"],[data-mode="pet"]) .scene #armorDock .armor-person{margin:0;width:160px;height:160px;filter:none;line-height:0}
body:is([data-mode="character"],[data-mode="morok"],[data-mode="pet"]) .scene #armorDock .armor-person img{display:block;height:auto;max-width:none}
body:is([data-mode="character"],[data-mode="morok"],[data-mode="pet"]) .scene #armorDock .armor-person span{font:400 17px/20px Arial,sans-serif!important;color:#fff!important;white-space:nowrap}
body:is([data-mode="character"],[data-mode="morok"],[data-mode="pet"]) .scene #armorDock .armor-head{display:block}
body:is([data-mode="character"],[data-mode="morok"],[data-mode="pet"]) .scene #armorDock .armor-head img{position:absolute;top:22.6666667px;left:50%;transform:translateX(-50%)}
body:is([data-mode="character"],[data-mode="morok"],[data-mode="pet"]) .scene #armorDock .armor-head span{position:absolute;top:-4px;left:50%;width:47px;text-align:center;transform:translateX(-50%)}
body:is([data-mode="character"],[data-mode="morok"],[data-mode="pet"]) .scene #armorDock .armor-body span{left:-56px}
body:is([data-mode="character"],[data-mode="morok"],[data-mode="pet"]) .scene #armorDock .armor-left span,body:is([data-mode="character"],[data-mode="morok"],[data-mode="pet"]) .scene #armorDock .armor-right span{top:54px;bottom:auto}
/* Narrow desktop panels keep the complete indicator above the equipment. */
@media(min-width:701px) and (max-width:1280px){body:is([data-mode="character"],[data-mode="morok"],[data-mode="pet"]) .scene #armorDock{top:58px;right:20px}}
/* Fit the existing reserved header space; board zoom does not scale armor twice. */
@media(max-width:700px){
 body:is([data-mode="character"],[data-mode="morok"],[data-mode="pet"]) .scene #armorDock{top:94px;right:8px;width:104px;height:108px}
 body:is([data-mode="character"],[data-mode="morok"],[data-mode="pet"]) .scene #armorDock .armor-widget{transform:scale(.65)}
 body:is([data-mode="character"],[data-mode="morok"],[data-mode="pet"]) .scene #armorDock .armor-person span{font-size:18px!important}
}
/* Pet anchor only: keep the bottom armor value clear of the dog and HP. */
@media(max-width:700px){body[data-mode="pet"] .scene #armorDock{top:78px}}
#bonusCount[style*="display: none"]{display:none!important}

/* Active effect removal: no geometry changes on hover. */
.active-effect{cursor:pointer}
.active-effect:hover,.active-effect:focus-visible{filter:brightness(1.15);outline:1px solid #d9b66c;outline-offset:1px}
/* UI5: symmetric desktop panels and bounded numeric columns. */
:root{--side-column-width:300px}
@media(min-width:1400px){:root{--side-column-width:325px}}
@media(min-width:1700px){:root{--side-column-width:350px}}
@media(min-width:1121px){
 body .app{grid-template-columns:var(--side-column-width) minmax(0,1fr) var(--side-column-width)!important}
 body[data-mode="morok"] .app{grid-template-columns:var(--side-column-width) minmax(0,1fr)!important;max-width:none!important}
 .app>.stats,.app>.quick-panel{width:var(--side-column-width)!important;min-width:0}
}
body{overflow-x:visible}
.app>.stats{display:flex;flex-direction:column}
#coreStats .game-stat:has(.allocation-values){display:grid!important;grid-template-columns:minmax(0,1fr) 6ch 6ch 8ch 8ch!important;gap:3px!important}
#coreStats .game-stat .allocation-values{display:contents!important}
#coreStats .game-stat .allocation{width:100%!important;min-width:0!important}
#coreStats .game-stat>span:first-child{min-width:0;overflow-wrap:anywhere}
#coreStats .game-stat:not(:has(.allocation-values)){display:grid!important;grid-template-columns:minmax(0,1fr) 8ch 8ch!important;gap:4px!important}
#coreStats .game-stat .sum,#coreStats .game-stat__negative{margin:0!important;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.site-nav-buttons{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:auto;padding:24px 0 4px;flex-shrink:0}
.site-nav-button{display:flex;justify-content:center;align-items:center;width:72px;height:72px;flex:0 0 72px;transition:transform 180ms,filter 180ms;background:none;border:0}
.site-nav-button img{display:block;width:100%;height:100%;object-fit:contain}
.site-nav-button:hover,.site-nav-button:focus-visible{transform:scale(1.04);filter:brightness(1.08)}
@media(max-width:700px){.site-nav-buttons{gap:10px}.site-nav-button{width:56px;height:56px;flex-basis:56px}}