/* Painted raster assets supply material and ornament; HTML remains fully interactive. */
.battleDock .actions .endButton{background-color:#17111c!important}.chronicleBody.states .entryList button{display:flex;align-items:center;gap:7px}.chronicleBody.states .paintedIcon{width:28px;height:28px;flex-basis:28px}.chronicleBody.states h2 .paintedIcon{width:42px;height:42px;margin-right:7px}
.actions .paintedIcon{width:26px;height:26px;flex:0 0 26px;margin-right:2px}.actions button{gap:4px!important}.landscapeHUD .actions button{min-width:95px!important;flex-basis:95px!important}.landscapeHUD .actions .endButton{min-width:105px!important;flex-basis:105px!important}
:root{--sc-ink:#09090d;--sc-trim:#746a79;--sc-text:#e6decc;--sc-purple:#844bb1}
.chronicleFrame,.tabContent,.characterSummary,.dialogueBox,.battleDock .heroCard,.battleDock .commandArea,.enemyRail,.panel,.targetCard{border-image-source:url('assets/ui-frame.webp')!important;border-image-slice:18%!important;border-image-repeat:stretch!important;background-color:var(--sc-ink)!important;background-image:radial-gradient(ellipse at 15% 0,#30223855,transparent 55%),repeating-linear-gradient(125deg,#ffffff03 0 1px,transparent 1px 4px)!important}
.chronicleFrame{border-width:30px!important}.tabContent,.characterSummary,.dialogueBox{border-width:20px!important}.battleDock .heroCard,.battleDock .commandArea,.enemyRail,.panel,.targetCard{border-width:14px!important}.chronicleFrame:before,.battleDock:before{display:none!important}
.chronicleFrame>header{background:linear-gradient(#19151f,#0a090e)!important;border-bottom:1px solid #6a5a76;padding:0 3px 9px;gap:8px}.chronicleFrame>header h1{color:#d4b9e5;font-weight:normal;text-shadow:0 2px #000}.crystal{display:none!important}
#chronicle button,.actions button,.tools button,.cameraControls button,.selectionTools button,.tabs button{border:1px solid #796d81!important;box-shadow:inset 0 0 0 2px #16141c,inset 0 0 0 3px #45404c,0 2px 2px #000!important;background:linear-gradient(135deg,#34313b88,#07070bbb 48%,#30293966),repeating-linear-gradient(23deg,#a394a009 0 1px,transparent 1px 4px)!important;color:var(--sc-text)}
#chronicle button.selected,.actions button.active,.tabs button.selected{border-color:#b271d7!important;background:radial-gradient(ellipse at center,#6b288988,#251131 75%)!important;box-shadow:inset 0 0 0 2px #3a1a51,inset 0 0 12px #b96ae444!important}
.paintedIcon{display:inline-block;width:42px;height:42px;flex:0 0 42px;background-image:url('assets/ui-icons.webp');background-size:400% 400%;background-position:var(--icon-x) var(--icon-y);background-repeat:no-repeat;vertical-align:middle}.abilityTitle>.paintedIcon{width:54px;height:54px;flex-basis:54px}.abilityList button{gap:8px}.abilitySigil{display:none!important}
.party img,.turnCard img,.heroCard img,.characterSummary>img,.partySelector img,.commandHero img{image-rendering:pixelated!important}.heroCard img{background:#09090d!important}
#chronicle .chronicleBody.attacks,#chronicle .chronicleBody.battleAbilities{display:block;overflow:hidden;padding:4px}#chronicle:has(.battleCommandMenu){background:#03030799;display:grid;place-items:center}
#chronicle:has(.battleCommandMenu)>.chronicleFrame{width:min(720px,100%);height:min(580px,100%)}.battleCommandMenu{height:100%;display:flex;flex-direction:column;min-height:0}.commandHero{display:flex;align-items:center;gap:12px;padding:0 4px 10px;border-bottom:1px solid #3b3242;flex-shrink:0}.commandHero img{width:64px;height:64px;object-fit:cover;border:2px ridge #92828b}.commandHero h2{font-size:21px!important;margin:0!important}.commandHero p{margin:3px 0!important;font:12px system-ui;color:#c4b6c9!important}.commandList{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;padding:8px 2px;display:flex;flex-direction:column;gap:7px}.commandRow{display:flex;gap:5px;flex-shrink:0}.commandRow>button:first-child{display:flex;align-items:center;gap:10px;flex:1!important;min-width:0;text-align:left;padding:7px!important;min-height:67px}.commandRow>button:last-child{flex:0 0 62px!important;font-size:11px!important;text-align:center!important;padding:3px!important}.commandRow b{font-size:16px;font-weight:normal}.commandRow small{display:block;font:11px/1.4 system-ui;color:#c3abc8}.commandDescription{display:block;font-size:12px;line-height:1.4;color:#bab2ae;margin-top:3px}.commandFootnote{font:11px system-ui!important;color:#bca9c8!important;margin:5px!important}.battleDetailPage{overflow:auto!important;width:100%}
.chronicleBody.company{gap:7px!important;padding:2px!important}.characterSummary{width:180px}.characterSummary>img{width:100%;max-height:230px;object-fit:contain;background:#08080b}.characterSummary h2{color:#ede1d0}.tabs button{min-height:36px!important}.statRows{font-size:13px}.statRows>div{border-bottom:1px solid #2d2631}.statRows dd{color:#e0d5c8}.characterContent{overflow:hidden}.tabContent{padding:7px}.abilityColumns{grid-template-columns:minmax(160px,.8fr) minmax(190px,1.15fr)}
@media(orientation:portrait){.chronicleFrame{border-width:22px!important}.tabContent,.characterSummary{border-width:14px!important}.chronicleBody.company{grid-template-columns:42px minmax(0,1fr)!important;grid-template-rows:128px minmax(0,1fr);gap:6px!important}.characterSummary{max-height:128px!important;min-height:0;width:auto;padding:2px}.characterSummary>img{width:82px;height:88px;float:left;margin-right:8px}.characterSummary h2{font-size:20px;margin:0}.characterSummary p{font-size:10px}.characterSummary label{font-size:10px}.characterSummary meter{height:10px}.partySelector{width:42px}.partySelector button{padding:0!important;min-height:43px!important}.characterContent .tabs button{font-size:11px!important;padding:5px 6px!important}.abilityColumns{display:block}.abilityList{max-height:210px}.abilityColumns article{overflow:visible!important;padding-top:12px!important}.abilityTitle h2{font-size:19px}.paintedIcon{width:36px;height:36px;flex-basis:36px}.commandHero img{width:50px;height:50px}.commandHero h2{font-size:19px!important}.commandDescription{font-size:11px}.commandRow>button:last-child{flex-basis:48px!important}.commandRow b{font-size:15px}.commandFootnote{font-size:10px!important}.battleDock .heroCard,.battleDock .commandArea{border-width:11px!important}}
@media(orientation:landscape) and (max-height:550px){.chronicleFrame{border-width:20px!important}.chronicleFrame>header{padding-bottom:3px}.chronicleFrame>header h1{font-size:17px}.chronicleFrame>header button{min-height:30px!important;padding:3px 9px!important}.chronicleBody{padding:3px!important}.characterSummary{width:145px;padding:2px}.characterSummary>img{max-height:125px}.characterSummary h2{font-size:20px}.characterSummary p{margin:2px 0;font-size:10px}.tabContent,.characterSummary{border-width:13px!important}.partySelector{width:43px}.partySelector button{min-height:44px!important;padding:0!important}.commandHero{padding-bottom:5px}.commandHero img{width:42px;height:42px}.commandHero h2{font-size:18px!important}.commandRow>button:first-child{min-height:62px}.battleDock .heroCard,.battleDock .commandArea{border-width:11px!important}.landscapeHUD .enemyRail{border-width:6px!important;padding:1px!important}.landscapeHUD .enemyScrollArrow{height:7px;line-height:7px}.landscapeHUD .heroInfo h3{font-size:17px}}