/* Painted raster UI. Text and hit targets remain native accessible controls. */
.ui-icon{display:inline-block;width:28px;height:28px;flex-shrink:0;background-position:center;background-repeat:no-repeat;background-size:contain;vertical-align:middle;pointer-events:none;filter:drop-shadow(0 2px 2px #0008)}
.icon-close{background-image:url('./assets/ui/close.png')}.icon-power{background-image:url('./assets/ui/power.png')}.icon-sword{background-image:url('./assets/ui/sword.png')}.icon-cards{background-image:url('./assets/ui/cards.png')}.icon-home{background-image:url('./assets/ui/home.png')}.icon-book{background-image:url('./assets/ui/book.png')}.icon-crown{background-image:url('./assets/ui/crown.png')}.icon-gem{background-image:url('./assets/ui/gem.png')}.icon-music{background-image:url('./assets/ui/music.png')}.icon-muted{background-image:url('./assets/ui/muted.png')}.icon-help{background-image:url('./assets/ui/help.png')}.icon-play{background-image:url('./assets/ui/play.png')}.icon-pause{background-image:url('./assets/ui/pause.png')}.icon-shield{background-image:url('./assets/ui/shield.png')}.icon-star{background-image:url('./assets/ui/star.png')}.icon-check{background-image:url('./assets/ui/check.png')}
.brand-mark{display:flex;align-items:center}.brand-mark .glyph{width:43px;height:43px}.wallet .gem .glyph{width:23px;height:23px}.topbar .icon-button{border:0;background:none;box-shadow:none;width:38px;height:38px;padding:0}.topbar .icon-button .glyph{width:100%;height:100%}.modal-close{border:0;background:none;box-shadow:none;width:42px;height:42px;right:11px;top:11px;display:grid;place-items:center;padding:0}.modal-close .glyph{width:100%;height:100%}.modal-close:hover{filter:brightness(1.25)}
.nav-item>.glyph{width:36px;height:36px;filter:drop-shadow(0 2px 3px #0009)}.nav-item.active>.glyph{filter:drop-shadow(0 0 5px #dfc18c55)}.nav-item.active{background:transparent;box-shadow:none;border:10px solid transparent;border-image:url('./assets/ui/button-navy.png') 40 80 fill stretch;padding:0 5px}.nav-item.active:after{display:none}.nav-item:not(.active){border:10px solid transparent;padding:0 5px}.topbar nav{padding:2px;clip-path:none}
.button.primary,.battle-launch{background:none;border:12px solid transparent;border-image:url('./assets/ui/button-gold.png') 40 80 fill stretch;box-shadow:none;clip-path:none;border-radius:0;color:#302216;text-shadow:0 1px #fff5}.button.secondary,.summon-banner{background:none!important;border:12px solid transparent!important;border-image:url('./assets/ui/button-purple.png') 40 80 fill stretch!important;box-shadow:none!important;border-radius:0;clip-path:none}.battle-launch{padding:4px 12px;min-height:70px}.battle-launch:after{display:none}.battle-launch .glyph{width:35px;height:35px}.battle-launch strong{font-size:23px}.button.primary,.button.secondary{min-height:46px;padding:0 12px}.expedition-dock .summon-banner{padding:3px 8px;min-height:76px}.summon-symbol{display:flex;align-items:center}.summon-symbol .glyph{width:36px;height:36px}.summon-banner strong{color:#fff0e7}.summon-banner em{color:#e0cde5}
.filters button,.stage-select button,.lane-target{background:none;border:8px solid transparent;border-image:url('./assets/ui/button-navy.png') 40 80 fill stretch;border-radius:0;box-shadow:none;padding:0 8px}.filters button.active,.stage-select button.active,.lane-target.selected{background:none;border-image-source:url('./assets/ui/button-purple.png');color:#fff0cf;box-shadow:none}.stage-select button{min-width:48px}.lane-target{height:29px;min-height:29px;padding:0 5px;line-height:1;font-size:10px}
.power-chip,.hand-card .power-chip,.slot-power{display:grid;place-items:center;background:transparent url('./assets/ui/power.png') center/100% 100% no-repeat;border:0;border-radius:0;box-shadow:none;width:38px;height:42px;min-width:0;padding:0 0 3px;font-family:Georgia,serif;font-size:21px;font-weight:700;line-height:1;color:#fff1ce;text-shadow:0 2px 3px #000,1px 0 #382924,-1px 0 #382924}.hand-card .power-chip{width:31px;height:35px;top:2px;left:2px;font-size:18px}.slot-power{width:36px;height:40px;right:2px;bottom:2px;font-size:21px}.slot-power.buffed{color:#b8ffbe}.slot-power.debuffed{color:#ffacb0}.large-power{background:url('./assets/ui/power.png') center top/72px 80px no-repeat;min-width:82px;font-size:36px;line-height:1;padding-top:20px;text-shadow:0 2px 4px #000}.large-power small{margin-top:30px;text-shadow:none}.commander-power>b{background:url('./assets/ui/power.png') center/contain no-repeat;min-width:58px;height:66px;display:grid;place-items:center;padding-bottom:4px;font-size:31px;line-height:1;text-shadow:0 2px 4px #000}
.role{display:inline-flex;align-items:center;gap:4px}.role>.glyph{width:18px;height:18px}.hand-role .glyph,.slot-role .glyph{width:20px;height:20px}.lane-title .glyph{width:22px;height:22px}.deck-tick{border:0;background:none;box-shadow:none;width:25px;height:25px}.deck-tick .glyph{width:100%;height:100%}.deck-slot .remove-mark{background:none;border:0;width:22px;height:22px;line-height:1}.remove-mark .glyph{width:22px;height:22px}.expedition-seal{border:0;background:none;transform:none;box-shadow:none;width:48px;height:48px}.expedition-seal .glyph{transform:none;width:48px;height:48px}.big-symbol .glyph{width:80px;height:80px}
@media(min-width:781px){.lane{grid-template-rows:23px minmax(40px,1fr) 29px minmax(40px,1fr) 29px}.confirm-turn{border-width:8px;min-height:35px;height:35px}.hand-card .power-chip{width:29px;height:33px}}
@media(max-width:780px){.topbar{gap:8px}.brand-mark .glyph{width:31px;height:31px}.topbar .icon-button{width:32px;height:32px}.wallet .gem .glyph{width:19px;height:19px}.modal-close{width:40px;height:40px}.topbar nav .nav-item{gap:6px;border-width:8px;padding:0 2px}.nav-item>.glyph{width:28px;height:28px}.nav-copy strong{font-size:11px}.battle-launch{min-height:65px;padding:0 7px}.expedition-dock .summon-banner{padding:3px 8px}.power-chip,.card-top .power-chip{width:29px;height:33px;font-size:17px}.hand-card .power-chip{width:24px;height:28px;font-size:15px;top:0;left:0}.slot-power{width:29px;height:33px;right:0;bottom:15px;font-size:17px}.role>.glyph{width:13px;height:13px}.hand-role .glyph,.slot-role .glyph{width:16px;height:16px}.deck-tick{width:20px;height:20px}.filters button{border-width:6px;padding:0 4px;min-height:30px}.stage-select button{border-width:6px;min-width:42px;line-height:1.2}.lane-target{border-width:6px;font-size:8px;min-height:27px;height:27px}.confirm-turn{border-width:8px;min-height:37px}.commander-power>b{min-width:37px;height:42px;font-size:23px}.commander-panel .role>.glyph{width:14px;height:14px}.lane-title .glyph{width:16px;height:16px}}

/* Align skill copy to the badge, excluding its caption. */
.detail-skill{display:grid;grid-template-columns:82px minmax(0,1fr);align-items:start;gap:16px}
.detail-skill .large-power{display:grid;grid-template-rows:80px auto;justify-items:center;gap:6px;min-width:0;padding:0;background:none;line-height:1}
.large-power-value{display:grid;place-items:center;width:72px;height:80px;padding-bottom:4px;background:url('./assets/ui/power.png') center/contain no-repeat;font:700 36px/1 Georgia,serif;color:#fff1ce;text-shadow:0 2px 4px #000}
.detail-skill .large-power small{margin:0;font:8px/1.5 var(--font);text-shadow:none}
.detail-skill>div{display:flex;flex-direction:column;justify-content:center;min-height:80px;min-width:0}