/* Approved Splash Pass concept, implemented as live HTML over separate artwork. */
html:has(.pass-art-page[open]),body:has(.pass-art-page[open]){overflow:hidden}
.pass-art-page{--pass-ink:#125372;--pass-label:92px;--pass-gap:10px;width:calc(100vw - 32px);max-width:1800px;height:calc(100dvh - 28px);max-height:960px;margin:auto;padding:14px;border:3px solid #b1ffff;border-radius:30px;background:#55cdec url('../assets/pass-art-v1/island.webp') center/cover no-repeat;box-shadow:0 12px 0 #15557b66,0 20px 70px #05234388;color:var(--pass-ink);overflow:hidden}
.pass-art-page::backdrop{background:#0b335b9e;backdrop-filter:blur(5px)}
.pass-art-page .pass-shell{gap:12px;display:grid;grid-template-rows:78px minmax(0,1fr) 44px;height:100%;min-height:0}
.pass-art-page .pass-head{display:flex;flex-wrap:nowrap;align-items:center;gap:18px;padding:8px 18px 8px 10px;border:2px solid #b5fcff;border-radius:25px;background:linear-gradient(112deg,#56d9e9e8,#0799dce8);box-shadow:inset 0 3px 0 #ffffff60,0 4px 0 #097da140}
.pass-art-page .pass-back{display:flex;align-items:center;justify-content:center;gap:9px;flex:none;min-height:46px;padding:3px 17px;border:2px solid #9aeaf4;border-radius:24px;background:linear-gradient(#299bbb,#137298);color:white;font:800 20px/1 'Baloo 2',sans-serif;box-shadow:inset 0 2px 0 #ffffff50,0 3px 0 #076385;cursor:pointer}
.pass-art-page .pass-back span{font:800 32px/1 sans-serif}
.pass-art-page .pass-title{display:flex;align-items:center;gap:10px;min-width:0;flex:1}
.pass-art-page .pass-ticket{width:78px;height:65px;object-fit:contain;filter:drop-shadow(0 3px 1px #07628540)}
.pass-art-page .pass-title h2{margin:0;font:800 clamp(26px,3.1vw,50px)/1 'Baloo 2',sans-serif;letter-spacing:.2px;color:#fff;text-shadow:0 3px 0 #087cae;white-space:nowrap}
.pass-art-page .pass-season{margin-left:12px;padding:8px 20px;border-radius:24px;background:#168cad80;color:#dafaff;font:800 17px/1 'Baloo 2',sans-serif;white-space:nowrap;box-shadow:inset 0 2px 8px #127c9755}
.pass-art-page .pass-level{display:grid;grid-template-columns:auto minmax(90px,150px);align-items:center;justify-items:center;gap:3px 14px;min-width:285px;padding:9px 18px;border-radius:28px;background:linear-gradient(#f4fff3,#b6f4ee);border:2px solid #deffff;box-shadow:inset 0 2px 0 white;color:var(--pass-ink)}
.pass-art-page .pass-level strong{font:800 21px/1 'Baloo 2',sans-serif;color:var(--pass-ink);white-space:nowrap}
.pass-art-page .pass-level small{grid-column:2;white-space:nowrap;font-size:12px;line-height:1.1;color:#24718b}
.pass-art-page .pass-bar{width:100%;height:17px;background:#3396af;border-color:#8ce8f1;border-radius:12px;box-shadow:inset 0 2px 2px #065d8070}
.pass-art-page .pass-bar>span{background:linear-gradient(#58f9ee,#06bfdd);border-radius:inherit;box-shadow:inset 0 2px 1px #d0ffff}
.pass-art-page .pass-main{display:grid;grid-template-columns:minmax(0,.31fr) minmax(0,.69fr);gap:18px;min-height:0}
.pass-art-page .pass-hero{display:flex;flex-direction:column;min-height:0;justify-content:flex-end;align-items:center;text-align:center;padding:0 3px}
.pass-art-page .pass-hero-image{width:100%;height:100%;min-height:0;flex:1;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 9px 5px #336b6b35)}
.pass-art-page .pass-hero-caption{position:relative;flex:none;width:100%;padding:9px 12px;border:2px solid #effff0;border-radius:24px;background:linear-gradient(#effff4f5,#a8f0e5ee);box-shadow:inset 0 3px 0 white,0 4px 0 #55b7b866}
.pass-art-page .pass-hero-caption h3{margin:0;color:var(--pass-ink);font:800 clamp(22px,2.4vw,36px)/1.1 'Baloo 2',sans-serif;text-shadow:0 2px 0 #fff}
.pass-art-page .pass-hero-caption p{margin:5px 0 0;font:800 16px/1.2 'Nunito Sans',sans-serif;color:var(--pass-ink)}
.pass-art-page .pass-legend-tag{display:inline-block;padding:3px 13px;border-radius:18px;margin-top:4px;background:linear-gradient(#fff9a3,#ffe076);box-shadow:0 2px 0 #dba44966;color:#996314;font:900 13px/1.1 'Nunito Sans',sans-serif;white-space:nowrap}
.pass-art-page .pass-feature-link{position:absolute;right:12px;bottom:-28px;min-height:28px;padding:2px 10px;border:0;border-radius:14px;background:#e8fff4dd;color:#165c76;font:800 12px/1 'Nunito Sans',sans-serif;cursor:pointer}
.pass-art-page .pass-right{display:grid;grid-template-rows:minmax(0,1fr) 150px;gap:16px;min-width:0;min-height:0}
.pass-art-page .pass-rewards-panel{container-type:inline-size;display:flex;flex-direction:column;min-height:0;min-width:0;padding:10px 12px 12px;border:3px solid #c0ffff;border-radius:28px;background:linear-gradient(#eafff4ed,#b4f1eae8);box-shadow:inset 0 3px 0 white,0 5px 0 #299aad65}
.pass-art-page .pass-track-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:none;min-height:42px;margin-bottom:4px}
.pass-art-page .pass-views{display:flex;align-items:center;border-radius:18px;background:#73d4dc88;padding:3px;gap:2px}
.pass-art-page .pass-views button,.pass-art-page .pass-track-controls button{min-height:36px;border:0;border-radius:15px;padding:5px 13px;color:#277388;background:transparent;font:900 13px/1 'Nunito Sans',sans-serif;cursor:pointer;white-space:nowrap}
.pass-art-page .pass-views button[aria-pressed="true"]{background:#f5fff5;color:#166180;box-shadow:0 2px 0 #269cad60,inset 0 2px 0 #fff}
.pass-art-page .pass-track-controls{display:flex;gap:5px}
.pass-art-page .pass-track-controls button{background:#edfff4;box-shadow:0 2px 0 #50afbf;min-width:40px}
.pass-art-page .pass-track-controls [data-pass-prev],.pass-art-page .pass-track-controls [data-pass-next]{font:800 32px/.8 'Baloo 2',sans-serif;padding:0 10px}
.pass-art-page .pass-tracks{position:relative;display:flex;flex:1;gap:var(--pass-gap);overflow:auto hidden;padding:0 0 8px;scrollbar-color:#25bdcb #b6e8e8;scrollbar-width:thin;outline-offset:1px;scroll-padding-left:calc(var(--pass-label) + 10px)}
.pass-art-page .pass-rowheads{position:sticky;left:0;z-index:2;flex:none;width:var(--pass-label);padding:0;gap:10px;grid-template-rows:36px minmax(0,1fr) minmax(0,1fr);background:#c5f6eb;box-shadow:-8px 0 0 #c5f6eb,7px 0 0 #c5f6eb}
.pass-art-page .pass-rowhead{writing-mode:horizontal-tb;transform:none;flex-direction:column;gap:10px;background:linear-gradient(145deg,#62d9e6,#20aed6);border:2px solid #b2f6f5;border-radius:16px;padding:5px 2px;color:white;font:800 19px/1 'Baloo 2',sans-serif;letter-spacing:0;text-shadow:0 2px 0 #178db4;box-shadow:inset 0 3px 0 #ffffff50}
.pass-art-page .pass-rowhead[data-row="premium"]{background:linear-gradient(145deg,#ffd959,#d99b2d);border-color:#fff3b7;color:white;text-shadow:0 2px 0 #b67a20}
.pass-art-page .pass-rowhead[data-locked="true"]::after{content:none}
.pass-art-page .pass-track-symbol{font-size:48px;line-height:1;color:#fffce5}
.pass-art-page .pass-tiers{gap:var(--pass-gap);height:100%;padding:0;margin:0}
.pass-art-page .pass-tier,.pass-art-page .pass-tier:has(>.pass-reward){width:max(94px,calc((100cqw - var(--pass-label) - 40px)/4));grid-template-rows:36px minmax(0,1fr) minmax(0,1fr);gap:10px;margin:0;padding:0;position:relative}
.pass-art-page .pass-tier[hidden]{display:none}
.pass-art-page .pass-tier::before{position:absolute;top:15px;left:-6px;right:-6px;height:8px;content:'';background:linear-gradient(#72f1e9,#23bfd0);z-index:0;box-shadow:0 2px 0 #53c8cd55}
.pass-art-page .pass-tier-num,.pass-art-page .pass-tier[data-next="true"] .pass-tier-num,.pass-art-page .pass-tier[data-reached="true"] .pass-tier-num{z-index:1;justify-self:center;width:58px;height:36px;background:linear-gradient(#5dddef,#16a9d8);border:2px solid #9bf4fb;border-radius:24px;color:#fff;font:800 25px/1 'Baloo 2',sans-serif;text-shadow:0 2px 0 #1580a8;box-shadow:inset 0 2px 0 #ceffff,0 2px 0 #259ab3}
.pass-art-page .pass-tier[data-reached="true"] .pass-tier-num{background:linear-gradient(#6ae4bc,#1caf92)}
.pass-art-page .pass-reward,.pass-art-page .pass-reward[data-kind]{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:0;min-width:0;padding:8px 5px 22px;border:2px solid #f5fff7;border-radius:19px;background:linear-gradient(130deg,#f1fff8,#d3f7f2);box-shadow:inset 0 3px 0 white,0 2px 0 #55b8c35e;text-align:center;overflow:hidden;filter:none;opacity:1}
.pass-art-page .pass-reward[data-track="premium"]{background:linear-gradient(135deg,#fffbe4,#fff0b2);border-color:#fff7ce}
.pass-art-page .pass-reward[data-state="ready"]{border-color:#39b790;box-shadow:inset 0 0 0 2px #70edb5,0 3px 0 #2aa38d}
.pass-art-page .pass-reward[data-state="ready"]:hover{background:#e9fff2;transform:translateY(-1px)}
.pass-art-page .pass-reward[data-state="claimed"]{background:#e2f1e8}
.pass-art-page .pass-reward-art,.pass-art-page .pass-reward-art[data-art]{display:block;width:clamp(50px,7vw,112px);height:clamp(43px,6vw,96px);object-fit:contain;border:0;border-radius:0;margin:0;background:none;box-shadow:none;flex:0 1 auto;min-height:0;max-width:88%;filter:drop-shadow(0 3px 1px #546f7020)}
.pass-art-page .pass-reward[data-kind="outfit"] .pass-reward-art{height:70px}
.pass-art-page .pass-reward-text,.pass-art-page .pass-reward[data-kind] .pass-reward-text{display:flex;flex-direction:column;align-items:center;gap:0;flex:none}
.pass-art-page .pass-reward-text strong{font:800 clamp(17px,2vw,29px)/1.1 'Baloo 2',sans-serif;color:#175778}
.pass-art-page .pass-reward-text small{font-size:11px;line-height:1.1;color:#3b7890}
.pass-art-page .pass-reward[data-kind="chest"] .pass-reward-text strong{font-size:clamp(16px,1.65vw,24px);color:#175778}
.pass-art-page .pass-reward[data-kind="outfit"] .pass-reward-text strong,.pass-art-page .pass-reward[data-kind="balloon"] .pass-reward-text strong{font-size:15px;color:#7e5919}
.pass-art-page .pass-reward[data-kind="coins"] .pass-reward-text small,.pass-art-page .pass-reward[data-kind="drops"] .pass-reward-text small{display:none}
.pass-art-page .pass-reward-badge,.pass-art-page .pass-reward[data-kind] .pass-reward-badge{position:absolute;bottom:5px;left:5px;right:5px;justify-self:center;padding:2px 4px;border-radius:8px;font:800 10px/1.2 'Nunito Sans',sans-serif;background:transparent;color:#4c8490}
.pass-art-page .pass-reward[data-state="premium"] .pass-reward-badge{color:#99691e}
.pass-art-page .pass-reward[data-state="premium"]::after{content:'🔒';position:absolute;right:5px;top:5px;font-size:15px;line-height:1}
.pass-art-page .pass-reward[data-state="ready"] .pass-reward-badge{background:#16845f;color:#fff}
.pass-art-page .pass-reward[data-state="claimed"] .pass-reward-badge{color:#246b45}
.pass-art-page .pass-showcase-bottom{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:16px;min-height:0}
.pass-art-page .pass-balloon-feature{display:flex;align-items:center;gap:12px;text-align:left;min-width:0;padding:8px 14px;border:3px solid #edfff8;border-radius:24px;background:linear-gradient(135deg,#d8fff5e8,#65cde6e8);box-shadow:inset 0 3px 0 white,0 4px 0 #238bb160;color:var(--pass-ink);cursor:pointer;overflow:visible}
.pass-art-page .pass-balloon-feature>img{height:155px;width:115px;object-fit:contain;filter:drop-shadow(0 4px 2px #16476430);align-self:flex-end;flex:none}
.pass-art-page .pass-balloon-feature>span{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.pass-art-page .pass-balloon-feature strong{font:800 clamp(20px,2.1vw,32px)/1.05 'Baloo 2',sans-serif;color:var(--pass-ink)}
.pass-art-page .pass-balloon-feature small{margin-top:7px;font:800 13px/1.2 'Nunito Sans',sans-serif;color:var(--pass-ink)}
.pass-art-page .pass-view-hint{font:800 11px/1.2 'Nunito Sans',sans-serif;margin-top:5px;color:#286d84}
.pass-art-page .pass-upgrade{display:flex;flex-direction:column;justify-content:center;min-width:0}
.pass-art-page .pass-premium{flex:none;display:flex;flex-direction:column;align-items:stretch;gap:5px}
.pass-art-page .pass-unlock{display:flex;flex-direction:column;justify-content:center;gap:9px;white-space:normal;text-align:center;min-height:102px;padding:12px 10px;border:3px solid #fff9b8;border-radius:24px;color:#795016;background:linear-gradient(#fff496,#ffd24e);box-shadow:inset 0 4px 0 #ffffd8,0 5px 0 #d49927,0 7px 10px #815d252c;text-shadow:0 1px 0 #fff3ab}
.pass-art-page .pass-unlock strong{color:#795016;font:800 clamp(23px,2.4vw,36px)/1 'Baloo 2',sans-serif}
.pass-art-page .pass-unlock>span{display:flex;align-items:center;justify-content:center;gap:6px;font:800 clamp(15px,1.6vw,22px)/1.1 'Baloo 2',sans-serif;color:#145777}
.pass-art-page .pass-unlock .shop-icon{width:28px;height:28px}
.pass-art-page .pass-premium-chip{display:flex;align-items:center;justify-content:center;min-height:64px;white-space:normal;text-align:center;padding:10px;font-size:16px;border:3px solid #fff6b8;border-radius:20px;background:linear-gradient(#fff7aa,#f6d872);box-shadow:inset 0 3px 0 #ffffce,0 3px 0 #bfa03c}
.pass-art-page .pass-premium-why{display:block;text-align:center;color:#234f61;background:#f2ffefda;border-radius:8px;padding:3px;font-size:12px}
.pass-art-page .pass-premium-note{flex:none;text-align:center;background:#eaffedee;padding:15px;border:2px solid #e1ffce;border-radius:20px;font:800 18px/1.2 'Baloo 2',sans-serif}
.pass-art-page .pass-total{margin:9px 0 0;text-align:center;font:900 12px/1.2 'Nunito Sans',sans-serif;color:#175777;text-shadow:0 1px 0 #fff;background:#e8fff2b8;border-radius:9px;padding:4px 2px}
.pass-art-page .pass-foot{flex-wrap:nowrap;gap:12px;min-height:0;padding:0 5px;align-items:center}
.pass-art-page .pass-how{flex:none;margin:0;padding:4px 10px;border-radius:12px;background:#eefff4dd;color:#28647e;font-size:12px;line-height:1.25}
.pass-art-page .pass-status{flex:1 1 auto;font-size:12px;color:#134d6f;background:#f6fff4e8;border-radius:10px;padding:4px 8px;line-height:1.25;min-height:0}
.pass-art-page .pass-status:empty{display:none}
.pass-art-page .pass-collect-all{margin-left:auto;min-height:40px;flex:none;white-space:nowrap;padding:8px 16px;border:2px solid #d0ffed;box-shadow:0 3px 0 #23795c;background:linear-gradient(#60d3a3,#299f78);color:white;font-size:13px}
.pass-art-page .pass-collect-all:disabled{background:#e2f5e8;color:#467786;box-shadow:0 2px 0 #63a89d}
.pass-art-page button:focus-visible,.pass-art-page .pass-tracks:focus-visible{outline:3px solid #0b587d;outline-offset:3px}
.pass-art-page .pass-sheet-layer{z-index:10;background:#0b375bb8;backdrop-filter:blur(5px)}
.pass-art-page .pass-reward[data-kind="chest"] .pass-reward-art{transform:scale(1.35)}
.pass-art-page .pass-sheet{background:linear-gradient(#f5fff1,#d9f9ec);border-color:#fff8b7;border-radius:25px;width:min(540px,95%)}
.pass-art-page .pass-primary{background:linear-gradient(#ffe576,#eeb335);border:2px solid #fff8ba;color:#654719;box-shadow:0 3px 0 #b07c1c}
.pass-art-page .pass-secondary{background:#e8fffa;border-color:#b3ebe4;color:#205e79}
.pass-art-page:has(.pass-stale:not([hidden])) .pass-shell{grid-template-rows:78px auto minmax(0,1fr) 44px}
@media(min-width:1600px) and (min-height:700px){.pass-art-page .pass-right{grid-template-rows:minmax(0,1fr) 190px}.pass-art-page .pass-balloon-feature>img{height:195px;width:150px}.pass-art-page .pass-reward-art,.pass-art-page .pass-reward-art[data-art]{width:140px;height:125px}.pass-art-page .pass-track-toolbar{min-height:48px}}
@media(max-width:1100px){.pass-art-page .pass-season{display:none}.pass-art-page .pass-main{grid-template-columns:minmax(0,.28fr) minmax(0,.72fr);gap:12px}.pass-art-page .pass-balloon-feature>img{width:80px;height:130px}.pass-art-page .pass-balloon-feature{gap:8px;padding:8px}.pass-art-page .pass-balloon-feature .pass-legend-tag{font-size:10px;padding:3px 6px}.pass-art-page .pass-right{grid-template-rows:minmax(0,1fr) 135px}}
@media(max-height:520px){
 .pass-art-page{--pass-label:60px;--pass-gap:7px;width:calc(100vw - 12px);height:calc(100dvh - 12px);padding:6px;border-radius:19px;border-width:2px}
 .pass-art-page .pass-shell{grid-template-rows:49px minmax(0,1fr) 34px;gap:7px}
 .pass-art-page .pass-head{padding:3px 9px 3px 5px;gap:8px;border-radius:17px;border-width:1px}
 .pass-art-page .pass-back{min-height:38px;padding:2px 10px;font-size:15px;border-width:1px;gap:4px}.pass-art-page .pass-back span{font-size:24px}
 .pass-art-page .pass-title{gap:5px}.pass-art-page .pass-title h2{font-size:29px}.pass-art-page .pass-ticket{width:48px;height:42px}.pass-art-page .pass-season{display:none}
 .pass-art-page .pass-level{min-width:207px;padding:4px 10px;grid-template-columns:auto 80px;gap:2px 8px;border-width:1px}.pass-art-page .pass-level strong{font-size:16px}.pass-art-page .pass-level small{font-size:10px}.pass-art-page .pass-bar{height:11px}
 .pass-art-page .pass-main{grid-template-columns:minmax(0,.25fr) minmax(0,.75fr);gap:8px}
 .pass-art-page .pass-hero{padding:0}.pass-art-page .pass-hero-caption{padding:5px;border-radius:14px;border-width:1px}.pass-art-page .pass-hero-caption h3{font-size:20px}.pass-art-page .pass-hero-caption p{font-size:11px;margin-top:3px}.pass-art-page .pass-legend-tag{font-size:9px;padding:2px 7px;margin-top:2px}.pass-art-page .pass-feature-link{position:static;min-height:24px;font-size:10px;padding:2px 8px;background:#fff8bf;margin-top:3px}
 .pass-art-page .pass-right{grid-template-rows:minmax(0,1fr) 70px;gap:7px}
 .pass-art-page .pass-rewards-panel{padding:5px 7px 4px;border-radius:17px;border-width:2px}.pass-art-page .pass-track-toolbar{min-height:30px;margin-bottom:3px;gap:3px}.pass-art-page .pass-views{padding:2px;border-radius:12px}.pass-art-page .pass-views button,.pass-art-page .pass-track-controls button{min-height:28px;font-size:10px;padding:4px 7px;border-radius:10px}.pass-art-page .pass-track-controls{gap:3px}.pass-art-page .pass-track-controls [data-pass-prev],.pass-art-page .pass-track-controls [data-pass-next]{font-size:23px;min-width:30px;padding:0 7px}
 .pass-art-page .pass-tracks{padding-bottom:4px}.pass-art-page .pass-rowheads{grid-template-rows:24px minmax(0,1fr) minmax(0,1fr);gap:5px;box-shadow:-3px 0 0 #c5f6eb,5px 0 0 #c5f6eb}.pass-art-page .pass-rowhead{font-size:11px;gap:2px;border-radius:10px;border-width:1px}.pass-art-page .pass-track-symbol{font-size:22px}
 .pass-art-page .pass-tier,.pass-art-page .pass-tier:has(>.pass-reward){grid-template-rows:24px minmax(0,1fr) minmax(0,1fr);gap:5px;width:max(83px,calc((100cqw - var(--pass-label) - 28px)/4))}.pass-art-page .pass-tier::before{top:10px;height:5px}.pass-art-page .pass-tier-num,.pass-art-page .pass-tier[data-next="true"] .pass-tier-num,.pass-art-page .pass-tier[data-reached="true"] .pass-tier-num{height:24px;width:38px;font-size:18px;border-width:1px}
 .pass-art-page .pass-reward,.pass-art-page .pass-reward[data-kind]{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);align-items:center;justify-items:center;gap:2px;min-height:0;padding:3px 4px 13px;border-width:1px;border-radius:10px}.pass-art-page .pass-reward-art,.pass-art-page .pass-reward-art[data-art],.pass-art-page .pass-reward[data-kind="outfit"] .pass-reward-art{width:45px;height:38px;max-width:100%;object-fit:contain;margin:0}.pass-art-page .pass-reward-text strong{font-size:18px}.pass-art-page .pass-reward[data-kind="chest"] .pass-reward-text strong{font-size:12px}.pass-art-page .pass-reward-text small{font-size:8px}.pass-art-page .pass-reward[data-kind="outfit"] .pass-reward-text strong,.pass-art-page .pass-reward[data-kind="balloon"] .pass-reward-text strong{font-size:9px}.pass-art-page .pass-reward-badge,.pass-art-page .pass-reward[data-kind] .pass-reward-badge{font-size:8px;padding:0;bottom:2px;left:2px;right:2px}.pass-art-page .pass-reward[data-state="premium"]::after{font-size:9px;right:3px;top:3px}
 .pass-art-page .pass-showcase-bottom{gap:7px;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr)}.pass-art-page .pass-balloon-feature{padding:3px 7px;border-width:2px;border-radius:14px;gap:6px}.pass-art-page .pass-balloon-feature>img{height:72px;width:45px}.pass-art-page .pass-balloon-feature strong{font-size:18px}.pass-art-page .pass-balloon-feature .pass-legend-tag{font-size:8px;padding:2px 5px}.pass-art-page .pass-balloon-feature small{font-size:9px;margin-top:4px}.pass-art-page .pass-view-hint{display:none}
 .pass-art-page .pass-unlock{min-height:48px;gap:1px;border-radius:14px;padding:4px 7px;border-width:2px;box-shadow:inset 0 2px 0 #fff9bc,0 3px 0 #d49c32}.pass-art-page .pass-unlock strong{font-size:21px}.pass-art-page .pass-unlock>span{font-size:13px;gap:4px}.pass-art-page .pass-unlock .shop-icon{width:17px;height:17px}.pass-art-page .pass-total{font-size:9px;margin-top:5px;padding:2px 1px}.pass-art-page .pass-premium-chip{min-height:42px;font-size:12px;padding:4px;border-radius:13px;border-width:2px}.pass-art-page .pass-premium-why{display:none}.pass-art-page .pass-premium-note{font-size:14px;padding:6px;border-radius:13px}
 .pass-art-page .pass-foot{gap:6px;padding:0 1px}.pass-art-page .pass-how{font-size:9px;padding:3px 6px}.pass-art-page .pass-collect-all{min-height:30px;font-size:10px;padding:3px 10px;border-width:1px}.pass-art-page .pass-open-chest{min-height:30px;font-size:11px;padding:3px 7px}.pass-art-page .pass-status{font-size:10px;padding:3px 6px;line-height:1.1}.pass-art-page .pass-sheet-layer{padding:7px}.pass-art-page .pass-sheet{width:min(610px,98%);padding:10px 14px;gap:6px;border-radius:18px}
 .pass-art-page:has(.pass-stale:not([hidden])) .pass-shell{grid-template-rows:49px auto minmax(0,1fr) 34px}
}
@media(max-width:720px) and (max-height:520px){.pass-art-page{--pass-label:51px}.pass-art-page .pass-main{grid-template-columns:minmax(0,.24fr) minmax(0,.76fr);gap:6px}.pass-art-page .pass-title h2{font-size:25px}.pass-art-page .pass-level{min-width:182px;grid-template-columns:auto 64px;padding:4px 7px}.pass-art-page .pass-level strong{font-size:14px}.pass-art-page .pass-ticket{width:39px}.pass-art-page .pass-track-controls [data-pass-current]{display:none}.pass-art-page .pass-balloon-feature strong{font-size:15px}.pass-art-page .pass-balloon-feature>img{width:36px;height:65px}.pass-art-page .pass-balloon-feature small{font-size:8px}.pass-art-page .pass-hero-caption h3{font-size:17px}.pass-art-page .pass-unlock strong{font-size:18px}.pass-art-page .pass-unlock>span{font-size:11px}.pass-art-page .pass-total{font-size:8px}.pass-art-page .pass-how{max-width:190px}.pass-art-page .pass-track-symbol{font-size:20px}.pass-art-page .pass-rowhead{font-size:10px}}
@media(max-width:600px) and (min-height:521px){.pass-art-page{height:calc(100dvh - 16px);padding:7px}.pass-art-page .pass-shell{grid-template-rows:100px minmax(0,1fr) auto}.pass-art-page .pass-head{flex-wrap:wrap;gap:5px;padding:6px}.pass-art-page .pass-title h2{font-size:27px}.pass-art-page .pass-ticket{width:50px;height:42px}.pass-art-page .pass-level{min-width:100%;grid-template-columns:auto 130px;padding:4px 10px}.pass-art-page .pass-main{grid-template-columns:1fr;grid-template-rows:160px minmax(0,1fr);gap:8px}.pass-art-page .pass-hero{flex-direction:row;justify-content:center}.pass-art-page .pass-hero-image{height:160px;width:42%;flex:none}.pass-art-page .pass-hero-caption{width:55%;padding:8px}.pass-art-page .pass-feature-link{position:static;margin-top:3px}.pass-art-page .pass-right{grid-template-rows:minmax(0,1fr) 95px;gap:10px}.pass-art-page .pass-showcase-bottom{gap:8px}.pass-art-page .pass-balloon-feature>img{width:45px;height:90px}.pass-art-page .pass-balloon-feature strong{font-size:18px}.pass-art-page .pass-balloon-feature small{font-size:10px}.pass-art-page .pass-total{font-size:10px}.pass-art-page .pass-unlock{min-height:65px}.pass-art-page .pass-unlock strong{font-size:20px}.pass-art-page .pass-unlock>span{font-size:13px}.pass-art-page .pass-foot{flex-wrap:wrap;gap:6px}.pass-art-page .pass-how{font-size:10px}.pass-art-page .pass-status{font-size:11px}.pass-art-page .pass-rowhead{font-size:12px}.pass-art-page{--pass-label:62px}.pass-art-page .pass-track-controls [data-pass-current]{display:none}}
/* Small screens retain legible reward states; secondary explanations remain in accessible reward labels. */
@media(max-height:520px){
 .pass-art-page .pass-right{grid-template-rows:minmax(0,1fr) 62px}
 .pass-art-page .pass-track-toolbar{min-height:34px}
 .pass-art-page .pass-views button,.pass-art-page .pass-track-controls button{min-height:32px;font-size:11px}
 .pass-art-page .pass-track-controls [data-pass-prev],.pass-art-page .pass-track-controls [data-pass-next]{min-width:36px}
 .pass-art-page .pass-reward,.pass-art-page .pass-reward[data-kind]{padding:2px 4px 14px}
 .pass-art-page .pass-reward-text small{display:none}
 .pass-art-page .pass-reward-art,.pass-art-page .pass-reward-art[data-art],.pass-art-page .pass-reward[data-kind="outfit"] .pass-reward-art{height:27px;width:36px}
 .pass-art-page .pass-reward-badge,.pass-art-page .pass-reward[data-kind] .pass-reward-badge{font-size:10px;bottom:1px;line-height:1.1}
 .pass-art-page .pass-reward[data-kind="chest"] .pass-reward-text strong{font-size:11px}
 .pass-art-page .pass-balloon-feature>img{height:62px}
 .pass-art-page .pass-feature-link{min-height:28px;font-size:11px}
 .pass-art-page .pass-legend-tag{font-size:10px}
 .pass-art-page .pass-balloon-feature .pass-legend-tag{font-size:9px}
 .pass-art-page .pass-balloon-feature small{font-size:10px}
 .pass-art-page .pass-total,.pass-art-page .pass-how{font-size:10px}
 .pass-art-page .pass-premium-chip{font-size:13px}
}
@media(max-width:720px) and (max-height:520px){
 .pass-art-page .pass-tier,.pass-art-page .pass-tier:has(>.pass-reward){width:max(100px,calc((100cqw - var(--pass-label) - 21px)/3))}
 .pass-art-page .pass-balloon-feature strong{font-size:15px}
 .pass-art-page .pass-balloon-feature .pass-legend-tag{display:none}
 .pass-art-page .pass-hero-caption .pass-legend-tag{font-size:9px}
 .pass-art-page .pass-total{font-size:9px}
}
/* One-time Premium XP bonus uses a compact attached badge, preserving the phone reward area. */
.pass-art-page .pass-unlock,.pass-art-page .pass-premium-chip{position:relative;overflow:visible}
.pass-art-page .pass-xp-bonus{position:absolute;right:12px;top:-10px;padding:4px 12px;border:2px solid #efffff;border-radius:12px;background:linear-gradient(#b6fff2,#59d7cf);color:#14596c;font:900 12px/1 'Nunito Sans',sans-serif;box-shadow:0 2px 0 #269b9a;text-shadow:none;white-space:nowrap}
.pass-art-page .pass-sheet-bonus{padding:6px 10px;border-radius:10px;background:#b5f3df;color:#175e68;font-weight:800}
@media(max-height:520px){.pass-art-page .pass-xp-bonus{top:-7px;right:7px;font-size:10px;padding:2px 7px;border-width:1px}.pass-art-page .pass-sheet-bonus{padding:4px 8px;margin:3px 0}}