/* A single-screen game shell, with details only when requested. */
#panel-shade,#panel-close{display:none}.top-actions #garden-btn,.top-actions #back-battle,.top-actions #album-btn,.top-actions #panel-toggle{font-size:12px;padding:6px 10px;white-space:nowrap;min-height:36px}.top-actions #garden-btn svg,.top-actions #back-battle svg{display:none}.top-actions #panel-toggle{background:#eee6d4;border:1px solid #dbceb6;border-radius:10px}.top-actions #back-battle{min-width:0}.garden-mode .garden-dock>div:last-child:empty{display:none}.garden-toolbar .garden-tool-row{flex-wrap:wrap}.garden-tool-row button{min-width:22%}
@media(orientation:landscape){
 html,body{height:100%;min-height:0;overflow:hidden;overscroll-behavior:none}body{height:100dvh}.app-shell{width:100%;max-width:none;height:100dvh;margin:0;padding:env(safe-area-inset-top) max(8px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));display:flex;flex-direction:column;gap:6px}.topbar{height:42px;min-height:42px;padding:0 3px;flex-wrap:nowrap;gap:10px;border:0}.brand{font-size:17px;flex:0 0 auto;gap:6px}.brand>svg{width:24px;height:24px}.brand small{display:none}.resources{order:0;flex-basis:auto;border:0;padding:0;gap:15px;margin-left:auto}.resource{gap:4px}.resource small{display:none}.resource strong{font-size:16px}.resource em{font-size:10px}.resource>svg{width:18px;height:18px}.resource.waves{display:flex}.top-actions{order:0;gap:5px}.icon-btn,.speed-btn{height:34px;min-width:34px;border-radius:9px;font-size:15px}.speed-btn{padding:0 7px}.game-layout{display:block;position:relative;flex:1;min-height:0;padding:0;gap:0}.play-area{height:100%;display:grid;grid-template-columns:minmax(0,1fr) 122px;grid-template-rows:minmax(0,1fr);gap:8px}.map-heading,footer{display:none}.world{width:100%;height:100%;min-height:0;aspect-ratio:auto;border-radius:14px;box-shadow:none}.deployment-dock{padding:0;min-height:0;display:flex;flex-direction:column}.dock-heading{display:none}.dock-content{height:100%;flex-direction:column;gap:6px}.cat-cards{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4,minmax(0,1fr));gap:5px;min-height:0}.cat-card,.cat-card.active{padding:2px;min-height:0;flex-direction:row;border-radius:10px;box-shadow:none}.cat-card img{width:54%;height:100%;max-height:85px}.cat-card .card-info{display:flex;flex-direction:column;gap:3px;margin:0}.cat-card strong{font-size:12px}.cat-card .price{font-size:11px}.cat-card .role,.cat-card kbd,.owned-dot{display:none}.cat-card .price svg{width:11px;height:11px}.cat-card:hover{transform:none}.focus-btn{height:46px;width:100%;padding:5px 9px;display:flex;align-items:center;justify-content:space-between;box-shadow:none;border-radius:10px}.focus-btn .focus-top,.focus-btn small{display:none}.focus-btn strong{font-size:13px;margin:0}.charges{margin:0;gap:3px}.charges i{width:7px;height:7px}.quick-start{right:9px;top:9px;font-size:11px;min-height:36px;padding:7px 12px}.map-badge{top:9px;left:9px;font-size:10px;padding:7px 10px}.map-hint{font-size:10px;padding:6px 12px;bottom:7px;max-width:85%}.toast{bottom:16px;padding:9px 18px;font-size:12px;max-width:75vw}.garden-mode .resources{display:none}.garden-mode .top-actions{margin-left:auto}.garden-mode .garden-dock{padding:0;display:block;min-height:0}.garden-dock>span{display:none}.garden-mode .garden-dock>.garden-toolbar{height:100%;padding:7px;width:100%;display:flex;flex-direction:column;gap:8px;border-radius:14px;box-shadow:none}.garden-toolbar .garden-tool-row{display:grid;grid-template-columns:1fr 1fr;gap:5px}.garden-tool-row button{min-width:0;min-height:48px;font-size:11px;padding:5px 1px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:9px}.garden-tool-row button span{font-size:17px;margin:0}.garden-picker{margin: auto 0 0;display:grid;grid-template-columns:1fr 1fr;gap:5px}.garden-picker button{display:flex;flex-direction:column;gap:0;font-size:11px;padding:2px;min-height:47px}.garden-picker img{width:35px;height:35px}.snack-row{padding:0;display:flex;flex-direction:column;align-items:stretch;gap:4px}.snack-row span{display:none}.snack-row button{min-height:31px;padding:4px;font-size:11px;border-radius:9px}.garden-mode .garden-dock>div:last-child:empty{display:none}
 .sidebar,.garden-mode .sidebar{display:none}.panel-open #panel-shade{display:block;position:fixed;inset:42px 0 0;z-index:19;background:#243c2626;border:0}.panel-open .sidebar,.panel-open.garden-mode .sidebar{display:flex;position:fixed;z-index:20;right:max(10px,env(safe-area-inset-right));top:50px;bottom:max(8px,env(safe-area-inset-bottom));width:min(520px,calc(100vw - 28px));max-height:none;min-height:0;overflow:auto;padding:16px;border-radius:15px;box-shadow:0 10px 45px #383c3533}.panel-open #panel-close{display:block;position:fixed;z-index:21;right:16px;top:55px;width:32px;height:32px;min-width:32px}.sidebar .side-spacer,.sidebar .tip-footer,.sidebar .route-mini,.sidebar .side-eyebrow,.sidebar .side-small{display:none}.sidebar .side-cat{float:none;margin:0}.sidebar .side-cat img{width:65px;height:65px}.sidebar .side-cat h2{font-size:20px}.sidebar .cat-blurb{font-size:11px;line-height:1.5;margin:4px 0}.sidebar .cancel-selection{display:none}.panel-open .sidebar[data-panel=cat]{display:grid;grid-template-columns:1fr 1.2fr;grid-template-rows:auto auto auto auto 1fr;column-gap:14px;row-gap:6px;align-content:start}.sidebar[data-panel=cat]>.side-cat,.sidebar[data-panel=cat]>.cat-blurb,.sidebar[data-panel=cat]>.stat-grid,.sidebar[data-panel=cat]>.select-row,.sidebar[data-panel=cat]>.cat-actions,.sidebar[data-panel=cat]>.energy-track{grid-column:1}.sidebar[data-panel=cat]>.side-cat{grid-row:1}.sidebar[data-panel=cat]>.cat-blurb{display:none}.sidebar[data-panel=cat]>.stat-grid{grid-row:2}.sidebar[data-panel=cat]>.select-row{grid-row:3}.sidebar[data-panel=cat]>.cat-actions{grid-row:4;flex-wrap:wrap}.sidebar[data-panel=cat]>.cat-actions button{min-height:34px;flex:1;padding:5px;font-size:11px}.sidebar[data-panel=cat]>.energy-track{grid-row:5}.sidebar[data-panel=cat]>.upgrade-heading{grid-column:2;grid-row:1;margin:0;padding:12px 24px 0 0;align-self:center;font-size:12px}.sidebar[data-panel=cat]>.upgrade-card{grid-column:2;margin:0;padding:10px;align-self:start}.sidebar[data-panel=cat]>.upgrade-card p{font-size:11px;line-height:1.5}.sidebar[data-panel=cat]>.upgrade-card small{font-size:10px}.sidebar[data-panel=cat]>.selected-start{grid-column:1;grid-row:5;align-self:end;margin:0!important;min-height:34px;padding:6px}.sidebar[data-panel=cat]>.wave-note{display:none}.stat-grid{margin:0;padding:8px 0}.stat-grid b{font-size:16px}.select-row{font-size:11px;display:block;margin:0}.select-row select{width:100%;margin-top:4px;min-height:34px}.upgrade-top{font-size:12px;flex-wrap:wrap}.sidebar[data-panel=wave] .enemy-list{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0;padding:0}.sidebar[data-panel=wave] .enemy-row{border:0;padding:0;gap:8px}.sidebar[data-panel=wave] .enemy-avatar{width:32px;height:32px}.sidebar[data-panel=wave] .wave-pips{margin:7px 0}.sidebar[data-panel=wave] .wave-note{margin:8px 0;padding:8px}.sidebar[data-panel=wave] .wave-note p{font-size:11px;line-height:1.5}.sidebar[data-panel=wave]>h2{margin:0;padding-right:35px}.sidebar[data-panel=wave]>.primary-btn{margin-top:auto;padding:9px}
 .panel-open .sidebar[data-panel=garden]{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;align-content:start}.garden-portrait{float:none;width:auto;margin:0;grid-column:1;grid-row:1}.garden-portrait img{width:65px;height:65px}.garden-portrait .cat-tag{display:none}.garden-portrait h2{font-size:20px}.bond-heading{grid-column:1;font-size:11px}.bond-track{grid-column:1;margin:0}.garden-favorite{grid-column:1;margin:0}.garden-response{grid-column:2;grid-row:1 / 5;margin:15px 0 0;padding:10px;min-height:0}.garden-response p{font-size:11px;line-height:1.65}.sidebar[data-panel=garden]>.primary-btn{grid-column:1;padding:9px;min-height:36px}.garden-instruction{display:none}.reaction-list{grid-column:2;grid-row:5 / 8;padding-top:8px}.reaction-list>div{margin:6px 0;font-size:10px}.reaction-list h3{margin:0 0 7px;font-size:11px}.garden-saving{grid-column:1;font-size:9px;margin:0}.info-dialog{max-height:calc(100dvh - 20px);padding:20px;width:580px}.welcome-dialog{max-height:calc(100dvh - 16px);width:min(650px,92vw)}
}
@media(orientation:landscape) and (max-height:500px){
 .app-shell{gap:3px;padding-bottom:max(4px,env(safe-area-inset-bottom))}.topbar{height:36px;min-height:36px;gap:7px}.brand{font-size:13px}.brand>svg{width:19px;height:19px}.top-actions{gap:4px}.resources{gap:10px}.resource strong{font-size:13px}.resource>svg{width:15px;height:15px}.resource em{display:none}.icon-btn,.speed-btn{height:30px;min-width:30px;font-size:13px}.top-actions #garden-btn,.top-actions #back-battle,.top-actions #album-btn,.top-actions #panel-toggle{font-size:11px;min-height:30px;padding:4px 8px}.play-area{grid-template-columns:minmax(0,1fr) 108px;gap:5px}.garden-mode .garden-dock>.garden-toolbar{padding:5px;gap:5px}.garden-tool-row button{min-height:40px;font-size:10px;gap:0}.garden-tool-row button span{font-size:15px}.garden-picker button{min-height:33px;font-size:10px;flex-direction:row}.garden-picker img{width:20px;height:25px}.garden-picker button{gap:0;padding:1px}.garden-picker button span{white-space:nowrap}.snack-row button{min-height:27px;font-size:10px}.map-badge{font-size:9px;padding:5px 8px}.map-hint{font-size:9px;padding:4px 9px}.focus-btn{height:38px}.quick-start{min-height:30px;font-size:10px}.panel-open .sidebar,.panel-open.garden-mode .sidebar{top:40px;padding:12px;bottom:5px}.panel-open #panel-close{top:44px;right:14px}.panel-open #panel-shade{inset:36px 0 0}.welcome-dialog{display:grid;grid-template-columns:1.15fr 1fr}.welcome-dialog:not([open]){display:none}.welcome-art{padding:18px 16px 0}.welcome-art h2{font-size:24px;line-height:1.4;margin:10px 0}.welcome-art p{font-size:10px;line-height:1.6}.welcome-cats{height:95px}.welcome-cats img{height:95px;width:27%;margin:0}.welcome-bottom{display:flex;flex-direction:column;justify-content:center;padding:20px 15px}.mini-steps{flex-direction:column;gap:10px;margin-bottom:16px}.mini-steps b{display:inline;margin-right:8px}.welcome-bottom .primary-btn{min-width:0}.welcome-bottom>small{font-size:9px}.welcome-art .eyebrow{font-size:9px}.info-dialog h2{font-size:21px}.info-dialog p,.info-dialog li{font-size:11px;line-height:1.6}.result-art img{width:85px;height:70px}.result-stats{padding:9px;margin:10px 0}.result-art h2{font-size:23px}.album-cats{grid-template-columns:repeat(4,1fr)}.album-cats img{height:60px}.album-cats>div{padding:7px}.modal-actions{margin-top:12px}
}
@media(orientation:landscape) and (max-width:740px){.brand span{display:none}.resource.waves{display:none}.top-actions #album-btn{padding:4px 6px}.top-actions #back-battle{font-size:10px}.sidebar[data-panel=cat] .side-cat img{width:48px;height:48px}.sidebar[data-panel=cat] .cat-tag{font-size:9px}}
@media(orientation:landscape) and (max-height:500px){
 .panel-open .sidebar[data-panel=cat]{grid-template-rows:44px 42px 42px 34px 34px;row-gap:4px;overflow:hidden}.sidebar[data-panel=cat]>.side-cat img{height:44px;width:44px}.sidebar[data-panel=cat]>.side-cat h2{font-size:18px;margin:0 0 4px}.sidebar[data-panel=cat]>.stat-grid{padding:3px 0;margin:0;height:42px;align-items:center}.sidebar[data-panel=cat]>.stat-grid b{font-size:14px}.sidebar[data-panel=cat]>.stat-grid small{font-size:9px}.sidebar[data-panel=cat]>.select-row{line-height:1.1;font-size:10px}.sidebar[data-panel=cat]>.select-row select{min-height:27px;height:27px;padding:3px 6px;font-size:10px}.sidebar[data-panel=cat]>.cat-actions{margin:0;gap:4px}.sidebar[data-panel=cat]>.cat-actions button{min-height:30px;padding:4px;font-size:10px}.sidebar[data-panel=cat]>.upgrade-card{grid-row:2 / 4;padding:8px;margin:0;align-self:stretch}.sidebar[data-panel=cat]>.upgrade-card+.upgrade-card{grid-row:4 / 6}.sidebar[data-panel=cat]>.upgrade-card p{font-size:10px;line-height:1.35;margin:5px 0}.sidebar[data-panel=cat]>.upgrade-card small{font-size:9px;line-height:1.3}.sidebar[data-panel=cat]>.upgrade-card .upgrade-top{font-size:11px;gap:3px}.sidebar[data-panel=cat]>.selected-start{min-height:30px;height:30px;padding:4px;font-size:10px}.sidebar[data-panel=cat]>.energy-track{grid-row:2;align-self:end;margin:0;transform:translateY(4px);height:3px}
}
@media(orientation:portrait){#panel-toggle{display:none}.topbar{flex-wrap:wrap}.top-actions{flex-wrap:wrap}.top-actions #back-battle,.top-actions #garden-btn{padding:5px}.garden-tool-row button{min-width:21%}}
/* Six guardians and a compact campaign selector. */
.top-actions #level-btn{white-space:nowrap;font-size:11px;padding:4px 8px;min-height:30px}.level-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.level-card{display:flex;flex-direction:column;gap:10px;padding:16px 12px;text-align:left;border:1px solid #d6c9ad;background:#f5efdf;border-radius:14px;color:#665b47}.level-card b{font-size:15px}.level-card span,.level-card small{font-size:11px;line-height:1.6}.level-card em{font-size:12px;font-style:normal;color:#47755d;margin-top:auto}.album-cats{grid-template-columns:repeat(3,1fr)}
@media(orientation:landscape){.cat-cards{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));flex:1}.cat-card,.cat-card.active{flex-direction:column;justify-content:center;gap:0}.cat-card img{height:calc(100% - 29px);width:100%;max-height:85px;min-height:0;object-fit:contain}.cat-card .card-info{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:1px 4px}.cat-card strong{font-size:10px}.cat-card .price{font-size:10px}.cat-card .price svg{display:none}}
@media(orientation:landscape) and (max-height:350px){.garden-mode .garden-dock>.garden-toolbar{gap:4px}.garden-tool-row button{min-height:35px;padding:2px}.garden-picker{gap:3px}.garden-picker button{min-height:28px}.snack-row button{min-height:24px;padding:2px}.level-card{padding:10px;gap:6px}.level-card b{font-size:12px}.level-list{gap:7px}}