:root{color-scheme:light;--bg:#f5f6fa;--surface:#fff;--surface-muted:#eef0f6;--text:#202430;--muted:#626b7e;--border:#dce0e9;--accent:#365cf5;--accent-soft:#e8edff;--brand:#ff0033;--highlight:#a9baff;--focus:#365cf5;--danger:#a82b21;--shadow:0 12px 36px rgb(28 35 55/9%);--radius:20px;--control:12px;--max:1200px;--speed:180ms}html[data-theme=dark]{color-scheme:dark;--bg:#111318;--surface:#1b1e26;--surface-muted:#252a35;--text:#f3f5fa;--muted:#a9b2c5;--border:#383f4f;--accent:#a9baff;--accent-soft:#252f4b;--focus:#a9baff;--danger:#ffb4a9;--shadow:0 12px 36px rgb(0 0 0/24%)}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;min-width:280px;background:var(--bg);color:var(--text);font:400 16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{transition:background var(--speed),border-color var(--speed),color var(--speed),transform var(--speed)}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:200;top:8px;left:8px;padding:8px 14px;border-radius:10px;background:var(--accent);color:var(--surface);transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-header{position:sticky;z-index:80;top:0;border-bottom:1px solid color-mix(in srgb,var(--border) 72%,transparent);background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(16px)}.header-inner{display:flex;align-items:center;gap:28px;max-width:var(--max);min-height:74px;margin:auto;padding:12px 24px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:780;line-height:1.15}.brand img{flex:none}.main-nav{display:flex;align-items:center;gap:4px;margin-left:auto}.main-nav a,.locale-link{padding:8px 10px;border-radius:9px;color:var(--muted);text-decoration:none;font-size:14px;font-weight:650}.main-nav a:hover,.main-nav a[aria-current=page],.locale-link:hover{background:var(--accent-soft);color:var(--text)}.header-actions{display:flex;align-items:center;gap:7px}.menu-button{display:none}.icon-button,.menu-button{width:42px;height:42px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);cursor:pointer}.button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:10px 18px;border:1px solid transparent;border-radius:var(--control);font-weight:750;text-decoration:none;cursor:pointer}.button:hover:not(.disabled):not(:disabled){transform:translateY(-1px)}.button.primary{background:var(--accent);color:var(--surface)}html[data-theme=dark] .button.primary{color:#202430}.button.secondary,.button.ghost{border-color:var(--border);background:var(--surface);color:var(--text)}.button.ghost{background:transparent}.button.small{min-height:38px;padding:7px 12px;font-size:13px}.button.wide{width:100%}.button.disabled,.button:disabled{border-color:var(--border);background:var(--surface-muted);color:var(--muted);cursor:not-allowed}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(400px,.88fr);align-items:center;gap:clamp(40px,7vw,96px);max-width:var(--max);min-height:640px;margin:auto;padding:72px 24px 80px}.hero h1,.page-hero h1{max-width:760px;margin:10px 0 20px;font-size:clamp(38px,5.7vw,68px);line-height:1.03;letter-spacing:-.045em}.lead{max-width:700px;color:var(--muted);font-size:clamp(18px,2vw,21px);line-height:1.55}.eyebrow{margin:0;color:var(--accent);font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.action-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.hint,.inline-status,.filter-count{color:var(--muted);font-size:13px}.player-demo{position:relative;overflow:hidden;border:1px solid #272e3e;border-radius:26px;background:#101218;color:#f8f9fc;box-shadow:0 28px 80px rgb(26 34 28/25%);aspect-ratio:16/12}.demo-top,.demo-controls{display:flex;align-items:center;gap:16px;padding:12px 16px;color:#cbd2e1;font-size:13px}.demo-top{justify-content:space-between}.demo-live{padding:3px 7px;border-radius:6px;background:#ff0033;color:#fff;font-weight:800}.demo-scene{position:relative;display:grid;height:calc(100% - 102px);place-items:center;background:radial-gradient(circle at 65% 15%,#78839c 0 1px,transparent 2px),linear-gradient(150deg,#20293e,#151a26 70%)}.moon{position:absolute;top:15%;right:18%;color:#a9baff;font-size:34px}.demo-pet{width:min(34%,150px);image-rendering:pixelated;filter:drop-shadow(0 14px 13px rgb(0 0 0/28%));animation:pet-bob 3s ease-in-out infinite}.demo-progress{height:4px;background:#555f75}.demo-progress span{display:block;width:36%;height:100%;background:#ff0033}.demo-controls{height:46px}.demo-controls button{width:34px;height:34px;border:0;border-radius:50%;background:#fff;color:#101218;cursor:pointer}.demo-controls span:nth-child(2){margin-right:auto}.section{max-width:var(--max);margin:0 auto;padding:72px 24px}.section-heading{max-width:700px;margin-bottom:32px}.section-heading h2,.section h2,.cta h2{margin:8px 0 12px;font-size:clamp(27px,3.4vw,42px);line-height:1.14;letter-spacing:-.025em}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card,.shop-card,.coin-card,.help-grid article,.support-form,.notice,.legal-status{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.feature-card{padding:28px}.feature-card h2,.feature-card h3,.shop-card h2,.help-grid h2{margin:14px 0 6px;font-size:20px}.feature-card p,.shop-card p,.help-grid p{margin:0;color:var(--muted)}.feature-icon{display:grid;width:44px;height:44px;place-items:center;border-radius:14px;background:var(--accent-soft);font-size:21px}.split{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.pet-duo{display:flex;justify-content:center;gap:32px;padding:32px;border-radius:32px;background:linear-gradient(135deg,var(--accent-soft),var(--surface))}.pet-duo img{width:min(38%,170px);min-width:0;object-fit:contain;image-rendering:pixelated}.text-link,.back-link{color:var(--accent);font-weight:750;text-underline-offset:4px}.faq{max-width:900px}.faq details{border-top:1px solid var(--border)}.faq details:last-child{border-bottom:1px solid var(--border)}.faq summary{padding:20px 4px;font-weight:750;cursor:pointer}.faq details p{margin:0;padding:0 4px 24px;color:var(--muted)}.cta{max-width:1152px;margin:30px auto 80px;padding:56px 24px;border-radius:32px;background:var(--accent-soft);text-align:center}.cta p{max-width:600px;margin:0 auto 24px;color:var(--muted)}.page-hero{max-width:var(--max);margin:auto;padding:86px 24px 38px}.page-hero h1{font-size:clamp(36px,5vw,58px)}.check-list{display:grid;gap:12px;padding:0;list-style:none}.check-list li{position:relative;padding-left:26px}.check-list li:before{position:absolute;left:0;content:'✓';color:var(--accent);font-weight:900}.notice{max-width:1152px;margin:0 auto 72px;padding:20px 24px;background:var(--accent-soft);box-shadow:none}.pet-picker{padding-top:30px}.pet-tabs{display:flex;justify-content:center;gap:8px}.chip{min-height:42px;padding:8px 16px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);cursor:pointer}.chip.active{border-color:var(--accent);background:var(--accent-soft);font-weight:750}.pet-stage{display:grid;grid-template-columns:minmax(220px,420px) 1fr;align-items:center;gap:64px;min-height:440px;margin-top:24px;padding:48px;border-radius:32px;background:radial-gradient(circle at 20% 40%,var(--accent-soft),var(--surface))}.pet-stage img{width:min(100%,320px);image-rendering:pixelated}.pet-demo-visual{display:grid;place-items:center}.pet-demo-visual .catalog-art{width:min(100%,320px);height:auto;aspect-ratio:1}.slot-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.slot-list span{padding:18px;border:1px solid var(--border);border-radius:16px;background:var(--surface);font-weight:720}.shop-tools{display:grid;grid-template-columns:2fr 1fr 1fr auto;align-items:end;gap:14px;padding-top:20px;padding-bottom:20px}.shop-tools label,.support-form label,.help-search>label{display:grid;gap:6px;font-size:13px;font-weight:750}.shop-tools input,.shop-tools select,.support-form input,.support-form select,.support-form textarea,.help-search input{width:100%;min-height:46px;padding:10px 13px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text)}.shop-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding-top:20px}.shop-card{display:flex;flex-direction:column;padding:16px}.item-art{display:grid;min-height:150px;place-items:center;border-radius:16px;background:linear-gradient(140deg,var(--accent-soft),var(--surface-muted));font-size:42px}.item-art img{width:96px;image-rendering:pixelated}.item-kind{margin-top:14px!important;color:var(--accent)!important;font-size:12px;font-weight:800;text-transform:uppercase}.shop-card h2{min-height:50px}.shop-card p img,.lead img{vertical-align:-4px}.card-actions{display:flex;gap:8px;margin-top:auto;padding-top:18px}.shop-card[hidden]{display:none}.product-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:72px;max-width:1000px;min-height:660px;margin:auto;padding:72px 24px}.product-art{display:grid;min-height:480px;place-items:center;border-radius:32px;background:linear-gradient(145deg,var(--accent-soft),var(--surface));font-size:80px}.product-art img{position:absolute;width:220px}.product-layout h1{margin:10px 0;font-size:clamp(36px,5vw,60px);line-height:1.05}.reward-path{padding-top:26px}.reward-grid,.coin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.reward-grid article,.coin-card{display:flex;flex-direction:column;gap:4px;padding:22px;border:1px solid var(--border);border-radius:18px;background:var(--surface)}.reward-grid strong,.coin-card strong{font-size:32px}.coin-card{text-align:center}.coin-card img{margin:auto}.coin-card .button{margin-top:12px}.help-search{padding-top:24px}.help-search>label{max-width:600px}.help-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:28px}.help-grid article{padding:22px}.support-form{display:grid;gap:14px;padding:24px}.support-form textarea{min-height:140px;resize:vertical}.legal{max-width:780px;padding-top:20px}.legal h2{margin-top:42px;font-size:25px}.legal p,.legal li{color:var(--muted)}.legal-status{padding:18px 20px;background:var(--accent-soft);box-shadow:none;color:var(--text)}.auth-card{max-width:480px;margin:80px auto;padding:44px;border:1px solid var(--border);border-radius:28px;background:var(--surface);box-shadow:var(--shadow);text-align:center}.auth-card h1{font-size:35px;line-height:1.15}.auth-card p{color:var(--muted)}.auth-card .text-link{display:inline-block;margin-top:22px}.account-layout{display:grid;grid-template-columns:260px 1fr;gap:48px;max-width:var(--max);min-height:650px;margin:auto;padding:56px 24px}.account-layout aside{border-right:1px solid var(--border);padding-right:24px}.account-layout nav{display:grid;gap:5px;margin-top:16px}.account-layout nav a{padding:9px 12px;border-radius:10px;text-decoration:none}.account-layout nav a[aria-current=page]{background:var(--accent-soft);font-weight:760}.danger-link{margin-top:14px;color:var(--danger)}.account-layout main h1{font-size:38px}.account-state{padding:26px;border:1px solid var(--border);border-radius:20px;background:var(--surface)}.skeleton{height:80px;border-radius:14px;background:linear-gradient(100deg,var(--surface-muted) 30%,var(--accent-soft) 50%,var(--surface-muted) 70%);background-size:200% 100%;animation:skeleton 1.3s infinite}.empty-page{display:grid;min-height:520px;place-content:center;justify-items:center}.big-mark{color:var(--accent);font-size:82px;font-weight:850}.release-block{max-width:var(--max);margin:16px auto 0;padding:12px 24px;border:1px solid var(--danger);border-radius:12px;color:var(--danger)}.site-footer{margin-top:64px;border-top:1px solid var(--border);background:var(--surface)}.footer-inner{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:40px;max-width:var(--max);margin:auto;padding:52px 24px}.footer-inner p{max-width:420px;color:var(--muted);font-size:13px}.footer-inner nav{display:grid;align-content:start;gap:8px}.footer-inner nav a{color:var(--muted);font-size:13px}.toast{position:fixed;z-index:120;right:20px;bottom:20px;max-width:340px;padding:13px 16px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:var(--shadow)}@keyframes pet-bob{50%{transform:translateY(-7px)}}@keyframes skeleton{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}@media(max-width:960px){.header-inner{gap:12px}.brand span{display:none}.main-nav{display:none;position:absolute;top:66px;right:16px;left:16px;padding:12px;border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:var(--shadow)}.main-nav.open{display:grid}.menu-button{display:block;margin-left:auto}.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{padding-top:20px}.player-demo{width:min(100%,620px)}.card-grid{grid-template-columns:repeat(2,1fr)}.shop-grid{grid-template-columns:repeat(3,1fr)}.footer-inner{grid-template-columns:2fr 1fr 1fr}.footer-inner nav:last-child{grid-column:2/4}.account-layout{grid-template-columns:210px 1fr}.reward-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.header-inner{padding:10px 16px}.header-actions .button{display:none}.hero,.section,.page-hero,.product-layout,.account-layout{padding-right:16px;padding-left:16px}.hero{gap:34px;padding-top:48px;padding-bottom:56px}.hero h1{font-size:42px}.card-grid,.split,.product-layout,.pet-stage,.account-layout{grid-template-columns:1fr}.split{gap:28px}.shop-tools{grid-template-columns:1fr 1fr}.shop-tools label:first-child{grid-column:1/3}.shop-grid{grid-template-columns:repeat(2,1fr)}.pet-stage{gap:24px;padding:28px}.pet-stage img{max-height:250px;margin:auto}.product-art{min-height:320px}.reward-grid,.coin-grid,.help-grid{grid-template-columns:1fr 1fr}.account-layout aside{overflow:auto;border-right:0;border-bottom:1px solid var(--border);padding:0 0 12px}.account-layout aside nav{display:flex;width:max-content}.footer-inner{grid-template-columns:1fr 1fr}.footer-inner>div{grid-column:1/3}.footer-inner nav:last-child{grid-column:auto}.site-footer{margin-top:30px}}@media(max-width:440px){.brand img{width:38px;height:38px}.header-actions{gap:2px}.locale-link{padding:8px}.hero h1,.page-hero h1{font-size:36px}.hero{padding-top:38px}.player-demo{border-radius:20px}.section{padding-top:54px;padding-bottom:54px}.card-grid,.shop-grid,.reward-grid,.coin-grid,.help-grid{grid-template-columns:1fr}.shop-tools{grid-template-columns:1fr}.shop-tools label:first-child{grid-column:auto}.item-art{min-height:125px}.shop-card h2{min-height:auto}.action-row .button{width:100%}.footer-inner{grid-template-columns:1fr}.footer-inner>div,.footer-inner nav:last-child{grid-column:auto}.auth-card{margin:36px 16px;padding:30px 22px}.account-layout{padding-top:30px}.slot-list{grid-template-columns:1fr}}
.account-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px}.account-form label{display:grid;gap:6px;color:var(--muted);font-size:13px;font-weight:700}.account-form select{width:100%;min-height:44px;padding:9px 12px;border:1px solid var(--border);border-radius:11px;background:var(--surface);color:var(--text)}.account-form .button,.account-form .hint,.account-form .inline-status{grid-column:1/-1}.button.danger{border-color:var(--danger);background:transparent;color:var(--danger)}.session-row,.record-list article{display:flex;align-items:center;gap:14px;margin-top:10px;padding:13px;border:1px solid var(--border);border-radius:12px}.session-row span{display:flex;min-width:0;flex:1;flex-direction:column}.session-row small,.record-list small{color:var(--muted)}.record-list article{align-items:flex-start;flex-direction:column}@media(max-width:440px){.account-form{grid-template-columns:1fr}}
.operator-shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh;background:var(--bg)}.operator-shell>aside{position:sticky;top:0;display:flex;height:100vh;flex-direction:column;gap:24px;padding:28px 20px;border-right:1px solid var(--border);background:var(--surface)}.operator-shell>aside nav{display:grid;gap:5px}.operator-shell>aside nav a{padding:10px 12px;border-radius:10px;text-decoration:none}.operator-shell>aside nav a[aria-current=page]{background:var(--accent-soft);font-weight:750}.operator-shell>aside>.text-link{margin-top:auto}.operator-shell>main{width:min(100%,1000px);padding:48px}.operator-shell>main>h1{font-size:clamp(32px,5vw,48px)}.operator-auth,.operator-panel{padding:24px;border:1px solid var(--border);border-radius:20px;background:var(--surface);box-shadow:var(--shadow)}.operator-panel{margin-top:20px}.operator-form{display:grid;gap:14px;margin-top:20px}.operator-form.compact{grid-template-columns:minmax(180px,320px) auto;align-items:end}.operator-form label,.operator-filters label{display:grid;gap:6px;color:var(--muted);font-size:13px;font-weight:700}.operator-form input,.operator-form select,.operator-form textarea,.operator-filters select{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:11px;background:var(--surface);color:var(--text)}.operator-form input,.operator-form select,.operator-filters select{min-height:44px}.operator-output{overflow:auto;max-height:360px;padding:16px;border-radius:12px;background:var(--surface-muted);white-space:pre-wrap}.operator-grid,.readiness-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.operator-grid a,.readiness-grid article{display:flex;flex-direction:column;gap:4px;padding:18px;border:1px solid var(--border);border-radius:14px;background:var(--surface);text-decoration:none}.operator-grid span,.readiness-grid p{color:var(--muted);font-size:13px}.status-dot{width:12px;height:12px;border-radius:50%}.status-dot.ready{background:#3c9a5f}.status-dot.blocked{background:var(--danger)}.operator-filters{display:flex;flex-wrap:wrap;align-items:end;gap:12px}.ticket-row{display:flex;width:100%;align-items:center;justify-content:space-between;gap:16px;margin-top:8px;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);text-align:left;cursor:pointer}.ticket-row span{display:flex;flex-direction:column}.ticket-row small{color:var(--muted)}.ticket-detail{margin-top:20px;padding-top:20px;border-top:1px solid var(--border)}.ticket-thread p{display:grid;padding:12px;border-radius:10px;background:var(--surface-muted)}@media(max-width:720px){.operator-shell{grid-template-columns:1fr}.operator-shell>aside{position:static;height:auto;border-right:0;border-bottom:1px solid var(--border)}.operator-shell>aside nav{display:flex;overflow:auto}.operator-shell>aside nav a{white-space:nowrap}.operator-shell>aside>.text-link{margin-top:0}.operator-shell>main{padding:28px 16px}.operator-form.compact{grid-template-columns:1fr}.operator-grid,.readiness-grid{grid-template-columns:1fr}}
@media(max-width:720px){.operator-shell,.operator-shell>aside,.operator-shell>main{min-width:0;max-width:100vw}.operator-shell>aside{overflow:hidden}.operator-shell>aside nav{width:100%;min-width:0;overflow-x:auto}.operator-shell>aside nav a{flex:0 0 auto}}

.shop-header{max-width:var(--max);margin:0 auto;padding:52px 24px 22px}.shop-header h1{max-width:720px;margin:6px 0 8px;font-size:clamp(34px,5vw,54px);line-height:1.05;letter-spacing:-.04em}.shop-header>p:last-child{max-width:620px;margin:0;color:var(--muted)}.shop-market{max-width:var(--max);margin:0 auto;padding:0 24px 56px}.shop-categories{display:flex;gap:7px;overflow-x:auto;padding:12px 0 10px;scrollbar-width:thin}.shop-filter-chip,.shop-price-filters button{display:inline-flex;min-height:38px;align-items:center;justify-content:center;gap:7px;padding:7px 12px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--muted);font-size:13px;font-weight:720;white-space:nowrap;cursor:pointer}.shop-filter-chip[aria-pressed=true],.shop-price-filters button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--text)}.shop-filter-count{display:grid;min-width:21px;height:21px;place-items:center;padding:0 5px;border-radius:999px;background:var(--surface-muted);font-size:11px}.shop-filter-chip[aria-pressed=true] .shop-filter-count{background:var(--surface)}.shop-market .shop-tools{display:flex;align-items:center;gap:10px;padding:12px 0 10px}.shop-search{width:min(100%,360px)}.shop-market .shop-search input{min-height:40px}.shop-price-filters{display:flex;gap:5px}.shop-price-filters button{min-height:38px;padding:6px 11px}.shop-market .filter-count{margin:0 0 0 auto;white-space:nowrap}.shop-market-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:12px 0 0}.shop-market-grid .market-card{min-width:0;padding:10px;border-color:var(--border);border-radius:16px;box-shadow:0 6px 18px rgb(28 35 55/7%)}.shop-market-grid .market-card:before{display:none}.shop-market-grid .market-card:hover{box-shadow:0 10px 24px rgb(28 35 55/11%);transform:translateY(-2px)}.shop-market-grid .shop-card-art{min-height:142px;border:0;border-radius:12px;background:linear-gradient(145deg,var(--accent-soft),var(--surface-muted))}.shop-market-grid .shop-card-art:after{display:none}.shop-market-grid .shop-card-art .catalog-art{width:112px;height:112px;filter:drop-shadow(0 7px 7px rgb(28 35 55/14%))}.shop-market-grid .shop-card-art .catalog-sprite{background-size:1120px 112px}.shop-art-meta{position:absolute;right:7px;bottom:7px;left:7px;display:flex;justify-content:space-between;gap:6px;color:var(--muted);font-size:10px;font-weight:760;text-transform:uppercase}.shop-art-meta span{padding:2px 6px;border-radius:999px;background:color-mix(in srgb,var(--surface) 84%,transparent);backdrop-filter:blur(4px)}.shop-card-body{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;padding:9px 2px 0}.shop-market-grid .shop-card h2{min-height:0;margin:0;font-size:15px;line-height:1.25}.shop-card-price{display:flex;align-items:center;gap:3px;color:var(--text)!important;font-size:13px;font-weight:780;white-space:nowrap}.shop-card-price img{margin:0}.shop-market-grid .card-actions{gap:6px;padding-top:9px}.shop-market-grid .card-actions .button{min-height:38px;padding:5px 8px;font-size:12px}.shop-market-grid .inline-status:empty{display:none}.shop-market-grid .inline-status:not(:empty){margin:8px 2px 0;overflow-wrap:anywhere}.shop-empty{margin:24px 0;padding:28px;border-radius:16px;background:var(--surface-muted);text-align:center}.shop-empty p{margin:0 0 12px;color:var(--muted)}@media(max-width:960px){.shop-market-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:720px){.shop-header{padding:36px 16px 14px}.shop-market{padding-right:16px;padding-left:16px}.shop-market .shop-tools{align-items:stretch;flex-wrap:wrap}.shop-search{width:100%}.shop-price-filters{order:2;overflow-x:auto}.shop-market .filter-count{order:3;margin:auto 0 auto auto}.shop-market-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.shop-market-grid .market-card{padding:8px}.shop-market-grid .shop-card-art{min-height:124px}.shop-market-grid .shop-card-art .catalog-art{width:104px;height:104px}.shop-market-grid .shop-card-art .catalog-sprite{background-size:1040px 104px}.shop-art-meta{right:5px;bottom:5px;left:5px}.shop-card-body{grid-template-columns:1fr;gap:3px}.shop-market-grid .card-actions{flex-direction:column}.shop-market-grid .card-actions .button{width:100%}}@media(max-width:360px){.shop-market .filter-count{width:100%;margin:0}.shop-market-grid{gap:7px}.shop-market-grid .shop-card-art{min-height:112px}.shop-market-grid .shop-card-art .catalog-art{width:96px;height:96px}.shop-market-grid .shop-card-art .catalog-sprite{background-size:960px 96px}.shop-art-meta{font-size:9px}.shop-art-meta span{padding:1px 4px}}

.catalog-art{position:relative;display:block;width:128px;height:128px;flex-shrink:0}.catalog-sprite{position:absolute;inset:0;display:block;background-repeat:no-repeat;background-size:1280px 128px;image-rendering:pixelated}.product-art .catalog-art{width:192px;height:192px}.product-art .catalog-sprite{background-size:1920px 192px}
.sprite-pet-cat{background-image:url("/assets/items/pet-cat.png")}
.sprite-pet-dog{background-image:url("/assets/items/pet-dog.png")}
.sprite-skin-cat-base{background-image:url("/assets/items/skin-cat-base.png")}
.sprite-skin-dog-base{background-image:url("/assets/items/skin-dog-base.png")}
.sprite-skin-cat-gray{background-image:url("/assets/items/skin-cat-gray.png")}
.sprite-skin-cat-black{background-image:url("/assets/items/skin-cat-black.png")}
.sprite-skin-cat-cream{background-image:url("/assets/items/skin-cat-cream.png")}
.sprite-skin-dog-gray{background-image:url("/assets/items/skin-dog-gray.png")}
.sprite-skin-dog-black{background-image:url("/assets/items/skin-dog-black.png")}
.sprite-skin-dog-white{background-image:url("/assets/items/skin-dog-white.png")}
.sprite-skin-cat-starry{background-image:url("/assets/items/skin-cat-starry.png")}
.sprite-skin-dog-robot{background-image:url("/assets/items/skin-dog-robot.png")}
.sprite-expression-cute{background-image:url("/assets/items/expression-cute.png")}
.sprite-expression-neutral{background-image:url("/assets/items/expression-neutral.png")}
.sprite-expression-wink{background-image:url("/assets/items/expression-wink.png")}
.sprite-expression-happy{background-image:url("/assets/items/expression-happy.png")}
.sprite-expression-cheeky{background-image:url("/assets/items/expression-cheeky.png")}
.sprite-accessory-head-beanie{background-image:url("/assets/items/accessory-head-beanie.png")}
.sprite-accessory-head-cap{background-image:url("/assets/items/accessory-head-cap.png")}
.sprite-accessory-head-viking{background-image:url("/assets/items/accessory-head-viking.png")}
.sprite-accessory-head-tophat{background-image:url("/assets/items/accessory-head-tophat.png")}
.sprite-accessory-eyes-monocle{background-image:url("/assets/items/accessory-eyes-monocle.png")}
.sprite-accessory-eyes-glasses{background-image:url("/assets/items/accessory-eyes-glasses.png")}
.sprite-accessory-mouth-pipe{background-image:url("/assets/items/accessory-mouth-pipe.png")}
.sprite-accessory-mouth-leaf{background-image:url("/assets/items/accessory-mouth-leaf.png")}
.sprite-frame-rounded{background-image:url("/assets/items/frame-rounded.png")}
.sprite-frame-stars{background-image:url("/assets/items/frame-stars.png")}
.sprite-effect-paws{background-image:url("/assets/items/effect-paws.png")}
.sprite-effect-sparkles{background-image:url("/assets/items/effect-sparkles.png")}
.sprite-theme-light{background-image:url("/assets/items/theme-light.png")}
.sprite-theme-dark{background-image:url("/assets/items/theme-dark.png")}
.sprite-theme-forest{background-image:url("/assets/items/theme-forest.png")}
.sprite-theme-space{background-image:url("/assets/items/theme-space.png")}
.sprite-theme-retro{background-image:url("/assets/items/theme-retro.png")}
.sprite-booster-x2-60m{background-image:url("/assets/items/booster-x2-60m.png")}
.sprite-booster-x3-60m{background-image:url("/assets/items/booster-x3-60m.png")}
.sprite-badge-supporter{background-image:url("/assets/items/badge-supporter.png")}
.dynamic-sprite{overflow:hidden;background-image:none}.catalog-sprite.dynamic-sprite img{position:absolute;top:0;left:0;display:block;width:1000%;height:100%;max-width:none;image-rendering:pixelated}.catalog-sprite.dynamic-sprite.sheet-4x4 img{top:-100%;width:400%;height:400%}.catalog-sprite.dynamic-sprite.hires svg{display:block;width:100%;height:100%;overflow:hidden}
.catalog-sprite.dynamic-sprite.shop-preview-sprite img{inset:0;width:100%;height:100%;max-width:100%;object-fit:contain}
.dynamic-sprite img,.dynamic-sprite image{opacity:1;transition:opacity var(--speed)}.dynamic-sprite [data-asset-src]{opacity:0}
[hidden]{display:none!important}
.account-layout pre,.operator-shell pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%}
.account-form input,.account-form select,.account-form textarea{min-width:0;max-width:100%}
[data-export-state],[data-telegram-status],[data-account-state]{min-width:0;overflow-wrap:anywhere}

.shop-card{position:relative;overflow:hidden;border-color:color-mix(in srgb,var(--accent) 22%,var(--border));transition:transform var(--speed),border-color var(--speed),box-shadow var(--speed)}
.shop-card:before{position:absolute;z-index:1;top:0;right:0;left:0;height:3px;background:linear-gradient(90deg,transparent,var(--highlight),transparent);content:'';opacity:.58}
.shop-card:hover{border-color:color-mix(in srgb,var(--accent) 58%,var(--border));box-shadow:0 18px 44px rgb(28 35 55/14%);transform:translateY(-3px)}
.shop-card-art{position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--highlight) 24%,transparent);background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--highlight) 18%,transparent),transparent 38%),linear-gradient(145deg,var(--accent-soft),var(--surface-muted));color:inherit;text-decoration:none}
.shop-card-art:after{position:absolute;inset:0;border:1px solid color-mix(in srgb,#fff 48%,transparent);border-radius:inherit;content:'';pointer-events:none}
.shop-card-art .catalog-art{filter:drop-shadow(0 10px 10px rgb(28 35 55/16%));transition:transform var(--speed),filter var(--speed)}
.shop-card:hover .shop-card-art .catalog-art{filter:drop-shadow(0 13px 12px rgb(28 35 55/22%));transform:translateY(-2px) scale(1.035)}
.shop-card-title{color:inherit;text-decoration:none;text-underline-offset:4px}
.shop-card-title:hover{text-decoration:underline}
.card-actions{flex-wrap:wrap}
.card-actions .button{flex:1 1 auto}
.preview-button{border-color:color-mix(in srgb,var(--highlight) 78%,var(--border));background:color-mix(in srgb,var(--highlight) 18%,var(--surface));color:var(--text)}
.preview-button:hover:not(:disabled){border-color:var(--highlight);background:color-mix(in srgb,var(--highlight) 30%,var(--surface))}
.preview-button[aria-pressed=true]{border-color:var(--highlight);background:var(--highlight);color:#17254d}
.shop-card.is-previewed{border-color:var(--highlight);box-shadow:0 18px 46px color-mix(in srgb,var(--highlight) 24%,transparent)}
.shop-card.is-previewed:before{height:5px;opacity:1}
.shop-card.is-preview-pending .shop-card-art .catalog-art{animation:preview-pulse 1.2s ease-in-out infinite}
.product-art{position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--highlight) 24%,var(--border));background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--highlight) 20%,transparent),transparent 42%),linear-gradient(145deg,var(--accent-soft),var(--surface))}
.product-layout.is-previewed .product-art{border-color:var(--highlight);box-shadow:0 22px 60px color-mix(in srgb,var(--highlight) 18%,transparent)}
.product-layout.is-preview-pending .product-art .catalog-art{animation:preview-pulse 1.2s ease-in-out infinite}
@keyframes preview-pulse{50%{filter:drop-shadow(0 15px 14px color-mix(in srgb,var(--highlight) 48%,transparent));transform:translateY(-3px) scale(1.04)}}
@media(prefers-reduced-motion:reduce){.shop-card:hover{transform:none}.shop-card:hover .shop-card-art .catalog-art{transform:none}.shop-card.is-preview-pending .shop-card-art .catalog-art,.product-layout.is-preview-pending .product-art .catalog-art{animation:none}}

.account-layout>main{min-width:0}
.account-support{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.4fr);gap:24px;margin-top:24px}.account-support h3{margin:0 0 12px}.support-ticket-list{display:grid;gap:8px}.support-ticket-row{display:flex;width:100%;align-items:center;justify-content:space-between;gap:14px;padding:13px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);text-align:left;cursor:pointer}.support-ticket-row:hover,.support-ticket-row[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.support-ticket-row span{display:flex;min-width:0;flex-direction:column}.support-ticket-row strong,.support-ticket-row small{overflow-wrap:anywhere}.support-ticket-row small,.support-ticket-row time,.support-message time{color:var(--muted);font-size:12px}.support-ticket-row time{flex:none}.support-empty{padding:18px;border:1px dashed var(--border);border-radius:12px}.support-ticket-detail h4{margin:0;font-size:21px;overflow-wrap:anywhere}.support-ticket-detail>header p{margin:4px 0 16px;color:var(--muted)}.support-thread{display:grid;gap:10px}.support-message{padding:13px;border-radius:12px;background:var(--surface-muted)}.support-message header{display:flex;align-items:center;justify-content:space-between;gap:12px}.support-message p{margin:6px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.support-reply{display:grid;gap:12px;margin-top:18px}.support-reply label{display:grid;gap:6px;color:var(--muted);font-size:13px;font-weight:700}.support-reply textarea{width:100%;min-height:110px;padding:10px 12px;border:1px solid var(--border);border-radius:11px;background:var(--surface);color:var(--text);resize:vertical}.support-reply .button{justify-self:start}.support-closed{padding:12px;border-radius:10px;background:var(--surface-muted);color:var(--muted)}@media(max-width:720px){.account-support{grid-template-columns:1fr}.support-ticket-row{align-items:flex-start}.support-ticket-row time{text-align:right}}

.shop-characters{display:flex;gap:8px;overflow-x:auto;padding:4px 0 10px}.shop-characters button{min-height:44px;padding:8px 15px;border:1px solid var(--border);border-radius:13px;background:var(--surface);color:var(--text);font-weight:750;white-space:nowrap;cursor:pointer}.shop-characters button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}
.shop-character-art{display:grid;place-items:center}
.shop-economy-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:var(--max);margin:0 auto 8px;padding:0 24px}.shop-economy-summary>div{display:flex;min-height:92px;flex-direction:column;justify-content:center;padding:16px 18px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}.shop-economy-summary span{color:var(--muted);font-size:12px;font-weight:750;text-transform:uppercase}.shop-economy-summary strong{font-size:18px}.shop-reward-path .text-link{font-size:13px}.shop-economy-note{grid-column:1/-1;margin:0;color:var(--muted);font-size:13px}.shop-view-filters{display:flex;gap:7px;overflow-x:auto;padding:0 0 10px}.shop-view-filters button{min-height:38px;padding:7px 12px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--muted);font-size:13px;font-weight:720;white-space:nowrap;cursor:pointer}.shop-view-filters button[aria-pressed=true],.wishlist-button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--text)}.shop-card.is-owned{border-color:color-mix(in srgb,var(--accent) 46%,var(--border))}.shop-card.is-level-locked .shop-card-art{filter:saturate(.55)}.wishlist-button{flex:0 1 auto!important}.coins-target{padding-top:26px;padding-bottom:22px}.coins-target h2{font-size:28px}.coins-target p{color:var(--muted)}.coins-target-recommendation{max-width:680px;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:var(--accent-soft);color:var(--text)!important}.coins-target-actions{display:flex;flex-wrap:wrap;gap:8px 18px}.coin-card{position:relative}.coin-card.is-recommended{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.coin-recommendation{margin:-8px auto 8px;padding:4px 9px;border-radius:999px;background:var(--accent-soft);color:var(--text);font-size:11px;font-weight:800}.coin-savings{color:var(--accent);font-size:12px;font-weight:800}.coin-metrics{min-height:76px;color:var(--muted);font-size:12px;line-height:1.5}
body[data-route=coins] .page-hero{padding-bottom:20px}body[data-route=coins] .coins-packages{padding-top:28px;padding-bottom:38px}body[data-route=coins] .coins-packages .notice{margin-top:22px;margin-bottom:0}body[data-route=coins] .reward-path{padding-top:38px}
.coin-card .button.primary:disabled,.shop-card .button.primary:disabled{background:var(--surface-muted);color:var(--muted);opacity:1}
@media(max-width:720px){.shop-economy-summary{grid-template-columns:1fr 1fr;padding-right:16px;padding-left:16px}.shop-reward-path{grid-column:1/-1}.shop-economy-summary>div{min-height:80px}.shop-view-filters{padding-bottom:8px}}
@media(max-width:440px){.shop-economy-summary{grid-template-columns:1fr}.shop-reward-path{grid-column:auto}.shop-economy-note{grid-column:auto}.shop-market-grid .wishlist-button{width:100%}}

/* Character-first shop: pets, filters, products. */
.shop-header{padding-top:28px;padding-bottom:16px}.shop-header h1{font-size:clamp(30px,4vw,42px)}
.shop-economy-summary{gap:8px;margin-bottom:20px}.shop-economy-summary>div{min-height:70px;padding:10px 16px}.shop-economy-summary strong{font-size:16px}.shop-economy-note{font-size:12px}
.shop-pet-panel,.shop-products{padding:24px;border:1px solid var(--border);border-radius:24px;background:var(--surface)}
.shop-panel-heading{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 20px;margin-bottom:18px}.shop-panel-heading h2,.shop-products>h2{margin:0;font-size:20px;line-height:1.3;letter-spacing:-.02em}.shop-panel-heading p{margin:0;color:var(--muted);font-size:13px}
.shop-characters{gap:14px;padding:4px 4px 8px}.shop-characters button{position:relative;display:flex;flex:0 0 150px;flex-direction:column;align-items:center;gap:12px;padding:16px;border-radius:18px;background:var(--surface-muted);font-size:14px}.shop-characters button:hover{border-color:var(--accent)}.shop-characters button[aria-pressed=true]{box-shadow:0 0 0 1px var(--accent)}
.shop-pet-art{display:grid;width:92px;height:92px;place-items:center}.shop-pet-art .catalog-art{width:88px;height:88px}.shop-pet-check{position:absolute;top:8px;right:10px;visibility:hidden;color:var(--accent);font-size:16px}.shop-characters button[aria-pressed=true] .shop-pet-check{visibility:visible}
.shop-filter-panel{padding:14px 0 18px}.shop-filter-panel .shop-categories{flex-wrap:wrap;overflow:visible;padding:0 0 8px}.shop-filter-panel .shop-filter-chip{border-radius:12px;min-height:42px}.shop-filter-panel .shop-tools{padding-top:6px}.shop-filter-panel .shop-view-filters{padding-bottom:0;flex-wrap:wrap;overflow:visible}
.shop-products{min-height:360px}.shop-products>h2{margin-bottom:18px}.shop-products .shop-market-grid{padding-top:0}.shop-products .market-card{box-shadow:none}
@media(max-width:720px){.shop-pet-panel,.shop-products{padding:16px;border-radius:18px}.shop-characters{gap:10px}.shop-characters button{flex-basis:122px;padding:12px;gap:8px}.shop-pet-art{width:80px;height:80px}.shop-pet-art .catalog-art{width:76px;height:76px}.shop-panel-heading{margin-bottom:12px}.shop-products .shop-market-grid{gap:10px}.shop-products .shop-card-art .catalog-art{width:88px;height:88px}.shop-economy-summary{grid-template-columns:1fr 1fr}.shop-economy-summary .shop-reward-path{grid-column:1/-1;min-height:0;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:4px 12px}.shop-economy-summary .shop-reward-path>span{display:none}.shop-economy-summary .shop-reward-path strong{font-size:13px}.shop-economy-note{grid-column:1/-1}.shop-products .shop-card-body{display:flex;flex-direction:column;gap:5px}}

/* A quiet storefront with room for the pet and its name. */
body[data-route=shop]{background:var(--bg)}
.shop-header{padding-top:40px;padding-bottom:24px}
.shop-header>p:last-child{max-width:580px}
.shop-economy-summary{grid-template-columns:1fr 1fr 1.3fr;gap:0;padding:0 24px;margin-bottom:24px}
.shop-economy-summary>div{border:0;border-radius:0;background:transparent;min-height:60px;padding:8px 20px;border-left:1px solid var(--border)}
.shop-economy-summary>div:first-child{border-left:0;padding-left:0}
.shop-economy-summary span{font-weight:600;text-transform:none;letter-spacing:0}
.shop-economy-note{padding-top:8px;font-size:12px}
.shop-pet-panel{background:linear-gradient(120deg,color-mix(in srgb,#f3dcc2 18%,var(--surface)),var(--surface));box-shadow:none}
.shop-characters button{background:transparent;border-color:transparent;transition:background var(--speed),border-color var(--speed)}
.shop-characters button[aria-pressed=true]{background:var(--surface);border-color:color-mix(in srgb,var(--accent) 40%,var(--border));box-shadow:0 3px 12px rgb(20 25 40/6%)}
.shop-products{background:transparent;border:0;padding:20px 0}
.shop-products>h2{font-weight:650}
.shop-market-grid{align-items:stretch;gap:16px}
.shop-market-grid .market-card{display:flex;flex-direction:column;padding:10px;border:1px solid var(--border);border-radius:20px;box-shadow:none}
.shop-market-grid .shop-card-art{min-height:158px;border-radius:13px;background:radial-gradient(ellipse at 50% 60%,color-mix(in srgb,#f9d5ab 32%,var(--surface)),var(--surface-muted))}
.shop-market-grid .shop-card-art .catalog-art{width:120px;height:120px;filter:drop-shadow(0 5px 5px rgb(28 35 55/10%))}
.shop-market-grid .shop-card-art.item-expression{background:radial-gradient(ellipse at 50% 60%,color-mix(in srgb,#f4dbdd 28%,var(--surface)),var(--surface-muted))}
.shop-market-grid .shop-card-art.item-frame{background:radial-gradient(ellipse at 50% 60%,color-mix(in srgb,#d7e7cd 28%,var(--surface)),var(--surface-muted))}
.shop-art-meta{font-size:9px;text-transform:none;font-weight:650;right:8px;left:8px;bottom:8px;pointer-events:none}
.shop-art-meta span{background:var(--surface);backdrop-filter:none;padding:2px 6px}
.shop-market-grid .shop-card-body{display:flex;flex-direction:column;gap:8px;padding:14px 4px 0;align-items:flex-start}
.shop-market-grid .shop-card h2{font-size:15px;line-height:1.4;min-height:2.8em;font-weight:700;overflow-wrap:anywhere}
.shop-market-grid .shop-card-price{font-size:14px;font-weight:700;line-height:22px;margin:0}
.shop-market-grid .shop-card-price img{width:18px;height:18px}
.shop-item-use{font-size:11px;line-height:1.4;color:var(--muted);margin:6px 4px 12px;min-height:2.8em}
.shop-market-grid .card-actions{display:flex;min-height:83px;flex-direction:column;gap:7px;padding-top:0;margin-top:auto}
.shop-market-grid .card-actions>.button{width:100%;min-height:38px;flex:0 0 auto;border-radius:11px;font-size:12px}
.shop-market-grid .card-actions>.preview-button{background:var(--accent-soft);border-color:transparent;color:var(--text)}
.shop-market-grid .card-actions>.primary{background:var(--surface);color:var(--accent);border-color:var(--border)}
html[data-theme=dark] .shop-market-grid .card-actions>.primary:not(:disabled){color:var(--accent)}
.shop-market-grid .card-actions>.wishlist-button{position:absolute;top:18px;right:18px;z-index:2;width:32px;min-height:32px;height:32px;padding:0;border-radius:50%;background:var(--surface);font-size:18px;border-color:transparent}
.shop-market-grid .wishlist-button>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.shop-card.is-level-locked .shop-card-art{filter:none}
.shop-market-grid .card-actions>.primary:disabled{background:transparent;border-color:transparent;font-size:11px;font-weight:550}
.shop-market-grid .market-card.is-owned{border-color:var(--border)}
.shop-market-grid .inline-status{font-size:12px}
.fitting-open{overflow:hidden}
.fitting-room{width:min(560px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:24px;border:1px solid var(--border);border-radius:24px;background:var(--surface);color:var(--text);box-shadow:0 24px 100px rgb(0 0 0/25%);overflow-y:auto}
.fitting-room::backdrop{background:rgb(16 21 32/52%);backdrop-filter:blur(5px)}
.fitting-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.fitting-heading .eyebrow{margin:0 0 4px;font-size:11px}
.fitting-heading h2{margin:0;font-size:24px;line-height:1.3}
.fitting-heading .icon-button{flex:none;font-size:24px}
.fitting-portrait{display:grid;place-items:center;padding:20px 0 12px}
.fitting-portrait .catalog-art{width:150px;height:150px;filter:drop-shadow(0 8px 8px rgb(20 25 40/10%))}
.fitting-portrait p{font-size:12px;color:var(--muted);margin:6px 0 0}
.fitting-screen{display:flex;min-height:110px;align-items:center;justify-content:center;flex-direction:column;border-radius:16px 16px 0 0;background:linear-gradient(125deg,#223848,#384255);color:#e6edf4;padding:16px 16px 48px}
.fitting-screen>span{opacity:.65;font-size:18px}
.fitting-screen>p{margin:6px 0;font-size:12px;color:#e6edf4}
.fitting-track{position:relative;height:0;min-height:0;margin:0 16px;background:#d4d9e2}
.fitting-track:before{position:absolute;top:0;left:0;right:0;content:'';height:3px;background:linear-gradient(to right,#ff686b var(--fitting-progress,35%),#74808f var(--fitting-progress,35%))}
.fitting-seek{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:16px 12px 8px;background:var(--surface-muted);border-radius:0 0 14px 14px;font-size:11px;color:var(--muted)}
.fitting-seek input{width:100px;accent-color:var(--accent);min-height:30px}
.fitting-motion{display:flex;justify-content:center;gap:8px;padding-top:12px}
.fitting-note{font-size:13px;color:var(--muted);line-height:1.6;margin:18px 0}
.fitting-actions{display:flex;gap:10px}
.fitting-actions .button{flex:1}
.fitting-room .inline-status{font-size:13px;margin-bottom:0;overflow-wrap:anywhere}
.fitting-room .inline-status:empty{display:none}
.is-frame-fitting .fitting-portrait{width:min(280px,100%);margin:22px auto 0;padding:20px;border-radius:20px;background:var(--surface-muted);border:1px solid var(--border)}
@media(max-width:720px){
 .shop-header{padding-top:28px}.shop-economy-summary{grid-template-columns:1fr 1fr;padding:0 16px}
 .shop-economy-summary>div{padding:4px 12px;min-height:50px}.shop-economy-summary .shop-reward-path{padding:10px 0 0;border-left:0;grid-column:1/-1}
 .shop-economy-summary .shop-reward-path>span{display:none}.shop-economy-summary .shop-reward-path strong{font-weight:550;font-size:12px}
 .shop-characters button{flex-basis:105px}.shop-products{padding:14px 0}.shop-products .shop-market-grid{gap:10px}
 .shop-market-grid .market-card{padding:8px;border-radius:16px}.shop-market-grid .shop-card-art{min-height:140px}
 .shop-products .shop-card-art .catalog-art{width:112px;height:112px}
 .shop-market-grid .shop-card h2{font-size:13px;min-height:2.8em}.shop-market-grid .shop-card-body{padding:12px 3px 0;gap:6px}
 .shop-market-grid .card-actions>.wishlist-button{top:14px;right:14px;width:29px;height:29px;min-height:29px}
 .shop-market-grid .shop-item-use{font-size:10px;margin:6px 3px 10px}.shop-art-meta{font-size:8px}
 .fitting-room{padding:18px;border-radius:20px}.fitting-heading h2{font-size:21px}.fitting-portrait{padding:10px 0}.fitting-portrait .catalog-art{width:120px;height:120px}
 .fitting-note{font-size:12px;margin:14px 0}.fitting-actions .button{font-size:13px;padding:10px}
}

.collection-skins{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}
.collection-skin{display:flex;align-items:center;flex-direction:column;gap:10px;padding:14px 10px;border:1px solid var(--border);border-radius:16px;background:var(--surface);color:var(--text);font-size:12px;font-weight:650;cursor:pointer}
.collection-skin[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent)}
.collection-skin .catalog-art{width:96px;height:96px}

/* Six complete looks form two calm rows for each companion. */
.shop-market-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.shop-market-grid .shop-card-art{min-height:182px}
.shop-market-grid .shop-card-art .catalog-art{width:136px;height:136px}
@media(max-width:960px){.shop-market-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.shop-market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-market-grid .shop-card-art{min-height:140px}.shop-products .shop-card-art .catalog-art{width:112px;height:112px}}

/* Popup home shop: the same scene as the extension, at readable sizes. */
.shop-sections,.shop-home-filters{display:flex;gap:8px;flex-wrap:wrap}
.shop-sections{padding:6px;background:var(--surface-muted,#eef0f6);border-radius:18px;width:fit-content;margin-bottom:24px}
.shop-sections button,.shop-home-filters button{border:1px solid var(--border,#dce0e9);background:var(--surface,#fff);color:var(--text,#202430);border-radius:12px;padding:10px 20px;font:inherit;font-weight:700;cursor:pointer}
.shop-sections button[aria-pressed="true"],.shop-home-filters button[aria-pressed="true"]{background:var(--accent,#365cf5);color:var(--bg,#fff);border-color:transparent}
.shop-home-intro{margin:0 0 20px;max-width:800px}.shop-home-intro p{color:var(--muted);line-height:1.6}.shop-home-filters{margin-top:16px}
.shop-card[data-section="home"] .shop-card-art{padding:12px 8px;height:auto;min-height:155px;overflow:visible;background:transparent}
.shop-card[data-section="home"] .shop-character-art{position:relative;display:block;width:100%;height:auto}
.shop-home-art{width:100%;min-width:0;pointer-events:none}.shop-home-art .popup-home{width:100%}
.home-pet-preview{display:block;width:100%;height:100%;position:relative}
.home-pet-preview .catalog-art{display:block;position:relative;width:100%;height:100%;transform:none;inset:auto}
.home-pet-preview .catalog-sprite{width:100%;height:100%;inset:0;transform:none}
.home-pet-preview .dynamic-sprite.hires svg{width:100%;height:100%;display:block}
.product-art:has(.shop-home-art){padding:16px;min-height:240px}
.fitting-room.is-frame-fitting .fitting-portrait{width:100%;display:block;padding:16px;background:transparent;border:0}
.fitting-room.is-frame-fitting [data-fitting-art]{width:100%;max-width:380px;height:auto;margin:auto}
.fitting-room.is-frame-fitting [data-fitting-caption]{text-align:center;margin:16px 0 0;color:var(--muted)}
.shop-card.is-level-locked .shop-home-art{opacity:1;filter:none}
@media(max-width:600px){.shop-market-grid:has(.shop-card[data-section="home"]:not([hidden])){grid-template-columns:1fr}.shop-card[data-section="home"] .shop-card-art{padding:16px 20px}.shop-sections{width:100%}.shop-sections button{flex:1}.fitting-room.is-frame-fitting .fitting-portrait{padding:4px}}
.popup-home .home-pet-preview{width:44%;height:auto;aspect-ratio:1}
.popup-home .home-pet-preview .catalog-art,.popup-home .home-pet-preview .catalog-sprite{width:100%;height:100%}

/* Keep account loading, signed-out and loaded values in the same space. */
.shop-economy-summary [data-shop-balance],.shop-economy-summary [data-shop-collection]{min-height:3.2em;line-height:1.6}

/* Shop studio: one playful scene, three clear collections. */
body[data-route=shop]{background:radial-gradient(circle at 12% 10%,color-mix(in srgb,#ffd8c6 26%,transparent),transparent 28rem),radial-gradient(circle at 92% 22%,color-mix(in srgb,#cbd9ff 28%,transparent),transparent 30rem),var(--bg)}
.shop-header{padding-top:34px;padding-bottom:22px}.shop-header h1{max-width:760px;font-size:clamp(36px,5vw,58px)}.shop-header>p:last-child{max-width:680px;font-size:17px}
.shop-market{padding-bottom:80px}.shop-studio{position:relative;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.72fr);min-height:440px;overflow:hidden;scroll-margin-top:92px;border:1px solid color-mix(in srgb,var(--accent) 20%,var(--border));border-radius:34px;background:color-mix(in srgb,var(--surface) 93%,transparent);box-shadow:0 26px 80px rgb(47 55 84/14%)}
.shop-stage-wrap{position:relative;display:grid;min-height:440px;place-items:center;overflow:hidden;padding:32px;background:radial-gradient(circle at 15% 18%,rgb(255 255 255/78%) 0 5%,transparent 19%),radial-gradient(circle at 86% 12%,color-mix(in srgb,#fbc4dc 60%,transparent),transparent 29%),linear-gradient(145deg,color-mix(in srgb,#dcecff 72%,var(--surface)),color-mix(in srgb,#ffe4c9 64%,var(--surface)))}
.shop-stage-wrap:before,.shop-stage-wrap:after{position:absolute;content:'';border-radius:999px;filter:blur(1px);opacity:.72}.shop-stage-wrap:before{width:190px;height:190px;right:-64px;bottom:-72px;background:color-mix(in srgb,#f4a9c6 54%,transparent)}.shop-stage-wrap:after{width:120px;height:120px;top:-52px;left:24%;background:color-mix(in srgb,#91c9c1 45%,transparent)}
.shop-stage-scene{position:relative;z-index:2;width:min(100%,610px)}.shop-stage-scene>.popup-home{width:100%;filter:drop-shadow(0 22px 24px rgb(42 46 70/18%))}.shop-stage-scene>.catalog-art{display:block;width:260px;height:260px;margin:auto;filter:drop-shadow(0 18px 18px rgb(42 46 70/18%))}
.shop-stage-spark{position:absolute;z-index:3;color:#fff;text-shadow:0 3px 12px rgb(46 53 85/24%);pointer-events:none;animation:shop-sparkle 3.4s ease-in-out infinite}.shop-stage-spark-one{top:13%;left:9%;font-size:30px}.shop-stage-spark-two{right:9%;bottom:15%;font-size:52px;animation-delay:-1.7s}
.shop-stage-panel{position:relative;z-index:4;display:flex;min-width:0;flex-direction:column;justify-content:center;padding:36px}.shop-stage-panel h2{margin:8px 0 10px;font-size:clamp(25px,3vw,38px);line-height:1.08;letter-spacing:-.03em}.shop-stage-copy{min-height:4.8em;margin:0;color:var(--muted);font-size:14px;line-height:1.6}.shop-studio.is-draft .shop-stage-panel h2{color:color-mix(in srgb,var(--accent) 74%,var(--text))}
.shop-stage-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:0}.shop-studio.is-draft .shop-stage-actions{margin-top:20px}.shop-stage-actions .button{min-height:42px}.shop-stage-actions .button[hidden]{display:none}.shop-stage-panel>[data-shop-stage-status]{min-height:1.5em;margin:10px 0 0}.shop-stage-panel>[data-shop-stage-status]:empty{display:none}
.shop-stage-panel .shop-economy-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:none;margin:24px 0 0;padding:18px 0 0;border-top:1px solid var(--border)}.shop-stage-panel .shop-economy-summary>div{min-height:0;padding:10px 12px;border:1px solid var(--border);border-radius:13px;background:color-mix(in srgb,var(--surface-muted) 65%,transparent)}.shop-stage-panel .shop-economy-summary>div:first-child{padding-left:12px;border-left:1px solid var(--border)}.shop-stage-panel .shop-economy-summary strong{min-height:2.8em;font-size:13px;line-height:1.4}.shop-stage-panel .shop-economy-note{grid-column:1/-1;padding:0;font-size:12px}.shop-stage-panel .shop-economy-note .text-link{font-size:12px}
.shop-sections{position:relative;display:grid;width:100%;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:28px 0 18px;padding:6px;border:1px solid color-mix(in srgb,var(--border) 76%,transparent);border-radius:18px;background:color-mix(in srgb,var(--surface-muted) 78%,transparent)}.shop-sections button{min-height:48px;padding:9px 16px;border:0;border-radius:13px;background:transparent;color:var(--muted);font-size:14px}.shop-sections button[aria-selected=true]{background:var(--surface);color:var(--text);box-shadow:0 6px 18px rgb(36 43 64/10%)}
.shop-pet-panel{padding:20px 22px;border-radius:22px;background:color-mix(in srgb,var(--surface) 88%,transparent)}.shop-appearance-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:18px;padding:5px;border:1px solid var(--border);border-radius:16px;background:color-mix(in srgb,var(--surface-muted) 72%,transparent)}.shop-appearance-filters button{min-width:0;min-height:42px;padding:8px 12px;border:0;border-radius:11px;background:transparent;color:var(--muted);font:700 14px/1.2 inherit;cursor:pointer}.shop-appearance-filters button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:0 5px 15px rgb(36 43 64/10%)}.shop-panel-heading{margin-bottom:10px}.shop-characters{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;overflow:visible}.shop-characters button{min-width:0;min-height:0;flex-basis:auto;gap:6px;padding:9px 6px;border-radius:15px}.shop-pet-art{width:68px;height:68px}.shop-pet-art .catalog-art{width:66px;height:66px}.shop-pet-check{top:5px;right:7px}
.shop-filter-panel{padding:14px 2px 8px}.shop-market .shop-tools{padding:4px 0 8px}.shop-view-filters{padding-bottom:4px}.shop-products{padding-top:16px}.shop-products>h2{font-size:24px}.shop-market-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.shop-market-grid .market-card{border-radius:18px;background:color-mix(in srgb,var(--surface) 94%,transparent)}.shop-market-grid .shop-card-art{min-height:150px}.shop-market-grid .shop-card-art .catalog-art{width:116px;height:116px}.shop-market-grid .shop-card h2{min-height:0}.shop-market-grid .shop-item-use{display:none}.shop-market-grid .card-actions{display:grid;min-height:40px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:12px}.shop-market-grid .card-actions>.button{width:auto;min-width:0}.shop-market-grid .card-actions>.wishlist-button{width:30px}.shop-card[data-section=home] .shop-card-art{min-height:145px;padding:8px 5px}.shop-card[data-section=home] .shop-character-art{height:auto}
/* The lower preview is deliberately fixed at 28 CSS pixels, just like the
   normal video marker. Only the separate detail drawing is enlarged. */
.timeline-marker-card-art,.timeline-marker-studio{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;overflow:hidden;background:radial-gradient(ellipse at 50% 15%,color-mix(in srgb,var(--accent) 9%,var(--surface)),var(--surface-muted));color:var(--text)}
button.timeline-marker-card-art{width:100%;min-height:176px;padding:20px 12px 12px;border:0;border-radius:0;cursor:pointer;font:inherit}
button.timeline-marker-card-art:focus-visible{outline:3px solid var(--accent);outline-offset:-4px}
.timeline-marker-detail{display:grid;place-items:center;height:68px;filter:drop-shadow(0 5px 3px rgb(38 43 67/14%));transition:transform .16s ease}
.timeline-marker-card-art:hover .timeline-marker-detail{transform:translateY(-2px)}
.timeline-marker-real-preview{position:relative;display:grid;place-items:center;width:100%;height:36px;flex:none;border-radius:9px;background:#242535}
.timeline-marker-track{position:absolute;right:10px;left:10px;top:calc(50% - 2px);height:4px;border-radius:999px;background:#737382}
.timeline-marker-track::before{content:"";position:absolute;inset:0 50% 0 0;background:#f28091;border-radius:inherit}
.timeline-marker-real-preview .timeline-marker-actual{position:relative;z-index:1;display:block;width:28px;height:28px;min-width:28px;max-width:none;flex:none;filter:drop-shadow(0 1px 1px rgb(0 0 0/30%))}
.timeline-marker-size-label{font-size:11px;line-height:1.4;color:var(--muted);text-align:center}
.timeline-marker-card .shop-item-use{display:block;min-height:2.8em}
.timeline-marker-card .timeline-marker-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
.timeline-marker-card [data-apply-marker][aria-pressed=true]{outline:2px solid color-mix(in srgb,var(--accent) 60%,transparent);outline-offset:2px}
.timeline-marker-studio{box-sizing:border-box;width:min(100%,520px);height:260px;padding:24px;gap:14px;margin:auto;border-radius:24px}
.timeline-marker-studio-detail{filter:drop-shadow(0 7px 5px rgb(38 43 67/14%))}
.timeline-marker-studio .timeline-marker-real-preview{height:48px}
.timeline-marker-detail:has([data-marker-finish="flat"]),.timeline-marker-studio-detail:has([data-marker-finish="flat"]),.timeline-marker-real-preview [data-marker-finish="flat"]{filter:none}
@media(prefers-reduced-motion:reduce){.timeline-marker-detail{transition:none}.timeline-marker-card-art:hover .timeline-marker-detail{transform:none}}

@keyframes shop-sparkle{0%,100%{opacity:.46;transform:translateY(0) scale(.9)}50%{opacity:1;transform:translateY(-7px) scale(1.08)}}
@media(max-width:960px){.shop-studio{grid-template-columns:minmax(0,1.25fr) minmax(250px,.75fr)}.shop-stage-wrap{min-height:390px;padding:24px}.shop-stage-panel{padding:26px}.shop-characters{grid-template-columns:repeat(4,minmax(0,1fr))}.shop-market-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.shop-header{padding-top:24px;padding-bottom:18px}.shop-header>p:last-child{font-size:15px}.shop-market{padding-right:16px;padding-left:16px}.shop-studio{grid-template-columns:1fr;border-radius:25px}.shop-stage-wrap{min-height:310px;padding:18px}.shop-stage-scene{width:min(100%,480px)}.shop-stage-panel{padding:22px}.shop-stage-panel h2{font-size:27px}.shop-stage-copy{min-height:0}.shop-stage-panel .shop-economy-summary{grid-template-columns:1fr 1fr;padding:14px 0 0}.shop-sections{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:20px}.shop-sections button{min-height:44px;padding:8px 6px;font-size:13px}.shop-pet-panel{padding:14px}.shop-appearance-filters button{padding:8px 5px;font-size:12px}.shop-characters{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 8px;scroll-snap-type:x proximity}.shop-characters button{flex:0 0 92px;scroll-snap-align:start}.shop-pet-art{width:62px;height:62px}.shop-pet-art .catalog-art{width:60px;height:60px}.shop-market .shop-tools{align-items:stretch;flex-wrap:wrap}.shop-search{width:100%}.shop-market .filter-count{margin-left:0}.shop-market-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.shop-market-grid .shop-card-art{min-height:132px}.shop-products .shop-card-art .catalog-art{width:96px;height:96px}.shop-card[data-section=home] .shop-card-art{min-height:132px;padding:8px 3px}.shop-market-grid .card-actions{grid-template-columns:1fr}.shop-market-grid .timeline-marker-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-market-grid .card-actions>.button{font-size:11px}.timeline-marker-studio{height:230px}.shop-stage-spark-two{font-size:38px}}
@media(max-width:420px){.shop-stage-wrap{min-height:270px}.shop-stage-panel{padding:18px}.shop-stage-actions .button{width:100%}.shop-stage-panel .shop-economy-summary strong{font-size:12px}.shop-price-filters{width:100%}.shop-price-filters button{flex:1}.shop-products>h2{font-size:21px}.shop-market-grid .shop-card-body{padding-top:9px}.shop-market-grid .shop-card-price{font-size:12px}.timeline-marker-card .shop-item-use{min-height:3.8em}.timeline-marker-card .timeline-marker-actions{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.shop-stage-spark{animation:none}}
/* Decor thumbnails keep the pet inside the scene's proportional safe area. */
.shop-card .shop-home-art .home-pet-preview .catalog-art{width:100%;height:100%;transform:none}

.player-skin-stage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;padding:12px;border:1px solid var(--ps-border);border-radius:calc(var(--ps-radius) + 6px);background:var(--ps-bg);box-shadow:var(--ps-shadow)}
.player-skin-panel{position:relative;min-width:0;height:238px;overflow:hidden;border:1px solid color-mix(in srgb,var(--ps-border) 72%,transparent);border-radius:var(--ps-radius);background:var(--ps-bg);color:var(--ps-text)}
.player-skin-video{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 72% 22%,color-mix(in srgb,var(--ps-accent) 32%,transparent),transparent 32%),linear-gradient(145deg,color-mix(in srgb,var(--ps-bg) 72%,#111),color-mix(in srgb,var(--ps-panel-2) 84%,#101218));color:var(--ps-muted);font:700 13px/1 var(--ps-font);letter-spacing:.08em;text-transform:uppercase}
.player-skin-panel .ytfp-title{position:absolute;z-index:2;top:10px;left:10px;max-width:calc(100% - 20px);padding:6px 9px;font-size:11px}
.player-skin-panel .ytfp-progress-wrap{position:absolute;z-index:2;top:50px;right:10px;bottom:auto;left:10px}
.player-skin-panel .ytfp-progress{height:10px;overflow:hidden}
.player-skin-panel .ytfp-progress-fill{display:block;width:62%;height:100%}
.player-skin-panel .ytfp-bottom{position:absolute;z-index:3;right:10px;bottom:10px;left:10px;display:grid;gap:5px;padding:7px}
.player-skin-panel .ytfp-row{display:flex;min-width:0;align-items:center;gap:4px}.player-skin-panel .ytfp-row--main .ytfp-time{margin-left:auto;color:var(--ps-muted);font-size:9px;white-space:nowrap}.player-skin-panel .ytfp-row--tools{justify-content:flex-end}.player-skin-panel .ytfp-volume{display:flex;min-width:0;flex:1;align-items:center;gap:5px;color:var(--ps-muted);font-size:8px;font-weight:700}.player-skin-panel .ytfp-volume input{min-width:36px;width:100%;margin:0}
.player-skin-panel .ytfp-btn{display:inline-grid;min-width:32px;min-height:30px;place-items:center;padding:5px 8px;font-size:11px;line-height:1}
.player-skin-panel .ytfp-speed{display:flex}.player-skin-panel .ytfp-more{position:relative}.player-skin-panel .ytfp-more>summary{list-style:none}.player-skin-panel .ytfp-more>summary::-webkit-details-marker{display:none}
.player-skin-panel .ytfp-more-panel{position:absolute;right:0;bottom:calc(100% + 6px);width:130px;padding:8px;font-size:10px}.player-skin-panel .ytfp-more-panel label{display:grid;gap:5px}.player-skin-panel .ytfp-more-panel input{width:100%}
.player-skin-stage[data-player-skin=classic] :is(.ytfp-bottom,.ytfp-title,.ytfp-more-panel){backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.player-skin-stage[data-progress-style=classic]{--cpp-progress-fill:var(--ps-accent,#f03);--cpp-progress-size:auto;--cpp-progress-head:var(--ps-accent,#f36);--cpp-progress-glow:0 0 4px var(--ps-accent,#f03),0 0 10px var(--ps-accent,#f03);--cpp-progress-duration:12s}
.player-skin-stage--card{display:block;padding:6px}.player-skin-stage--card .player-skin-panel{height:130px}.player-skin-stage--card .ytfp-title{top:6px;left:6px;padding:4px 6px}.player-skin-stage--card .ytfp-progress-wrap{top:38px;right:6px;bottom:auto;left:6px}.player-skin-stage--card .ytfp-bottom{right:6px;bottom:6px;left:6px;gap:2px;padding:3px 4px}.player-skin-stage--card .ytfp-row{gap:2px}.player-skin-stage--card .ytfp-btn{min-width:21px;min-height:20px;padding:2px 4px;font-size:8px}.player-skin-stage--card .ytfp-time{font-size:7px}.player-skin-stage--card .ytfp-volume{font-size:0}.player-skin-stage--card .ytfp-volume input{min-width:25px}.player-skin-stage--card .ytfp-more-panel{display:none}
.progress-style-card{position:relative;display:flex;width:100%;min-height:130px;align-items:center;padding:26px 18px;overflow:hidden;border:1px solid rgb(255 255 255/10%);border-radius:16px;background:radial-gradient(circle at 50% 46%,rgb(87 96 128/28%),transparent 58%),linear-gradient(145deg,#171a24,#0e1017);box-shadow:inset 0 1px rgb(255 255 255/6%);pointer-events:none}
.progress-style-card[data-progress-style=classic]{--cpp-progress-fill:#f03;--cpp-progress-size:auto;--cpp-progress-head:#f36;--cpp-progress-glow:0 0 4px #f03,0 0 10px #ff003388;--cpp-progress-duration:12s}
.progress-style-card-track{position:relative;width:100%;height:20px;padding:3px;border:1px solid rgb(255 255 255/14%);border-radius:999px;background:#252936;box-shadow:inset 0 2px 5px rgb(0 0 0/55%)}
.progress-style-card-track::after{position:absolute;z-index:0;inset:3px 25% 3px 50%;border-right:1px solid rgb(255 255 255/18%);border-left:1px solid rgb(255 255 255/18%);content:""}
.progress-style-card .ytfp-progress-fill{position:relative;z-index:1;display:block;width:68%;height:100%;border-radius:999px}
.progress-style-card-head{position:absolute;z-index:2;top:50%;left:68%;width:14px;height:14px;border:2px solid #fff;border-radius:50%;background:var(--cpp-progress-head);box-shadow:var(--cpp-progress-glow);transform:translate(-50%,-50%)}
.player-skin-pip-stage--progress{display:grid!important;grid-template-columns:1fr!important;gap:6px}
.player-skin-bundle-progress{width:100%;padding:5px 7px;border:1px solid rgb(255 255 255/12%);border-radius:12px;background:linear-gradient(145deg,#171a24,#0e1017);box-shadow:inset 0 1px rgb(255 255 255/6%);pointer-events:none}
.player-skin-bundle-progress .progress-style-card-track{height:16px;padding:2px}
.player-skin-bundle-progress .ytfp-progress-fill{position:relative;z-index:1;display:block;width:68%;height:100%;border-radius:999px}
.player-skin-bundle-progress .progress-style-card-head{width:12px;height:12px}
.player-skin-stage--card.player-skin-pip-stage--progress{gap:4px;padding:0}
.player-skin-stage--card .player-skin-bundle-progress{padding:3px 5px;border-radius:9px}
.player-skin-stage--card .player-skin-bundle-progress .progress-style-card-track{height:12px;padding:2px}
.player-skin-stage--card .player-skin-bundle-progress .progress-style-card-head{width:9px;height:9px;border-width:1px}
.shop-stage-scene>.player-skin-stage{filter:drop-shadow(0 18px 18px rgb(42 46 70/18%))}.shop-card:is([data-section=player-skins],[data-section=progress-bars]) .shop-card-art{min-height:150px;padding:7px;background:color-mix(in srgb,var(--surface-muted) 70%,var(--surface))}.shop-card:is([data-section=player-skins],[data-section=progress-bars]) .shop-character-art{display:block;width:100%}.shop-card:is([data-section=player-skins],[data-section=progress-bars]) .player-skin-stage{pointer-events:none}.product-art>.player-skin-stage{width:min(100%,680px)}
.shop-sections{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));width:100%}.shop-sections button{min-width:0}
@media(max-width:620px){.shop-sections{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-sections button:last-child:nth-child(odd){grid-column:1/-1}}
@media(max-width:720px){.player-skin-stage:not(.player-skin-stage--card){grid-template-columns:1fr}.player-skin-stage{gap:7px;padding:7px}.player-skin-panel{height:202px}.player-skin-panel .ytfp-title{top:7px;left:7px}.player-skin-panel .ytfp-progress-wrap{right:7px;left:7px}.player-skin-panel .ytfp-bottom{right:7px;bottom:7px;left:7px;padding:6px}.player-skin-panel .ytfp-btn{min-width:27px;padding:4px 6px}.shop-card[data-section=player-skins] .shop-card-art{min-height:132px;padding:4px}.player-skin-stage--card .player-skin-panel{height:122px}.player-skin-stage--card .ytfp-progress-wrap{top:38px;bottom:auto}}
@media(max-width:420px){.player-skin-panel{height:190px}.player-skin-panel .ytfp-title{font-size:9px}.player-skin-panel .ytfp-bottom{gap:4px}.player-skin-panel .ytfp-btn{min-width:24px;padding:3px 5px;font-size:9px}.player-skin-panel .ytfp-time{font-size:8px}.player-skin-stage--card .player-skin-panel{height:122px}}

/* Arcade set combines both pets, the popup frame, player controls, and progress. */
.shop-card[data-section=sets]{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,2fr) minmax(230px,.72fr);gap:0 18px;padding:14px}.shop-card[data-section=sets] .shop-card-art{grid-row:1/7;min-height:300px;padding:12px;background:linear-gradient(145deg,color-mix(in srgb,#1c2350 92%,var(--surface)),color-mix(in srgb,#762778 72%,var(--surface)))}.shop-card[data-section=sets] .shop-card-body{align-self:end}.shop-card[data-section=sets] .card-actions{align-self:start;grid-template-columns:1fr}.shop-card[data-section=sets] .wishlist-button{top:18px;right:18px}.shop-card[data-section=sets] .shop-item-use{display:block;min-height:0;margin-bottom:5px}.bundle-card-components{display:grid;grid-template-columns:repeat(auto-fit,minmax(58px,1fr));gap:6px;max-width:220px;margin:0 0 9px;padding:0;list-style:none}.bundle-card-component{display:flex;min-width:0;min-height:62px;aspect-ratio:1;flex-direction:column;align-items:center;justify-content:center;padding:5px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border));border-radius:10px;background:color-mix(in srgb,var(--accent-soft) 52%,var(--surface));text-align:center}.bundle-card-component span{max-width:100%;color:var(--muted);font-size:9px;font-weight:750;line-height:1.1;overflow-wrap:anywhere;text-transform:uppercase}.bundle-card-component[data-bundle-component=background] span{font-size:8px;letter-spacing:-.03em;overflow-wrap:normal}.bundle-card-component strong{margin-top:3px;font-size:9px;line-height:1.15;overflow-wrap:anywhere}.bundle-card-components[data-component-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr));max-width:164px}
.arcade-bundle-preview{display:grid;min-width:0;grid-template-columns:minmax(150px,.72fr) minmax(0,1.28fr);gap:12px;align-items:center;width:100%}.arcade-bundle-pet-preview,.arcade-bundle-player-preview{min-width:0}.arcade-bundle-home[hidden]{display:none}.arcade-bundle-home>.shop-home-art{width:100%}.arcade-bundle-home>span{display:block;margin-top:5px;color:var(--muted);font-size:11px;font-weight:700;text-align:center}.arcade-bundle-pet-switch{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:7px}.arcade-bundle-pet-switch button{min-height:30px;padding:5px 8px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text);font:inherit;font-size:11px;font-weight:700;line-height:1;cursor:pointer}.arcade-bundle-pet-switch button[aria-pressed=true]{border-color:var(--ps-accent,var(--accent));background:color-mix(in srgb,var(--ps-accent,var(--accent)) 16%,var(--surface))}.arcade-bundle-player-preview .player-skin-stage{width:100%}.arcade-bundle-components{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin:0;padding:0;list-style:none}.arcade-bundle-components li{min-width:0;padding:6px;border:1px solid color-mix(in srgb,var(--ps-accent,var(--accent)) 32%,var(--border));border-radius:8px;background:color-mix(in srgb,var(--surface) 88%,transparent);color:var(--text);font-size:9px;font-weight:700;overflow-wrap:anywhere;text-align:center}
.arcade-bundle-preview--card .arcade-bundle-player-preview .player-skin-panel{height:130px}.arcade-bundle-preview--card .arcade-bundle-player-preview .player-skin-stage{display:block;padding:6px}.arcade-bundle-preview--card .arcade-bundle-player-preview .player-skin-panel+ .player-skin-panel{display:none}.arcade-bundle-preview--studio{grid-template-columns:minmax(180px,.75fr) minmax(0,1.25fr)}.shop-stage-scene>.arcade-bundle-preview{filter:drop-shadow(0 16px 18px rgb(26 20 63/18%))}
@media(max-width:720px){.shop-card[data-section=sets]{grid-template-columns:1fr}.shop-card[data-section=sets] .shop-card-art{grid-row:auto;min-height:0}.arcade-bundle-preview{grid-template-columns:minmax(112px,.72fr) minmax(0,1.28fr)}.arcade-bundle-preview--studio{grid-template-columns:1fr}.arcade-bundle-preview--studio .arcade-bundle-pet-preview{width:min(230px,70%);margin:auto}.arcade-bundle-components{grid-template-columns:repeat(2,minmax(0,1fr))}.arcade-bundle-components li:last-child:nth-child(odd){grid-column:1/-1}.shop-card[data-section=sets] .shop-card-body{padding-top:12px}.bundle-card-components{grid-template-columns:repeat(auto-fit,minmax(64px,1fr));max-width:none}.bundle-card-components[data-component-count="4"]{grid-template-columns:repeat(4,minmax(0,1fr));max-width:none}}
@media(max-width:420px){.arcade-bundle-preview--card{grid-template-columns:1fr}.arcade-bundle-preview--card .arcade-bundle-pet-preview{width:min(200px,75%);margin:auto}.shop-card[data-section=sets] .shop-card-art{padding:9px}}

.shop-card[data-item-id="bundle.pastel_kawaii"] .shop-card-art {background:radial-gradient(circle at 12% 15%,#d4e0ed 0 1px,transparent 2px),radial-gradient(circle at 84% 74%,#f2e7c7 0 1px,transparent 2px),radial-gradient(ellipse at 50% 0,#304667,#111c31 72%);}
.pastel-kawaii-bundle-preview {--ps-accent:#b7d2ef;color:#e2eaf6;}
.pastel-kawaii-bundle-preview .arcade-bundle-home>span {color:#cbd9eb;}
.pastel-kawaii-bundle-preview .arcade-bundle-pet-switch button {color:#c8d6ea;background:#17253d;border-color:#4d6687;}
.pastel-kawaii-bundle-preview .arcade-bundle-pet-switch button[aria-pressed=true] {color:#f5f0df;background:#354e70;border-color:#b7cce1;}
.pastel-kawaii-bundle-preview .arcade-bundle-components li {background:#17253d;border-color:#4d6687;color:#edf1f8;}
.pastel-kawaii-bundle-preview .arcade-bundle-components li span {color:#b4c4da;}
.shop-stage-scene>.pastel-kawaii-bundle-preview {padding:18px;border-radius:24px;background:radial-gradient(ellipse at 50% 0,#304667,#111c31 72%);}


/* The Royal collection uses the same frame and player materials as runtime. */
.shop-card.royal-bundle-card{border-color:#b4924d;box-shadow:0 10px 30px rgb(82 57 17/12%)}
.shop-card.royal-bundle-card .shop-card-art{background:radial-gradient(ellipse at 40% 0%,#43351f,transparent 75%),#171a20;border:1px solid #8b713d;border-radius:18px;box-shadow:inset 0 0 0 3px #171a20,inset 0 0 0 4px #5b4b2f}
.royal-collection-label{margin:0 0 8px;color:#816327;font-size:11px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}
[data-theme=dark] .royal-collection-label{color:#e8c879}
.royal-bundle-preview .arcade-bundle-home>span{color:#efdbab}
.royal-bundle-preview .arcade-bundle-components{grid-template-columns:repeat(auto-fit,minmax(84px,1fr))}
.royal-bundle-preview .arcade-bundle-components li{color:#4d3b20;background:#f8efdc;border:1px solid #c7a96b}
.royal-bundle-preview.arcade-bundle-preview--studio{background:#171a20;border:1px solid #b4924d;border-radius:20px;padding:16px}
.royal-bundle-preview .player-skin-stage{background:transparent}
@media(max-width:720px){.royal-bundle-preview .arcade-bundle-components{grid-template-columns:repeat(2,minmax(0,1fr))}.royal-bundle-preview.arcade-bundle-preview--studio{padding:10px}}

.royal-bundle-preview .player-skin-stage{grid-template-columns:1fr}
.royal-bundle-preview .player-skin-panel+.player-skin-panel{display:none}
.shop-studio[data-bundle-id="bundle.royal"]{border-color:#b4924d}
.shop-studio[data-bundle-id="bundle.royal"] .shop-stage-wrap{background:radial-gradient(ellipse at 35% 30%,#6a5333,#241921 75%)}
.shop-studio[data-bundle-id="bundle.royal"] .shop-stage-wrap:before,.shop-studio[data-bundle-id="bundle.royal"] .shop-stage-wrap:after{display:none}
.shop-studio[data-bundle-id="bundle.royal"] .shop-stage-spark{color:#e8c879;animation:none}
.shop-studio[data-bundle-id="bundle.royal"] .shop-stage-panel h2,.shop-studio[data-bundle-id="bundle.royal"] .shop-stage-panel>.eyebrow{color:#775720}
[data-theme=dark] .shop-studio[data-bundle-id="bundle.royal"] .shop-stage-panel h2,[data-theme=dark] .shop-studio[data-bundle-id="bundle.royal"] .shop-stage-panel>.eyebrow{color:#e8c879}
.royal-bundle-preview.arcade-bundle-preview--card .player-skin-panel{height:200px}
.royal-bundle-card .button.primary,.shop-studio[data-bundle-id="bundle.royal"] .button.primary{color:#2b1b12;border-color:#ad8641;background:linear-gradient(135deg,#f3dfa6,#d2ad61);box-shadow:inset 0 1px 0 #fff4cf}
.royal-bundle-card .button.primary:hover,.shop-studio[data-bundle-id="bundle.royal"] .button.primary:hover{background:#f4dda0}
.shop-studio[data-bundle-id="bundle.royal"] .button.primary:disabled{color:var(--muted);background:var(--surface-muted);border-color:var(--border);box-shadow:none}
.royal-bundle-preview.arcade-bundle-preview--card .player-skin-video>span{align-self:start;margin-top:70px}

/* Account missions use only server-confirmed reward state. */
.missions-dashboard{display:grid;gap:18px}.mission-wallet,.mission-panel{padding:22px;border:1px solid var(--border);border-radius:18px;background:var(--surface)}.mission-wallet{display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(135deg,var(--accent-soft),var(--surface) 72%)}.mission-wallet h2,.mission-panel h2{margin:5px 0 6px;font-size:clamp(24px,3vw,32px);line-height:1.15}.mission-wallet p,.mission-panel>p,.mission-task p,.mission-share-preview p{margin:0;color:var(--muted)}.mission-earned{display:grid;flex:0 0 auto;gap:2px;min-width:180px;padding:14px 18px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--border));border-radius:14px;background:color-mix(in srgb,var(--surface) 84%,transparent)}.mission-earned span{color:var(--muted);font-size:12px}.mission-earned strong{font-size:24px}.mission-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.mission-coins{flex:none;color:var(--accent);font-size:17px}.mission-status{display:inline-flex;width:max-content;max-width:100%;align-items:center;padding:5px 9px;border:1px solid var(--border);border-radius:999px;font-size:12px;font-weight:750;line-height:1.3}.mission-status.granted{border-color:color-mix(in srgb,#278754 42%,var(--border));background:color-mix(in srgb,#3c9a5f 12%,var(--surface));color:color-mix(in srgb,#197044 88%,var(--text))}.mission-status.waiting{background:var(--surface-muted);color:var(--muted)}.mission-panel>p+.mission-status{margin-top:16px}.mission-list{display:grid;gap:10px;margin:20px 0;padding:0;list-style:none}.mission-task{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:4px 12px;padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--surface-muted)}.mission-task.is-done{background:color-mix(in srgb,#3c9a5f 8%,var(--surface))}.mission-check{grid-row:1/3;align-self:start;color:var(--accent);font-size:20px;font-weight:850;line-height:1.35}.mission-task>div{min-width:0}.mission-task p{font-size:13px}.mission-task>.button,.mission-setting{grid-column:2/-1;justify-self:start;margin-top:8px}.mission-setting{display:flex;flex-wrap:wrap;gap:8px}.mission-setting select,.mission-share-copy textarea{width:100%;min-height:40px;padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text)}.mission-calendar-start{margin-top:16px!important}.mission-calendar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}.calendar-reward{padding:16px;border:1px solid var(--border);border-radius:14px;background:var(--surface-muted)}.calendar-reward.due{border-color:var(--accent);background:var(--accent-soft)}.calendar-reward.granted{border-color:color-mix(in srgb,#278754 42%,var(--border));background:color-mix(in srgb,#3c9a5f 10%,var(--surface))}.calendar-reward>strong{display:inline-block;margin:5px 4px 0 0;font-size:30px}.calendar-reward>p:last-child{margin-top:8px;color:var(--text);font-size:13px;font-weight:700}.mission-empty{margin-top:16px;padding:16px;border:1px dashed var(--border);border-radius:14px;background:var(--surface-muted)}.mission-empty p{margin:4px 0 0;color:var(--muted)}.mission-share-copy{display:grid;gap:7px;margin-top:18px;color:var(--muted);font-size:13px;font-weight:750}.mission-share-copy textarea{min-height:112px;resize:vertical;color:var(--text);font-weight:400}.mission-share-preview{display:grid;grid-template-columns:180px minmax(0,1fr);align-items:center;gap:18px;margin-top:16px;padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--surface-muted)}.mission-share-preview img{display:block;width:100%;border-radius:10px}.mission-share-preview .button{margin-top:12px}.mission-share-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.mission-live{min-height:1.5em;margin:0;padding-inline:4px}.mission-live[role=alert]{color:var(--danger)}
@media(max-width:720px){.account-state{padding:18px}.mission-wallet{align-items:stretch;flex-direction:column}.mission-earned{min-width:0}.mission-share-preview{grid-template-columns:140px minmax(0,1fr)}}
@media(max-width:440px){.account-state{padding:12px}.missions-dashboard{gap:12px}.mission-wallet,.mission-panel{padding:16px}.mission-heading{display:grid;gap:6px}.mission-task{grid-template-columns:auto minmax(0,1fr)}.mission-task>.mission-status{grid-column:2}.mission-task>.button,.mission-setting{grid-column:1/-1;width:100%}.mission-setting>*{flex:1 1 100%}.mission-calendar{grid-template-columns:1fr}.mission-share-preview{grid-template-columns:1fr}.mission-share-preview img{width:100%;max-width:280px;margin:auto}.mission-share-actions{display:grid}.mission-share-actions .button{width:100%}}
.weekly-reward-progress{display:flex;min-width:0;align-items:center;gap:12px;margin:16px 0 12px}.weekly-reward-progress progress{width:min(100%,340px);min-width:0;height:10px;accent-color:var(--accent)}.weekly-reward-progress strong{flex:none;white-space:nowrap;font-size:13px}.mission-weekly>.mission-status{margin-top:0}.weekly-reward-reset{font-weight:700}

/* Recovery actions remain within their status, including narrow shop cards. */
.feedback-action{margin-block-start:8px;max-width:100%;white-space:normal;line-height:1.4;font-size:12px;min-height:36px}
.feedback-action:focus-visible{outline:2px solid currentColor;outline-offset:3px}

/* PiP thumbnails scale one complete panel, including its skin decorations. */
.player-skin-stage.player-skin-pip-stage{display:block;container-type:inline-size;padding:0;border:0;border-radius:0;background:none;box-shadow:none;pointer-events:none}
.player-skin-pip{position:relative;width:100%;aspect-ratio:360/116}
.player-skin-pip .ytfp-bottom{position:absolute;inset:8px auto auto 8px;display:grid;gap:5px;width:344px;padding:9px 10px;zoom:calc(100cqw / 360px);font:700 13px/1 var(--ps-font)}
.player-skin-pip .ytfp-btn{display:grid;flex:none;place-items:center;min-width:0;min-height:0;width:32px;height:32px;padding:4px;font-size:13px;line-height:1}
.player-skin-pip svg{display:block;flex:none;width:18px;height:18px}
.pip-preview-nav,.pip-preview-playback,.pip-preview-tools,.player-skin-pip .ytfp-volume,.player-skin-pip .ytfp-speed{display:flex;align-items:center;gap:3px;min-width:0}
.pip-preview-nav{justify-content:space-between}
.player-skin-pip .pip-preview-drag{width:27px;height:24px}
.pip-preview-playback .pip-preview-pause{width:40px;height:40px}
.pip-preview-pause svg{width:26px;height:26px}
.player-skin-pip .pip-preview-pin{width:24px;height:24px;border-radius:50%;margin-left:5px}
.pip-preview-tools{justify-content:space-between;gap:7px}
.player-skin-pip .ytfp-volume{gap:6px;flex:1;color:var(--ps-text);font-size:13px}
.player-skin-pip .ytfp-volume span{width:34px;text-align:right}
.player-skin-pip .ytfp-speed{gap:6px}
.player-skin-pip input[type=range]{appearance:none;display:block;width:64px;height:14px;margin:0;background:transparent;font:inherit}
.player-skin-pip input.ytfp-preview-fill--30{--ytfp-fill:30%}
.player-skin-pip input.ytfp-preview-fill--third{--ytfp-fill:33.33333333333333%}
.player-skin-pip input[type=range]::-webkit-slider-runnable-track{height:4px}
.player-skin-pip input[type=range]::-webkit-slider-thumb{appearance:none;width:12px;height:12px;margin-top:-5px;border-radius:50%}
.player-skin-pip input[type=range]::-moz-range-track{height:4px;border:1px solid var(--ps-border);border-radius:999px;background:var(--ps-panel-2)}
.player-skin-pip input[type=range]::-moz-range-thumb{width:10px;height:10px;border:1px solid var(--ps-border);border-radius:50%;background:var(--ps-button-hover)}
.shop-card[data-section=player-skins] .shop-card-art{min-height:150px;padding:8px;background:radial-gradient(ellipse at 50% 60%,#34394f,#181b28)}
.shop-stage-scene>.player-skin-pip-stage{width:100%;max-width:680px;margin:auto}

/* Home: warm editorial landing, isolated from the shop and account. */
.home-landscape{display:none}
body[data-route=home]{--bg:#faf8f3;--accent:#285e4d;--accent-soft:#e5eee5;--highlight:#b9d7b4;--focus:#285e4d;--text:#263a32;--muted:#66736a;--border:#dedfd5}
html[data-theme=dark] body[data-route=home]{--bg:#141e1a;--surface:#1d2b24;--surface-muted:#293a30;--accent:#b5d8a9;--accent-soft:#2a3d2d;--highlight:#b5d8a9;--focus:#b5d8a9;--text:#f1f3e9;--muted:#b4c1b5;--border:#3a4a3e}
.home-landing{overflow:hidden;background:radial-gradient(ellipse at 85% 10%,#e4eac155,transparent 32%)}
.home-hero{min-height:700px;grid-template-columns:1.05fr 1fr;gap:48px;padding-top:88px;padding-bottom:84px}
.home-badge{display:inline-flex;align-items:center;gap:9px;padding:7px 12px;border:1px solid var(--border);border-radius:30px;font-size:11px;letter-spacing:.08em;background:var(--surface)}
.home-badge span{color:var(--accent);font-size:18px}
.home-hero h1{font-size:clamp(42px,4.9vw,66px);line-height:1.07;letter-spacing:-.055em;margin-top:24px;margin-bottom:24px}
.home-hero h1 span{display:block;color:var(--accent)}
.home-hero .lead{max-width:430px;font-size:18px;line-height:1.7}
.home-hero .action-row{gap:10px;margin-top:28px}
.home-landing .button{border-radius:14px}
.home-landing .button.primary{background:var(--accent);color:var(--bg);box-shadow:0 6px 16px #183c2520}
.home-landing .button.secondary{background:transparent;border:1px solid var(--border)}
.home-caption{font-size:12px;color:var(--muted);margin:18px 0 0}
.home-release{max-width:420px;font-size:11px;margin-top:12px;line-height:1.6}
.home-showcase{position:relative;min-width:0;padding:42px 4px 60px 14px}
.home-orbit{position:absolute;inset:-22px -30px 0;border:1px solid var(--border);border-radius:50%;transform:rotate(-20deg);pointer-events:none}
.home-orbit:after{content:'✦';position:absolute;right:30px;top:22px;font-size:40px;color:var(--accent)}
.home-brand-art{position:absolute;z-index:0;top:-12px;left:-18%;width:136%;height:auto;max-width:none;opacity:.22;pointer-events:none;mask-image:linear-gradient(to bottom,#000 35%,transparent 92%)}
.home-window-label{position:relative;margin:0 0 14px 12px;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.16em}
.home-window-label span{color:var(--accent);margin-right:7px}
.home-showcase .player-demo{position:relative;z-index:1;width:100%;aspect-ratio:1.35;border:7px solid #fff;border-radius:24px;transform:rotate(-3deg);box-shadow:0 28px 55px #243e2c29;background:#1b2b24}
.home-showcase .demo-top{height:42px;background:#1b2b24;padding:10px 14px;font-size:10px}
.home-showcase .demo-live{background:#344a3e;color:#e2e9df;border-radius:20px;padding:3px 9px;font-size:9px;letter-spacing:.12em}
.home-showcase .demo-scene{height:calc(100% - 92px);background:#dbe2c9;overflow:hidden;display:block}
.home-showcase .moon{display:none}
.home-showcase .home-landscape{display:block;position:absolute;inset:0;background:linear-gradient(170deg,#f2e8bf,#bfd3b6)}
.home-sun{position:absolute;width:75px;height:75px;right:21%;top:13%;border-radius:50%;background:#fff3ca;box-shadow:0 0 50px #fff4d366}
.home-hill{position:absolute;display:block;width:100%;height:95%;border-radius:50% 50% 0 0;bottom:-42%;transform:rotate(-18deg);background:#9bb79c;left:-20%}
.home-hill.hill-front{left:30%;bottom:-50%;transform:rotate(22deg);background:#668e79;width:100%}
.home-landscape>span{position:absolute;left:24px;top:24px;color:#344f3f;font-family:Georgia,serif;font-style:italic;font-size:27px;letter-spacing:-.04em}
.home-showcase .demo-pet{position:absolute;width:86px;height:auto;aspect-ratio:1;image-rendering:pixelated;bottom:6px;left:31%;z-index:2;filter:drop-shadow(0 6px 4px #22352440)}
.home-showcase .demo-pet .catalog-art,.home-showcase .demo-pet .catalog-sprite{display:block;width:100%;height:100%;inset:auto;transform:none}.home-showcase .demo-pet .catalog-sprite img,.home-showcase .demo-pet .catalog-sprite svg{width:100%;height:100%;display:block}.landing-pet-group{position:absolute;z-index:2;inset:4% 0 22%;pointer-events:none}.landing-pet{position:absolute;display:block;width:clamp(34px,7vw,74px);height:clamp(34px,7vw,74px);filter:drop-shadow(0 6px 4px #22352430);animation:landing-pet-float 4.8s ease-in-out infinite}.landing-pet .catalog-art,.landing-pet .catalog-sprite{display:block;width:100%;height:100%;inset:auto;transform:none}.landing-pet .catalog-sprite img,.landing-pet .catalog-sprite svg{display:block;width:100%;height:100%}.landing-pet-1{left:4%;top:18%;animation-delay:-.4s}.landing-pet-2{left:22%;top:4%;animation-delay:-2.1s}.landing-pet-3{left:43%;top:13%;animation-delay:-1.2s}.landing-pet-4{left:66%;top:2%;animation-delay:-3.2s}.landing-pet-5{left:82%;top:28%;animation-delay:-1.8s}.landing-pet-6{left:10%;top:56%;animation-delay:-3.7s}.landing-pet-7{left:31%;top:48%;animation-delay:-.8s}.landing-pet-8{left:54%;top:57%;animation-delay:-2.7s}.landing-pet-9{left:74%;top:52%;animation-delay:-4s}.landing-pet-10{left:46%;top:76%;animation-delay:-1.5s}.landing-pet-11{left:2%;top:78%;animation-delay:-2.4s}@keyframes landing-pet-float{50%{transform:translateY(-5px) rotate(2deg)}}
.home-showcase .demo-progress{height:4px;background:#63766a}
.home-showcase .demo-progress span{background:#d7eab5}
.home-showcase .demo-controls{height:46px;background:#1b2b24;font-size:10px;gap:12px}
.home-showcase .demo-controls button{width:29px;height:29px}
.home-floating-note{position:absolute;z-index:2;right:-8px;bottom:34px;display:flex;gap:12px;align-items:center;padding:16px 20px;border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:0 12px 24px #17352212;transform:rotate(3deg)}
.home-floating-note>span{display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);width:36px;height:36px;border-radius:10px;font-size:24px}
.home-floating-note strong,.home-floating-note div>span{display:block}
.home-floating-note strong{font-size:13px}.home-floating-note div>span{font-size:10px;color:var(--muted)}
.home-demo-note{position:relative;font-size:10px;color:var(--muted);margin:24px 0 0 12px}
.home-benefits{padding-top:32px;padding-bottom:72px}
.home-landing h2{font-size:clamp(28px,3vw,40px);letter-spacing:-.04em;line-height:1.15}
.home-benefits .section-heading{text-align:left;margin-bottom:28px}
.home-benefits .card-grid{gap:0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.home-benefits .feature-card{background:transparent;border:0;border-radius:0;box-shadow:none;padding:30px}
.home-benefits .feature-card:first-child{padding-left:0}
.home-benefits .feature-card+.feature-card{border-left:1px solid var(--border)}
.home-feature-number{font-family:Georgia,serif;font-size:24px;color:var(--accent)}
.home-benefits h3{font-size:19px;margin:18px 0 8px}.home-benefits p{font-size:14px}
.home-companions{padding-top:24px;padding-bottom:72px}
.home-section-top{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:28px}
.home-section-top h2{margin:8px 0 0}.home-section-top>p{max-width:330px;color:var(--muted);font-size:14px;margin:0}
.home-pets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.home-pet-card{position:relative;display:flex;flex-direction:column;align-items:center;padding:24px;border-radius:24px;text-decoration:none;color:#293c32;background:#e9eddf;transition:transform .2s,box-shadow .2s}
.home-pet-dog{background:#f1e3d3}.home-pet-penguin{background:#dde9ea}
.home-pet-card:hover{transform:translateY(-5px);box-shadow:0 15px 25px #263a3214}
.home-pet-free{align-self:start;font-size:10px;letter-spacing:.06em;border:1px solid #293c3225;padding:3px 9px;border-radius:20px}
.home-pet-card img{width:160px;height:160px;max-width:100%;object-fit:contain;image-rendering:pixelated;margin:16px 0 22px;filter:drop-shadow(0 12px 5px #344b3220)}.home-pet-current{display:grid;place-items:center;width:160px;height:160px;margin:16px 0 22px}.home-pet-current .catalog-art,.home-pet-current .catalog-sprite{display:block;width:100%;height:100%;inset:auto;transform:none}.home-pet-current .catalog-sprite img,.home-pet-current .catalog-sprite svg{width:100%;height:100%;display:block}
.home-pet-card>div{align-self:start}.home-pet-card h3{font-size:23px;margin:0 0 4px}.home-pet-card p{font-size:12px;margin:0;color:#506155}
.home-pet-arrow{position:absolute;right:24px;bottom:28px;font-size:24px}
.home-free{display:grid;grid-template-columns:1.3fr 1fr;gap:64px;border-top:1px solid var(--border);padding-top:60px;padding-bottom:60px}
.home-free h2{max-width:480px}.home-free p:not(.eyebrow){max-width:500px;color:var(--muted)}
.home-free-stamp{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border-radius:50%;background:var(--accent-soft);padding:32px}
.home-free-stamp>span{font-size:40px;line-height:1;color:var(--accent)}.home-free-stamp strong{font-family:Georgia,serif;font-weight:400;font-size:29px;line-height:1.2;white-space:pre-line;margin:14px 0 18px}.home-free-stamp a{font-size:12px;color:var(--accent)}
.home-landing .faq{max-width:850px;padding-top:60px;padding-bottom:72px}.home-landing .faq details{background:transparent;border-radius:0;border-width:0 0 1px;padding-left:0;padding-right:0}
.home-cta{max-width:1152px;margin:0 auto 64px;padding:60px 24px;border:1px solid var(--border);border-radius:28px;background:var(--accent-soft)}
.home-cta h2{max-width:620px;margin:12px auto 20px}.home-cta .button.disabled{background:var(--surface);color:var(--muted)}
@media(max-width:1000px){.home-hero{grid-template-columns:1fr 1fr;gap:24px;padding-top:54px;min-height:620px}.home-hero h1{font-size:48px}.home-floating-note{right:0;padding:12px}.home-showcase{padding-left:0}.home-hero .action-row{flex-direction:column;align-items:start}.home-hero .action-row .button{font-size:13px}.home-pet-arrow{right:16px}.home-pet-card{padding:18px}}
@media(max-width:760px){.home-hero{grid-template-columns:1fr;gap:20px;padding-top:30px;padding-bottom:28px}.home-hero .hero-copy{padding-top:0}.home-hero h1{font-size:clamp(38px,8vw,56px);max-width:600px}.home-hero .lead{font-size:16px;max-width:480px}.home-hero .action-row{flex-direction:row;align-items:stretch}.home-hero .action-row .button{padding:12px}.home-showcase{width:min(100%,500px);margin:auto;padding:20px 8px 62px}.home-orbit{inset:0 4px 8px}.home-showcase .player-demo{transform:rotate(-2deg)}.home-floating-note{bottom:38px;right:4px}.home-demo-note{margin-top:26px;font-size:9px}.home-benefits{padding-top:16px;padding-bottom:40px}.home-benefits .card-grid{grid-template-columns:1fr}.home-benefits .feature-card,.home-benefits .feature-card:first-child{padding:22px 0}.home-benefits .feature-card+.feature-card{border-left:0;border-top:1px solid var(--border)}.home-feature-number{float:left;margin-right:18px}.home-benefits h3{margin:2px 0 8px}.home-benefits .feature-card p{margin-left:44px}.home-section-top{display:block}.home-section-top>p{margin-top:16px}.home-pets{gap:12px;grid-template-columns:1fr}.home-pet-card{display:grid;grid-template-columns:110px 1fr;column-gap:20px;padding:20px}.home-pet-free{position:absolute;top:12px;right:14px}.home-pet-card img{grid-column:1;grid-row:1;width:110px;height:125px;margin:0}.home-pet-card>div{grid-column:2;align-self:center}.home-pet-card h3{font-size:22px}.home-pet-card p{padding-right:8px}.home-pet-arrow{bottom:12px;font-size:20px}.home-free{grid-template-columns:1fr;gap:28px;padding-top:32px;padding-bottom:32px}.home-free-stamp{border-radius:24px;padding:28px}.home-companions{padding-bottom:40px}.home-cta{margin:0 16px 36px;padding:36px 20px}.home-landing .faq{padding-top:30px;padding-bottom:40px}.home-cta .button{font-size:12px}.home-badge{font-size:9px}}
@media(prefers-reduced-motion:reduce){.home-landing *{animation:none!important;transition:none!important}.home-pet-card:hover{transform:none}}@media(max-width:760px){.landing-pet-group{inset:40% 4% 18%}.landing-pet{width:clamp(28px,12vw,52px);height:clamp(28px,12vw,52px)}}
.landing-pet-group{inset:40% 4% 18%}.landing-pet-1{left:4%;top:4%}.landing-pet-2{left:22%;top:0}.landing-pet-3{left:42%;top:5%}.landing-pet-4{left:62%;top:0}.landing-pet-5{left:80%;top:7%}.landing-pet-6{left:12%;top:42%}.landing-pet-7{left:32%;top:38%}.landing-pet-8{left:52%;top:44%}.landing-pet-9{left:72%;top:38%}.landing-pet-10{left:24%;top:72%}.landing-pet-11{left:60%;top:70%}

.home-showcase .demo-pet{animation-play-state:paused}.home-showcase [data-demo-playing=true] .demo-pet{animation-play-state:running}
@media(max-width:760px){.home-showcase{padding-bottom:18px}.home-floating-note{position:relative;right:auto;bottom:auto;width:max-content;max-width:100%;margin:20px 0 0 auto;transform:none}.home-demo-note{margin:12px 0 0;text-align:right}}

/* Locale names retain their native script without crowding the header. */
.locale-control{display:inline-flex;min-width:0;max-width:160px}.locale-control select{max-width:100%;min-height:40px;padding:6px 26px 6px 8px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font:inherit;font-size:13px}.header-actions{min-width:0}html:lang(ja),html:lang(ko),html:lang(zh){line-break:strict}html:lang(ja) .hero h1,html:lang(ko) .hero h1,html:lang(zh) .hero h1{word-break:normal;overflow-wrap:anywhere}@media(max-width:440px){.locale-control{max-width:105px}.locale-control select{font-size:12px}.header-inner{gap:8px}.brand span{overflow-wrap:anywhere}}

.pet-progress-card{margin-top:20px;padding:16px;border:1px solid var(--border);border-radius:16px;background:var(--surface-muted)}
.pet-progress-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}
.pet-progress-heading h2,.pet-progress-heading p{margin:0}
.pet-progress-heading p{margin-top:4px;color:var(--muted);font-size:13px}
.pet-progress-list{display:grid;gap:8px;padding:0;list-style:none}
.pet-progress-list li{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--border)}
.booster-row{padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}
.booster-row .action-row{grid-column:1/-1;margin-top:0}
@media(max-width:440px){.pet-progress-heading,.pet-progress-list li{align-items:flex-start;flex-direction:column}.pet-progress-heading .button{width:100%}}

/* Compact storefront and reading rhythm, with full-size interaction targets. */
html{scroll-padding-top:90px}
.page-hero{padding-top:48px;padding-bottom:24px}
.page-hero h1{font-size:clamp(32px,4.5vw,48px)}
.section{padding-top:48px;padding-bottom:48px}
.shop-header{padding-top:24px;padding-bottom:16px}
.shop-header h1{margin:6px 0 10px;font-size:clamp(30px,4vw,44px)}
.shop-header>p:last-child{margin:0;font-size:15px}
.shop-studio{min-height:300px;scroll-margin-top:12px;border-radius:24px;box-shadow:var(--shadow)}
.shop-stage-wrap{min-height:300px;padding:20px}
.shop-stage-scene{width:min(100%,430px)}
.shop-stage-panel{padding:22px}
.shop-stage-panel h2{font-size:clamp(22px,2.5vw,30px)}
.shop-stage-copy{min-height:0;font-size:13px}
.shop-stage-panel .shop-economy-summary{margin-top:14px;padding-top:12px;gap:6px}
.shop-stage-panel .shop-economy-summary>div{padding:8px 10px}
.shop-stage-panel .shop-economy-summary strong{min-height:0}
.shop-sections{gap:4px;margin:16px 0 12px;padding:4px;border-radius:14px}
.shop-sections button{min-height:44px;padding:8px;font-size:13px;border-radius:10px}
.shop-pet-panel{padding:14px 16px;border-radius:18px}
.shop-appearance-filters{margin-bottom:10px;padding:3px}
.shop-panel-heading{margin-bottom:6px}
.shop-panel-heading h2{font-size:18px}
.shop-characters button{padding:6px;gap:4px}
.shop-pet-art{width:52px;height:52px}
.shop-pet-art .catalog-art{width:50px;height:50px}
.shop-filter-panel{padding-top:10px}
.shop-products{padding-top:12px}
.shop-market-grid .card-actions>.button{min-height:40px;font-size:12px}
.shop-market-grid .card-actions>.wishlist-button{min-width:36px;min-height:36px}
.shop-market-grid .shop-card-body{overflow-wrap:anywhere}
@media(max-width:720px){
 .page-hero{padding-top:28px;padding-bottom:16px}
 .section{padding-top:32px;padding-bottom:32px}
 .shop-header{padding-top:18px;padding-bottom:12px}
 .shop-header h1{font-size:30px}
 .shop-studio{min-height:0;border-radius:18px}
 .shop-stage-wrap{min-height:180px;padding:14px}
 .shop-stage-scene{width:min(100%,320px)}
 .shop-stage-panel{padding:16px}
 .shop-stage-panel h2{margin:6px 0;font-size:22px}
 .shop-stage-panel .shop-economy-summary{margin-top:10px;padding-top:10px}
 .shop-studio:not(.is-draft){grid-template-columns:minmax(0,1fr)}
 .shop-studio:not(.is-draft) .shop-stage-wrap{min-height:0;height:136px;padding:8px}
 .shop-studio:not(.is-draft) .shop-stage-scene{width:190px;max-width:100%}
 .shop-studio:not(.is-draft) .shop-stage-panel{padding:12px}
 .shop-studio:not(.is-draft) .shop-stage-panel h2{font-size:20px;overflow-wrap:anywhere}
 .shop-studio:not(.is-draft) .shop-stage-copy{font-size:12px}
 .shop-studio:not(.is-draft) .eyebrow{font-size:10px}
 .shop-stage-panel .shop-economy-summary>div{padding:6px}
 .shop-stage-panel .shop-economy-summary>div:first-child{padding-left:6px}
 .shop-stage-panel .shop-economy-summary strong{font-size:12px}
 .shop-sections{grid-template-columns:repeat(3,minmax(0,1fr))}
 .shop-sections button{font-size:12px;line-height:1.3}
 .shop-sections button:last-child:nth-child(odd){grid-column:auto}
 .shop-pet-panel{padding:12px}
 .shop-panel-heading{flex-wrap:wrap;gap:4px 12px}
 .shop-characters button{flex-basis:76px}
 .shop-pet-art{width:48px;height:48px}
 .shop-pet-art .catalog-art{width:46px;height:46px}
 .shop-market-grid .card-actions>.button{font-size:12px;padding:8px 5px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* Long localized headings and all seven pet choices must fit narrow screens. */
.page-hero h1,.legal-body h1{overflow-wrap:anywhere}
.pet-tabs{flex-wrap:wrap}
.footer-inner{gap:24px;padding-top:32px;padding-bottom:32px}
@media(max-width:720px){
 .pet-tabs{justify-content:flex-start;gap:6px}
 .pet-tabs .chip{padding:8px 12px}
 .footer-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}
 .footer-inner>div{grid-column:1/-1}
 .footer-inner nav:last-child{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}
 .footer-inner nav a{overflow-wrap:anywhere}
}

.billing-providers{display:grid;gap:24px}.billing-provider{padding:22px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.billing-provider-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}.billing-provider-heading h3{margin:3px 0 0;font-size:24px}.billing-provider-state{padding:5px 10px;border-radius:999px;background:var(--accent-soft);font-size:12px;font-weight:800}.billing-provider-state[data-provider-enabled=false]{background:var(--surface-muted);color:var(--muted)}.billing-provider>.coin-grid{margin-top:18px;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))}.order-detail article{gap:10px}.order-reference{padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--surface-muted)}.order-reference span,.order-reference p{color:var(--muted);font-size:13px}.order-reference strong{display:block;font-size:20px;overflow-wrap:anywhere}.order-reference p{margin:4px 0 0}.payment-queue-summary{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.payment-queue-summary p,.payment-snapshot{padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface-muted)}.payment-queue-summary p{margin:0}.payment-snapshot p{margin:4px 0;overflow-wrap:anywhere}.operator-form[hidden]{display:none}
[data-kofi-order-search]{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;margin:18px 0}[data-kofi-order-search]>label{flex:1 1 320px;min-width:0}[data-kofi-order-search] input{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--border);border-radius:11px;background:var(--surface);color:var(--text)}[data-kofi-order-search-status]{flex-basis:100%;margin:0}
@media(max-width:720px){.billing-provider{padding:16px}.billing-provider-heading{align-items:stretch;flex-direction:column}.billing-provider-state{align-self:flex-start}.billing-provider>.coin-grid{grid-template-columns:1fr}.order-detail .action-row{align-items:stretch;flex-direction:column}.order-detail .action-row .button{width:100%}}

/* Server-confirmed account history and payment exception resolution. */
.wallet-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.wallet-heading h2,.wallet-heading p{margin:0}.wallet-heading p{margin-top:6px;color:var(--muted)}.wallet-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.wallet-summary article{display:grid;gap:4px;padding:16px;border:1px solid var(--border);border-radius:14px;background:var(--surface-muted)}.wallet-summary span,.wallet-summary small{color:var(--muted)}.wallet-summary strong{font-size:30px}.wallet-history{display:grid;gap:10px}.wallet-history h3,.account-cards>section h3{margin:10px 0 0}.wallet-entry-coins{font-weight:800}.wallet-entry-coins.is-credit{color:color-mix(in srgb,#16834d 82%,var(--text))}.wallet-entry-coins.is-debit{color:var(--text)}.record-list time{color:var(--muted);font-size:12px}.record-list>[data-wallet-more],.record-list>[data-billing-orders-more]{justify-self:start}.review-original{border-inline-start:4px solid var(--accent)}.review-consequence{padding:12px;border-radius:12px;background:var(--accent-soft);font-weight:700}.operator-form fieldset{display:grid;gap:12px;min-width:0;margin:0;padding:14px;border:1px solid var(--border);border-radius:12px}.operator-form fieldset[hidden]{display:none}.operator-form legend{padding:0 6px;font-weight:800}
.operator-form[data-kofi-review-resolve] label:has(>input[type=checkbox]){grid-template-columns:18px minmax(0,1fr);align-items:start;gap:10px}.operator-form[data-kofi-review-resolve] label>input[type=checkbox]{width:18px;height:18px;min-height:18px;margin:2px 0 0;padding:0}
@media(max-width:720px){.wallet-heading{align-items:stretch;flex-direction:column}.wallet-heading .button{width:100%}.wallet-summary{grid-template-columns:1fr}.operator-form fieldset{padding:12px}.review-original{max-width:100%;overflow-wrap:anywhere}}

/* UX88: browse and preview share the viewport. */
.shop-header{padding:16px 0 12px}.shop-header h1{font-size:clamp(24px,3vw,34px);margin:4px 0}.shop-header>p:last-child{margin:6px 0;font-size:14px}
.shop-market{display:block}.shop-browse{min-width:0;width:100%}.shop-preview-column{grid-column:2;grid-row:1;position:sticky;top:92px;min-width:0}
.shop-preview-column .shop-studio{display:block;min-height:0;max-height:calc(100dvh - 110px);overflow:auto;border-radius:20px}.shop-preview-column .shop-stage-wrap{min-height:180px;padding:12px}.shop-preview-column .shop-stage-panel{padding:16px}.shop-stage-panel h2{font-size:23px}.shop-preview-column .shop-stage-copy{font-size:12px;margin:8px 0}.shop-preview-column .shop-economy-summary{margin-top:12px}.shop-preview-column .shop-stage-scene{max-width:100%}
.shop-browse .shop-category-tabs{position:sticky;top:76px;z-index:8;display:flex;flex-wrap:wrap;gap:4px;background:var(--surface,#fff);padding:6px;border:1px solid var(--border);border-radius:14px}.shop-category-tabs>button{flex:1 0 auto;padding:9px 10px;font-size:12px;min-height:36px}
.shop-browse .shop-market-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.shop-browse .shop-pet-panel{padding:10px 0}.shop-panel-heading{display:none}.shop-browse .shop-characters{display:flex;flex-wrap:wrap;gap:5px}.shop-browse .shop-characters>button{flex:0 0 auto;min-width:0;min-height:36px;padding:6px 10px;display:flex;gap:5px}.shop-browse .shop-pet-check{display:none}.shop-browse .shop-filter-panel{padding:10px 0}.shop-browse .shop-tools{gap:8px}.shop-browse .shop-search{min-width:160px;flex:1}.shop-scope-filters,.shop-active-filters,.shop-collections{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0}.shop-scope-filters button,.shop-active-filters button,.shop-collections button{border:1px solid var(--border);background:var(--surface,#fff);color:inherit;border-radius:18px;padding:7px 11px;font:inherit;font-size:12px;cursor:pointer;min-height:34px}.shop-scope-filters button[aria-pressed=true],.shop-collections button[aria-pressed=true]{background:var(--primary-soft,#e9edff);border-color:var(--primary,#626ed6)}.shop-active-filters:empty{display:none}.shop-active-filters button{background:var(--primary-soft,#e9edff)}.shop-search-scope{display:flex;align-items:center;gap:6px;font-size:12px;margin:8px 0}.shop-search-scope input{width:16px;height:16px}.shop-preview-toggle{display:none}.shop-preview-navigation{display:flex;gap:5px;flex-wrap:wrap}.shop-preview-navigation .button{min-height:34px;padding:6px 10px;font-size:12px}.shop-draft-components{list-style:none;margin:10px 0;padding:0;display:grid;gap:6px}.shop-draft-components li{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:12px;padding:6px 0;border-bottom:1px solid var(--border)}.shop-draft-components .button{min-height:30px;padding:5px 8px;font-size:11px}.shop-draft-components li>span{min-width:0;overflow-wrap:anywhere}.shop-card-art[type=button]{width:100%;border:0;cursor:pointer;color:inherit}.shop-preview-dialog{width:min(94vw,560px);max-height:90dvh;padding:12px;border:1px solid var(--border);border-radius:20px;background:var(--surface,#fff);color:var(--text);overflow:auto}.shop-preview-dialog::backdrop{background:#15172b80}.shop-preview-dialog>[data-shop-preview-close]{display:block;margin-left:auto}.shop-preview-dialog .shop-studio{display:block;min-height:0;border:0;box-shadow:none}.shop-preview-dialog .shop-stage-wrap{min-height:150px;padding:10px}.shop-preview-dialog .shop-stage-panel{padding:12px}.shop-preview-dialog .shop-stage-copy{font-size:12px}.shop-preview-dialog .shop-economy-summary{display:none}.shop-preview-dialog .shop-stage-scene{max-width:310px;margin:auto}.shop-browse .shop-empty .button{margin:4px}.shop-card:focus-within{outline:2px solid var(--primary,#626ed6);outline-offset:2px}
@media(max-width:1099px){.shop-market{display:flex;flex-direction:column;gap:6px}.shop-preview-column{position:static;order:0;width:100%}.shop-preview-toggle{display:block;width:100%;min-height:38px}.shop-browse{order:1;width:100%}.shop-browse .shop-category-tabs{top:68px}.shop-browse .shop-market-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.shop-header{padding:10px 0}.shop-header .eyebrow,.shop-header>p:last-child{display:none}.shop-browse .shop-collections{margin:4px 0}.shop-browse .shop-products{padding-top:2px}}
@media(max-width:600px){.shop-browse .shop-market-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.shop-browse .shop-category-tabs{top:62px;padding:4px;gap:2px}.shop-category-tabs>button{font-size:11px;padding:6px;min-height:32px;flex:1 1 23%}.shop-header h1{font-size:23px}.shop-browse .shop-pet-panel{padding:4px 0}.shop-browse .shop-filter-panel{padding:4px 0}.shop-browse .shop-tools{display:flex;flex-wrap:wrap}.shop-browse .shop-search{min-width:100%;width:100%}.shop-browse .filter-count{font-size:11px;margin:0}.shop-browse .shop-price-filters button,.shop-browse .shop-view-filters button{min-height:30px;padding:5px 8px;font-size:11px}.shop-browse .shop-scope-filters button,.shop-browse .shop-collections button{padding:5px 8px;font-size:11px;min-height:30px}.shop-browse .shop-card-art{aspect-ratio:1.5;min-height:0}.shop-browse .shop-card-body h2{font-size:13px}.shop-browse .card-actions>.button{font-size:11px}.shop-products>h2{font-size:19px;margin:8px 0}}
@media(prefers-reduced-motion:reduce){.shop-market *{scroll-behavior:auto!important}}
.shop-art-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none}.shop-preview-art-overlay{position:absolute;inset:0;z-index:2;width:100%;height:100%;border:0;background:transparent;cursor:pointer;border-radius:inherit}.shop-preview-art-overlay:focus-visible{outline:3px solid var(--primary,#626ed6);outline-offset:-3px}
.shop-filter-drawer{margin:6px 0}.shop-filter-drawer>summary{display:none}.shop-filter-drawer-body{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center}.shop-filter-drawer-body .shop-search-scope{flex-basis:100%;margin:0}.shop-filter-drawer-body .shop-scope-filters,.shop-filter-drawer-body .shop-view-filters{margin:0}.shop-tools .shop-search{flex:1}
@media(max-width:600px){.shop-filter-drawer>summary{display:list-item;font-weight:600;font-size:12px;cursor:pointer;padding:8px 12px;border:1px solid var(--border);border-radius:12px;min-height:34px;list-style-position:inside}.shop-filter-drawer[open]>.shop-filter-drawer-body{padding:8px 0}.shop-filter-drawer:not([open])>.shop-filter-drawer-body{display:none}.shop-filter-drawer-body .shop-scope-filters{flex-basis:100%}.shop-filter-drawer-body .shop-search-scope{flex-basis:auto}.shop-browse .shop-search-scope{margin:4px 0}.shop-collections{margin:3px 0}.shop-preview-column{position:sticky;top:72px;z-index:10;padding:3px 0;background:var(--surface,#fff)}.shop-browse .shop-category-tabs{top:120px}.shop-header{padding:6px 0}.shop-browse .shop-tools .filter-count{position:absolute;right:8px;bottom:-28px;font-size:10px}.shop-browse .shop-tools{position:relative}.shop-filter-drawer>summary{padding-right:90px}.shop-browse .shop-products>h2{margin:6px 0}}
@media(max-width:600px){.shop-browse .shop-card-art{aspect-ratio:1.8}.shop-browse .shop-products>h2{margin:4px 0}}
/* Lazy art and the sticky draft must not re-anchor the visitor's catalog scroll. */
.shop-market{overflow-anchor:none}

/* UX89: a quiet frame around the assortment, with one consistent control scale. */
.shop-market{--shop-control-height:44px;--shop-selected:var(--accent-soft)}
.shop-destinations{display:flex;align-items:center;gap:6px;max-width:1200px;margin:8px auto 0;padding:0 24px}
.shop-destinations a{display:inline-flex;align-items:center;min-height:44px;padding:7px 16px;border-radius:12px;color:var(--muted);font-size:14px;font-weight:700;text-decoration:none}
.shop-destinations a[aria-current],.shop-destinations a:hover{background:var(--accent-soft);color:var(--text)}
.shop-header{padding-top:8px;padding-bottom:20px}.shop-header h1{margin-top:4px}
.shop-filter-panel{row-gap:10px}.shop-filter-drawer{width:100%;border:1px solid var(--border);border-radius:12px;background:var(--surface)}
.shop-filter-drawer>summary{min-height:44px;display:flex;align-items:center;padding:9px 13px;cursor:pointer;font-weight:650;color:var(--muted)}
.shop-filter-drawer[open]>summary{border-bottom:1px solid var(--border)}
.shop-filter-drawer-body{padding:12px;display:flex;flex-wrap:wrap;gap:10px}
.shop-filter-drawer-body button,.shop-active-filters button{min-height:44px}
.shop-search-scope{min-height:44px;display:flex;align-items:center;gap:7px}
.shop-collections{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px!important;width:100%}
.shop-collections .shop-collection-scene{display:flex;align-items:center;gap:8px;min-width:0;min-height:64px;padding:5px;border:1px solid var(--border);border-radius:14px;text-align:left;background:var(--surface);color:var(--text);cursor:pointer}
.shop-collections .shop-collection-scene[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent)}
.shop-collection-scene>.popup-home{width:76px;height:52px;min-width:60px;flex:none;pointer-events:none;border-radius:9px;overflow:hidden}
.collection-copy{display:flex;flex-direction:column;min-width:0;line-height:1.3}.collection-copy strong{font-size:12px}.collection-copy small{font-size:11px;color:var(--muted)}
.collection-pet{display:flex;width:42px;height:42px;align-items:center;justify-content:center}.collection-pet .catalog-art{width:42px;height:42px;display:block}.collection-pet .catalog-art svg{width:100%;height:100%}
.shop-market-grid .shop-card{transition:border-color .16s,box-shadow .16s}.shop-market-grid .shop-card:focus-within{border-color:var(--focus)}
.shop-market-grid .shop-card.is-preview-selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}
.shop-market-grid .shop-card .button{min-height:44px}
.wardrobe-save-disclosure{border-top:1px solid var(--border);margin-top:10px;padding-top:4px}.wardrobe-save-disclosure>summary{min-height:44px;cursor:pointer;font-size:13px;font-weight:650;padding:9px 0}
.wardrobe-save{display:grid;gap:8px}.wardrobe-save label{display:grid;gap:5px;font-size:12px}.wardrobe-save input{min-width:0;width:100%;min-height:44px;padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text)}
.wardrobe{margin-bottom:30px;padding-bottom:24px;border-bottom:1px solid var(--border)}.wardrobe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}.wardrobe-card{padding:14px;border:1px solid var(--border);border-radius:18px;background:var(--surface)}
.wardrobe-card h3{margin:8px 0}.wardrobe-card p{font-size:13px}.wardrobe-card .button{margin:4px 4px 0 0}.wardrobe-art{height:110px;display:grid;place-items:center;background:var(--surface-muted);border-radius:12px}.wardrobe-art .catalog-art{width:90px;height:90px;display:block}.wardrobe-art svg{width:100%;height:100%}
.purchase-receipt{position:fixed;z-index:120;right:20px;bottom:20px;max-width:440px;padding:24px;border:1px solid var(--border);border-radius:22px;background:var(--surface);color:var(--text);box-shadow:var(--shadow)}
.purchase-receipt[hidden]{display:none}.purchase-receipt h2{margin:0 30px 8px 0;font-size:22px}.purchase-receipt p{font-size:14px;color:var(--muted)}.purchase-receipt>.button{margin:4px 7px 0 0}.purchase-receipt>.icon-button{position:absolute;right:9px;top:9px}
.purchase-receipt.is-celebrating{animation:wardrobe-arrival .65s ease-out}
@keyframes wardrobe-arrival{0%{opacity:.5;transform:translateY(8px) scale(.97)}65%{opacity:1;transform:translateY(-2px) scale(1.01)}100%{opacity:1;transform:none}}
@media(max-width:600px){
 .shop-destinations{margin:2px 0;padding:0 16px;gap:0}.shop-sections{margin:8px 0!important}.shop-destinations a{font-size:13px;padding:6px 12px}
 .shop-header{padding-top:4px;padding-bottom:0}.shop-header h1{font-size:25px;margin-bottom:5px}
 .shop-collections .shop-collection-scene{min-height:56px;gap:4px;padding:4px}.shop-collection-scene>.popup-home{width:42px;min-width:35px;height:40px}.collection-copy strong{font-size:10px;overflow-wrap:anywhere}.collection-copy small{font-size:10px}
 .shop-market-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.shop-market-grid .shop-card{min-width:0;padding:8px}.shop-market-grid .shop-card-art{height:120px;min-height:0}.shop-market-grid .shop-card-body{padding:6px 3px}.shop-market-grid .shop-card h2{font-size:13px;line-height:1.25;min-height:32px}.shop-market-grid .shop-card-price{font-size:13px;margin:4px 0}
 .shop-market-grid .card-actions{padding:4px 0;gap:5px;display:flex;flex-wrap:wrap}.shop-market-grid .card-actions>.button{flex:1 1 100%;font-size:12px;padding:7px 5px}.shop-market-grid .card-actions>[data-wishlist-item]{flex:0 0 auto}
 .shop-market-grid .shop-card[data-kind=theme],.shop-market-grid .shop-card[data-kind=progress_style]{grid-column:1/-1}
 .purchase-receipt{right:10px;left:10px;bottom:10px;max-width:none;padding:20px}.wardrobe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wardrobe-card{padding:9px}
}
@media(max-width:340px){.shop-market-grid{grid-template-columns:minmax(0,1fr)!important}.shop-collection-scene>.popup-home{display:none}.wardrobe-grid{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.purchase-receipt.is-celebrating{animation:none}.shop-market-grid .shop-card{transition:none}}

/* No inactive scope chip above the assortment; compact cards keep their price in view. */
.shop-active-filters:empty{display:none}
.shop-active-filters button{background:var(--surface);color:var(--text);border:1px solid var(--border)}

.shop-studio.is-rewarding .home-pet-preview{animation:wardrobe-pet-joy .65s ease-out}
@keyframes wardrobe-pet-joy{0%,100%{transform:translateY(0)}35%{transform:translateY(-8px)}65%{transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){.shop-studio.is-rewarding .home-pet-preview{animation:none}}


.shop-sections button,.shop-preview-navigation>.button{min-height:var(--shop-control-height,44px)}
.shop-market [data-wishlist-item],.shop-market .icon-button{min-width:44px;min-height:44px}
@media(max-width:340px){.shop-market-grid .shop-card-art{height:108px}}


.shop-collection-scene>.popup-home{padding:5px;border-radius:10px}
.shop-collection-scene .popup-home__screen{border-width:1px;border-radius:6px;box-shadow:none}
.collection-pet{width:100%;height:100%;max-width:40px;max-height:40px}.collection-pet .catalog-art{width:100%;height:100%}
.wardrobe-art{height:130px}.wardrobe-art>.popup-home{width:100%;height:130px}.wardrobe-art .home-pet-preview{width:70px;height:70px}.wardrobe-art .home-pet-preview .catalog-art{width:100%;height:100%}

/* Compact selector art uses the same catalog assets as the product cards. */
.shop-browse .shop-appearance-filters{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
.shop-browse .shop-appearance-filters>button{display:flex;min-height:62px;align-items:center;justify-content:center;flex-direction:column;gap:2px;padding:5px 4px;font-size:12px}
.shop-style-preview{display:flex;height:30px;align-items:center;justify-content:center}
.shop-style-pet{position:relative;display:block;width:30px;height:30px}
.shop-style-pet .catalog-art{width:30px;height:30px}
.shop-style-preview-pair .shop-style-pet+ .shop-style-pet{margin-left:-7px}
.shop-selector-marker{display:block;width:28px;height:28px}
.shop-browse .shop-characters{align-items:stretch}
.shop-browse .shop-characters>button{min-width:76px;min-height:58px;padding:5px 8px}
.shop-browse .shop-pet-art{width:38px;height:38px;place-items:center}
.shop-browse .shop-pet-art .catalog-art{width:38px;height:38px}
.catalog-art .catalog-image--pixelated :is(img,image){image-rendering:pixelated}
.is-pixel :is(img,image,svg){image-rendering:pixelated!important}
.is-cartoon :is(img,image,svg){image-rendering:auto!important}
@media(max-width:600px){
 .shop-browse .shop-appearance-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
 .shop-browse .shop-appearance-filters>button{min-height:56px;flex-direction:row;gap:6px;text-align:left}
 .shop-browse .shop-characters>button{flex-basis:82px}
}

/* A quiet reward trail, with the wallet separate from earned mission progress. */
.account-layout[data-account-route=missions] .account-state{padding:0;border:0;background:transparent;box-shadow:none}
.account-layout[data-account-route=missions]>main>h1{margin-bottom:20px}
.missions-dashboard{--mission-gold:#946000;--mission-green:#23734d;gap:16px;max-width:960px;margin:auto}
.mission-adventure{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:24px;padding:32px;border:1px solid color-mix(in srgb,#c7b5ed 45%,var(--border));border-radius:28px;background:radial-gradient(ellipse at 95% 0,color-mix(in srgb,#ffe3a4 45%,transparent),transparent 56%),linear-gradient(135deg,color-mix(in srgb,#e6ddfb 40%,var(--surface)),var(--surface));overflow:hidden}
.mission-hero-copy{align-self:center}.mission-hero-copy h2{max-width:470px;margin:10px 0 12px;font-size:clamp(26px,3.5vw,39px);line-height:1.12;letter-spacing:-.035em}.mission-hero-copy>p:not(.eyebrow){max-width:440px;margin:0 0 14px;color:var(--muted)}.mission-hero-copy .eyebrow{font-size:11px;letter-spacing:.07em}
.mission-treasure{display:grid;justify-items:center;align-content:center;padding:18px 12px;border:1px solid color-mix(in srgb,#e2b75b 40%,var(--border));border-radius:24px;background:color-mix(in srgb,#fff2cc 48%,var(--surface));text-align:center;color:var(--text)}.mission-treasure>strong{font-size:42px;line-height:1.2;letter-spacing:-.035em}.mission-treasure>span{max-width:140px;color:var(--muted);font-size:12px}.mission-treasure-coins{display:flex;align-items:center;justify-content:center;min-height:82px;gap:2px}.mission-treasure-coins>img{filter:drop-shadow(0 6px 5px #bd8c2424);transform:rotate(-10deg)}.mission-treasure-coins>span{align-self:flex-start;margin-top:12px;color:var(--mission-gold);font-size:24px}
.mission-journey{grid-column:1/-1;display:grid;gap:8px}.mission-journey .mission-earned{display:flex;justify-content:space-between;align-items:baseline;gap:12px;min-width:0;padding:0;border:0;background:transparent}.mission-journey .mission-earned strong{font-size:16px;white-space:nowrap}.mission-journey .mission-earned span{font-size:13px;color:var(--text)}.mission-journey>p{margin:0;color:var(--muted);font-size:12px}.mission-progress{display:block;width:100%;height:12px;appearance:none;border:0;border-radius:99px;background:var(--surface-muted);overflow:hidden}.mission-progress::-webkit-progress-bar{border-radius:99px;background:color-mix(in srgb,#b2a4ce 18%,var(--surface))}.mission-progress::-webkit-progress-value{border-radius:99px;background:linear-gradient(90deg,#9380ce,#b5a0e5)}.mission-progress::-moz-progress-bar{border-radius:99px;background:#9380ce}
.mission-wallet{padding:14px 20px;border-radius:18px;background:var(--surface);box-shadow:none;gap:12px}.mission-wallet>div{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.mission-wallet>div>span:not(.mission-coin-token){font-size:13px;color:var(--muted)}.mission-wallet h2{margin:0;font-size:20px;line-height:1.4}.mission-wallet .mission-coin-token{width:32px;height:32px;background:var(--surface-muted)}
.mission-panel{padding:24px;border-radius:24px;box-shadow:0 4px 18px rgb(28 35 55/3%)}.mission-heading{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:14px;margin-bottom:14px}.mission-heading h2{margin:3px 0;font-size:clamp(20px,2.2vw,25px);line-height:1.2;letter-spacing:-.02em}.mission-heading .eyebrow{font-size:10px;letter-spacing:.075em}.mission-step-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:17px;background:color-mix(in srgb,#bba1ed 18%,var(--surface));color:color-mix(in srgb,#7b5aa8 80%,var(--text));font-size:26px;font-weight:800}.mission-google .mission-step-icon{background:color-mix(in srgb,#8eb7e6 20%,var(--surface));color:color-mix(in srgb,#4077ba 80%,var(--text));font-size:23px}.mission-return .mission-step-icon{background:color-mix(in srgb,#e7b5ad 20%,var(--surface));color:color-mix(in srgb,#ae6c64 85%,var(--text))}.mission-panel>p{font-size:14px}.mission-coins{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:5px;padding:8px 12px;border-radius:14px;background:color-mix(in srgb,#ffe7a0 30%,var(--surface));color:var(--mission-gold);font-size:20px;line-height:1.2}.mission-coins>span:not(.mission-coin-token){font-size:11px;font-weight:650}.mission-coin-token{display:inline-grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%}.mission-coin-token>img{display:block;width:100%;height:100%}
.mission-onboarding-progress{display:flex;align-items:center;justify-content:space-between;gap:12px}.mission-onboarding-progress>p{margin:0;color:var(--muted);font-size:13px}.mission-step-dots{display:flex;gap:5px}.mission-step-dots span{width:22px;height:6px;border-radius:9px;background:var(--surface-muted)}.mission-step-dots .done{background:#73aa8c}
.mission-list{gap:8px;margin:20px 0}.mission-task{grid-template-columns:28px minmax(0,1fr) auto;gap:6px 12px;padding:16px;background:var(--surface);border-color:color-mix(in srgb,var(--border) 75%,var(--surface));border-radius:16px}.mission-check{display:grid;place-items:center;grid-row:auto;width:26px;height:26px;border:1px solid var(--border);border-radius:50%;color:var(--muted);font-size:17px}.mission-task.is-done{background:color-mix(in srgb,#9fc7a9 9%,var(--surface))}.mission-task.is-done .mission-check{border-color:transparent;background:color-mix(in srgb,#7bac88 22%,var(--surface));color:var(--mission-green)}.mission-task p{margin-top:3px;font-size:12px}.mission-task strong{font-size:14px}.mission-task>.mission-status{font-size:10px}.mission-task>.button,.mission-setting{grid-column:2/-1;margin-top:4px}.mission-task.is-done>.button{background:transparent}
.mission-calendar{gap:12px}.calendar-reward{position:relative;padding:18px;border-radius:18px;background:var(--surface);border-style:dashed}.calendar-reward>strong{color:var(--mission-gold);font-size:32px;letter-spacing:-.03em}.calendar-reward>span{color:var(--muted);font-size:12px}.calendar-reward.due{border-style:solid;border-color:#7bac88;background:color-mix(in srgb,#b8dec4 16%,var(--surface))}.calendar-reward.granted{border-style:solid}.mission-share{background:color-mix(in srgb,#d8e5e4 12%,var(--surface))}.mission-share .mission-heading{grid-template-columns:1fr}.mission-share-copy textarea{min-height:90px;font-size:14px;line-height:1.5}.mission-share-preview{grid-template-columns:132px minmax(0,1fr);padding:12px;background:var(--surface)}.mission-share-preview p{font-size:12px}.mission-share-actions .button{font-size:13px}.mission-panel.is-complete{border-color:color-mix(in srgb,#7bac88 25%,var(--border))}
html[data-theme=dark] .missions-dashboard{--mission-gold:#f4ce73;--mission-green:#a6ddba}html[data-theme=dark] .mission-adventure{background:radial-gradient(ellipse at 95% 0,#53482a44,transparent 56%),linear-gradient(135deg,#302b42,var(--surface))}html[data-theme=dark] .mission-treasure{background:#393123}html[data-theme=dark] .mission-coins{background:#393123}
@media(max-width:720px){.mission-adventure{padding:24px;gap:20px;grid-template-columns:minmax(0,1fr) 148px}.mission-wallet{flex-direction:row;align-items:center}.mission-panel{padding:20px}.mission-share-preview{grid-template-columns:120px minmax(0,1fr)}}
@media(max-width:440px){.missions-dashboard{gap:12px}.mission-adventure{grid-template-columns:minmax(0,1fr) 104px;padding:18px;gap:16px 12px;border-radius:22px}.mission-hero-copy h2{font-size:25px}.mission-hero-copy>p:not(.eyebrow){font-size:12px}.mission-hero-copy .eyebrow{font-size:9px}.mission-hero-copy .text-link{font-size:12px}.mission-treasure{padding:12px 6px;border-radius:18px;align-self:center}.mission-treasure>strong{font-size:30px}.mission-treasure>span{font-size:10px}.mission-treasure-coins{min-height:60px}.mission-treasure-coins>img{width:50px;height:50px}.mission-treasure-coins>span{font-size:16px;margin-top:2px}.mission-wallet{padding:12px 16px;flex-wrap:wrap}.mission-wallet>div{gap:6px}.mission-wallet h2{font-size:18px}.mission-wallet .button{width:100%}.mission-panel{padding:16px;border-radius:20px}.mission-heading{grid-template-columns:38px minmax(0,1fr);gap:10px}.mission-step-icon{width:38px;height:38px;border-radius:13px;font-size:22px}.mission-coins{grid-column:2;justify-self:start;padding:6px 10px;font-size:19px}.mission-coins .mission-coin-token{width:22px;height:22px}.mission-task{grid-template-columns:24px minmax(0,1fr);padding:12px;gap:6px 10px}.mission-task>.mission-status{grid-column:2}.mission-task>.button,.mission-setting{grid-column:2;width:100%}.mission-check{width:24px;height:24px}.mission-step-dots span{width:16px}.mission-calendar{grid-template-columns:1fr 1fr;gap:8px}.calendar-reward{padding:12px}.calendar-reward>strong{font-size:27px}.calendar-reward>p:last-child{font-size:11px;overflow-wrap:anywhere}.mission-calendar-start{font-size:12px!important}.mission-share-preview{grid-template-columns:1fr}.mission-share-preview img{max-width:220px}.mission-share-actions{grid-template-columns:1fr 1fr}.mission-share-actions .button{padding:8px;font-size:12px}}
.mission-adjustment{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border:1px solid color-mix(in srgb,#cba450 40%,var(--border));border-radius:18px;background:color-mix(in srgb,#ffe6a6 16%,var(--surface))}.mission-adjustment p{margin:0;font-size:13px}.mission-adjustment .button{flex:none}@media(max-width:440px){.mission-adjustment{flex-direction:column;align-items:stretch}}
.mission-share-check{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px;padding:16px;border:1px dashed var(--border);border-radius:16px;background:var(--surface)}.mission-share-check strong{font-size:14px}.mission-share-check p{margin:4px 0 0;font-size:12px;color:var(--muted)}.mission-share-check .button{flex:none}.mission-share-check.is-confirmed{border-style:solid;border-color:#7bac88;background:color-mix(in srgb,#b8dec4 16%,var(--surface))}.mission-share-check.is-confirmed .button{color:var(--mission-green)}@media(max-width:440px){.mission-share-check{flex-direction:column;align-items:stretch}}
.missions-dashboard .mission-status.granted{color:var(--mission-green)}

/* Keep the reward shortcut visible in the shop, including narrow screens. */
.shop-destinations{flex-wrap:wrap}
.shop-destinations .shop-missions-link{gap:6px;margin-left:auto;background:var(--accent-soft);color:var(--accent)}
.shop-destinations .shop-missions-link:hover{color:var(--text)}
@media(max-width:440px){.shop-destinations .shop-missions-link{margin-left:0}}

/* SHOP108 warm storefront, explicit rarity, and achievement discovery. */
body[data-route=shop]{--bg:#f8f6f2;--surface:#fffefa;--surface-muted:#f1ede5;--text:#282b2d;--muted:#74756f;--border:#e5e0d7;--accent:#b94f42;--accent-soft:#f6e9e5;--focus:#367eaa;--shadow:0 12px 36px rgb(51 39 21/7%)}
html[data-theme=dark] body[data-route=shop]{--bg:#181c22;--surface:#222730;--surface-muted:#2a313c;--text:#f4efe6;--muted:#b3b6bd;--border:#373e49;--accent:#ef8b7d;--accent-soft:#3a2b2c;--focus:#78b9df;--shadow:0 16px 42px rgb(0 0 0/24%)}
body[data-route=shop] .site-header{background:color-mix(in srgb,var(--bg) 92%,transparent)}
.shop108-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(220px,.72fr) minmax(230px,.78fr);align-items:stretch;gap:16px;max-width:var(--max);margin:0 auto;padding:34px 24px 28px}
.shop108-hero-copy{align-self:center;padding:14px 10px 14px 0}.shop108-hero-copy h1{max-width:600px;margin:8px 0 12px;font-size:clamp(38px,4.7vw,58px);line-height:1.03;letter-spacing:-.045em}.shop108-hero-copy>p:not(.eyebrow){max-width:610px;margin:0;color:var(--muted);font-size:16px}.shop108-hero-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}
.shop108-feature,.shop108-achievement-teaser{min-width:0;border:1px solid var(--border);border-radius:24px;background:var(--surface);box-shadow:var(--shadow)}
.shop108-feature{display:flex;flex-direction:column;overflow:hidden;padding:9px}.shop108-feature>.shop108-feature-art{position:relative;display:grid;min-height:190px;place-items:center;overflow:hidden;border:0;border-radius:16px;background:var(--rarity-tint,var(--surface-muted))}.shop108-feature-art .shop-art-content{display:grid;place-items:center}.shop108-feature-art .catalog-art{width:156px;height:156px;filter:drop-shadow(0 13px 9px rgb(41 31 18/14%));animation:shop108-float 5s ease-in-out infinite}.shop108-feature>div:last-child{padding:12px 9px 10px}.shop108-feature p{margin:0;color:var(--muted);font-size:11px;font-weight:750;text-transform:uppercase}.shop108-feature h2{margin:4px 0 7px;font-size:19px;line-height:1.18}.shop108-feature strong{font-size:13px}
.shop108-achievement-teaser{display:flex;align-items:flex-start;gap:15px;padding:22px}.shop108-achievement-teaser h2{margin:6px 0 8px;font-size:22px;line-height:1.14}.shop108-achievement-teaser p:not(.eyebrow){margin:0 0 13px;color:var(--muted);font-size:13px}.shop108-achievement-teaser .eyebrow{font-size:10px}.shop108-medal{display:grid;width:60px;height:70px;flex:none;place-items:center}.shop108-medal .achievement-medal{display:block;width:60px;height:70px}
.shop-destinations .shop-achievements-link{gap:6px;background:color-mix(in srgb,#f0dcae 45%,var(--surface));color:color-mix(in srgb,#966b21 82%,var(--text))}.shop-destinations .shop-achievements-link:hover{color:var(--text)}
.shop-card[data-rarity=common],.shop108-feature[data-rarity=common],.product-layout[data-rarity=common]{--rarity-tint:#e8e9df;--rarity-tone:#586148}.shop-card[data-rarity=rare],.shop108-feature[data-rarity=rare],.product-layout[data-rarity=rare]{--rarity-tint:#e2edf2;--rarity-tone:#32647f}.shop-card[data-rarity=epic],.shop108-feature[data-rarity=epic],.product-layout[data-rarity=epic]{--rarity-tint:#ece4f0;--rarity-tone:#735087}.shop-card[data-rarity=legendary],.shop108-feature[data-rarity=legendary],.product-layout[data-rarity=legendary]{--rarity-tint:#f4e8cd;--rarity-tone:#8b621d}.shop-card[data-rarity=neutral],.shop108-feature[data-rarity=neutral],.product-layout[data-rarity=neutral]{--rarity-tint:var(--surface-muted);--rarity-tone:var(--muted)}
html[data-theme=dark] :is(.shop-card,.shop108-feature,.product-layout)[data-rarity=common]{--rarity-tint:#31372d;--rarity-tone:#c4d4af}html[data-theme=dark] :is(.shop-card,.shop108-feature,.product-layout)[data-rarity=rare]{--rarity-tint:#273846;--rarity-tone:#a7d8f1}html[data-theme=dark] :is(.shop-card,.shop108-feature,.product-layout)[data-rarity=epic]{--rarity-tint:#382d40;--rarity-tone:#dbc2e8}html[data-theme=dark] :is(.shop-card,.shop108-feature,.product-layout)[data-rarity=legendary]{--rarity-tint:#433722;--rarity-tone:#f1d494}
.shop-market-grid .shop-card[data-rarity]{border-color:color-mix(in srgb,var(--rarity-tone) 24%,var(--border))}.shop-market-grid .shop-card[data-rarity] .shop-card-art{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--rarity-tone) 20%,transparent)}
.shop-rarity-badge{display:inline-flex;align-items:center;gap:5px;width:max-content;max-width:calc(100% - 18px);padding:4px 8px;border:1px solid color-mix(in srgb,var(--rarity-tone) 24%,transparent);border-radius:7px;background:color-mix(in srgb,var(--rarity-tint) 88%,var(--surface));color:var(--rarity-tone);font-size:10px;font-weight:800;line-height:1.15;letter-spacing:.035em;text-transform:uppercase}
.shop-card-art>.shop-rarity-badge{position:absolute;z-index:4;top:8px;left:8px}.product-layout>.product-art+div>.shop-rarity-badge{margin-top:14px}.purchase-rarity{position:static;margin:1px 0 4px}.purchase-receipt .purchase-rarity[data-rarity-badge=common]{--rarity-tint:#e8e9df;--rarity-tone:#586148}.purchase-receipt .purchase-rarity[data-rarity-badge=rare]{--rarity-tint:#e2edf2;--rarity-tone:#32647f}.purchase-receipt .purchase-rarity[data-rarity-badge=epic]{--rarity-tint:#ece4f0;--rarity-tone:#735087}.purchase-receipt .purchase-rarity[data-rarity-badge=legendary]{--rarity-tint:#f4e8cd;--rarity-tone:#8b621d}
.shop-rarity-filter{display:grid;min-width:140px;gap:3px;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase}.shop-rarity-filter select{min-height:40px;padding:7px 10px;border:1px solid var(--border);border-radius:11px;background:var(--surface);color:var(--text);font-size:13px;font-weight:650;text-transform:none}
.shop-collections .shop-collection-scene{transition:border-color var(--speed),background var(--speed),transform var(--speed),box-shadow var(--speed)}
@media(hover:hover){.shop-market-grid .shop-card[data-rarity]:hover{border-color:color-mix(in srgb,var(--rarity-tone) 50%,var(--border));transform:translateY(-3px)}.shop-market-grid .shop-card:hover .shop-art-content{transform:translateY(-3px)}.shop-collections .shop-collection-scene:hover{border-color:var(--accent);transform:translateY(-1px)}}
@keyframes shop108-float{50%{transform:translateY(-6px)}}
@media(max-width:1040px){.shop108-hero{grid-template-columns:minmax(0,1fr) repeat(2,minmax(220px,.72fr))}.shop108-hero-copy{grid-column:1/-1;padding-right:0}.shop108-hero-copy>p:not(.eyebrow){max-width:760px}}
@media(max-width:700px){.shop108-hero{grid-template-columns:1fr 1fr;padding:24px 16px 20px}.shop108-hero-copy{grid-column:1/-1}.shop108-hero-copy h1{font-size:38px}.shop108-feature>.shop108-feature-art{min-height:165px}.shop108-feature-art .catalog-art{width:136px;height:136px}.shop108-achievement-teaser{padding:18px}.shop-rarity-filter{min-width:130px}.shop-destinations .shop-missions-link{margin-left:0}}
@media(max-width:520px){.shop108-hero{grid-template-columns:1fr;gap:11px}.shop108-feature,.shop108-achievement-teaser{min-height:0}.shop108-feature{display:grid;grid-template-columns:128px minmax(0,1fr);align-items:center}.shop108-feature>.shop108-feature-art{min-height:128px}.shop108-feature-art .catalog-art{width:112px;height:112px}.shop108-hero-actions>.button{flex:1 1 100%}.shop108-achievement-teaser{align-items:center}.shop-rarity-filter{flex:1 1 130px}.shop-rarity-filter select{width:100%}.shop-card-art>.shop-rarity-badge{top:6px;left:6px;max-width:calc(100% - 42px);font-size:8px}}
@media(prefers-reduced-motion:reduce){.shop108-feature-art .catalog-art{animation:none}.shop-market-grid .shop-card,.shop-market-grid .shop-art-content,.shop-collections .shop-collection-scene{transition:none}}

[data-shop-preview^="skin.kitty.animated"]>svg{display:block;width:100%;height:100%;image-rendering:auto}

/* Compact faceted crystals with English labels on hover and keyboard focus. */
.shop-rarity-badge{position:relative;display:inline-grid;place-items:center;width:28px;height:28px;max-width:none;padding:0;border-radius:9px;background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--crystal-glow) 42%,transparent),transparent 72%),color-mix(in srgb,var(--rarity-tint) 88%,var(--surface));font-size:13px;overflow:visible;cursor:help;touch-action:manipulation;box-shadow:inset 0 1px 0 rgb(255 255 255/42%)}
.shop-rarity-badge[data-rarity-badge=common]{--crystal-light:#f2f8ec;--crystal-mid:#a9bf99;--crystal-right:#718264;--crystal-dark:#46513e;--crystal-glow:#b8cdaa}.shop-rarity-badge[data-rarity-badge=rare]{--crystal-light:#e9faff;--crystal-mid:#72c6e8;--crystal-right:#3685ad;--crystal-dark:#205471;--crystal-glow:#71c8ee}.shop-rarity-badge[data-rarity-badge=epic]{--crystal-light:#f9efff;--crystal-mid:#c78be2;--crystal-right:#8b4fb0;--crystal-dark:#57316f;--crystal-glow:#d399ed}.shop-rarity-badge[data-rarity-badge=legendary]{--crystal-light:#fff8d8;--crystal-mid:#f3c65c;--crystal-right:#c78625;--crystal-dark:#815014;--crystal-glow:#ffd66f}.shop-rarity-badge[data-rarity-badge=neutral]{--crystal-light:#f5f5f5;--crystal-mid:#bbb;--crystal-right:#858585;--crystal-dark:#555;--crystal-glow:#ccc}
.shop-rarity-crystal{position:relative;display:block;width:18px;height:20px;clip-path:polygon(50% 0,85% 18%,100% 58%,50% 100%,0 58%,15% 18%);background:conic-gradient(from 42deg at 50% 54%,var(--crystal-right),var(--crystal-light) 18%,var(--crystal-mid) 40%,var(--crystal-dark) 63%,var(--crystal-right) 82%,var(--crystal-light));filter:drop-shadow(0 1px 1px rgb(26 24 20/34%)) drop-shadow(0 0 3px var(--crystal-glow));isolation:isolate}.shop-rarity-crystal::before{content:"";position:absolute;inset:2px 3px 7px;clip-path:polygon(50% 0,100% 42%,50% 100%,0 42%);background:linear-gradient(135deg,var(--crystal-light) 0 47%,var(--crystal-mid) 48% 72%,var(--crystal-right) 73%)}.shop-rarity-crystal::after{content:"";position:absolute;top:3px;left:6px;width:4px;height:7px;clip-path:polygon(28% 0,100% 18%,65% 100%,0 66%);background:rgb(255 255 255/78%);transform:rotate(-10deg)}
.shop-rarity-badge::after{content:attr(data-rarity-label);position:absolute;z-index:20;top:50%;left:calc(100% + 6px);transform:translateY(-50%);padding:5px 8px;border-radius:6px;background:var(--rarity-tone);color:var(--surface);font-size:10px;line-height:1;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none}
.shop-rarity-badge:hover::after,.shop-rarity-badge:focus::after{opacity:1;visibility:visible}
.shop-rarity-badge:focus-visible{outline:2px solid var(--rarity-tone);outline-offset:2px}
@media(max-width:520px){.shop-card-art>.shop-rarity-badge{max-width:none;font-size:13px}.shop-rarity-badge::after{top:calc(100% + 5px);left:0;transform:none}}

/* RARITY: soft ambient light plus an alpha-shaped rim around the pet. */
.shop-card:is([data-kind="skin"],[data-kind="pet"])[data-rarity="common"]{--pet-hover-glow:255 255 255;--pet-glow-strength:.62}
.shop-card:is([data-kind="skin"],[data-kind="pet"])[data-rarity="rare"]{--pet-hover-glow:53 151 255;--pet-glow-strength:1}
.shop-card:is([data-kind="skin"],[data-kind="pet"])[data-rarity="epic"]{--pet-hover-glow:174 82 255;--pet-glow-strength:1}
.shop-card:is([data-kind="skin"],[data-kind="pet"])[data-rarity="legendary"]{--pet-hover-glow:255 130 35;--pet-glow-strength:1}
.shop-card:is([data-kind="skin"],[data-kind="pet"]):is([data-rarity="common"],[data-rarity="rare"],[data-rarity="epic"],[data-rarity="legendary"]) .shop-card-art{isolation:isolate}
.shop-card:is([data-kind="skin"],[data-kind="pet"]) .shop-card-art::before{content:"";position:absolute;z-index:0;inset:10% 18%;border-radius:50%;background:radial-gradient(ellipse at 50% 54%,rgb(var(--pet-hover-glow,255 255 255)/.22) 0%,rgb(var(--pet-hover-glow,255 255 255)/.12) 34%,transparent 70%);opacity:0;transform:scale(.86);transition:opacity .55s ease-in-out,transform .65s ease-out;pointer-events:none}
.shop-card:is([data-kind="skin"],[data-kind="pet"]) .shop-art-content{position:relative;z-index:1}
@media(hover:hover){.shop-card:is([data-kind="skin"],[data-kind="pet"]) .shop-card-art:hover::before{opacity:var(--pet-glow-strength,0);transform:scale(1)}}
.shop-card:is([data-kind="skin"],[data-kind="pet"]) .shop-card-art:focus-within::before{opacity:var(--pet-glow-strength,0);transform:scale(1)}
@media(prefers-reduced-motion:reduce){.shop-card:is([data-kind="skin"],[data-kind="pet"]) .shop-card-art::before{transition:none}}

/* Filter the composed transparent artwork, never its rectangular card or atlas. */
.shop-card:is([data-kind="skin"],[data-kind="pet"]) .shop-art-content .catalog-art{filter:drop-shadow(0 0 1px transparent) drop-shadow(0 0 4px transparent) drop-shadow(0 0 9px transparent) drop-shadow(0 0 15px transparent);transition:filter .55s ease-in-out}
.shop-card:is([data-kind="skin"],[data-kind="pet"])[data-rarity="legendary"]{--pet-hover-glow:255 173 46;--pet-rim-light:255 242 177}
.shop-card:is([data-kind="skin"],[data-kind="pet"]) .shop-card-art:focus-within .shop-art-content .catalog-art{filter:drop-shadow(0 0 1px rgb(var(--pet-rim-light, var(--pet-hover-glow))/.95)) drop-shadow(0 0 4px rgb(var(--pet-hover-glow)/.85)) drop-shadow(0 0 9px rgb(var(--pet-hover-glow)/.62)) drop-shadow(0 0 15px rgb(var(--pet-hover-glow)/.28))}
@media(hover:hover){.shop-card:is([data-kind="skin"],[data-kind="pet"]) .shop-card-art:hover .shop-art-content .catalog-art{filter:drop-shadow(0 0 1px rgb(var(--pet-rim-light, var(--pet-hover-glow))/.95)) drop-shadow(0 0 4px rgb(var(--pet-hover-glow)/.85)) drop-shadow(0 0 9px rgb(var(--pet-hover-glow)/.62)) drop-shadow(0 0 15px rgb(var(--pet-hover-glow)/.28))}}
@media(prefers-reduced-motion:reduce){.shop-card:is([data-kind="skin"],[data-kind="pet"]) .shop-art-content .catalog-art{transition:none}}

/* Legendary embers remain behind the model; opacity owns the fade independently of drift. */
.shop-card:is([data-kind="skin"],[data-kind="pet"])[data-rarity="legendary"] .shop-card-art::after{content:"";display:block;position:absolute;z-index:0;inset:12% 23%;border:0;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(ellipse 2px 5px at 16% 38%,#fff9d6 35%,#ffbf58 60%,transparent 100%),radial-gradient(ellipse 3px 3px at 28% 20%,#fff7ce 30%,#ffb94c 55%,transparent 100%),radial-gradient(ellipse 2px 4px at 77% 24%,#fff9dc 35%,#ffc55e 60%,transparent 100%),radial-gradient(ellipse 3px 3px at 87% 55%,#fff8d9 30%,#ffb94c 60%,transparent 100%),radial-gradient(ellipse 2px 4px at 72% 80%,#fff9dc 35%,#ffc55e 60%,transparent 100%),radial-gradient(ellipse 3px 3px at 22% 76%,#fff7ce 30%,#ffb94c 60%,transparent 100%),radial-gradient(ellipse 2px 2px at 43% 12%,#fffbe5 35%,#ffc55e 65%,transparent 100%),radial-gradient(ellipse 2px 3px at 91% 33%,#fffbe5 35%,#ffc55e 65%,transparent 100%);filter:drop-shadow(0 0 4px #ffb439);transition:opacity .55s ease-in-out;animation:legendary-embers117 2.8s ease-in-out infinite alternate;animation-play-state:paused}
@keyframes legendary-embers117{from{transform:translateY(4px) scale(.96);filter:drop-shadow(0 0 2px #ffb439) brightness(.9)}to{transform:translateY(-7px) scale(1.04);filter:drop-shadow(0 0 5px #ffd37b) brightness(1.35)}}
@media(hover:hover){.shop-card:is([data-kind="skin"],[data-kind="pet"])[data-rarity="legendary"] .shop-card-art:hover::after{opacity:1;animation-play-state:running}}
.shop-card:is([data-kind="skin"],[data-kind="pet"])[data-rarity="legendary"] .shop-card-art:focus-within::after{opacity:1;animation-play-state:running}
@media(prefers-reduced-motion:reduce){.shop-card:is([data-kind="skin"],[data-kind="pet"])[data-rarity="legendary"] .shop-card-art::after{transition:none;animation:none}}

/* SHOP118: all five appearance filters share one row. */
.shop-browse .shop-appearance-filters{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;overflow-x:auto;scrollbar-width:thin}
.shop-browse .shop-appearance-filters>button{flex-direction:column;text-align:center}
.shop-browse .shop-appearance-filters .shop-selector-label{white-space:nowrap}
@media(max-width:700px){.shop-browse .shop-appearance-filters{grid-template-columns:repeat(5,minmax(116px,1fr));overscroll-behavior-x:contain}}

/* Shop heading after removing promotional links. */
.shop108-hero{grid-template-columns:minmax(0,1fr) minmax(220px,.42fr)}
@media(max-width:1040px){.shop108-hero{grid-template-columns:minmax(0,1fr) minmax(220px,.42fr)}.shop108-hero-copy{grid-column:auto}}
@media(max-width:700px){.shop108-hero{grid-template-columns:1fr}.shop108-hero-copy{grid-column:auto}}

/* Character and style selector. */
.shop-browse .shop-pet-panel{padding:10px;border:1px solid var(--border);border-radius:22px;background:var(--surface);box-shadow:0 8px 28px rgb(45 32 23 / 5%)}
.shop-browse .shop-appearance-filters{gap:6px;margin:0;padding:5px;border:0;border-radius:16px;background:color-mix(in srgb,var(--surface-muted) 85%,var(--surface))}
.shop-browse .shop-appearance-filters>button{min-height:72px;border-radius:12px;transition:background .18s,color .18s,box-shadow .18s}
.shop-browse .shop-appearance-filters>button[aria-pressed=true]{background:var(--surface);box-shadow:0 3px 12px rgb(45 32 23 / 10%)}
.shop-browse .shop-characters{gap:6px;padding:13px 4px 4px;justify-content:flex-start}
.shop-browse .shop-characters>button{min-width:78px;min-height:76px;padding:7px 9px;border:1px solid transparent;border-radius:14px;transition:background .18s,border-color .18s,transform .18s}
.shop-browse .shop-characters>button:hover{background:var(--surface-muted);transform:translateY(-2px)}
.shop-browse .shop-characters>button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}
.shop-browse .shop-characters>button:focus-visible,.shop-browse .shop-appearance-filters>button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.shop-browse .shop-animated-shortcut .shop-style-pet,.shop-browse .shop-animated-shortcut .catalog-art{width:38px;height:38px}
.shop-live-label{color:var(--accent);font-size:.78em;font-weight:700}
@media(max-width:700px){.shop-browse .shop-pet-panel{padding:7px}.shop-browse .shop-characters{gap:4px;padding-top:10px}.shop-browse .shop-characters>button{min-width:72px;padding:6px}.shop-browse .shop-appearance-filters>button{min-height:66px}}
@media(prefers-reduced-motion:reduce){.shop-browse .shop-characters>button,.shop-browse .shop-appearance-filters>button{transition:none}.shop-browse .shop-characters>button:hover{transform:none}}
.shop-browse .shop-characters{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));align-items:stretch}
.shop-browse .shop-characters>button{width:100%;min-width:0}
.shop-browse .shop-characters .shop-selector-label{max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:center;line-height:1.2}
@media(max-width:700px){.shop-browse .shop-characters{grid-template-columns:repeat(5,minmax(0,1fr));gap:3px}.shop-browse .shop-characters>button{min-width:0;padding:5px 2px;font-size:10px}.shop-browse .shop-characters .shop-pet-art,.shop-browse .shop-characters .shop-pet-art .catalog-art{width:34px;height:34px}}

/* Subtle pet tiles with fixed columns, including a single filtered pet. */
.shop-browse .shop-characters>button{border-color:transparent;background:transparent;box-shadow:none}
.shop-browse .shop-characters>button[aria-pressed=true]{border-color:transparent;background:transparent;box-shadow:none}
.shop-browse .shop-characters .shop-pet-art{border-radius:12px;background:color-mix(in srgb,var(--accent) 5%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 8%,transparent);transition:background .22s ease,box-shadow .22s ease,transform .22s ease}
.shop-browse .shop-characters>button[aria-pressed=true] .shop-pet-art{background:color-mix(in srgb,var(--accent) 11%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 24%,transparent)}
@media(hover:hover){.shop-browse .shop-characters>button:hover{background:transparent;transform:none}.shop-browse .shop-characters>button:hover .shop-pet-art{transform:translateY(-2px);background:color-mix(in srgb,var(--accent) 10%,var(--surface))}}
@media(prefers-reduced-motion:reduce){.shop-browse .shop-characters .shop-pet-art{transition:none}.shop-browse .shop-characters>button:hover .shop-pet-art{transform:none}}
@media(prefers-reduced-motion:no-preference){
 .shop-browse .shop-characters .shop-pet-art{animation:pet-tile-breathe 4.5s ease-in-out infinite}
 .shop-browse .shop-characters>button:nth-child(3n+2) .shop-pet-art{animation-delay:-1.5s}
 .shop-browse .shop-characters>button:nth-child(3n) .shop-pet-art{animation-delay:-3s}
}
@keyframes pet-tile-breathe{0%,100%{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 8%,transparent)}50%{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 18%,transparent)}}

/* Slightly roomier pet backplates and softer labels. */
.shop-browse .shop-characters .shop-pet-art{width:48px;height:48px}
.shop-browse .shop-characters .shop-selector-label{font-weight:600;letter-spacing:.005em;line-height:1.25}
@media(max-width:700px){.shop-browse .shop-characters .shop-pet-art{width:42px;height:42px}.shop-browse .shop-characters .shop-selector-label{font-size:10px}}

/* Keep pet names legible and wrap only at word boundaries. */
.shop-browse .shop-characters{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}
.shop-browse .shop-characters .shop-selector-label{overflow-wrap:normal;word-break:normal;hyphens:none;font-size:12px}
@media(max-width:700px){.shop-browse .shop-characters{grid-template-columns:repeat(3,minmax(0,1fr))}.shop-browse .shop-characters .shop-selector-label{font-size:12px}}
@media(max-width:380px){.shop-browse .shop-characters{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Classic previews use the native YouTube red slider. */
.timeline-marker-real-preview:has([data-marker-finish="native"]) .timeline-marker-track::before{background:#f03}
.timeline-marker-real-preview [data-marker-finish="native"]{filter:none}

/* CHECKOUT134: compact editorial entry points, shared fitting-room scene. */
.checkout134-shop .checkout134-hero{display:block;padding:12px 24px 8px}
.checkout134-shop .checkout134-hero .shop108-hero-copy{padding:0}
.checkout134-shop .checkout134-hero h1{font-size:clamp(24px,3vw,34px);margin:0 0 5px}
.checkout134-shop .checkout134-hero .eyebrow{display:none}
.checkout134-shop .checkout134-hero .shop108-hero-copy>p{font-size:14px;margin:0}
.checkout134-starters{max-width:var(--max);margin:0 auto;padding:6px 24px 12px}
.checkout134-starters h2{font-size:17px;margin:0 0 7px}
.checkout134-choices{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:8px}
.checkout134-choices>button{display:grid;grid-template-rows:76px auto auto;align-content:start;gap:4px;min-width:0;padding:7px;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--text);font:inherit;text-align:center;cursor:pointer}
.checkout134-choices>button:hover,.checkout134-choices>button:focus-visible{border-color:var(--accent);background:var(--accent-soft)}
.checkout134-choices>button>span:not(.checkout134-choice-art){font-size:12px;font-weight:650;line-height:1.2;overflow-wrap:anywhere}
.checkout134-choices small{font-size:11px;color:var(--muted)}
.checkout134-choice-art{position:relative;display:grid;place-items:center;min-width:0;overflow:hidden;border-radius:8px;background:var(--surface-muted);pointer-events:none}
.checkout134-choice-art .catalog-art{width:64px;height:64px}
.checkout134-choice-art .shop-art-content{display:grid;place-items:center;width:100%;height:100%}
.checkout134-choice-art .arcade-bundle-preview{transform:scale(.35);transform-origin:center;width:260px;height:180px}
.checkout134-classic{font-size:28px;color:var(--accent)}
@media(max-width:700px){.checkout134-shop .checkout134-hero{padding:8px 16px}.checkout134-starters{padding:0 16px 8px}.checkout134-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.checkout134-choices>button{grid-template-columns:32px minmax(0,1fr);grid-template-rows:auto auto;gap:2px 5px;padding:5px;text-align:left}.checkout134-choice-art{grid-row:1/3;min-height:38px}.checkout134-choice-art .catalog-art{width:34px;height:34px}.checkout134-choices>button>span:not(.checkout134-choice-art){font-size:10px}.checkout134-choices small{font-size:9px}.checkout134-starters h2{font-size:15px}}

/* CHECKOUT134 purchase summary */
.checkout134-target-art{float:right;width:160px;height:160px;margin:0 0 16px 20px;border-radius:20px;background:var(--surface-muted);overflow:hidden}.checkout134-target-art img{width:100%;height:100%;object-fit:contain}.checkout134-direct{clear:both;padding:20px;margin:16px 0;border:1px solid var(--border);border-radius:16px;background:var(--surface)}.checkout134-direct button{white-space:normal;overflow-wrap:anywhere}.checkout134-direct p{max-width:65ch}.checkout134-purchase-explanation{font-weight:650}.coins-target:after{content:"";display:block;clear:both}@media(max-width:480px){.checkout134-target-art{float:none;width:120px;height:120px;margin:0 0 12px}.checkout134-direct{padding:14px}}
.checkout134-classic-track{position:relative;width:75%;height:3px;border-radius:3px;background:var(--border)}
.checkout134-classic-track:before{content:'';position:absolute;left:0;top:0;width:55%;height:3px;background:#e24453;border-radius:3px}
.checkout134-classic-track:after{content:'';position:absolute;left:55%;top:50%;width:9px;height:9px;border-radius:50%;background:#e24453;transform:translate(-50%,-50%)}

/* The product tiles repeat the rounded square silhouette of the Pipguin mark. */
.shop-products .shop-market-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.shop-products .shop-market-grid .shop-card{aspect-ratio:1;min-height:0;border-radius:clamp(22px,8%,38px)}
.shop-products .shop-market-grid .shop-card:not([data-kind=bundle]) .shop-card-art{height:52%;min-height:0;border-radius:clamp(16px,7%,28px)}
.shop-products .shop-market-grid .shop-card:not([data-kind=bundle]) .shop-card-art .catalog-art{width:160px;height:160px;max-width:100%;max-height:100%}
.shop-products .shop-market-grid .shop-card:not([data-kind=bundle]) .shop-item-use{margin:0}
.shop-products .shop-market-grid .shop-card:not([data-kind=bundle]) .card-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-height:44px;gap:6px;margin-top:auto;padding:0}
.shop-products .shop-market-grid .shop-card:not([data-kind=bundle]) .card-actions>.button{min-height:44px;height:44px}
.shop-products .shop-market-grid .shop-card[data-section=sets]{grid-column:auto;display:flex;flex-direction:column;gap:0;padding:10px}
.shop-products .shop-market-grid .shop-card[data-section=sets] .shop-card-art{flex:0 0 47%;height:47%;min-height:0;overflow:hidden;border-radius:clamp(16px,7%,28px)}
.shop-products .shop-market-grid .shop-card[data-section=sets] .shop-card-body{align-self:stretch;padding:8px 3px 0}
.shop-products .shop-market-grid .shop-card[data-section=sets] .bundle-card-details{margin:5px 3px 0;font-size:12px}
.shop-products .shop-market-grid .shop-card[data-section=sets] .bundle-card-details summary{color:var(--accent);font-weight:750;cursor:pointer}
.shop-products .shop-market-grid .shop-card[data-section=sets] .bundle-card-components{max-width:none;margin:8px 0}
.shop-products .shop-market-grid .shop-card[data-section=sets] .card-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-height:48px;gap:6px;align-self:stretch;margin-top:auto;padding:0}
.shop-products .shop-market-grid .shop-card[data-section=sets] .card-actions>.button{min-height:48px;padding:5px;font-size:11px;line-height:1.15}
.shop-products .shop-market-grid .shop-card[data-section=sets]:has(.bundle-card-details[open]){aspect-ratio:auto}
@media(max-width:600px){.shop-products .shop-market-grid{grid-template-columns:minmax(0,1fr)!important}.shop-products .shop-market-grid .shop-card[data-kind=theme],.shop-products .shop-market-grid .shop-card[data-kind=progress_style]{grid-column:auto}.shop-products .shop-market-grid .shop-card:not([data-kind=bundle]) .shop-card-art{flex:0 0 45%;height:45%}.shop-products .shop-market-grid .shop-card:not([data-kind=bundle]) .shop-card-art .catalog-art{width:clamp(112px,30vw,160px);height:clamp(112px,30vw,160px)}}
@media(max-width:600px){.shop-products .shop-market-grid .shop-card[data-section=sets] .shop-card-art{flex-basis:40%;height:40%}.shop-products .shop-market-grid .shop-card[data-section=sets] .shop-card-body{padding-top:5px}.shop-products .shop-market-grid .shop-card[data-section=sets] .bundle-card-details{margin-top:3px}}
@media(max-width:600px){.shop-products .shop-market-grid .shop-card[data-section=sets].royal-bundle-card .shop-card-art{flex-basis:31%;height:31%}}

.shop108-medal,.shop108-medal .achievement-medal{width:64px;height:64px}

/* Pipguin site brand: the approved red square, bright store scene, and timeline pet. */
:root{--bg:#f7f9fd;--surface:#fff;--surface-muted:#edf2fa;--text:#302637;--muted:#655e70;--border:#dfe4ef;--accent:#d10038;--accent-soft:#fff0f3;--highlight:#8cb3fa;--focus:#2862c7;--shadow:0 14px 38px rgb(45 53 83/9%)}
html[data-theme=dark]{--bg:#151925;--surface:#202637;--surface-muted:#293348;--text:#f9f7fd;--muted:#bac3d5;--border:#3c4961;--accent:#ff7089;--accent-soft:#493042;--highlight:#8cb3fa;--focus:#93baff;--shadow:0 14px 38px rgb(0 0 0/25%)}
body[data-route=home]{--bg:#f9fafc;--surface:#fff;--surface-muted:#edf3fc;--text:#302637;--muted:#655e70;--border:#e1e5ed;--accent:#d10038;--accent-soft:#fff0f3;--highlight:#8cb3fa;--focus:#2862c7}
html[data-theme=dark] body[data-route=home]{--bg:#151925;--surface:#202637;--surface-muted:#293348;--text:#f9f7fd;--muted:#bac3d5;--border:#3c4961;--accent:#ff7089;--accent-soft:#493042;--highlight:#8cb3fa;--focus:#93baff}
.home-landing{background:linear-gradient(#f9fafc,#f5f8fd 45%,#f9fafc)}
html[data-theme=dark] .home-landing{background:linear-gradient(#151925,#1a2030 45%,#151925)}
.home-hero{position:relative;isolation:isolate;width:calc(100% - 32px);max-width:1200px;min-height:670px;margin:28px auto 0;padding:64px 50px;gap:44px;border:1px solid #e9edf5;border-radius:38px;background:linear-gradient(90deg,rgb(255 255 255/94%) 0%,rgb(255 255 255/76%) 43%,rgb(255 255 255/42%) 100%),url('/assets/branding/pipguin-site-scene.webp') center/cover;box-shadow:0 26px 70px rgb(62 79 125/11%)}
html[data-theme=dark] .home-hero{border-color:#455371;background:linear-gradient(90deg,rgb(23 29 44/96%),rgb(23 29 44/84%)),url('/assets/branding/pipguin-site-scene.webp') center/cover}
.home-badge{border-color:#f0d9df;background:#fff8f9;color:#aa1038}
.home-badge span,.home-hero h1 span{color:#df003d}
html[data-theme=dark] .home-badge{border-color:#71445a;background:#332638;color:#ffb2c1}
html[data-theme=dark] .home-hero h1 span{color:#ff7089}
.home-hero .lead{max-width:490px;line-height:1.58}
.home-landing .button.primary{background:#d10038;color:#fff;box-shadow:0 9px 21px rgb(209 0 56/20%)}
.home-landing .button.secondary{background:rgb(255 255 255/88%);border-color:#e3d9e5}
html[data-theme=dark] .home-landing .button.secondary{background:#202637;border-color:#48516a}
.home-orbit{display:none}
.home-showcase{padding:42px 10px 56px 12px}
.home-brand-art{z-index:3;top:-10px;left:auto;right:-6px;width:96px;height:96px;opacity:1;mask-image:none;transform:rotate(8deg);filter:drop-shadow(5px 8px 0 #bd0032) drop-shadow(5px 13px 12px rgb(91 42 70/30%))}
.home-window-label{color:#504563;font-weight:800}
.home-window-label span{color:#e4003b}
.home-showcase .player-demo{border:7px solid #fff;transform:rotate(-2deg);background:#1f2a46;box-shadow:0 26px 50px rgb(28 46 83/27%)}
.home-showcase .demo-top,.home-showcase .demo-controls{background:#1f2a46;color:#f7f9ff}
.home-showcase .demo-live{background:#ff0033;color:#fff}
.home-showcase .demo-scene{background:#a8d0fa;overflow:hidden}
.home-showcase .home-landscape{background:linear-gradient(165deg,#d9f0ff,#a9d4fa 62%,#78a9e5)}
.home-showcase .home-sun{background:#ffe7a1;box-shadow:0 0 45px #ffe3a7a3}
.home-showcase .home-hill{background:#85afe5}
.home-showcase .home-hill.hill-front{background:#517fca}
.home-showcase .home-landscape>span{color:#35557c}
.home-showcase .demo-pet{position:absolute;z-index:4;left:calc(36% - 26px);bottom:43px;width:86px;height:86px;image-rendering:pixelated;filter:drop-shadow(0 8px 5px rgb(21 30 59/27%));animation:home-timeline-run 5s linear infinite;animation-play-state:paused}
.home-showcase .demo-progress{position:relative;z-index:2;height:7px;background:#d8dce8}
.home-showcase .demo-progress span{position:relative;width:36%;background:#ff0033}
.home-showcase .demo-progress span:after{content:'';position:absolute;right:-7px;top:-4px;width:15px;height:15px;border:3px solid #fff;border-radius:50%;background:#ff0033;box-shadow:0 1px 5px #28304c66}
.home-showcase [data-demo-playing=true] .demo-progress span{animation:home-timeline-fill 5s linear infinite}
.home-floating-note{border-color:#e4e7f0;background:#fff;box-shadow:0 12px 28px #28436a22}
.home-floating-note>span{background:#fff0f3;color:#d10038}
.home-benefits .card-grid{border-color:#e1e5ed}
.home-feature-number{font-family:inherit;font-weight:900;color:#d10038}
.home-pet-card{color:#302637;background:#edf3ff}
.home-pet-dog{background:#fff0e4}
.home-pet-penguin{background:#e8f3ff}
.home-pet-card p{color:#625d70}
.home-pet-free{border-color:#cfdae9;background:#fff9}
.home-free-stamp{border:1px solid #f1d9e0;border-radius:28px;background:linear-gradient(150deg,#fff0f3,#f0f5ff)}
.home-free-stamp>span,.home-free-stamp a{color:#d10038}
.home-free-stamp strong{font-family:inherit;font-weight:800}
.home-cta{border-color:#e6dce7;background:linear-gradient(120deg,#fff0f3,#eaf2ff)}
html[data-theme=dark] .home-pet-card{color:#f9f7fd;background:#263751}
html[data-theme=dark] .home-pet-dog{background:#493c3e}
html[data-theme=dark] .home-pet-penguin{background:#253d57}
html[data-theme=dark] .home-pet-card p{color:#cbd3e1}
html[data-theme=dark] .home-pet-free{border-color:#5c6680;background:#293348}
html[data-theme=dark] .home-free-stamp,html[data-theme=dark] .home-cta{border-color:#4b4057;background:linear-gradient(120deg,#41293d,#25364d)}
@keyframes home-timeline-run{0%{left:calc(36% - 26px);transform:translateY(0)}12%{transform:translateY(-4px)}24%{transform:translateY(0)}36%{transform:translateY(-4px)}50%{transform:translateY(0)}62%{transform:translateY(-4px)}74%{transform:translateY(0)}86%{transform:translateY(-4px)}100%{left:calc(65% - 26px);transform:translateY(0)}}
@keyframes home-timeline-fill{from{width:36%}to{width:65%}}
@media(max-width:1000px){.home-hero{padding:42px 32px;gap:24px;min-height:610px}}
@media(max-width:760px){.home-hero{width:calc(100% - 20px);margin-top:10px;padding:28px 22px 34px;border-radius:28px;background:linear-gradient(rgb(255 255 255/88%),rgb(255 255 255/74%)),url('/assets/branding/pipguin-site-scene.webp') center/cover}.home-hero h1{font-size:clamp(36px,8vw,54px)}.home-showcase{padding:22px 8px 20px}.home-brand-art{top:0;right:0;width:72px;height:72px}.home-floating-note{margin-top:18px}}
@media(max-width:440px){.home-hero{padding:24px 18px 28px}.home-brand-art{width:62px;height:62px;top:-4px;right:-3px}.home-showcase .demo-pet{width:72px;height:72px;bottom:42px}.home-showcase .player-demo{border-width:5px}.home-showcase .demo-progress span:after{width:13px;height:13px;top:-3px}}
@media(prefers-reduced-motion:reduce){.home-showcase .demo-pet,.home-showcase [data-demo-playing=true] .demo-progress span{animation:none!important}}
body[data-route=features] .page-hero,body[data-route=pets] .page-hero,body[data-route=help] .page-hero,body[data-route=contact] .page-hero{width:calc(100% - 32px);max-width:1152px;margin:24px auto 0;padding:48px;border:1px solid #e7ebf3;border-radius:30px;background:linear-gradient(90deg,rgb(255 255 255/94%),rgb(255 255 255/68%)),url('/assets/branding/pipguin-site-scene.webp') center/cover;box-shadow:0 18px 48px rgb(62 79 125/8%)}
html[data-theme=dark] body[data-route=features] .page-hero,html[data-theme=dark] body[data-route=pets] .page-hero,html[data-theme=dark] body[data-route=help] .page-hero,html[data-theme=dark] body[data-route=contact] .page-hero{border-color:#455371;background:linear-gradient(90deg,rgb(25 32 48/96%),rgb(25 32 48/80%)),url('/assets/branding/pipguin-site-scene.webp') center/cover}
body[data-route=features] .page-hero .eyebrow,body[data-route=pets] .page-hero .eyebrow,body[data-route=help] .page-hero .eyebrow,body[data-route=contact] .page-hero .eyebrow{color:#bd0035}
html[data-theme=dark] body[data-route=features] .page-hero .eyebrow,html[data-theme=dark] body[data-route=pets] .page-hero .eyebrow,html[data-theme=dark] body[data-route=help] .page-hero .eyebrow,html[data-theme=dark] body[data-route=contact] .page-hero .eyebrow{color:#ff8ca0}
.site-header .brand img,.site-footer .brand img{border-radius:12px;filter:drop-shadow(0 3px 3px rgb(125 0 36/16%))}
@media(max-width:760px){body[data-route=features] .page-hero,body[data-route=pets] .page-hero,body[data-route=help] .page-hero,body[data-route=contact] .page-hero{width:calc(100% - 20px);margin-top:10px;padding:26px 22px;border-radius:24px}}
html[data-theme=dark] .home-window-label{color:#dbe3f6}

/* Compact character collections, including narrow storefronts. */
.shop-animated-subgroups{display:flex;gap:8px;margin:12px 0;flex-wrap:wrap}
.shop-animated-subgroups[hidden]{display:none}
.shop-animated-subgroups button{padding:9px 16px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);font:inherit;cursor:pointer}
.shop-animated-subgroups button[aria-pressed=true]{background:var(--accent);color:#fff}
.shop-products .shop-market-grid[data-compact-characters=true]{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px}
.shop-products .shop-market-grid[data-compact-characters=true] .shop-card{aspect-ratio:auto;min-width:0;padding:8px;border-radius:18px}
.shop-products .shop-market-grid[data-compact-characters=true] .shop-card .shop-card-art{height:120px;flex:0 0 120px;min-height:0}
.shop-products .shop-market-grid[data-compact-characters=true] .shop-card .shop-card-art .catalog-art{width:100px;height:100px;max-width:100%}
.shop-products .shop-market-grid[data-compact-characters=true] .shop-card h2{font-size:14px;overflow-wrap:anywhere}
.shop-products .shop-market-grid[data-compact-characters=true] .card-actions{grid-template-columns:1fr!important}
.shop-products .shop-market-grid[data-compact-characters=true] .card-actions>.button{height:auto;min-height:36px;white-space:normal;overflow-wrap:anywhere;padding:6px;font-size:12px}
@media(max-width:600px){.shop-products .shop-market-grid[data-compact-characters=true]{gap:5px}.shop-products .shop-market-grid[data-compact-characters=true] .shop-card{padding:4px;border-radius:12px}.shop-products .shop-market-grid[data-compact-characters=true] .shop-card .shop-card-art{height:80px;flex-basis:80px}.shop-products .shop-market-grid[data-compact-characters=true] .shop-card .shop-card-art .catalog-art{width:70px;height:70px}.shop-products .shop-market-grid[data-compact-characters=true] .shop-card h2{font-size:11px}.shop-products .shop-market-grid[data-compact-characters=true] .card-actions>.button{font-size:10px}}

@media(max-width:600px){.shop-products .shop-market-grid[data-compact-characters=true] .card-actions>.button{font-size:9px;padding:4px 2px;min-width:0;letter-spacing:-.02em}}

/* One animated catalog, with neutral collection headings and separators. */
.shop-animation-group{grid-column:1/-1;display:flex;align-items:center;gap:12px;width:100%;margin:12px 0 4px;color:var(--muted);font-size:13px;font-weight:700;line-height:1.5}
.shop-animation-group::after{content:'';height:1px;flex:1;background:var(--border)}
.shop-characters[data-animation-groups=true]{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));overflow:visible}
.shop-characters[data-animation-groups=true] button{min-width:0}
@media(max-width:960px){.shop-characters[data-animation-groups=true]{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:720px){.shop-characters[data-animation-groups=true]{grid-template-columns:repeat(3,minmax(0,1fr))}.shop-characters[data-animation-groups=true] button{flex-basis:auto}}

.full-access-shell{max-width:760px;margin:0 auto 72px;padding:clamp(24px,5vw,48px);border:1px solid var(--border);border-radius:32px;background:linear-gradient(145deg,var(--surface),var(--surface-soft));box-shadow:var(--shadow)}
.full-access-offer{text-align:center}.full-access-offer h2{margin-bottom:8px}.full-access-price{margin:4px 0 12px;font-size:clamp(2.4rem,9vw,4.6rem);font-weight:900;letter-spacing:-.06em;color:var(--text)}
.full-access-actions{justify-content:center;flex-wrap:wrap;margin:20px 0}.full-access-benefits{display:grid;gap:10px;margin:24px 0 0;padding:0;list-style:none}.full-access-benefits li{padding:12px 16px;border-radius:16px;background:var(--surface);border:1px solid var(--border)}.full-access-benefits li::before{content:'✓';margin-right:10px;color:var(--accent);font-weight:900}
.full-access-disclosure{margin:24px 0 0;padding:16px;text-align:left;border:1px solid var(--border);border-radius:16px;background:var(--surface)}.full-access-disclosure p{margin:0}.full-access-disclosure p+p{margin-top:8px}.full-access-policy-language{display:grid;gap:6px;margin-bottom:12px;font-weight:800}.full-access-policy-language select{width:100%;min-height:44px}

/* The storefront opens on pets and gives their selector enough room to read as a showcase. */
.shop-browse>.shop-category-tabs{position:relative;top:auto;z-index:2}
.shop-browse>.shop-category-tabs button[aria-selected=true]{background:linear-gradient(135deg,var(--accent-soft),var(--surface));color:var(--text);box-shadow:0 7px 20px rgb(36 43 64/12%)}
.shop-pet-panel{padding:24px 26px;border-color:color-mix(in srgb,var(--accent) 22%,var(--border));box-shadow:0 16px 44px rgb(36 43 64/9%)}
.shop-pet-panel .shop-panel-heading h2{font-size:clamp(22px,2.4vw,30px);letter-spacing:-.025em}
.shop-characters{grid-template-columns:repeat(7,minmax(92px,1fr));gap:12px}
.shop-characters button{padding:13px 8px;gap:9px;border-radius:18px;background:color-mix(in srgb,var(--surface-muted) 62%,transparent)}
.shop-pet-art{width:92px;height:92px}.shop-pet-art .catalog-art{width:90px;height:90px}
.shop-products .shop-market-grid:not([data-compact-characters=true]){gap:18px}
.shop-products .shop-market-grid:not([data-compact-characters=true]) .shop-card-art{min-height:190px}
.shop-products .shop-market-grid:not([data-compact-characters=true]) .shop-card-art .catalog-art{width:148px;height:148px}
@media(max-width:960px){.shop-characters{grid-template-columns:repeat(4,minmax(92px,1fr))}}
@media(max-width:720px){.shop-pet-panel{padding:18px 16px}.shop-characters{grid-template-columns:repeat(3,minmax(88px,1fr));gap:9px}.shop-pet-art{width:82px;height:82px}.shop-pet-art .catalog-art{width:80px;height:80px}.shop-products .shop-market-grid:not([data-compact-characters=true]) .shop-card-art .catalog-art{width:124px;height:124px}}
@media(max-width:420px){.shop-characters{grid-template-columns:repeat(2,minmax(100px,1fr))}.shop-characters button{padding:11px 6px}}

/* Keep the hero showcase compact enough that the first pet cards remain above the fold. */
@media(min-width:1100px){
 .shop-header{padding-top:12px;padding-bottom:8px}.shop-header h1{font-size:clamp(30px,3.2vw,40px)}.shop-header>p:last-child{display:none}
 .shop-pet-panel{padding:14px 18px;border-radius:18px}.shop-pet-panel .shop-appearance-filters{margin-bottom:8px;padding:3px}.shop-pet-panel .shop-appearance-filters button{min-height:34px;padding:5px 10px;font-size:12px}
 .shop-pet-panel .shop-panel-heading{margin-bottom:6px}.shop-pet-panel .shop-panel-heading h2{font-size:20px}.shop-pet-panel .shop-panel-heading p{font-size:11px}
 .shop-characters{grid-template-columns:repeat(7,minmax(72px,1fr));gap:6px}.shop-characters button{padding:6px 4px;gap:4px;border-radius:13px}.shop-pet-art,.shop-pet-art .catalog-art{width:70px;height:70px}
 .shop-filter-panel{padding:8px 0 10px}.shop-filter-panel .shop-tools{gap:6px}.shop-filter-panel .shop-view-filters{padding-top:2px}
 .shop-products{padding-top:8px}.shop-products>h2{margin-bottom:8px;font-size:18px}
}

.shop-filter-drawer>summary{display:list-item;font-weight:650;font-size:12px;cursor:pointer;padding:7px 12px;border:1px solid var(--border);border-radius:11px;list-style-position:inside}
.shop-filter-drawer:not([open])>.shop-filter-drawer-body{display:none}
.shop-filter-drawer[open]>.shop-filter-drawer-body{padding:8px 0}
.shop-products{padding-top:0!important}
.shop-products .shop-market-grid[data-compact-characters=true] .shop-card-art{min-height:150px;height:150px}
.shop-products .shop-market-grid[data-compact-characters=true] .shop-card-art .catalog-art{width:128px!important;height:128px!important}
@media(max-width:600px){
 .shop-preview-column{position:static!important;top:auto!important;padding:0;background:transparent}
 .shop-browse .shop-category-tabs{position:static!important;top:auto!important;margin-top:8px}
 .shop-browse .shop-category-tabs{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;grid-template-columns:none!important}
 .shop-browse .shop-category-tabs button{flex:0 0 auto;min-width:92px}
 .shop-preview-column .shop-stage-wrap{min-height:132px;padding:8px}
 .shop-preview-column .shop-stage-panel{padding:9px 12px}
 .shop-preview-column .shop-stage-copy,.shop-preview-column .shop-preview-navigation,.shop-preview-column .shop-economy-summary{display:none}
 .shop-preview-column .shop-stage-panel h2{font-size:18px;margin:3px 0}
 .shop-tools .shop-price-filters{display:none}
 .shop-tools{padding-bottom:2px}
}
@media(max-width:600px){
 .shop-browse .shop-products .shop-market-grid[data-compact-characters=true]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .shop-browse .shop-products .shop-market-grid[data-compact-characters=true] .shop-card-art{height:150px;min-height:150px;aspect-ratio:auto}
 .shop-browse .shop-products .shop-market-grid[data-compact-characters=true] .shop-card-art .catalog-art{max-width:100%;max-height:100%;object-fit:contain}
}

/* Simple and downloaded pets stay in the primary navigation, outside Filters. */
.shop-browse .shop-pet-panel{padding:8px 10px}
.shop-browse .shop-pet-panel .shop-appearance-filters{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;overflow:visible;padding:3px}
.shop-browse .shop-pet-panel .shop-appearance-filters>button{min-height:40px;padding:4px 6px;flex-direction:row;gap:5px;font-size:12px}
.shop-browse .shop-pet-panel .shop-style-preview{height:28px}.shop-browse .shop-pet-panel .shop-style-pet,.shop-browse .shop-pet-panel .shop-style-pet .catalog-art{width:28px;height:28px}
.shop-browse .shop-pet-panel .shop-characters{display:flex;grid-template-columns:none;flex-wrap:nowrap;gap:3px;padding:5px 2px 1px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}
.shop-browse .shop-pet-panel .shop-characters>button{flex:0 0 100px;width:100px;min-height:62px;padding:4px 3px;gap:2px}
.shop-browse .shop-pet-panel .shop-characters .shop-selector-label{max-width:100%;overflow-wrap:anywhere;word-break:normal}
.shop-browse .shop-pet-panel .shop-characters .shop-pet-art,.shop-browse .shop-pet-panel .shop-characters .shop-pet-art .catalog-art{width:40px;height:40px}
.shop-browse .shop-filter-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:6px}
.shop-browse .shop-filter-panel .shop-tools{grid-column:1;min-width:0;padding:0}
.shop-browse .shop-filter-panel .shop-filter-drawer{grid-column:2;width:auto;margin:0}
.shop-browse .shop-filter-panel .shop-filter-drawer[open]{grid-column:1/-1;grid-row:2}
.shop-browse .shop-filter-panel .shop-active-filters{grid-column:1/-1;margin:0}
@media(max-width:600px){
 .shop-browse .shop-pet-panel{padding:5px}
 .shop-browse .shop-pet-panel .shop-appearance-filters>button{min-height:36px;padding:3px;font-size:11px}
 .shop-browse .shop-pet-panel .shop-style-preview{height:24px}.shop-browse .shop-pet-panel .shop-style-pet,.shop-browse .shop-pet-panel .shop-style-pet .catalog-art{width:24px;height:24px}
 .shop-browse .shop-pet-panel .shop-characters>button{flex-basis:100px;width:100px;min-height:60px}
 .shop-browse .shop-pet-panel .shop-characters .shop-pet-art,.shop-browse .shop-pet-panel .shop-characters .shop-pet-art .catalog-art{width:36px;height:36px}
}

/* Character picker: compact square tiles with the accessible name kept in aria-label.
   Selecting a tile continues to filter the skin grid below it. */
.shop-browse .shop-pet-panel .shop-characters{
 display:grid;
 grid-template-columns:repeat(auto-fill,minmax(58px,1fr));
 gap:6px;
 overflow:visible;
 padding:5px 0 2px;
 scrollbar-width:none;
}
.shop-browse .shop-pet-panel .shop-characters::-webkit-scrollbar{display:none}
.shop-browse .shop-pet-panel .shop-characters>button{
 width:100%;
 min-width:0;
 min-height:58px;
 aspect-ratio:1;
 padding:4px;
 border:1px solid color-mix(in srgb,var(--accent) 18%,var(--border));
 border-radius:10px;
 display:grid;
 place-items:center;
 gap:0;
 background:color-mix(in srgb,var(--surface-muted) 52%,transparent);
}
.shop-browse .shop-pet-panel .shop-characters>button[aria-pressed=true]{
 border-color:var(--accent);
 background:var(--accent-soft);
 box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 28%,transparent);
}
.shop-browse .shop-pet-panel .shop-characters .shop-pet-art,
.shop-browse .shop-pet-panel .shop-characters .shop-pet-art .catalog-art{
 width:46px;
 height:46px;
}
.shop-browse .shop-pet-panel .shop-characters .shop-selector-label{display:none}
.shop-browse .shop-pet-panel .shop-characters .shop-pet-check{
 top:3px;
 right:4px;
 font-size:12px;
}
@media(max-width:600px){
 .shop-browse .shop-pet-panel .shop-characters{grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:4px}
 .shop-browse .shop-pet-panel .shop-characters>button{min-height:52px;border-radius:9px}
 .shop-browse .shop-pet-panel .shop-characters .shop-pet-art,
 .shop-browse .shop-pet-panel .shop-characters .shop-pet-art .catalog-art{width:40px;height:40px}
}

/* Keep the accepted 4/3/2 grid without shrinking card content. */
.shop-browse .shop-products .shop-market-grid[data-compact-characters=true]{grid-template-columns:repeat(4,minmax(0,1fr))!important}
@media(max-width:900px){.shop-browse .shop-products .shop-market-grid[data-compact-characters=true]{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:600px){
 .shop-browse .shop-products .shop-market-grid[data-compact-characters=true]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* Give pet artwork the main stage in each storefront card. */
.shop-browse .shop-products .shop-market-grid[data-compact-characters=true] .shop-card .shop-card-art{
 height:150px;min-height:150px;flex-basis:150px;container-type:inline-size;
 background:radial-gradient(ellipse at 50% 60%,color-mix(in srgb,var(--accent-soft) 60%,transparent),transparent 75%),var(--surface-soft);
}
.shop-browse .shop-products .shop-market-grid[data-compact-characters=true] .shop-card .shop-card-art .catalog-art{
 width:min(112px,100cqw)!important;height:min(112px,100cqw)!important;max-width:100%;max-height:100%;
}
.shop-preview-sprite>.shop-walk-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.shop-preview-sprite.is-walking>.shop-preview-image{visibility:hidden}
@media(max-width:600px){
 .shop-browse .shop-products .shop-market-grid[data-compact-characters=true] .shop-card .shop-card-art{height:120px;min-height:120px;flex-basis:120px}
 .shop-browse .shop-products .shop-market-grid[data-compact-characters=true] .shop-card .shop-card-art .catalog-art{width:min(82px,100cqw)!important;height:min(82px,100cqw)!important}
}

/* Cosmetic previews use their content height instead of stretching square tiles. */
.shop-browse .shop-products .shop-market-grid:has(>.shop-card:is([data-section=home],[data-section=player-skins],[data-section=progress-bars]):not([hidden])):not(:has(>.shop-card:not(:is([data-section=home],[data-section=player-skins],[data-section=progress-bars])):not([hidden]))){grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:stretch;gap:12px}
.shop-browse .shop-products .shop-market-grid .shop-card:is([data-section=home],[data-section=player-skins],[data-section=progress-bars]){aspect-ratio:auto;min-width:0;padding:8px;border-radius:18px}
.shop-browse .shop-products .shop-market-grid .shop-card:is([data-section=home],[data-section=player-skins],[data-section=progress-bars]) .shop-card-art{flex:0 0 148px;height:148px;min-height:0;aspect-ratio:auto;padding:8px;border-radius:12px}
.shop-browse .shop-products .shop-market-grid .shop-card[data-section=progress-bars] .shop-card-art{flex-basis:100px;height:100px}
.shop-browse .shop-products .shop-market-grid .shop-card[data-section=progress-bars] .progress-style-card{min-height:72px;padding:20px 12px;border-radius:10px}
.shop-browse .shop-products .shop-market-grid .shop-card:is([data-section=home],[data-section=player-skins],[data-section=progress-bars]) .shop-card-body{padding:8px 3px;gap:4px}
.shop-browse .shop-products .shop-market-grid .shop-card:is([data-section=home],[data-section=player-skins],[data-section=progress-bars]) h2{min-height:0;margin:0;font-size:14px;line-height:1.3}
.shop-browse .shop-products .shop-market-grid .shop-card:is([data-section=home],[data-section=player-skins],[data-section=progress-bars]) .shop-card-price{margin:0;font-size:12px;line-height:1.4}
.shop-browse .shop-products .shop-market-grid .shop-card:is([data-section=home],[data-section=player-skins],[data-section=progress-bars]) .card-actions{padding-top:4px;gap:5px}
.shop-browse .shop-products .shop-market-grid .shop-card:is([data-section=home],[data-section=player-skins],[data-section=progress-bars]) .card-actions>.button{height:auto;min-height:40px;padding:6px;font-size:12px;line-height:1.25;white-space:normal;overflow-wrap:anywhere}
@media(max-width:900px){
 .shop-browse .shop-products .shop-market-grid:has(>.shop-card:is([data-section=home],[data-section=player-skins],[data-section=progress-bars]):not([hidden])):not(:has(>.shop-card:not(:is([data-section=home],[data-section=player-skins],[data-section=progress-bars])):not([hidden]))){grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:600px){
 .shop-browse .shop-products .shop-market-grid:has(>.shop-card:is([data-section=home],[data-section=player-skins],[data-section=progress-bars]):not([hidden])):not(:has(>.shop-card:not(:is([data-section=home],[data-section=player-skins],[data-section=progress-bars])):not([hidden]))){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px}
 .shop-browse .shop-products .shop-market-grid .shop-card:is([data-section=home],[data-section=player-skins],[data-section=progress-bars]){padding:6px;border-radius:14px}
 .shop-browse .shop-products .shop-market-grid .shop-card:is([data-section=home],[data-section=player-skins],[data-section=progress-bars]) .shop-card-art{height:120px;flex-basis:120px;padding:5px}
 .shop-browse .shop-products .shop-market-grid .shop-card[data-section=progress-bars] .shop-card-art{height:90px;flex-basis:90px}
 .shop-browse .shop-products .shop-market-grid .shop-card:is([data-section=home],[data-section=player-skins],[data-section=progress-bars]) .card-actions{grid-template-columns:1fr}
}
.home-pet-current{width:160px;height:160px}@media(max-width:760px){.home-pet-current{width:110px;height:125px;margin:0}.home-pet-current .catalog-sprite img,.home-pet-current .catalog-sprite svg,.home-pet-current .catalog-art{width:100%;height:100%;margin:0}}

/* Keep the landing cast in normal flow below the player demo. This prevents
   the character cluster from covering the demo controls or hero copy. */
.home-showcase .landing-pet-group{position:relative;inset:auto;z-index:3;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:end;gap:6px;width:min(100%,420px);margin:-6px auto 0;pointer-events:none}
.home-showcase .landing-pet{position:relative;left:auto!important;top:auto!important;width:clamp(34px,7vw,58px);height:clamp(34px,7vw,58px);justify-self:center}
@media(max-width:760px){
 .home-showcase .landing-pet-group{grid-template-columns:repeat(6,minmax(0,1fr));gap:3px;width:100%;margin:0 auto}
 .home-showcase .landing-pet{width:clamp(28px,11vw,44px);height:clamp(28px,11vw,44px)}
}

.home-showcase .home-floating-note{position:relative;right:auto;bottom:auto;max-width:100%;width:max-content;margin:18px 0 0 auto;transform:none}
.home-pet-current .catalog-sprite img{margin:0;max-width:100%}
@media(max-width:760px){.home-pet-current{grid-column:1;grid-row:1 / 3}.home-pet-current .catalog-sprite{width:110px;height:125px}}

/* Full collection purchase: real catalog art beside the existing billing flow. */
.access-storefront{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:36px;align-items:start;margin-top:32px;padding-top:12px}
.access-showcase-heading .eyebrow{margin:0 0 12px;color:var(--accent)}
.access-showcase-heading h1{max-width:650px;margin:0 0 14px;font-size:clamp(2rem,4.5vw,3.6rem);line-height:1.08;letter-spacing:-.055em;white-space:pre-line}
.access-showcase-heading>p:last-child{max-width:520px;margin:0 0 24px;color:var(--muted);font-size:1.08rem}
.access-featured{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:260px;margin:0 0 24px;padding:24px;overflow:hidden;border:1px solid var(--border);border-radius:28px;background:radial-gradient(ellipse at 20% 25%,#f7ded7 0,transparent 65%),linear-gradient(135deg,#fff5ec,#e8eee9);color:#2c2934}
.access-featured-art{display:flex;justify-content:center;align-items:center;min-width:0;min-height:210px}
.access-featured-art .catalog-art{width:210px;height:210px;filter:drop-shadow(0 14px 10px #493b331c)}
.access-featured-art .catalog-sprite{background-size:2100px 210px}
.access-featured figcaption{z-index:1;display:grid;gap:8px;padding-left:20px}
.access-featured figcaption>span{font-size:.78rem;font-weight:700;color:#77635d;text-transform:uppercase;letter-spacing:.07em}
.access-featured figcaption strong{font-size:1.65rem;line-height:1.2;overflow-wrap:anywhere}
.access-featured figcaption small{max-width:220px;color:#665c60;font-size:.9rem;line-height:1.5}
.access-included{position:absolute;top:16px;right:20px;font-size:1.5rem;color:#be7356}
.access-gallery-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
.access-gallery-heading h2{margin:0;font-size:1rem}.access-gallery-heading a{font-size:.85rem;font-weight:700;text-decoration:none;color:var(--muted)}
.access-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.access-example{min-width:0;display:grid;gap:7px;padding:12px 8px;text-align:center;text-decoration:none;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:18px}
.access-example:hover{border-color:var(--accent);transform:translateY(-2px)}
.access-example>span:last-child{font-size:.8rem;font-weight:650;line-height:1.3;overflow-wrap:anywhere}
.access-example-art{display:flex;align-items:center;justify-content:center;min-height:94px;overflow:hidden}
.access-example .catalog-art{width:92px;height:92px}.access-example .catalog-sprite{background-size:920px 92px}
.access-example-art .player-skin-preview{width:100%;max-width:170px;pointer-events:none}
.access-purchase-column{position:sticky;top:100px}
.access-purchase-card.full-access-shell{max-width:none;margin:0;padding:30px;border-radius:26px;background:var(--surface);box-shadow:0 14px 44px #2921360a}
.access-purchase-card .full-access-offer{text-align:left}.access-purchase-card .full-access-offer h2{margin:0 0 10px;font-size:1.25rem}
.access-purchase-card .full-access-price{margin:0 0 8px;font-size:clamp(2.4rem,4.8vw,3.5rem);line-height:1.15;letter-spacing:-.055em}
.access-purchase-card .full-access-offer>p:not(.full-access-price){font-size:.95rem;color:var(--muted)}
.access-purchase-card .full-access-actions{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin:20px 0 0}.access-purchase-card .full-access-actions>.button{width:100%;min-width:0;white-space:normal;text-align:center;line-height:1.4;padding:14px}
.access-purchase-card .full-access-actions>.secondary{background:transparent;border-color:transparent;color:var(--muted);font-size:.9rem;padding:6px}
.access-purchase-card .notice{margin:16px 0 0;padding:10px 12px;border-radius:12px;font-size:.8rem;line-height:1.5}
.access-purchase-card .full-access-benefits{gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid var(--border)}
.access-purchase-card .full-access-benefits li{display:flex;gap:8px;padding:0;border:0;border-radius:0;font-size:.86rem;line-height:1.5;background:none}
.access-purchase-card .full-access-benefits li::before{margin:0}
.access-purchase-details{grid-column:1/-1}.access-purchase-details:empty{display:none}
.access-purchase-details .full-access-disclosure{margin:0;padding:22px 26px;font-size:.85rem;color:var(--muted);background:var(--surface);line-height:1.65}
.access-purchase-details .full-access-policy-language{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.access-purchase-details .full-access-policy-language select{width:auto;max-width:100%;font-size:.85rem}
@media(max-width:800px){.access-storefront{grid-template-columns:minmax(0,1fr);gap:24px;margin-top:20px}.access-purchase-column{position:static}.access-purchase-card.full-access-shell{padding:24px}.access-showcase-heading h1{font-size:2.2rem}.access-featured{min-height:230px;padding:16px}.access-featured-art{min-height:175px}.access-featured-art .catalog-art{width:170px;height:170px}.access-featured-art .catalog-sprite{background-size:1700px 170px}.access-featured figcaption{padding-left:12px}.access-featured figcaption strong{font-size:1.4rem}.access-featured figcaption small{font-size:.8rem}.access-gallery{gap:8px}.access-example{padding:10px 5px}.access-purchase-details .full-access-disclosure{padding:18px}}
@media(max-width:380px){.access-featured{grid-template-columns:1fr}.access-featured figcaption{text-align:center;padding:0}.access-featured figcaption small{margin:auto}.access-example .catalog-art{width:76px;height:76px}.access-example .catalog-sprite{background-size:760px 76px}}
@media(prefers-reduced-motion:reduce){.access-example:hover{transform:none}}
.access-price-summary .access-price-label{margin:0 0 10px;font-size:1.25rem;font-weight:800}
.access-price-summary>p:last-child{font-size:.95rem;color:var(--muted)}
.access-purchase-card:has(.full-access-offer h2) .access-price-summary,[data-access-state="active"] .access-price-summary,[data-access-state="pending"] .access-price-summary,[data-access-state="held"] .access-price-summary,[data-access-state="revoked"] .access-price-summary{display:none}

/* Paddle's overlay must remain full-screen when CSP rejects SDK style attributes. */
iframe.paddle-frame-overlay{position:fixed;inset:0;z-index:2147483647;display:block;width:100%;height:100%;max-width:none;margin:0;padding:0;border:0;background:transparent;overflow-x:hidden;overflow-y:auto;visibility:visible}
body:has(iframe.paddle-frame-overlay){overflow:hidden}

/* Catalog polish: a larger look, one ownership action, and a focused preview. */
body[data-route=shop] .shop-browse .shop-products .shop-market-grid[data-compact-characters=true] .shop-card .shop-card-art{height:188px;min-height:188px;flex-basis:188px}
body[data-route=shop] .shop-browse .shop-products .shop-market-grid[data-compact-characters=true] .shop-card .shop-card-art .catalog-art{width:min(156px,100cqw)!important;height:min(156px,100cqw)!important}
.shop-card.is-equipped{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.shop-card.is-equipped .shop-card-price{color:var(--accent);font-weight:750}
.shop-card .shop-preview-art-overlay{cursor:zoom-in}
.shop-card .shop-preview-art-overlay:focus-visible{outline:3px solid var(--accent);outline-offset:-4px;border-radius:inherit}
.shop-card .card-actions>[data-equip-item]{background:var(--accent);border-color:var(--accent);color:var(--surface);font-weight:750}
.shop-card .card-actions>[data-equip-item]:disabled{background:var(--accent-soft);border-color:var(--border);color:var(--text);opacity:1}
.catalog-look-dialog{width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:24px;border:1px solid var(--border);border-radius:24px;background:var(--surface);color:var(--text);box-shadow:0 24px 80px #0004}
.catalog-look-dialog::backdrop{background:#10152399;backdrop-filter:blur(5px)}
.catalog-look-close{display:block;margin-left:auto}
.catalog-look-art{display:grid;place-items:center;min-height:280px;margin:12px 0 24px;border-radius:18px;background:radial-gradient(circle,var(--accent-soft),var(--surface-muted));overflow:hidden}
.catalog-look-art .shop-art-content,.catalog-look-art .shop-character-art{width:100%;height:100%;display:grid;place-items:center}
.catalog-look-art .catalog-art{width:240px!important;height:240px!important;max-width:100%}
.catalog-look-art .player-skin-preview{width:100%;max-width:380px}
.catalog-look-dialog h2{margin:0;font-size:28px;line-height:1.2}
.catalog-look-description{margin:10px 0 22px;color:var(--muted)}
.catalog-look-dialog>[data-catalog-look-action]{width:100%;min-height:48px}
html[data-theme=dark] .catalog-look-dialog{box-shadow:0 24px 80px #0009}
@media(max-width:600px){body[data-route=shop] .shop-browse .shop-products .shop-market-grid[data-compact-characters=true] .shop-card .shop-card-art{height:146px;min-height:146px;flex-basis:146px}body[data-route=shop] .shop-browse .shop-products .shop-market-grid[data-compact-characters=true] .shop-card .shop-card-art .catalog-art{width:min(116px,100cqw)!important;height:min(116px,100cqw)!important}.catalog-look-dialog{padding:18px}.catalog-look-art{min-height:240px}.catalog-look-art .catalog-art{width:210px!important;height:210px!important}}