/* One viewport throughout. Longer content is reachable through explicit page controls. */
html,body{height:100%;overflow:hidden;overscroll-behavior:none}#app{height:100dvh;min-height:0}.app-shell{height:100dvh;max-height:860px;min-height:0}.app-shell>main{overflow:hidden;min-height:0;padding:12px 14px}.mobile-demo-tools{display:none!important}.screen-book{display:flex!important;flex-direction:column!important;gap:8px;min-height:0;overflow:hidden!important}.screen-book-view{flex:1;min-height:0;position:relative;overflow:hidden}.screen-sheet{width:100%;display:flow-root;min-height:0}.screen-measure{position:absolute;top:0;left:0;right:0;visibility:hidden}.screen-pager,.screen-page-reserve{flex:0 0 36px;min-height:36px}.screen-pager{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:5px;color:#a080b2}.screen-pager button{border:1.5px solid #c8b0dc;border-radius:9px;background:#fff8eb;color:#89629e;min-height:32px;padding:5px 10px;font-size:11px;font-weight:700}.screen-pager button:disabled{opacity:.3}.screen-page-label{font-size:11px;white-space:nowrap}.screen-list-book{display:flex!important;flex-direction:column!important;gap:5px!important;overflow:visible!important;max-height:none!important}.screen-list-page{width:100%}.screen-list-book>.screen-pager{flex-basis:30px;min-height:30px}.screen-list-book>.screen-pager button{min-height:27px;font-size:10px;padding:3px 9px}.screen-list-book>.screen-pager .screen-page-label{font-size:10px}[hidden]{display:none!important}.screen-subheading{font-size:13px;margin:8px 0}.screen-sheet>.section-heading:first-child,.screen-sheet>.page-heading:first-child{margin-top:0}.screen-sheet .page-heading{margin-bottom:12px}.screen-sheet .page-heading h1{font-size:22px}.screen-sheet .section-heading{margin:12px 0 8px}.screen-sheet .subtitle{font-size:10px;margin-top:5px;line-height:1.5}.screen-sheet .camp-map{height:150px;min-height:0}.screen-sheet .expedition-cta{padding:14px}.screen-sheet .expedition-cta h2{font-size:21px;margin:5px 0}.screen-sheet .camp-board{margin-bottom:8px}.screen-sheet .camp-links{margin-top:10px}.screen-sheet .character-art{height:110px}.screen-sheet .character-art .adventurer{height:100px}.screen-sheet .character-copy{padding:9px}.screen-sheet .character-copy h3{font-size:14px}.screen-sheet .simple-member .adventurer{height:72px;width:50px}.screen-sheet .candidate{padding:7px 10px;min-height:58px}.screen-sheet .candidate .adventurer{height:48px;width:35px}.screen-sheet .formation{padding:10px}.screen-sheet .yanli-team{margin:6px 0;padding:6px}.screen-sheet .boss-arena{padding:10px;min-height:0}.screen-sheet .boss-figure{height:94px}.screen-sheet .boss-figure svg{height:95px}.screen-sheet .arena-team{height:62px;margin:5px 0}.screen-sheet .arena-team .adventurer{height:52px;width:38px}.screen-sheet .arena-power{margin:6px 0}.screen-sheet .arena-power strong{font-size:25px}.screen-sheet .boss-life{margin:6px 0}.screen-sheet .versus-divider{margin:6px 0}.screen-sheet .trial-rule{margin:8px 0;padding:8px}.screen-sheet .supply-tile{padding:7px 4px}.screen-sheet .supply-tile .supply-illustration{height:45px;width:45px}.screen-sheet .supply-banner{min-height:185px}.screen-sheet .supply-banner-art{height:85px}.screen-sheet .ranking-row{padding:12px}.screen-sheet .loadout-list{flex:none}.screen-sheet .loadout-item{min-height:65px}.screen-sheet .carried-supplies>span{padding:7px}.screen-sheet .history-list>div{padding:7px}.screen-sheet .report-list>button{padding:10px}.screen-sheet .round-details{margin:8px 0}.screen-sheet .report-scroll{overflow:visible;max-height:none;flex:none}.screen-sheet .supply-detail{padding:0}.screen-sheet .supply-detail>.supply-illustration{height:80px;width:80px}.screen-sheet .supply-upgrade-panel{margin:8px 0;padding:8px}.screen-sheet .supply-detail p{font-size:10px;line-height:1.5;margin:6px 0}.sketch-dialog,.sketch-dialog.wide-dialog{display:flex;flex-direction:column;height:min(calc(100dvh - 24px),836px);max-height:min(calc(100dvh - 24px),836px);overflow:hidden!important;padding:42px 16px 14px}.screen-dialog-body{flex:1;min-height:0}.screen-dialog-actions{flex:0 0 auto;padding-top:8px}.screen-dialog-actions .modal-footer{margin:0;padding-top:8px}.screen-dialog-actions>.button{width:100%}.screen-sheet .event-heading{margin-top:0}.screen-sheet .event-heading>.adventurer{height:85px;width:60px}.screen-sheet .event-heading h2{font-size:20px}.screen-sheet .event-options>button{padding:11px 10px}.screen-sheet .battle-stage{height:150px;min-height:0}.screen-sheet .war-notes{margin:10px 0;padding:8px}.screen-sheet .result-numbers strong{font-size:24px}.screen-sheet .supply-detail-buff{padding:8px}.is-setup .setup-step-content{overflow:hidden}.screen-sheet .floor-grid{margin:10px 0}.screen-sheet .floor-grid .floor{height:34px}.screen-sheet .supply-rate-table{margin:8px 0}.screen-sheet>p{font-size:11px;line-height:1.6}.screen-sheet>.button{margin-top:6px}.screen-sheet .loadout-item .supply-buff{font-size:9px}.screen-sheet .detail-hero .adventurer,.screen-sheet .finish-hero .adventurer{height:100px;width:70px}@media(max-height:730px){.screen-book{gap:5px}.app-shell>main{padding:8px 12px}.screen-sheet .camp-map{height:115px}.screen-sheet .camp-title h1{font-size:20px}.screen-sheet .supply-banner{min-height:167px}.screen-sheet .supply-banner-art{height:70px}.screen-sheet .supply-banner-art .supply-illustration{height:65px;width:65px}.screen-sheet .boss-figure{height:70px}.screen-sheet .boss-figure svg{height:70px}.screen-sheet .arena-team{height:48px}.screen-sheet .arena-team .adventurer{height:42px}.screen-sheet .skill-row{padding:7px}.screen-sheet .mini-stats{margin:10px 0}.screen-sheet .language-bars{margin:10px 0}}

.screen-main-actions{flex:0 0 auto;padding:4px 0 5px}.screen-main-actions>.button{width:100%;margin:0}.screen-main-actions .supply-draw-actions{margin:0}.screen-main-actions .formation-footer{margin:0;padding:7px 8px;border:1px solid #d4bfe3;border-radius:11px;background:#fff8eb;gap:7px}.screen-main-actions .formation-footer strong{font-size:19px}.screen-main-actions>.button+.button{margin-top:7px}.screen-main-actions .button{min-height:40px;font-size:12px;padding:8px 10px}.screen-main-actions .formation-footer>.button{max-width:none;font-size:10px}.bench-layout>aside>section.bench-active{min-height:0}
.screen-page-reserve{margin-top:5px}