/* Late presentation layer. Geometry responds to available room; text and hit targets retain their size. */
:root{--ad-navy:#112d49;--ad-blue:#29577a;--ad-cream:#fff0c9;--ad-gold:#f8cb5b;--ui-bar:62px;--ui-dock:70px}
html,body{width:100%;height:100%;overflow:hidden}
.pk-window>.box.ui-panel:not(.oak-shell){border:1px solid #8eb0bb80;box-shadow:0 18px 70px #020c22ad,inset 0 1px #d5eaff24;border-radius:22px;background:linear-gradient(145deg,#1d3b4a,#112d3a)}
.pk-window .pk-window-header{background:linear-gradient(110deg,var(--pk-header),color-mix(in srgb,var(--pk-header) 65%,#132b44));padding:16px 22px}
.pk-window .pk-heading h2{font-size:clamp(23px,2.5vw,30px)}
.pk-window .pk-heading-description{font-size:12px;line-height:1.35;margin-top:4px}
.pk-window .pk-emblem{width:38px;height:38px;flex-basis:38px;border:1px solid #fffffc44}
.pk-window .pk-window-tabs{padding:8px 18px;gap:6px;background:#102736}
.pk-window .pk-window-tabs .tab,.pk-window .pk-window-tabs .gen-tab{min-width:0;flex:1;padding:8px 10px;border-radius:9px;min-height:44px;font-size:12px}
.pk-window .ui-scroll{padding:16px 20px}
.pk-window>.box.wide.ui-panel{width:min(1220px,100%);height:100%}
.ad-native-regions{display:none!important}
.ad-region-selector{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-shrink:0;margin:0;padding:8px 20px;background:#102736;border-bottom:1px solid #8cb6c02b;font-size:12px;color:#c5dfdf}
.ad-region-selector select{width:auto;max-width:62%;min-width:136px;min-height:42px;font:650 14px var(--ui-font);padding:7px 32px 7px 12px;border-radius:9px;background:#284954;color:#fff1d0;border-color:#71949d}
.topbar{background:linear-gradient(#18384eeb,#102637f2);border-bottom:1px solid #799db45c;box-shadow:0 4px 18px #00132133}
.topbar .pill{border-radius:14px;background:#0b2134;border-color:#7099b365;box-shadow:inset 0 1px #b8d9ea10}
.game-dock{height:calc(var(--ui-dock) + var(--ui-safe-bottom));background:linear-gradient(#294f68f5,#162f48fa);border-top:1px solid #90b5c966;box-shadow:0 -5px 24px #04142666;backdrop-filter:blur(16px)}
.game-dock button{border:0!important;max-width:164px;gap:4px;font-size:11px;color:#b5d0df}
.game-dock button.on{background:radial-gradient(ellipse at 50% 5%,#66b4b66b,transparent 85%);color:#fff0c5}
.game-dock button.on::before{left:27%;right:27%;height:3px;background:#ffda76;box-shadow:0 0 16px #ffe8a866}
.game-dock svg{width:25px;height:25px}
#scr-menu{background:linear-gradient(90deg,#0a1d38b5,#0b2d3799),url('../assets/encounters/forest-clearing.webp') center/cover;padding:calc(var(--ui-safe-top) + var(--ui-bar) + 18px) max(24px,var(--ui-safe-right)) calc(var(--ui-safe-bottom) + var(--ui-dock) + 18px) max(24px,var(--ui-safe-left))}
#scr-menu::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 28% 38%,#97dcad36,transparent 52%),linear-gradient(0deg,#07192bba,transparent 50%)}
#scr-menu .hub-layout{width:min(1160px,100%);height:100%;max-height:780px;overflow:visible;gap:clamp(24px,5vw,90px);grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);padding:0;align-items:center}
#scr-menu .menu-left{display:flex;flex-direction:column;align-items:center;min-height:0;height:100%;max-height:650px;justify-content:center}
#scr-menu .logo{margin:0 0 22px;text-align:center}
#scr-menu .logo .t1{font-size:clamp(34px,4.7vw,65px);color:#ffe69e;text-shadow:0 4px #9a642b,0 7px #10233e}
#scr-menu .logo .t2{letter-spacing:4px;font-size:10px;margin-top:10px;color:#b8ded6}
#scr-menu .partner-card{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:0;max-height:100%;padding:20px 20px 22px;border:1px solid #a2bca956;border-radius:32px;background:radial-gradient(ellipse at 50% 30%,color-mix(in srgb,var(--partner-color,#a4d59a) 22%,transparent),transparent 66%),linear-gradient(155deg,#244b5378,#0b2732c9);box-shadow:0 20px 45px #04152a55,inset 0 1px #e4ffe81c}
#scr-menu .partner-card::before{left:15%;right:15%;top:auto;bottom:104px;height:43px;background:linear-gradient(#a8d5b3,#628e86);border:1px solid #e3f1cb99;box-shadow:0 9px 0 #2d5553,0 20px 26px #01192577}
.ad-partner-tag{display:flex;width:100%;justify-content:space-between;gap:8px;align-items:center;margin-bottom:4px}
.ad-partner-tag>span{font-size:9px;font-weight:750;letter-spacing:1.3px;color:#bad8c9}
.ad-partner-tag button{min-height:44px;border:0;background:none;padding:0 4px;color:#ffe3a0;font-size:12px;cursor:pointer}
#scr-menu #menu-partner{width:min(100%,340px);height:clamp(125px,28vh,285px);flex-shrink:1;margin:0 auto 16px;filter:drop-shadow(0 12px 5px #001a2544)}
#scr-menu .partner-card .nm{font-size:clamp(26px,3.4vw,39px);color:#fff9df;line-height:1.12}
#scr-menu .partner-card .lv{font-size:13px;margin-top:6px}
.ad-partner-region{font-size:10px;letter-spacing:.8px;margin-top:10px;color:#aacac6}
.ad-kicker{font-size:10px;letter-spacing:2px;font-weight:750;color:#b8e1cf}
#scr-menu .hub-heading{display:block;margin-bottom:8px}
#scr-menu .hub-heading h1{font-size:clamp(28px,3.5vw,44px);margin:9px 0;color:#fff3d2}
#scr-menu .hub-heading p{font-size:13px;color:#c2d7d8}
#scr-menu .menu-right{gap:14px;min-height:0;display:flex;flex-direction:column;justify-content:center}
#scr-menu .hub-actions{display:grid;grid-template-columns:1fr;gap:14px}
#scr-menu .menu-item{border:1px solid #b7d5e34d;border-radius:16px;min-height:78px;padding:16px 22px;background:linear-gradient(135deg,#3d6475,#21425b);box-shadow:0 5px #071d31,0 8px 20px #04142533;font-size:25px}
#scr-menu .menu-item.play{min-height:90px;color:#3a2d16;background:linear-gradient(120deg,#ffeab0,#efc257);border:1px solid #fff0c8;box-shadow:0 5px #927038,0 11px 24px #07192755;text-shadow:0 1px #fff1c6;font-size:33px}
#scr-menu .menu-item small{font-size:11px;margin-top:4px;opacity:.85}
#scr-menu .hub-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#scr-menu .hub-shortcuts .menu-item{min-height:58px;padding:10px 6px;gap:8px;font-size:16px;border-radius:13px;background:#254657ba;text-shadow:none;box-shadow:0 3px #091f32}
#scr-menu .hub-shortcuts .mi-ico{display:none}
#scr-menu .hub-stats{margin:0;padding:0!important}
#scr-menu #menu-stats{font-size:10px!important;line-height:1.5!important;color:#a8c3c8!important;text-align:left}
.ad-lab-button{display:flex;align-items:center;gap:12px;text-align:left;min-height:58px;padding:8px 14px;border:1px solid #93b8a64d;border-radius:13px;background:#24413ecc;color:#e7efdf;cursor:pointer}
.ad-lab-button img{height:43px;width:32px;object-fit:cover;object-position:top;align-self:end;filter:drop-shadow(0 2px #071d2c44)}
.ad-lab-button span{flex:1}.ad-lab-button b{font-size:13px}.ad-lab-button small{display:block;font-size:10px;color:#bbd1c5;margin-top:3px}.ad-lab-button i{font-size:20px;color:#efdb9e;font-style:normal}
#scr-menu .hub-info{font-size:10px;min-height:30px;text-align:left;padding:0;color:#a7c8cf}
#scr-menu #oak-revisit{display:none!important}
#scr-menu .hub-extras{position:absolute;right:24px;top:12px;max-width:360px;z-index:3;padding:8px;background:#183b43ee;border-radius:12px}
#scr-menu .hub-extras:not([open]){background:none;border:none;padding:0}
#scr-menu .hub-extras summary{font-size:10px;min-height:30px}
.instance-credit{display:none}
/* One viewport, one main surface. Large content is paged by collection/journal. */
body.ui-hub :is(#scr-dex,#scr-gacha,#scr-goals,#scr-friends,#scr-upgrades,#scr-rank){padding:calc(var(--ui-safe-top) + var(--ui-bar) + 10px) max(16px,var(--ui-safe-right)) calc(var(--ui-safe-bottom) + var(--ui-dock) + 10px) max(16px,var(--ui-safe-left))}
#scr-gacha .ui-scroll{display:flex;flex-direction:column;gap:10px}
#scr-gacha .pk-gacha-layout{flex:1;min-height:0;gap:10px}
#scr-gacha .banner{min-height:155px;flex:1;padding:16px 20px;grid-template-columns:1fr 1.2fr;border-radius:16px}
#scr-gacha .pk-encounter-art{min-height:0}
#scr-gacha .pk-region-copy{min-width:0}
#scr-gacha #banner-title{font-size:clamp(23px,3vw,37px);margin:4px 0 8px}
#scr-gacha #banner-desc{font-size:12px;line-height:1.4}
#scr-gacha .pk-machine-preview-label{font-size:9px}
#scr-gacha .pk-region-kicker{font-size:9px;letter-spacing:1px}
#scr-gacha .pk-encounter-art .feat{min-height:0;height:100%}
#scr-gacha .pk-featured-mon canvas{max-height:125px}
#scr-gacha .pk-gacha-wallet{padding:8px 12px;min-height:40px}
#scr-gacha .pk-pull-options{gap:10px}
#scr-gacha .pk-pull-choice{padding:14px;gap:9px}
#scr-gacha .pk-pull-choice h3{font-size:23px}
#scr-gacha .pk-pull-choice .btn{min-height:46px;padding:9px;font-size:16px}
#scr-gacha .pk-guarantee{padding-top:9px}
#scr-gacha #gacha-pity{font-size:10px}
#scr-gacha .pk-rates>summary{min-height:40px;padding:10px 14px}
@media(max-width:700px) and (min-height:521px){
 :root{--ui-bar:58px;--ui-dock:66px}
 .pk-window .pk-window-header{padding:12px 14px;gap:12px}.pk-window .pk-heading{gap:10px}.pk-window .pk-heading-description{font-size:11px}.pk-window .ui-scroll{padding:12px}
 .pk-window .pk-emblem{width:32px;height:32px;flex-basis:32px}.pk-window .pk-emblem svg{width:22px;height:22px}.pk-window .pk-window-tabs{padding:7px 12px}
 .ad-region-selector{padding:7px 12px;font-size:11px}.ad-region-selector .field{min-height:40px}
 .topbar{min-height:58px;padding:8px 12px;gap:5px}.topbar .pill{min-height:40px;padding:5px 8px;font-size:12px}#user-pill{max-width:150px}
 #scr-menu{padding:calc(var(--ui-safe-top) + var(--ui-bar) + 12px) 18px calc(var(--ui-safe-bottom) + var(--ui-dock) + 10px)}
 #scr-menu .hub-layout{display:grid;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;gap:12px;max-width:450px;overflow:visible}
 #scr-menu .menu-left{height:100%;max-height:none;justify-content:stretch;min-height:0}
 #scr-menu .logo{margin:0 0 12px}#scr-menu .logo .t1{font-size:36px}#scr-menu .logo .t2{font-size:8px;letter-spacing:3px;margin-top:8px}
 #scr-menu .partner-card{flex:1;width:100%;padding:6px 16px 12px;border-radius:22px;min-height:0}
 #scr-menu .ad-partner-tag{margin:0}#scr-menu .ad-partner-tag>span{font-size:8px;letter-spacing:1px}
 #scr-menu #menu-partner{flex:1;min-height:60px;max-height:180px;width:235px;height:auto;margin:0 auto 8px;object-fit:contain}
 #scr-menu .partner-card::before{bottom:78px;height:25px;left:20%;right:20%}
 #scr-menu .partner-card .nm{font-size:29px}#scr-menu .partner-card .lv{font-size:11px;margin-top:3px}.ad-partner-region{font-size:9px;margin-top:6px}
 #scr-menu .hub-heading{display:none}#scr-menu .menu-right{gap:9px}
 #scr-menu .hub-actions{grid-template-columns:1fr 1fr;gap:10px}
 #scr-menu .menu-item,#scr-menu .menu-item.play{min-height:70px;padding:10px 8px;display:flex;flex-direction:column;font-size:22px;gap:3px;border-radius:14px}
 #scr-menu .menu-item small{font-size:9px;line-height:1.3;margin:0}#scr-menu .menu-item .mi-ico{display:none}
 #scr-menu .hub-shortcuts .menu-item{min-height:45px;font-size:15px;padding:9px 4px;border-radius:10px}
 #scr-menu .hub-stats{display:none!important}#scr-menu .hub-info{min-height:24px;text-align:center;font-size:10px}
 .ad-lab-button{min-height:50px;padding:6px 12px;gap:10px}.ad-lab-button img{height:35px;width:28px}.ad-lab-button small{font-size:9px}
 #scr-menu .hub-extras{right:20px;top:2px}.hub-extras summary{font-size:9px!important}
 #scr-gacha .banner{min-height:125px;padding:12px;gap:10px;grid-template-columns:1fr 1.15fr}
 #scr-gacha #banner-title{font-size:25px;margin-bottom:6px}#scr-gacha #banner-desc{display:none}#scr-gacha #gacha-owned{font-size:10px;margin-top:5px!important}
 #scr-gacha .pk-featured-mon canvas{max-height:95px}#scr-gacha .pk-featured-mon figcaption{font-size:8px}#scr-gacha .pk-machine-preview-label{font-size:7px}
 #scr-gacha .pk-pull-options{grid-template-columns:1fr;gap:8px}#scr-gacha .pk-pull-choice{padding:10px 12px;display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:8px}
 #scr-gacha .pk-pull-choice h3{font-size:22px;margin:0}#scr-gacha .pk-pull-choice p{display:none}#scr-gacha .pk-pull-stamp{display:none}#scr-gacha .pk-ten-currencies{gap:6px}#scr-gacha .pk-pull-choice .btn{font-size:13px;min-height:44px;padding:8px 4px}
 #scr-gacha .pk-guarantee-title{font-size:11px}#scr-gacha .pk-progress{margin:6px 0;height:6px}#scr-gacha .pk-guarantee{padding-top:7px}
}
/* Small landscape keeps chrome available using an edge rail instead of stealing playfield height. */
@media(max-height:520px) and (min-width:560px){
 :root{--ui-bar:48px;--ui-dock:0px;--ad-rail:64px}
 .topbar{min-height:48px;padding:4px 12px}.topbar .pill{min-height:36px}.topbar .ui-icon-button{height:36px;width:40px;flex-basis:40px}
 body.ui-hub #topbar:not(.hidden){display:flex!important}
 #game-dock:not(.hidden){display:flex!important;top:calc(var(--ui-safe-top) + 48px);left:0;right:auto;bottom:0;width:64px;height:auto;flex-direction:column;padding:4px 0 max(4px,var(--ui-safe-bottom));border-top:0;border-right:1px solid #96bcc344}
 #game-dock button{width:64px;min-height:44px;flex-direction:column;gap:1px;font-size:8px;flex:1;padding:3px}.game-dock svg,.game-dock button[data-route=menu] svg{width:21px;height:21px}.game-dock button.on::before{top:20%;bottom:20%;height:auto;left:0;right:auto;width:3px;border-radius:0 3px 3px 0}
 #scr-menu{padding:calc(var(--ui-safe-top) + 56px) 16px max(8px,var(--ui-safe-bottom)) calc(var(--ui-safe-left) + 80px)}
 #scr-menu .hub-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);grid-template-rows:none;gap:20px;align-items:stretch}
 #scr-menu .menu-left{height:100%;justify-content:stretch}#scr-menu .logo{margin-bottom:8px}#scr-menu .logo .t1{font-size:30px}#scr-menu .logo .t2{display:none}
 #scr-menu .partner-card{padding:0 12px 10px;border-radius:18px;flex:1}#scr-menu .ad-partner-tag>span{font-size:7px;letter-spacing:.5px}#scr-menu .ad-partner-tag button{font-size:10px;min-height:34px}
 #scr-menu #menu-partner{width:185px;min-height:50px;height:clamp(50px,28vh,140px);margin:0 auto 8px}#scr-menu .partner-card::before{bottom:68px;height:24px}
 #scr-menu .partner-card .nm{font-size:23px}#scr-menu .partner-card .lv{font-size:10px}.ad-partner-region{font-size:8px;margin-top:4px}
 #scr-menu .hub-heading{display:none}#scr-menu .menu-right{gap:8px}#scr-menu .hub-actions{grid-template-columns:1fr 1fr;gap:10px}
 #scr-menu .menu-item,#scr-menu .menu-item.play{min-height:68px;padding:10px;font-size:22px;display:flex;flex-direction:column;gap:3px}#scr-menu .menu-item .mi-ico{display:none}#scr-menu .menu-item small{font-size:9px;margin:0}
 #scr-menu .hub-shortcuts .menu-item{min-height:44px;padding:8px;font-size:14px}#scr-menu .hub-stats{display:none!important}#scr-menu .hub-info{min-height:24px;font-size:9px}.ad-lab-button{min-height:46px;padding:5px 10px}.ad-lab-button img{height:30px}.ad-lab-button b{font-size:11px}.ad-lab-button small{font-size:9px}
 body.ui-hub :is(#scr-dex,#scr-gacha,#scr-goals,#scr-friends,#scr-upgrades,#scr-rank){padding:calc(var(--ui-safe-top) + 55px) max(10px,var(--ui-safe-right)) max(8px,var(--ui-safe-bottom)) calc(var(--ui-safe-left) + 74px)}
 .pk-window .pk-window-header{padding:8px 14px;min-height:52px}.pk-window .pk-heading h2{font-size:23px}.pk-window .pk-heading-description{display:none}.pk-window .pk-emblem{width:30px;height:30px;flex-basis:30px}.pk-window .ui-scroll{padding:10px 14px}.pk-window .pk-window-tabs{padding:4px 12px}.pk-window .pk-window-tabs button{min-height:40px;padding:6px 9px}
 .ad-region-selector{padding:4px 14px}.ad-region-selector select{min-height:36px;padding:4px 26px 4px 10px;font-size:12px}
 #scr-gacha .ui-scroll{overflow:visible}#scr-gacha .pk-gacha-layout{display:grid;grid-template-columns:1fr 1.2fr;grid-template-rows:40px 1fr auto;gap:7px 14px}#scr-gacha .banner{grid-column:1;grid-row:1/4;padding:10px;min-height:0;display:flex;flex-direction:column;gap:0;justify-content:center}#scr-gacha #banner-title{font-size:22px}#scr-gacha #banner-desc{display:none}#scr-gacha .pk-encounter-art{max-height:100px;width:100%}#scr-gacha .pk-featured-mon canvas{max-height:66px}#scr-gacha .pk-gacha-wallet{grid-column:2;grid-row:1;padding:5px 10px;min-height:36px}#scr-gacha .pk-pull-options{grid-column:2;grid-row:2;display:grid;grid-template-columns:1fr 1fr;gap:8px}#scr-gacha .pk-pull-choice{padding:8px;gap:4px}#scr-gacha .pk-pull-choice h3{font-size:18px}#scr-gacha .pk-pull-choice p,#scr-gacha .pk-pull-stamp{display:none}#scr-gacha .pk-pull-choice .btn{min-height:40px;padding:5px;font-size:12px}#scr-gacha .pk-ten-currencies{gap:5px;grid-template-columns:1fr}#scr-gacha .pk-guarantee{grid-column:2;grid-row:3;padding-top:4px}#scr-gacha #gacha-pity{display:none}#scr-gacha .pk-guarantee-title{font-size:10px}#scr-gacha .pk-progress{margin:5px 0}#scr-gacha .pk-rates{position:absolute;top:8px;right:100px;z-index:2}#scr-gacha .pk-rates>summary{min-height:36px;padding:8px;font-size:10px}#scr-gacha .pk-rates>summary span{display:none}#scr-gacha .pk-rates[open]{position:fixed;inset:12px;overflow:auto;background:#173643;z-index:100}
}
@media(max-height:700px) and (orientation:portrait){#scr-menu .logo .t2{display:none}#scr-menu .logo{margin-bottom:8px}#scr-menu .logo .t1{font-size:30px}#scr-menu .ad-partner-region{display:none}#scr-menu .partner-card .nm{font-size:25px}#scr-menu .partner-card::before{bottom:58px}#scr-menu .partner-card .lv{margin:2px}#scr-menu .ad-lab-button{min-height:44px}.ad-lab-button small{display:none}#scr-menu .hub-layout{gap:9px}#scr-menu .menu-right{gap:7px}}
@media(prefers-reduced-motion:reduce){.ad-lab-button,.partner-card{animation:none!important;transition:none!important}}

@media(max-height:520px) and (min-width:560px){#scr-gacha .pk-gacha-layout>div:first-child{display:contents}}
#scr-menu #menu-partner.stage{background:none!important;border:0!important;box-shadow:none!important;border-radius:0;image-rendering:pixelated}
#scr-menu .partner-card .nm{background:none;border:0;box-shadow:none;padding:0;display:block}
body.ui-hub #scr-dex>.box.ui-panel{height:100%;max-height:100%}
#scr-gacha .pk-region-copy{display:block;position:static;align-self:center}
#scr-gacha #gacha-owned{position:static;display:inline-flex;margin:8px 0 0!important;float:none}
#scr-gacha .pk-region-kicker{display:block;line-height:1.3}
@media(min-width:701px) and (max-width:1000px) and (orientation:portrait){
 #scr-menu .hub-layout{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;width:min(590px,100%);max-height:none;gap:18px}
 #scr-menu .menu-left{justify-content:stretch;max-height:none;height:100%}#scr-menu .logo{margin-bottom:16px}#scr-menu .logo .t1{font-size:48px}#scr-menu .partner-card{flex:1;padding:12px 22px 20px;max-height:100%}#scr-menu #menu-partner{height:auto;min-height:120px;max-height:290px;flex:1}#scr-menu .partner-card::before{bottom:100px}
 #scr-menu .hub-heading{display:none}#scr-menu .hub-actions{grid-template-columns:1fr 1fr}#scr-menu .menu-item,#scr-menu .menu-item.play{min-height:86px;padding:16px;font-size:27px}#scr-menu .hub-stats{display:none!important}#scr-menu .hub-info{min-height:26px;text-align:center}
}
@media(max-height:520px) and (min-width:560px){#scr-menu .menu-item small{font-size:8px}#scr-menu .menu-item,#scr-menu .menu-item.play{font-size:19px;min-height:64px}#scr-menu .partner-card .lv{line-height:1.1}#scr-menu .partner-card{overflow:hidden}#scr-menu .logo .t1{font-size:clamp(22px,4vw,30px)}}
@media(max-height:680px) and (orientation:portrait){#scr-menu .ad-lab-button{min-height:40px}#scr-menu .hub-shortcuts .menu-item{min-height:42px}#scr-menu .menu-item,#scr-menu .menu-item.play{min-height:63px;font-size:20px}#scr-menu .hub-info{min-height:20px}#scr-menu .logo .t1{font-size:28px}}
/* Encounter actions fit in two columns whenever horizontal room is available. */
@media(min-width:800px) and (min-height:521px){
 #scr-gacha .pk-gacha-layout{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:40px 1fr auto;gap:12px 18px}
 #scr-gacha .pk-gacha-layout>div:first-child{display:contents}#scr-gacha .banner{grid-column:1;grid-row:1/4;display:flex;flex-direction:column;justify-content:center;min-height:0;gap:18px;text-align:center}
 #scr-gacha .pk-region-copy{width:100%}#scr-gacha #banner-desc{margin-inline:auto!important}#scr-gacha .pk-encounter-art{width:100%;max-height:210px}#scr-gacha .pk-gacha-wallet{grid-column:2;grid-row:1}#scr-gacha .pk-pull-options{grid-column:2;grid-row:2;grid-template-columns:1fr;gap:10px}#scr-gacha .pk-pull-choice{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:12px}#scr-gacha .pk-pull-choice h3{font-size:24px}#scr-gacha .pk-pull-choice p{font-size:11px}#scr-gacha .pk-pull-stamp{display:none}#scr-gacha .pk-ten-currencies{grid-template-columns:1fr;gap:8px}#scr-gacha .pk-guarantee{grid-column:2;grid-row:3}
}
@media(max-height:520px) and (min-width:560px){
 #scr-gacha .pk-pull-options{display:flex;flex-direction:column;gap:5px}#scr-gacha .pk-pull-choice{display:grid;grid-template-columns:minmax(70px,.7fr) minmax(0,1.3fr);align-items:center;padding:5px 7px;gap:6px}#scr-gacha .pk-pull-choice h3{font-size:16px;line-height:1.1}#scr-gacha .pk-pull-choice .btn{min-height:38px;font-size:11px;padding:5px 2px}#scr-gacha .pk-ten-currencies{grid-template-columns:1fr 1fr;gap:4px}#scr-gacha .pk-gacha-layout{grid-template-rows:32px 1fr 30px;gap:5px 10px}#scr-gacha .pk-gacha-wallet{min-height:32px;padding:4px 8px}#scr-gacha .pk-guarantee{padding:4px 8px}#scr-gacha .pk-guarantee-title{font-size:9px}#scr-gacha .pk-progress{height:4px;margin:4px 0}#scr-gacha .pk-pull-options .pk-pull-choice p{display:none}#scr-gacha .pk-rates{right:94px;top:8px}
}
@media(max-height:700px) and (orientation:portrait){
 #scr-gacha .pk-window-header{padding:9px 12px}#scr-gacha .pk-heading-description{display:none}#scr-gacha .ui-scroll{padding:10px 12px;gap:7px}#scr-gacha .pk-gacha-layout,#scr-gacha .pk-gacha-layout>div:first-child{gap:7px}#scr-gacha .banner{min-height:85px;max-height:105px;padding:8px 10px;grid-template-columns:1fr 1fr;gap:8px}#scr-gacha #banner-title{font-size:20px;margin:3px 0}#scr-gacha .pk-region-kicker{font-size:7px}#scr-gacha #gacha-owned{font-size:8px;padding:3px 5px;margin-top:4px!important}#scr-gacha .pk-machine-preview-label{display:none}#scr-gacha .pk-featured-mon{padding:4px 1px}#scr-gacha .pk-featured-mon canvas{max-height:45px}#scr-gacha .pk-featured-mon figcaption{font-size:7px}#scr-gacha .pk-gacha-wallet{min-height:32px;padding:5px 9px}#scr-gacha #gacha-tickets{font-size:10px}#scr-gacha .pk-pull-choice{padding:6px 9px}#scr-gacha .pk-pull-choice h3{font-size:17px}#scr-gacha .pk-pull-choice .btn{font-size:11px;min-height:40px}#scr-gacha .pk-guarantee{padding:6px 8px}#scr-gacha .pk-guarantee-title{font-size:10px}#scr-gacha #gacha-pity{display:none}#scr-gacha .pk-rates>summary{min-height:36px;padding:8px 10px;font-size:10px}
}
#scr-menu .hub-layout{display:grid}
#ui-tools .hub-extras{margin-top:12px;padding-top:10px;border-top:1px solid #92b8b34a}
#ui-tools .hub-extras summary{min-height:44px;font-size:13px;color:#e9d79e;cursor:pointer}
#ui-tools .reward-ad-card{font-size:12px;padding:12px;margin:6px 0}
@media(max-height:520px) and (min-width:560px){#ui-tools{width:min(560px,calc(100% - 28px));display:grid;grid-template-columns:1fr 1fr;gap:8px;max-height:calc(var(--ui-height) - var(--ui-bar) - 20px)}#ui-tools .ui-tools-head{grid-column:1/-1;margin:0}#ui-tools .ui-tool-action{margin:0;min-height:44px;padding:7px 10px}#ui-tools .hub-extras{margin:0;padding:0;border:0}#ui-tools .hub-extras[open]{grid-column:1/-1}#ui-tools .hub-extras summary{padding:10px;border:1px solid #7d9c9955;border-radius:10px;background:#25434a}#ui-tools .hub-extras[open] .reward-ad-card{margin-top:8px}}
@media(max-height:700px) and (orientation:portrait){#scr-gacha .pk-ten-currencies{grid-template-columns:1fr 1fr;gap:5px}#scr-gacha .pk-gacha-layout,#scr-gacha .pk-gacha-layout>div:first-child{gap:4px}#scr-gacha .ui-scroll{padding-block:8px;gap:4px}#scr-gacha .pk-featured-mon figcaption{font-size:7px;white-space:nowrap;letter-spacing:-.1px}}
@media(max-height:520px) and (min-width:560px){#scr-gacha .ui-scroll{padding-block:4px}#scr-gacha .pk-gacha-layout{gap:3px 10px;grid-template-rows:30px 1fr 28px}#scr-gacha .pk-pull-choice{padding-block:3px}#scr-gacha .pk-pull-options{gap:3px}}
/* Compact access keeps Google, anonymous play and both help entries visible. */
@media(max-height:700px) and (orientation:portrait){
 #scr-login .pk-window-header{padding:9px 14px}#scr-login .pk-heading h2{font-size:26px}#scr-login .pk-heading-description{font-size:8px;margin-top:3px}#scr-login .pk-emblem{width:30px;height:30px;flex-basis:30px}
 #scr-login .ui-scroll{padding:10px 14px}#scr-login .pk-login-main{gap:7px}#scr-login .login-tag,#scr-login #login-mode{display:none}#scr-login .tabs .tab{min-height:42px;padding:8px;font-size:13px}#scr-login #login-form{gap:4px}#scr-login .field{height:44px;min-height:44px;padding:8px 11px}#scr-login #login-form label{font-size:11px;line-height:15px}#scr-login #login-form label[for=f-pass]{margin-top:4px}#scr-login #login-form>.row{margin-top:5px}
 #scr-login #btn-auth,#scr-login #btn-guest{min-height:44px;padding:9px;font-size:18px}#scr-login #pk-guest-switch{min-height:30px;padding:5px;font-size:10px}#scr-login .pk-login-footer{display:flex;gap:8px;padding:5px 10px 8px}#scr-login .pk-login-footer button{min-width:0;flex:1;width:auto;font-size:10px;min-height:40px;padding:5px}
}
.ad-pull-compact{display:none}
@media(max-height:700px) and (orientation:portrait),(max-height:520px) and (min-width:560px){#scr-gacha .ad-pull-label{display:none}#scr-gacha .ad-pull-compact{display:inline}#scr-gacha .pk-pull-choice .btn{white-space:nowrap;flex-wrap:nowrap}}
@media(max-height:700px) and (orientation:portrait){#scr-gacha .banner{height:85px;min-height:85px;max-height:85px;padding:6px 10px}#scr-gacha .pk-region-kicker{display:none}#scr-gacha .pk-pull-choice{padding:4px 8px}#scr-gacha .pk-pull-choice h3{font-size:15px;line-height:1.1}#scr-gacha .pk-pull-choice .btn{min-height:44px}#scr-gacha .pk-guarantee{padding:4px 8px}}