:root {
  color-scheme: dark;
  --pink:#ff39c8;
  --pink2:#ff7bdc;
  --blue:#35d9ff;
  --blue2:#6f8dff;
  --yellow:#ffe35a;
  --ink:#070824;
  --white:#fffdfb;
}
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#050514;font-family:"Arial Rounded MT Bold","Trebuchet MS","Segoe UI",sans-serif}
button{font:inherit}
.game{position:relative;width:100%;max-width:100%;height:100dvh;min-height:620px;overflow:hidden;color:#fff;background:radial-gradient(circle at 50% 50%,#162d70 0%,#11175b 20%,#0a0a39 46%,#05051c 72%,#02020b 100%);isolation:isolate}
#stars{position:absolute;inset:0;width:100%;height:100%;z-index:-8}
.nebula{position:absolute;border-radius:50%;filter:blur(55px);opacity:.42;mix-blend-mode:screen;z-index:-7;animation:nebulaFloat 13s ease-in-out infinite alternate}
.nebula-a{width:54vw;height:42vw;left:-13vw;top:-14vw;background:radial-gradient(circle,#ff22d6,transparent 68%)}
.nebula-b{width:48vw;height:40vw;right:-10vw;top:7vh;background:radial-gradient(circle,#11c8ff,transparent 70%);animation-delay:-4s}
.nebula-c{width:45vw;height:35vw;left:28vw;bottom:-22vw;background:radial-gradient(circle,#7144ff,transparent 70%);animation-delay:-8s}
.orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(105,209,255,.18);border-radius:50%;transform:translate(-50%,-50%) rotate(-8deg);z-index:-5;box-shadow:0 0 25px rgba(88,172,255,.05)}
.orbit-a{width:min(82vw,1150px);height:min(31vw,430px)}
.orbit-b{width:min(61vw,860px);height:min(22vw,310px);transform:translate(-50%,-50%) rotate(11deg)}
.hud{position:absolute;left:0;right:0;top:0;height:clamp(88px,14vh,138px);display:flex;align-items:center;justify-content:center;padding:max(16px,env(safe-area-inset-top)) clamp(18px,4vw,54px) 10px;z-index:20;pointer-events:none}
.brand-logo{width:clamp(190px,27vw,420px);max-height:100%;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(0,0,0,.26));pointer-events:none}
.hud-button{position:absolute;top:max(22px,env(safe-area-inset-top));width:46px;height:46px;border:1px solid rgba(255,255,255,.22);border-radius:15px;color:#fff;background:linear-gradient(145deg,rgba(31,58,153,.86),rgba(117,32,192,.82));box-shadow:0 10px 30px rgba(0,0,0,.23),inset 0 1px 0 rgba(255,255,255,.2);cursor:pointer;pointer-events:auto;transition:.2s transform,.2s filter}
.hud-button:hover{transform:translateY(-2px) scale(1.04);filter:brightness(1.15)}
.sound{left:clamp(18px,4vw,54px);font-size:21px}
.collection-button{right:clamp(18px,4vw,54px);font-size:13px}
.collection-button:before{content:"✦";display:block;font-size:16px;line-height:12px}.collection-button span{display:block;margin-top:2px}
.box-piece{position:absolute;z-index:2;pointer-events:none;filter:drop-shadow(0 10px 18px rgba(0,0,0,.25));user-select:none}
.age-piece{width:clamp(55px,6vw,92px);left:clamp(18px,6vw,100px);top:clamp(90px,17vh,170px);animation:floatPiece 4.8s ease-in-out infinite}
.colors-piece{width:clamp(125px,15vw,230px);right:clamp(16px,4vw,75px);top:clamp(100px,17vh,180px);animation:floatPiece 5.6s ease-in-out infinite reverse}
.teaser-piece{width:clamp(220px,27vw,420px);left:clamp(12px,3vw,60px);bottom:clamp(16px,5vh,58px);animation:floatPiece 6.4s ease-in-out infinite;transform:rotate(-4deg)}
.comet{position:absolute;width:160px;height:3px;border-radius:999px;background:linear-gradient(90deg,transparent,#75eaff,#fff);filter:drop-shadow(0 0 7px #60dfff);opacity:.65;z-index:-3;animation:cometFly 8s linear infinite}
.comet:after{content:"";position:absolute;right:-6px;top:-4px;width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 0 12px #a6f6ff}
.comet-a{left:-180px;top:30%;transform:rotate(-13deg)}.comet-b{left:-180px;top:68%;animation-delay:-4.5s;transform:rotate(8deg) scale(.7)}
.stage{position:absolute;inset:clamp(82px,13vh,132px) 0 0;display:grid;place-items:center;z-index:5}
.signal{position:absolute;left:50%;top:3%;transform:translateX(-50%);display:flex;align-items:center;gap:9px;padding:8px 14px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(14,16,67,.46);backdrop-filter:blur(12px);font-size:clamp(11px,1vw,13px);font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#dffaff;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.signal-dot{width:8px;height:8px;border-radius:50%;background:#58f6ff;box-shadow:0 0 12px #58f6ff;animation:pulseDot 1.2s ease-in-out infinite}
.steamer-wrap{position:absolute;left:50%;top:44%;width:min(52vw,690px);aspect-ratio:1.35/1;transform:translate(-50%,-50%);z-index:8;transition:filter .4s ease}
.steamer{position:absolute;inset:0;transform-style:preserve-3d;animation:steamerIdle 4.1s ease-in-out infinite;transition:transform 1.1s cubic-bezier(.2,.85,.2,1)}
.basket{position:absolute;left:50%;top:50%;width:100%;height:auto;transform:translate(-50%,-50%);user-select:none;pointer-events:none;filter:drop-shadow(0 22px 18px rgba(0,0,0,.36))}
.basket-bottom{z-index:2}.basket-top{z-index:7;transform-origin:50% 78%;transition:transform 1s cubic-bezier(.18,.95,.25,1),filter .7s ease}
.portal-glow{position:absolute;left:50%;top:57%;width:74%;height:36%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse,rgba(70,229,255,.26),rgba(255,56,208,.12) 46%,transparent 70%);filter:blur(16px);z-index:-1;animation:portalPulse 2.7s ease-in-out infinite}
.trail{position:absolute;right:65%;top:48%;height:8px;border-radius:999px;transform-origin:right center;z-index:-2;opacity:.6;filter:blur(2px);background:linear-gradient(90deg,transparent,#1edbff,#fff)}
.trail-a{width:52vw;transform:rotate(-6deg)}.trail-b{width:42vw;top:58%;transform:rotate(4deg);background:linear-gradient(90deg,transparent,#f63de0,#ffe460);animation:pulseTrail 1.8s ease-in-out infinite}
.reveal-light{position:absolute;left:50%;top:49%;width:40%;height:30%;transform:translate(-50%,-50%) scale(.3);border-radius:50%;background:radial-gradient(circle,#fff 0%,#fff6a6 12%,#68efff 31%,rgba(255,64,223,.48) 54%,transparent 72%);filter:blur(13px);opacity:0;z-index:4;transition:.5s opacity,.65s transform}
.dumpling-layer{position:absolute;left:50%;top:47%;width:45%;aspect-ratio:1/1;transform:translate(-50%,10%) scale(.34);opacity:0;z-index:9;transition:transform .85s cubic-bezier(.12,.93,.2,1.15),opacity .28s ease}
.dumpling{position:absolute;inset:0;--tone1:#ffd9ec;--tone2:#ff8ec9;--glow:#ff58c9;--cheek:#ff75a7;animation:dumplingFloat 2.5s ease-in-out infinite}
.dumpling-aura{position:absolute;inset:-18%;border-radius:50%;background:radial-gradient(circle,var(--glow),transparent 66%);filter:blur(20px);opacity:.55;animation:auraPulse 1.7s ease-in-out infinite}
.dumpling-body{position:absolute;left:7%;right:7%;top:16%;bottom:7%;border-radius:50% 50% 45% 45%/58% 58% 42% 42%;background:linear-gradient(150deg,var(--tone1),var(--tone2));box-shadow:inset 0 15px 18px rgba(255,255,255,.42),inset 0 -18px 24px rgba(58,0,72,.14),0 20px 24px rgba(4,2,25,.28);transform-origin:50% 85%;animation:squish 2.1s ease-in-out infinite;overflow:visible}
.pleat{position:absolute;top:-7%;width:18%;height:26%;border-radius:60% 60% 35% 35%;background:linear-gradient(150deg,var(--tone1),var(--tone2));box-shadow:inset 3px 6px 7px rgba(255,255,255,.28),inset -3px -4px 6px rgba(72,0,87,.11);transform-origin:bottom center}.p1{left:14%;transform:rotate(-32deg)}.p2{left:28%;transform:rotate(-17deg)}.p3{left:41%;transform:rotate(0deg);top:-10%}.p4{right:28%;transform:rotate(17deg)}.p5{right:14%;transform:rotate(32deg)}
.shine{position:absolute;border-radius:50%;background:rgba(255,255,255,.7);filter:blur(.3px);transform:rotate(-25deg)}.shine-a{width:26%;height:9%;top:18%;left:13%}.shine-b{width:9%;height:5%;top:29%;left:9%;opacity:.62}
.eye{position:absolute;top:48%;width:11%;height:16%;border-radius:50%;background:#111226;box-shadow:inset 0 -3px 0 #172d78}.eye:after{content:"";position:absolute;width:30%;height:30%;left:18%;top:16%;border-radius:50%;background:#fff}.eye-left{left:29%}.eye-right{right:29%}
.cheek{position:absolute;top:62%;width:14%;height:8%;border-radius:50%;background:var(--cheek);filter:blur(.2px);opacity:.82}.cheek-left{left:16%}.cheek-right{right:16%}
.mouth{position:absolute;left:50%;top:61%;width:15%;height:11%;transform:translateX(-50%);border-bottom:5px solid #111226;border-radius:0 0 60% 60%}
.body-star{position:absolute;width:12px;height:12px;opacity:0}.body-star:before,.body-star:after{content:"";position:absolute;left:50%;top:50%;background:#fff;border-radius:999px;transform:translate(-50%,-50%)}.body-star:before{width:3px;height:100%}.body-star:after{height:3px;width:100%}.star-one{left:18%;top:36%}.star-two{right:19%;top:27%;transform:scale(.7)}.star-three{right:23%;bottom:18%;transform:scale(.55)}
.golden-art{position:absolute;inset:-20%;width:140%;height:140%;object-fit:contain;opacity:0;transform:scale(.7);pointer-events:none;filter:drop-shadow(0 0 28px rgba(255,213,62,.7))}
.golden-badge{position:absolute;right:-7%;top:6%;width:32%;opacity:0;transform:translateY(25px) rotate(10deg) scale(.7);transition:.55s ease;filter:drop-shadow(0 10px 18px rgba(0,0,0,.25));z-index:15}
.rarity-burst{position:absolute;left:50%;top:47%;width:30px;height:30px;transform:translate(-50%,-50%) scale(.2);border-radius:50%;opacity:0;z-index:1;box-shadow:0 0 0 0 rgba(255,255,255,0)}
.intro-panel,.reveal-panel{position:absolute;left:50%;bottom:clamp(18px,5vh,56px);transform:translateX(-50%);width:min(760px,88vw);text-align:center;z-index:16;transition:.5s opacity,.6s transform}
.eyebrow{display:inline-flex;padding:7px 13px;border-radius:999px;background:linear-gradient(90deg,#ff4acb,#9555ff);box-shadow:0 7px 20px rgba(201,46,255,.28);font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:900}
.intro-panel h1{margin:10px 0 5px;font-size:clamp(26px,4vw,52px);line-height:.95;letter-spacing:-.04em;text-shadow:0 4px 18px rgba(0,0,0,.32)}
.intro-panel p{max-width:650px;margin:0 auto 15px;color:#d9dcff;font-size:clamp(13px,1.6vw,17px);line-height:1.45}
.open-button,.again-button{border:2px solid rgba(255,255,255,.8);border-radius:999px;padding:14px 27px;color:#fff;background:linear-gradient(180deg,#ff54d1,#e91d93);box-shadow:0 8px 0 #87136b,0 14px 28px rgba(255,32,190,.32),inset 0 2px 0 rgba(255,255,255,.38);font-size:clamp(14px,1.6vw,18px);font-weight:900;text-transform:uppercase;letter-spacing:.03em;cursor:pointer;transition:.18s transform,.18s filter}.open-button:hover,.again-button:hover{transform:translateY(-2px) scale(1.03);filter:brightness(1.12)}.open-button:active,.again-button:active{transform:translateY(4px);box-shadow:0 4px 0 #87136b,0 8px 18px rgba(255,32,190,.25)}
.odds-row{display:flex;justify-content:center;flex-wrap:wrap;gap:5px;margin-top:12px}.odds-row span{padding:4px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(5,11,48,.45);font-size:9px;letter-spacing:.07em;text-transform:uppercase;color:#aeb8ef}
.reveal-panel{opacity:0;pointer-events:none;transform:translate(-50%,30px)}.rarity-label{display:inline-flex;padding:7px 15px;border-radius:999px;background:linear-gradient(90deg,#5c8dff,#d740ff);font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.collector-number{margin-top:8px;color:#ffe36c;font-size:12px;font-weight:900;letter-spacing:.15em}.reveal-panel h2{margin:3px 0 3px;font-size:clamp(30px,4.5vw,58px);line-height:.95;text-shadow:0 5px 20px rgba(0,0,0,.35)}.reveal-panel p{margin:0 auto 13px;max-width:620px;color:#e0e4ff;font-size:14px}.reveal-actions{display:flex;justify-content:center;gap:10px}.view-button{border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:13px 20px;color:#fff;background:rgba(19,28,92,.72);backdrop-filter:blur(10px);font-weight:900;cursor:pointer}
.collection-drawer{position:absolute;inset:0;z-index:50;pointer-events:none;opacity:0;transition:.3s opacity}.collection-drawer.open{pointer-events:auto;opacity:1}.drawer-backdrop{position:absolute;inset:0;background:rgba(2,3,18,.7);backdrop-filter:blur(8px)}.drawer-panel{position:absolute;top:0;right:0;height:100%;width:min(520px,92vw);padding:26px;background:linear-gradient(180deg,rgba(22,25,91,.98),rgba(8,8,37,.99));border-left:1px solid rgba(255,255,255,.16);box-shadow:-24px 0 70px rgba(0,0,0,.36);overflow:auto;transform:translateX(102%);transition:.42s cubic-bezier(.2,.8,.2,1)}.collection-drawer.open .drawer-panel{transform:translateX(0)}.drawer-header{display:flex;align-items:start;justify-content:space-between}.drawer-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:#70f0ff;font-weight:900}.drawer-header h2{margin:4px 0 14px;font-size:34px}.drawer-close{width:42px;height:42px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(255,255,255,.07);color:#fff;font-size:28px;cursor:pointer}.progress-track{height:9px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.progress-track span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#35e6ff,#8d55ff,#ff44c9,#ffe25d);transition:.45s width}.progress-copy{font-size:12px;color:#b9c4ef}.collection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.collect-card{position:relative;min-height:162px;padding:14px;border-radius:22px;border:1px solid rgba(255,255,255,.11);background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025));overflow:hidden}.collect-card.locked{filter:saturate(.2);opacity:.5}.mini-bao{position:relative;width:84px;height:72px;margin:2px auto 11px;border-radius:50% 50% 45% 45%/58% 58% 42% 42%;background:linear-gradient(145deg,var(--m1,#aaa),var(--m2,#555));box-shadow:inset 0 10px 12px rgba(255,255,255,.35),inset 0 -12px 15px rgba(0,0,0,.13)}.mini-bao:before{content:"••";position:absolute;left:50%;top:34%;transform:translateX(-50%);color:#15162b;font-size:27px;letter-spacing:12px;text-indent:12px;line-height:1}.mini-bao:after{content:"⌣";position:absolute;left:50%;top:50%;transform:translateX(-50%);color:#15162b;font-size:22px}.collect-num{font-size:10px;color:#ffe36c;font-weight:900;letter-spacing:.13em}.collect-name{margin:3px 0;font-size:14px;line-height:1.05}.collect-rarity{font-size:10px;color:#b8c3ef}.collect-count{position:absolute;right:10px;top:10px;padding:4px 7px;border-radius:999px;background:rgba(5,8,39,.6);font-size:10px;font-weight:900}
.game.opening .intro-panel{opacity:0;pointer-events:none;transform:translate(-50%,25px)}
.game.opening .box-piece{opacity:.62;filter:blur(.2px) drop-shadow(0 10px 18px rgba(0,0,0,.25))}
.game.opening .steamer{animation:none;transform:scale(1.17) rotate(0deg)}
.game.opening .basket-top{transform:translate(-50%,-126%) rotate(-7deg) scale(.92);filter:drop-shadow(0 34px 22px rgba(0,0,0,.3))}
.game.opening .reveal-light{opacity:1;transform:translate(-50%,-50%) scale(1.9)}
.game.opening .dumpling-layer{opacity:1;transform:translate(-50%,-79%) scale(1.12)}
.game.opening .rarity-burst{animation:burst 1.35s .42s ease-out both}
.game.revealed .reveal-panel{opacity:1;pointer-events:auto;transform:translate(-50%,0)}
.game.revealed .signal{opacity:.75}
.game.legendary .golden-art{opacity:1;transform:scale(1);animation:goldenFloat 2.6s ease-in-out infinite}.game.legendary .dumpling{opacity:0}.game.legendary .golden-badge{opacity:1;transform:translateY(0) rotate(5deg) scale(1)}
.game.rainbow .dumpling-body{background:linear-gradient(120deg,#ff55b0,#ffdf55,#72ef99,#4cdfff,#7b6bff,#d85bff,#ff55b0);background-size:300% 300%;animation:squish 2.1s ease-in-out infinite,rainbowShift 3.4s linear infinite}.game.rainbow .body-star,.game.galaxy .body-star{opacity:1;animation:bodySpark 1.3s ease-in-out infinite alternate}.game.galaxy .dumpling-body{background:radial-gradient(circle at 30% 24%,rgba(255,255,255,.7) 0 1.2%,transparent 1.6%),radial-gradient(circle at 72% 35%,rgba(255,255,255,.7) 0 1%,transparent 1.4%),radial-gradient(circle at 62% 70%,rgba(255,255,255,.65) 0 .8%,transparent 1.3%),linear-gradient(145deg,#21d7ff,#8a38ff 48%,#ff3ac6);background-size:120px 120px,150px 150px,110px 110px,100% 100%}
@keyframes nebulaFloat{to{transform:translate(4vw,2vh) scale(1.08)}}
@keyframes floatPiece{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-12px) rotate(3deg)}}
@keyframes cometFly{0%{left:-220px;opacity:0}10%{opacity:.8}55%{opacity:.8}70%,100%{left:120vw;opacity:0}}
@keyframes steamerIdle{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-16px) rotate(2deg)}}
@keyframes portalPulse{0%,100%{opacity:.45;transform:translate(-50%,-50%) scale(.92)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.08)}}
@keyframes pulseTrail{50%{opacity:.28;transform:rotate(4deg) scaleX(.75)}}
@keyframes pulseDot{50%{transform:scale(1.5);opacity:.55}}
@keyframes dumplingFloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-12px) rotate(2deg)}}
@keyframes squish{0%,100%{transform:scale(1)}20%{transform:scale(1.04,.96)}40%{transform:scale(.98,1.025)}60%{transform:scale(1.02,.985)}}
@keyframes auraPulse{50%{transform:scale(1.12);opacity:.8}}
@keyframes burst{0%{opacity:0;transform:translate(-50%,-50%) scale(.2);box-shadow:0 0 0 0 rgba(255,255,255,.8)}25%{opacity:1;box-shadow:0 0 0 90px rgba(76,231,255,.16),0 0 0 170px rgba(255,67,212,.09)}100%{opacity:0;transform:translate(-50%,-50%) scale(16);box-shadow:0 0 0 180px rgba(255,255,255,0)}}
@keyframes rainbowShift{to{background-position:300% 50%}}
@keyframes bodySpark{to{transform:scale(1.5) rotate(45deg);filter:drop-shadow(0 0 6px #fff)}}
@keyframes goldenFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.035)}}
@media(max-width:850px){.colors-piece{width:135px;top:105px}.age-piece{width:62px;top:105px}.teaser-piece{width:240px;bottom:18px;opacity:.8}.steamer-wrap{width:min(72vw,620px);top:43%}.intro-panel,.reveal-panel{bottom:28px}.intro-panel p{max-width:520px}.odds-row{display:none}}
@media(max-width:600px){.game{min-height:560px}.hud{height:94px}.brand-logo{width:210px}.hud-button{width:40px;height:40px;border-radius:13px}.age-piece{left:13px;top:92px;width:50px}.colors-piece{right:10px;top:98px;width:104px}.teaser-piece{left:50%;bottom:auto;top:117px;width:190px;transform:translateX(-50%) rotate(-3deg);opacity:.78}.stage{inset:80px 0 0}.signal{top:14%}.steamer-wrap{width:92vw;top:47%}.intro-panel,.reveal-panel{bottom:19px;width:93vw}.intro-panel h1{font-size:30px}.intro-panel p{font-size:12px}.open-button,.again-button{padding:12px 20px;font-size:13px}.reveal-actions{gap:7px}.view-button{padding:11px 15px;font-size:12px}.reveal-panel p{font-size:12px}.collection-grid{grid-template-columns:repeat(2,1fr)}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.basket-top,.dumpling-layer,.reveal-light,.intro-panel,.reveal-panel{transition-duration:.01ms!important}}
@media (max-width:700px) and (orientation:portrait){
  html,body{height:100%;min-height:0}
  .game{height:100dvh;min-height:0}
  .hud{height:76px;padding:max(8px,env(safe-area-inset-top)) 12px 6px}
  .brand-logo{width:clamp(132px,36vw,170px);max-height:64px}
  .hud-button{top:max(10px,env(safe-area-inset-top));width:38px;height:38px;border-radius:12px}
  .sound{left:max(12px,env(safe-area-inset-left));font-size:18px}
  .collection-button{right:max(12px,env(safe-area-inset-right));font-size:11px}
  .collection-button:before{font-size:14px;line-height:10px}
  .age-piece{left:12px;top:82px;width:44px}
  .colors-piece{right:10px;top:84px;width:86px}
  .teaser-piece{left:12px;top:auto;bottom:130px;width:138px;opacity:.42;transform:rotate(-5deg)}
  .game.opening .teaser-piece,.game.revealed .teaser-piece{opacity:.2}
  .stage{inset:70px 0 max(0px,env(safe-area-inset-bottom))}
  .signal{top:4%;max-width:66vw;padding:6px 10px;gap:6px;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .signal-dot{width:6px;height:6px;flex:0 0 auto}
  .steamer-wrap{width:min(88vw,470px);top:45%;aspect-ratio:1.35/1}
  .portal-glow{width:70%;height:32%}
  .trail-a{width:72vw}.trail-b{width:60vw}
  .dumpling-layer{width:43%}
  .golden-badge{right:-1%;top:14%;width:27%}
  .intro-panel,.reveal-panel{bottom:max(14px,env(safe-area-inset-bottom));width:92vw}
  .eyebrow{padding:6px 10px;font-size:9px}
  .intro-panel h1{margin:8px 0 4px;font-size:clamp(25px,7.8vw,34px)}
  .intro-panel p{max-width:88vw;margin-bottom:11px;font-size:11px;line-height:1.35}
  .odds-row{display:none}
  .open-button,.again-button{padding:11px 18px;font-size:12px;box-shadow:0 6px 0 #87136b,0 10px 20px rgba(255,32,190,.26),inset 0 2px 0 rgba(255,255,255,.38)}
  .reveal-panel .rarity-label{padding:5px 11px;font-size:9px}
  .collector-number{margin-top:5px;font-size:10px}
  .reveal-panel h2{margin:2px 0;font-size:clamp(26px,8vw,36px)}
  .reveal-panel p{max-width:90vw;margin-bottom:9px;font-size:10px;line-height:1.3}
  .reveal-actions{gap:7px}
  .view-button{padding:10px 14px;font-size:11px}
  .game.opening .steamer{transform:scale(.96)}
  .game.opening .basket-top{transform:translate(-50%,-106%) rotate(-6deg) scale(.83);filter:drop-shadow(0 24px 18px rgba(0,0,0,.28))}
  .game.opening .dumpling-layer{transform:translate(-50%,-89%) scale(1.02)}
  .game.opening .reveal-light{transform:translate(-50%,-50%) scale(1.55)}
  .drawer-panel{width:100%;padding:calc(max(18px,env(safe-area-inset-top)) + 4px) 16px max(18px,env(safe-area-inset-bottom))}
  .drawer-header h2{font-size:28px}
  .drawer-close{width:38px;height:38px;border-radius:12px}
  .collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .collect-card{min-height:145px;padding:11px;border-radius:18px}
  .mini-bao{width:68px;height:59px;margin-bottom:8px}
  .collect-name{font-size:12px}
}
@media (max-width:420px) and (orientation:portrait){
  .brand-logo{width:136px}
  .age-piece{width:38px;top:76px}
  .colors-piece{width:73px;top:78px}
  .teaser-piece{width:112px;bottom:124px;opacity:.3}
  .stage{inset:64px 0 max(0px,env(safe-area-inset-bottom))}
  .signal{top:4%;font-size:8px;max-width:70vw}
  .steamer-wrap{width:90vw;top:44%}
  .dumpling-layer{width:42%}
  .intro-panel h1{font-size:27px}
  .intro-panel p{font-size:10px}
  .reveal-panel h2{font-size:27px}
  .again-button,.view-button{font-size:10px;padding:9px 12px}
  .game.opening .basket-top{transform:translate(-50%,-104%) rotate(-5deg) scale(.82)}
  .game.opening .dumpling-layer{transform:translate(-50%,-90%) scale(1)}
}
@media (max-height:720px) and (orientation:portrait){
  .hud{height:64px}
  .brand-logo{width:126px;max-height:54px}
  .hud-button{width:34px;height:34px}
  .stage{inset:58px 0 max(0px,env(safe-area-inset-bottom))}
  .age-piece{top:68px;width:35px}.colors-piece{top:69px;width:68px}.teaser-piece{display:none}
  .signal{top:2%;padding:5px 9px}
  .steamer-wrap{width:min(78vw,390px);top:42%}
  .intro-panel,.reveal-panel{bottom:max(8px,env(safe-area-inset-bottom))}
  .intro-panel h1{font-size:24px}.intro-panel p{display:none}
  .reveal-panel h2{font-size:25px}.reveal-panel p{font-size:9px}
  .game.opening .basket-top{transform:translate(-50%,-101%) rotate(-5deg) scale(.8)}
  .game.opening .dumpling-layer{transform:translate(-50%,-86%) scale(.96)}
}
@media (max-height:520px) and (orientation:landscape){
  .game{height:100dvh;min-height:0}
  .hud{height:58px;padding:6px 12px}
  .brand-logo{width:132px;max-height:52px}
  .hud-button{top:8px;width:36px;height:36px;border-radius:11px}
  .sound{left:max(10px,env(safe-area-inset-left))}.collection-button{right:max(10px,env(safe-area-inset-right))}
  .box-piece{display:none}
  .stage{inset:48px 0 0}
  .signal{left:27%;top:2%;font-size:8px;padding:5px 9px}
  .steamer-wrap{left:28%;top:51%;width:min(46vw,calc(58dvh * 1.35),430px)}
  .intro-panel,.reveal-panel{left:auto;right:4vw;bottom:50%;width:40vw;transform:translateY(50%);text-align:left}
  .intro-panel h1{font-size:clamp(24px,4.2vw,38px)}
  .intro-panel p{font-size:10px;margin:0 0 10px;max-width:100%}
  .eyebrow{font-size:8px;padding:5px 9px}
  .odds-row{justify-content:flex-start;display:none}
  .reveal-panel{transform:translateY(calc(50% + 24px));opacity:0}
  .game.opening .intro-panel{transform:translateY(calc(50% + 18px))}
  .game.revealed .reveal-panel{transform:translateY(50%)}
  .reveal-panel h2{font-size:clamp(26px,4vw,38px)}
  .reveal-panel p{font-size:10px;margin-bottom:9px}
  .reveal-actions{justify-content:flex-start}
  .open-button,.again-button{padding:10px 16px;font-size:11px}
  .view-button{padding:10px 14px;font-size:10px}
  .game.opening .steamer{transform:scale(.95)}
  .game.opening .basket-top{transform:translate(-50%,-104%) rotate(-6deg) scale(.81)}
  .game.opening .dumpling-layer{transform:translate(-50%,-88%) scale(.98)}
  .drawer-panel{width:min(430px,88vw);padding:16px}
}

:root{
  --burstDuration:1.9s;
  --burstLift:-79%;
  --burstScale:1.12;
  --lidBurstLift:-126%;
  --lightScale:1.95;
}
.signal{transition:opacity .35s ease,transform .35s ease,box-shadow .35s ease,background .35s ease}
.steamer{transition:transform 1.6s cubic-bezier(.16,.92,.18,1)}
.basket-top{transition:transform 1.55s cubic-bezier(.14,.92,.22,1),filter .95s ease}
.reveal-light{transition:.78s opacity,1.15s transform cubic-bezier(.16,.84,.22,1)}
.dumpling-layer{transition:transform 1.35s cubic-bezier(.12,.93,.18,1.1),opacity .42s ease}
.intro-panel{transition:.95s opacity .18s,1.05s transform .18s}
.reveal-panel{transition:.75s opacity .16s,.9s transform .16s}
.rarity-burst{background:radial-gradient(circle,rgba(255,255,255,.88) 0%,rgba(255,240,140,.62) 28%,rgba(89,225,255,.38) 52%,rgba(255,71,206,.18) 68%,transparent 82%);filter:blur(.2px)}
.burst-particles{position:absolute;inset:0;z-index:13;pointer-events:none;overflow:visible}
.burst-particles i{position:absolute;left:50%;top:47%;width:var(--size,7px);height:var(--size,7px);margin-left:calc(var(--size,7px)/-2);margin-top:calc(var(--size,7px)/-2);border-radius:999px;background:radial-gradient(circle at 35% 35%,#fff 0 24%,var(--color,#77e8ff) 48%,transparent 74%);box-shadow:0 0 14px var(--color,#77e8ff),0 0 24px color-mix(in srgb,var(--color,#77e8ff) 78%, white 22%);opacity:0;transform:translate3d(0,0,0) scale(.2)}
.game.opening .signal{opacity:1;box-shadow:0 10px 30px rgba(0,0,0,.22),0 0 24px rgba(112,215,255,.18);background:rgba(16,19,86,.6)}
.game.opening .intro-panel{opacity:0;pointer-events:none;transform:translate(-50%,40px)}
.game.opening .steamer{animation:none;transform:scale(1.18) rotate(0deg)}
.game.opening .basket-top{transform:translate(-50%,var(--lidBurstLift)) rotate(-8deg) scale(.89);filter:drop-shadow(0 40px 28px rgba(0,0,0,.3))}
.game.opening .reveal-light{opacity:1;transform:translate(-50%,-50%) scale(var(--lightScale))}
.game.opening .dumpling-layer{opacity:1;transform:translate(-50%,var(--burstLift)) scale(var(--burstScale))}
.game.opening .rarity-burst{animation:burst var(--burstDuration) .78s ease-out both}
.game.opening .burst-particles i{animation:particleBurst var(--dur,1.8s) var(--delay,0s) cubic-bezier(.14,.79,.16,1) both}
.game.revealed .signal{opacity:.92}
@keyframes burst{0%{opacity:0;transform:translate(-50%,-50%) scale(.2);box-shadow:0 0 0 0 rgba(255,255,255,.86)}18%{opacity:1;transform:translate(-50%,-50%) scale(1.2);box-shadow:0 0 0 110px rgba(76,231,255,.17),0 0 0 200px rgba(255,67,212,.12),0 0 0 280px rgba(255,225,93,.08)}58%{opacity:.85;transform:translate(-50%,-50%) scale(7.4);box-shadow:0 0 0 160px rgba(76,231,255,.12),0 0 0 270px rgba(255,67,212,.08),0 0 0 360px rgba(255,225,93,.06)}100%{opacity:0;transform:translate(-50%,-50%) scale(13.8);box-shadow:0 0 0 210px rgba(255,255,255,0)}}
@keyframes particleBurst{0%{opacity:0;transform:translate3d(0,0,0) scale(.12)}12%{opacity:1}72%{opacity:1;transform:translate3d(var(--tx),var(--ty),0) scale(var(--scale,1.4))}100%{opacity:0;transform:translate3d(calc(var(--tx) * 1.18),calc(var(--ty) * 1.18),0) scale(.22)}}
@media (max-width:700px) and (orientation:portrait){
  .game.opening .basket-top{transform:translate(-50%,-112%) rotate(-6deg) scale(.82)}
  .game.opening .dumpling-layer{transform:translate(-50%,-91%) scale(1.04)}
  .game.opening .reveal-light{transform:translate(-50%,-50%) scale(1.82)}
}
@media (max-width:420px) and (orientation:portrait){
  .game.opening .basket-top{transform:translate(-50%,-110%) rotate(-5deg) scale(.81)}
  .game.opening .dumpling-layer{transform:translate(-50%,-92%) scale(1.01)}
}
@media (max-height:720px) and (orientation:portrait){
  .game.opening .basket-top{transform:translate(-50%,-105%) rotate(-5deg) scale(.79)}
  .game.opening .dumpling-layer{transform:translate(-50%,-87%) scale(.98)}
}
@media (max-height:520px) and (orientation:landscape){
  .game.opening .basket-top{transform:translate(-50%,-108%) rotate(-6deg) scale(.8)}
  .game.opening .dumpling-layer{transform:translate(-50%,-89%) scale(1)}
}

.probability-line{margin:0 auto 12px;display:inline-flex;justify-content:center;align-items:center;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(9,13,54,.45);color:#fff0a6;font-size:12px;font-weight:900;letter-spacing:.06em;backdrop-filter:blur(8px);box-shadow:0 10px 22px rgba(0,0,0,.18)}
.collect-rarity{line-height:1.3}
@media(max-width:600px){.probability-line{font-size:10px;padding:7px 11px;margin-bottom:9px}}
.probability-line{display:inline-flex;align-items:center;justify-content:center;margin:0 auto 12px;padding:6px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(7,10,43,.58);color:#fff3b4;font-size:11px;font-weight:900;letter-spacing:.05em;box-shadow:0 7px 18px rgba(0,0,0,.16)}
.odds-row{max-width:880px;margin-left:auto;margin-right:auto}.odds-row span{font-size:8px;padding:4px 7px}
.game.golden-mode .golden-art{opacity:1;transform:scale(1);animation:goldenFloat 2.6s ease-in-out infinite}.game.golden-mode .dumpling{opacity:0}.game.golden-mode .golden-badge{opacity:1;transform:translateY(0) rotate(5deg) scale(1)}
.game.supernova-mode .golden-art,.game.supernova-mode .golden-badge{opacity:0!important}
.dumpling[data-effect="void"] .dumpling-body{background:radial-gradient(circle at 28% 31%,rgba(101,117,255,.8) 0 1.1%,transparent 1.5%),radial-gradient(circle at 73% 22%,rgba(255,255,255,.7) 0 .8%,transparent 1.2%),radial-gradient(circle at 61% 68%,rgba(108,75,255,.8) 0 .9%,transparent 1.3%),radial-gradient(circle at 37% 76%,rgba(255,74,207,.55) 0 .7%,transparent 1.1%),linear-gradient(145deg,#141722,#010102 72%);background-size:88px 88px,120px 120px,102px 102px,76px 76px,100% 100%;box-shadow:inset 0 10px 18px rgba(83,99,255,.12),inset 0 -20px 24px rgba(0,0,0,.7),0 0 28px rgba(65,88,255,.3),0 20px 24px rgba(0,0,0,.34)}
.dumpling[data-effect="void"] .pleat{background:linear-gradient(160deg,#1d2130,#030305);box-shadow:inset 2px 5px 5px rgba(92,104,255,.12),inset -3px -5px 7px rgba(0,0,0,.55)}
.dumpling[data-effect="void"] .shine{opacity:.16}.dumpling[data-effect="void"] .body-star{opacity:1;animation:bodySpark 1.5s ease-in-out infinite alternate}
.dumpling[data-effect="eventhorizon"] .dumpling-body{background:radial-gradient(circle at 50% 52%,#000 0 24%,#18141d 25% 37%,#ff612d 39% 45%,#a63dff 49% 55%,#080810 60% 100%);box-shadow:0 0 28px rgba(255,80,37,.36),0 0 50px rgba(139,65,255,.22),inset 0 12px 18px rgba(255,255,255,.08),0 20px 24px rgba(0,0,0,.34)}
.dumpling[data-effect="darkmatter"] .dumpling-body{background:radial-gradient(circle at 34% 26%,rgba(121,132,255,.35),transparent 16%),linear-gradient(145deg,#2c3158,#05050c 65%,#11142b);box-shadow:inset 0 12px 18px rgba(115,126,255,.14),0 0 34px rgba(80,94,255,.25),0 20px 24px rgba(0,0,0,.35)}
.dumpling[data-effect="aurora"] .dumpling-body{background:linear-gradient(125deg,#72ffb1,#62e9ff,#7877ff,#ff75d1,#72ffb1);background-size:300% 300%;animation:squish 2.1s ease-in-out infinite,rainbowShift 5.5s linear infinite}
.dumpling[data-effect="sunset"] .dumpling-body{background:linear-gradient(145deg,#ffe978,#ff9a4d 42%,#ff5c9c 72%,#7e61ff)}
.dumpling[data-effect="candy"] .dumpling-body{background:linear-gradient(135deg,#ff8bdc 0 20%,#8ee8ff 20% 40%,#fff085 40% 60%,#b990ff 60% 80%,#ff8bdc 80%);background-size:180% 180%;animation:squish 2.1s ease-in-out infinite,rainbowShift 7s linear infinite}
.dumpling[data-effect="confetti"] .dumpling-body{background:radial-gradient(circle at 20% 22%,#fff26d 0 3%,transparent 3.8%),radial-gradient(circle at 72% 30%,#52e8ff 0 3%,transparent 3.8%),radial-gradient(circle at 38% 70%,#ff4fc7 0 3%,transparent 3.8%),radial-gradient(circle at 78% 74%,#9c73ff 0 3%,transparent 3.8%),linear-gradient(145deg,var(--tone1),var(--tone2));background-size:54px 54px,62px 62px,50px 50px,68px 68px,100% 100%}
.dumpling[data-effect="pearl"] .dumpling-body{background:linear-gradient(135deg,#fff 0%,var(--tone1) 28%,#d9c8ff 48%,var(--tone2) 68%,#fff 100%);background-size:220% 220%;animation:squish 2.1s ease-in-out infinite,pearlShift 4.5s ease-in-out infinite alternate}
.dumpling[data-effect="starlight"] .dumpling-body{background:radial-gradient(circle at 24% 23%,#fff 0 1.2%,transparent 1.8%),radial-gradient(circle at 69% 29%,#fff 0 1%,transparent 1.6%),radial-gradient(circle at 53% 72%,#fff 0 .9%,transparent 1.5%),linear-gradient(150deg,#d99cff,#60329f 60%,#281849);background-size:95px 95px,123px 123px,110px 110px,100% 100%}
.dumpling[data-effect="crystal"] .dumpling-body{background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(143,225,255,.72) 45%,rgba(189,150,255,.65));border:1px solid rgba(255,255,255,.55);box-shadow:inset 0 18px 25px rgba(255,255,255,.55),inset 0 -18px 26px rgba(84,118,255,.14),0 0 34px rgba(151,231,255,.38),0 20px 24px rgba(0,0,0,.22)}
.dumpling[data-effect="solar"] .dumpling-body{background:radial-gradient(circle at 32% 24%,#fff7c2 0 8%,transparent 20%),linear-gradient(145deg,#fff27b,#ffb12e 45%,#ff5c2b 78%,#c92342);box-shadow:inset 0 14px 20px rgba(255,255,255,.4),0 0 40px rgba(255,137,38,.45),0 20px 24px rgba(0,0,0,.25)}
.dumpling[data-effect="deepsea"] .dumpling-body{background:radial-gradient(circle at 30% 25%,rgba(93,255,245,.4),transparent 18%),linear-gradient(155deg,#23d9cf,#096478 48%,#051d43);box-shadow:inset 0 14px 20px rgba(255,255,255,.2),0 0 30px rgba(41,223,235,.32),0 20px 24px rgba(0,0,0,.3)}
.dumpling[data-effect="mirage"] .dumpling-body{background:linear-gradient(120deg,#ffb8ed,#f83ec7,#8d3cff,#ffb8ed);background-size:260% 260%;animation:squish 2.1s ease-in-out infinite,rainbowShift 6s linear infinite}
.dumpling[data-effect="blacklight"] .dumpling-body{background:linear-gradient(145deg,#f07cff,#7d18bf 45%,#140022 80%);box-shadow:inset 0 12px 16px rgba(255,255,255,.2),0 0 42px rgba(221,62,255,.5),0 20px 24px rgba(0,0,0,.32)}
.dumpling[data-effect="holo"] .dumpling-body{background:linear-gradient(115deg,#fff 0%,#9ffcff 18%,#ffbdf2 36%,#fff5a7 52%,#b7a5ff 68%,#9ffcff 84%,#fff 100%);background-size:260% 260%;animation:squish 2.1s ease-in-out infinite,holoShift 3.8s linear infinite}
.dumpling[data-effect="chrome"] .dumpling-body{background:linear-gradient(145deg,#fff 0%,#9eabb7 18%,#f7fbff 32%,#687583 52%,#e6f4ff 70%,#707a86 86%,#fff 100%);box-shadow:inset 0 16px 19px rgba(255,255,255,.65),inset 0 -16px 20px rgba(0,0,0,.2),0 20px 24px rgba(0,0,0,.28)}
.dumpling[data-effect="static"] .dumpling-body{background:repeating-linear-gradient(105deg,#fff48b 0 12px,#39dbc1 12px 24px,#64a8ff 24px 36px,#fff48b 36px 48px);background-size:160% 160%;animation:squish 2.1s ease-in-out infinite,staticShift 1.8s linear infinite}
.dumpling[data-effect="opal"] .dumpling-body{background:radial-gradient(circle at 28% 30%,rgba(255,255,255,.8),transparent 23%),linear-gradient(135deg,#fff2fc,#a8e9ff,#d4b4ff,#b8ffd8,#fff2fc);background-size:240% 240%;animation:squish 2.1s ease-in-out infinite,pearlShift 5s ease-in-out infinite alternate}
.dumpling[data-effect="prism"] .dumpling-body{background:linear-gradient(130deg,#fff 0%,#ffe3f5 18%,#a9f5ff 36%,#fff4a0 52%,#d0b6ff 70%,#fff 100%);background-size:260% 260%;animation:squish 2.1s ease-in-out infinite,holoShift 4.8s linear infinite}
.dumpling[data-effect="hypernova"] .dumpling-body{background:radial-gradient(circle at 38% 30%,#d8fbff 0 6%,#4fd6ff 14%,#3158ff 38%,#1f1c72 70%,#100837);box-shadow:0 0 44px rgba(77,190,255,.46),inset 0 12px 18px rgba(255,255,255,.32),0 20px 24px rgba(0,0,0,.28)}
.dumpling[data-effect="rainbowprism"] .dumpling-body{background:linear-gradient(120deg,#fff1fa,#ffabd9,#fff19f,#9ff2d7,#94dcff,#c8abff,#fff1fa);background-size:320% 320%;animation:squish 2.1s ease-in-out infinite,rainbowShift 4.8s linear infinite;box-shadow:inset 0 15px 18px rgba(255,255,255,.52),0 0 34px rgba(198,161,255,.38),0 20px 24px rgba(0,0,0,.24)}
.dumpling[data-effect="rainbowprism"] .body-star{opacity:.6;animation:bodySpark 1.6s ease-in-out infinite alternate}
.dumpling[data-effect="quantum"] .dumpling-body{background:radial-gradient(circle at 28% 24%,#fff 0 3%,transparent 4%),radial-gradient(circle at 70% 32%,#fff 0 2%,transparent 3%),conic-gradient(from 40deg,#5ce7ff,#7d68ff,#ff54cb,#ffe45e,#5ce7ff);background-size:86px 86px,110px 110px,100% 100%;animation:squish 2.1s ease-in-out infinite,quantumSpin 8s linear infinite}
.dumpling[data-effect="starforge"] .dumpling-body{background:radial-gradient(circle at 38% 26%,#fff2e6 0 5%,transparent 15%),linear-gradient(145deg,#ff9ab3,#bb173f 44%,#4e0619);box-shadow:0 0 38px rgba(255,56,102,.42),inset 0 14px 18px rgba(255,255,255,.28),0 20px 24px rgba(0,0,0,.28)}
.dumpling[data-effect="supernova"] .dumpling-body{background:radial-gradient(circle at 50% 50%,#fff 0 4%,#fff67a 5% 10%,#ff7c2f 11% 18%,#ff2f8d 19% 28%,#8c2cff 29% 39%,#243fff 40% 49%,#08102f 50% 62%,transparent 63%),conic-gradient(from 0deg,#ff2b68,#ffcb4d,#5bf0d4,#49a9ff,#a34cff,#ff2b68);background-size:100% 100%;box-shadow:0 0 25px rgba(255,255,255,.45),0 0 55px rgba(255,49,160,.52),0 0 90px rgba(78,94,255,.36),inset 0 10px 18px rgba(255,255,255,.22),0 20px 24px rgba(0,0,0,.3);animation:squish 2.1s ease-in-out infinite,supernovaPulse 1.8s ease-in-out infinite alternate}
.dumpling[data-effect="supernova"] .pleat{background:linear-gradient(150deg,#ff6fc8,#6f59ff 50%,#17245d);box-shadow:inset 3px 6px 8px rgba(255,255,255,.25),inset -3px -4px 8px rgba(0,0,0,.24)}
.dumpling[data-effect="supernova"] .body-star{opacity:1;animation:bodySpark .75s ease-in-out infinite alternate}.game.supernova-mode .dumpling-aura{background:radial-gradient(circle,#fff 0 6%,#ffed69 14%,#ff4ec8 34%,#5f68ff 56%,transparent 72%);opacity:.82;filter:blur(18px);animation:supernovaAura 1.3s ease-in-out infinite alternate}
.mini-bao[data-effect="void"]{background:linear-gradient(145deg,#151722,#010102)!important;box-shadow:inset 0 8px 12px rgba(81,92,255,.15),0 0 15px rgba(69,87,255,.24)}
.mini-bao[data-effect="supernova"]{background:radial-gradient(circle at 50% 50%,#fff 0 7%,#ff7a39 8% 18%,#ff3ca8 19% 34%,#5e4fff 35% 52%,#08102f 53% 68%),conic-gradient(#ff2b68,#ffcb4d,#5bf0d4,#49a9ff,#a34cff,#ff2b68)!important;box-shadow:0 0 18px rgba(255,72,190,.4)}
.mini-bao[data-effect="rainbowprism"]{background:linear-gradient(120deg,#fff1fa,#ffabd9,#fff19f,#9ff2d7,#94dcff,#c8abff)!important}
.tier-legendary{border-color:rgba(255,225,91,.3);background:linear-gradient(145deg,rgba(255,206,67,.12),rgba(234,70,255,.06))}.tier-super-rare{border-color:rgba(126,116,255,.2)}
@keyframes pearlShift{from{background-position:0% 50%}to{background-position:100% 50%}}
@keyframes holoShift{to{background-position:260% 50%}}
@keyframes staticShift{to{background-position:160% 0}}
@keyframes quantumSpin{to{filter:hue-rotate(360deg)}}
@keyframes supernovaPulse{to{filter:saturate(1.25) brightness(1.12);transform:scale(1.015)}}
@keyframes supernovaAura{to{transform:scale(1.18) rotate(8deg);opacity:1}}
@media(max-width:700px){.probability-line{font-size:9px;padding:5px 9px;margin-bottom:9px}}

.dumpling[data-effect="confetti"] .dumpling-body{
  background:
    linear-gradient(35deg,transparent 0 15%,#fff26d 15% 18%,transparent 18% 100%),
    linear-gradient(130deg,transparent 0 62%,#52e8ff 62% 66%,transparent 66% 100%),
    linear-gradient(78deg,transparent 0 42%,#ff4fc7 42% 46%,transparent 46% 100%),
    linear-gradient(160deg,transparent 0 30%,#9c73ff 30% 34%,transparent 34% 100%),
    linear-gradient(112deg,transparent 0 72%,#7df58f 72% 75%,transparent 75% 100%),
    radial-gradient(circle at 50% 48%,rgba(255,255,255,.16) 0 12%,rgba(255,255,255,0) 18%),
    linear-gradient(155deg,#fff6cb 0%,var(--tone1) 26%,var(--tone2) 82%);
  background-size:44px 44px,58px 58px,52px 52px,64px 64px,48px 48px,100% 100%,100% 100%;
  background-position:8% 16%,82% 18%,28% 72%,76% 78%,55% 44%,center center,center center;
  box-shadow:inset 0 12px 16px rgba(255,255,255,.34),inset 0 -10px 16px rgba(112,43,154,.08),0 0 26px rgba(255,154,230,.24),0 20px 24px rgba(0,0,0,.24)
}
.dumpling[data-effect="confetti"] .shine{opacity:.34}
.dumpling[data-effect="confetti"] .body-star{opacity:.55;animation:bodySpark 1.45s ease-in-out infinite alternate}
.mini-bao[data-effect="confetti"]{
  background:
    linear-gradient(35deg,transparent 0 16%,#fff26d 16% 19%,transparent 19% 100%),
    linear-gradient(130deg,transparent 0 62%,#52e8ff 62% 66%,transparent 66% 100%),
    linear-gradient(78deg,transparent 0 42%,#ff4fc7 42% 46%,transparent 46% 100%),
    linear-gradient(155deg,#fff6cb 0%,var(--m1) 30%,var(--m2) 84%)!important;
  box-shadow:inset 0 8px 12px rgba(255,255,255,.3),0 0 14px rgba(255,133,214,.18)
}

.dumpling[data-effect="supernova"] .dumpling-body{
  background:
    radial-gradient(circle at 52% 50%,#ffffff 0 5%,#fff8bf 6% 10%,rgba(255,248,191,0) 14%),
    radial-gradient(circle at 44% 45%,rgba(255,169,74,.98) 0 9%,rgba(255,92,48,.92) 10% 18%,rgba(255,92,48,0) 28%),
    radial-gradient(circle at 60% 56%,rgba(255,74,168,.95) 0 10%,rgba(255,74,168,0) 26%),
    radial-gradient(circle at 32% 64%,rgba(102,235,255,.72) 0 8%,rgba(102,235,255,0) 22%),
    radial-gradient(circle at 72% 34%,rgba(140,92,255,.82) 0 10%,rgba(140,92,255,0) 24%),
    radial-gradient(circle at 50% 50%,rgba(255,190,70,.22) 0 34%,rgba(255,190,70,0) 48%),
    linear-gradient(150deg,#09102e 0%,#040714 52%,#000105 100%);
  box-shadow:0 0 28px rgba(255,255,255,.25),0 0 58px rgba(255,90,169,.42),0 0 92px rgba(76,121,255,.3),inset 0 12px 18px rgba(255,255,255,.12),inset 0 -14px 22px rgba(0,0,0,.28),0 20px 24px rgba(0,0,0,.3);
  animation:squish 2.1s ease-in-out infinite,supernovaPulse 1.8s ease-in-out infinite alternate
}
.dumpling[data-effect="supernova"] .pleat{
  background:linear-gradient(155deg,#ffe3ff 0%,#a96cff 44%,#18255e 100%);
  box-shadow:inset 2px 5px 8px rgba(255,255,255,.24),inset -3px -5px 8px rgba(0,0,0,.28)
}
.dumpling[data-effect="supernova"] .body-star{opacity:1;animation:bodySpark .72s ease-in-out infinite alternate;filter:drop-shadow(0 0 7px rgba(255,255,255,.9))}
.game.supernova-mode .dumpling-aura{
  background:radial-gradient(circle,rgba(255,255,255,.98) 0 5%,rgba(255,237,105,.92) 11%,rgba(255,100,190,.6) 29%,rgba(92,116,255,.42) 49%,transparent 72%);
  opacity:.88;filter:blur(18px);animation:supernovaAura 1.15s ease-in-out infinite alternate
}
.mini-bao[data-effect="supernova"]{
  background:
    radial-gradient(circle at 52% 50%,#fff 0 6%,#fff5a8 7% 11%,transparent 16%),
    radial-gradient(circle at 44% 45%,#ffb24c 0 11%,rgba(255,91,52,.95) 12% 20%,transparent 28%),
    radial-gradient(circle at 60% 56%,rgba(255,72,167,.95) 0 10%,transparent 24%),
    radial-gradient(circle at 70% 34%,rgba(143,104,255,.85) 0 11%,transparent 24%),
    linear-gradient(150deg,#09102e 0%,#030613 55%,#000105 100%)!important;
  box-shadow:0 0 20px rgba(255,88,176,.34),0 0 34px rgba(94,128,255,.22),inset 0 7px 12px rgba(255,255,255,.12)
}


html,body{overscroll-behavior:none;touch-action:manipulation;background:#050514}
body{position:fixed;inset:0}
.game.app-mode{min-height:0;height:100dvh;--app-top:116px;--app-bottom:0px}
.app-topbar{position:absolute;left:0;right:0;top:0;height:var(--app-top);z-index:30;display:flex;align-items:center;justify-content:center;padding:max(12px,env(safe-area-inset-top)) clamp(18px,3vw,48px) 8px;pointer-events:none;background:linear-gradient(180deg,rgba(3,4,26,.58),rgba(3,4,26,0))}
.app-topbar .brand-logo{width:clamp(300px,28vw,500px);max-height:104px;object-fit:contain;filter:drop-shadow(0 12px 20px rgba(0,0,0,.32));pointer-events:none}
.topbar-left,.topbar-right{position:absolute;display:flex;align-items:center;gap:10px;pointer-events:auto;top:max(18px,env(safe-area-inset-top))}
.topbar-left{left:clamp(18px,3vw,48px)}.topbar-right{right:clamp(18px,3vw,48px)}
.app-icon-button,.pulls-pill{border:1px solid rgba(255,255,255,.19);color:#fff;background:linear-gradient(145deg,rgba(31,58,153,.88),rgba(117,32,192,.84));box-shadow:0 10px 30px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.2);backdrop-filter:blur(12px);cursor:pointer;transition:.2s transform,.2s filter,.2s opacity}
.app-icon-button{position:relative;width:48px;height:48px;border-radius:16px;font-size:20px;font-weight:900}
.app-icon-button small{position:absolute;right:-4px;top:-4px;display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#ff3da9;color:#fff;font-size:9px;border:2px solid #101047}
.app-icon-button:hover,.pulls-pill:hover{transform:translateY(-2px);filter:brightness(1.12)}
.pulls-pill{height:48px;padding:0 15px 0 10px;border-radius:16px;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:900}
.pulls-orb{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(145deg,#ffe85e,#ff66d0,#59deff);box-shadow:0 0 14px rgba(255,118,215,.35)}
.connection-pill{padding:6px 9px;border-radius:999px;background:rgba(4,12,40,.45);border:1px solid rgba(255,255,255,.12);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#9cf8d5;backdrop-filter:blur(8px)}
.connection-pill.offline{color:#ffd890}
.game.app-mode .stage{inset:var(--app-top) 0 var(--app-bottom)}
.game.app-mode .steamer-wrap{top:44%;width:min(50vw,700px)}
.game.app-mode .intro-panel,.game.app-mode .reveal-panel{bottom:clamp(18px,3.5vh,44px);width:min(820px,90vw)}
.app-action-card{padding:16px 22px 18px;border-radius:28px;background:linear-gradient(180deg,rgba(10,13,57,.18),rgba(5,7,35,.58));border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 45px rgba(0,0,0,.16);backdrop-filter:blur(8px)}
.primary-action-row{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:4px}
.daily-copy{display:flex;flex-direction:column;text-align:left;gap:2px;color:#fff}.daily-copy strong{font-size:13px}.daily-copy span{font-size:10px;color:#aeb8e9}
.open-button:disabled,.again-button:disabled{cursor:not-allowed;filter:saturate(.3) brightness(.75);transform:none!important;box-shadow:0 5px 0 #4d315a,0 8px 15px rgba(0,0,0,.15)}
.app-dock{display:none}
.collection-panel{width:min(650px,92vw)}
.profile-drawer{position:absolute;inset:0;z-index:60;pointer-events:none;opacity:0;transition:.3s opacity}.profile-drawer.open{pointer-events:auto;opacity:1}.profile-drawer.open .drawer-panel{transform:translateX(0)}
.profile-panel{width:min(440px,94vw)}
.profile-card{display:flex;align-items:center;gap:13px;padding:15px;border-radius:20px;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.1);margin-bottom:14px}.profile-card div:last-child{display:flex;flex-direction:column;gap:3px}.profile-card span{font-size:11px;color:#aab5e1}.profile-avatar{width:52px;height:52px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(145deg,#4edfff,#9d55ff,#ff54bd);font-size:24px;box-shadow:0 8px 24px rgba(126,73,255,.25)}
.profile-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.profile-stat-grid>div{display:flex;flex-direction:column;padding:14px;border-radius:18px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08)}.profile-stat-grid strong{font-size:22px}.profile-stat-grid span{font-size:10px;color:#aab5e1;text-transform:uppercase;letter-spacing:.08em}
.profile-section{display:grid;gap:9px;margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.09)}.profile-section label{font-size:11px;color:#cdd4f4}.profile-section input,.auth-form input{width:100%;height:46px;padding:0 14px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:rgba(5,8,39,.72);color:#fff;outline:none}.profile-section input:focus,.auth-form input:focus{border-color:#65eaff;box-shadow:0 0 0 3px rgba(91,226,255,.1)}
.profile-primary,.profile-secondary,.profile-danger,.text-button{border:0;border-radius:14px;min-height:44px;padding:0 14px;font-weight:900;cursor:pointer}.profile-primary{color:#fff;background:linear-gradient(180deg,#ff55d0,#db1a91);box-shadow:0 7px 18px rgba(255,40,180,.22)}.profile-secondary{color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}.profile-danger{color:#ffc6d8;background:rgba(166,27,72,.22);border:1px solid rgba(255,94,140,.18)}.text-button{color:#bfc8ee;background:transparent}
.profile-note{margin:0;color:#9faad5;font-size:11px;line-height:1.45}.install-button{background:linear-gradient(135deg,#52e4ff,#765dff,#f851c9)}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px}.auth-tab{height:40px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.045);color:#aeb7de;font-weight:900;cursor:pointer}.auth-tab.active{color:#fff;background:linear-gradient(135deg,rgba(85,108,255,.65),rgba(221,57,212,.48))}.auth-form{display:none;gap:9px}.auth-form.active{display:grid}.auth-message{min-height:18px;color:#ffd1e2;font-size:11px}
.limit-sheet{position:absolute;inset:0;z-index:80;display:grid;place-items:center;padding:22px;background:rgba(2,3,19,.58);backdrop-filter:blur(10px);opacity:0;pointer-events:none;transition:.25s opacity}.limit-sheet.open{opacity:1;pointer-events:auto}.limit-card{width:min(410px,92vw);padding:28px;border-radius:30px;text-align:center;background:linear-gradient(180deg,#181a65,#090a32);border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 90px rgba(0,0,0,.45)}.limit-icon{width:64px;height:64px;margin:0 auto 13px;display:grid;place-items:center;border-radius:22px;background:linear-gradient(145deg,#ffe159,#ff55cc,#5ce6ff);font-size:27px}.limit-card h2{margin:0 0 7px;font-size:28px}.limit-card p{margin:0 0 18px;color:#bec6e9;line-height:1.45}.limit-card .profile-primary{width:100%}
.app-toast{position:absolute;left:50%;bottom:24px;z-index:100;max-width:min(420px,88vw);padding:10px 15px;border-radius:999px;background:rgba(11,14,56,.92);border:1px solid rgba(255,255,255,.14);box-shadow:0 12px 30px rgba(0,0,0,.28);color:#fff;font-size:12px;font-weight:800;transform:translate(-50%,20px);opacity:0;pointer-events:none;transition:.25s}.app-toast.show{transform:translate(-50%,0);opacity:1}
@media (min-width:1200px){.game.app-mode .brand-logo{width:clamp(390px,30vw,560px);max-height:112px}.game.app-mode .steamer-wrap{width:min(46vw,720px);top:45%}.colors-piece{width:clamp(155px,14vw,245px)}.teaser-piece{width:clamp(250px,25vw,430px)}}
@media (min-width:701px) and (max-width:1100px){.game.app-mode{--app-top:102px}.game.app-mode .brand-logo{width:clamp(240px,34vw,350px);max-height:90px}.game.app-mode .steamer-wrap{width:min(66vw,660px);top:43%}.topbar-left,.topbar-right{gap:7px}.connection-pill{display:none}.pulls-pill{padding-right:11px}.age-piece{top:110px}.colors-piece{top:115px}}
@media (max-width:700px){
  .game.app-mode{--app-top:72px;--app-bottom:70px;height:100dvh}
  .app-topbar{height:var(--app-top);padding:max(7px,env(safe-area-inset-top)) 10px 4px}
  .app-topbar .brand-logo{width:clamp(132px,36vw,170px);max-height:62px}
  .topbar-left,.topbar-right{top:max(9px,env(safe-area-inset-top));gap:5px}.topbar-left{left:max(10px,env(safe-area-inset-left))}.topbar-right{right:max(10px,env(safe-area-inset-right))}
  .connection-pill,.profile-button,.collection-button{display:none}.app-icon-button{width:38px;height:38px;border-radius:12px;font-size:17px}.pulls-pill{height:38px;padding:0 10px 0 7px;border-radius:12px;font-size:10px}.pulls-orb{width:23px;height:23px;font-size:10px}
  .app-dock{position:absolute;z-index:35;left:50%;bottom:max(8px,env(safe-area-inset-bottom));transform:translateX(-50%);display:grid;grid-template-columns:repeat(3,1fr);width:min(300px,82vw);height:54px;padding:4px;border-radius:19px;background:rgba(8,11,49,.8);border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(16px);box-shadow:0 12px 34px rgba(0,0,0,.25)}
  .dock-button{border:0;border-radius:15px;background:transparent;color:#9fa9d4;display:grid;place-items:center;align-content:center;gap:0;font-weight:900;cursor:pointer}.dock-button span{font-size:18px;line-height:18px}.dock-button small{font-size:9px}.dock-button.active{color:#fff;background:linear-gradient(145deg,rgba(76,104,255,.55),rgba(200,61,225,.45))}
  .game.app-mode .stage{inset:var(--app-top) 0 var(--app-bottom)}
  .game.app-mode .steamer-wrap{width:min(88vw,500px);top:43%}
  .game.app-mode .intro-panel,.game.app-mode .reveal-panel{bottom:6px;width:94vw;padding:12px 12px 13px;border-radius:22px}
  .game.app-mode .intro-panel h1{font-size:clamp(24px,7vw,31px);margin:6px 0 3px}.game.app-mode .intro-panel p{font-size:10px;margin-bottom:8px}.primary-action-row{gap:8px}.daily-copy{display:none}.game.app-mode .odds-row{display:none}.game.app-mode .open-button,.game.app-mode .again-button{padding:10px 15px;font-size:11px}.game.app-mode .view-button{padding:9px 12px;font-size:10px}.game.app-mode .reveal-panel h2{font-size:clamp(24px,7vw,31px)}.game.app-mode .reveal-panel p{font-size:9px;margin-bottom:6px}.probability-line{font-size:9px;margin-bottom:7px;padding:5px 8px}
  .age-piece{left:10px;top:78px;width:38px}.colors-piece{right:8px;top:79px;width:78px}.teaser-piece{left:9px;bottom:88px;width:115px;opacity:.28}
  .signal{top:2%;font-size:8px;padding:5px 8px;max-width:62vw}
  .collection-panel,.profile-panel{width:100%;padding:calc(max(18px,env(safe-area-inset-top)) + 3px) 14px calc(74px + env(safe-area-inset-bottom));border-left:0}
  .collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .app-toast{bottom:calc(72px + env(safe-area-inset-bottom))}
}
@media (max-height:720px) and (orientation:portrait){.game.app-mode .steamer-wrap{width:min(75vw,380px);top:38%}.game.app-mode .intro-panel p{display:none}.teaser-piece{display:none}.game.app-mode .intro-panel,.game.app-mode .reveal-panel{bottom:2px}}
@media (orientation:landscape) and (max-height:600px){
  .game.app-mode{--app-top:54px;--app-bottom:0px}.app-topbar{height:54px}.app-topbar .brand-logo{width:150px;max-height:50px}.topbar-left,.topbar-right{top:7px}.app-icon-button{width:36px;height:36px}.pulls-pill{height:36px}.app-dock{display:none}.profile-button,.collection-button{display:block}.game.app-mode .stage{inset:50px 0 0}.game.app-mode .steamer-wrap{left:29%;top:51%;width:min(45vw,calc(62dvh * 1.35),450px)}.game.app-mode .intro-panel,.game.app-mode .reveal-panel{left:auto;right:4vw;bottom:50%;width:40vw;transform:translateY(50%);text-align:left;padding:12px 14px}.game.app-mode .intro-panel h1{font-size:clamp(23px,3.4vw,36px)}.game.app-mode .intro-panel p{font-size:9px}.primary-action-row{justify-content:flex-start}.game.app-mode .reveal-panel{transform:translateY(calc(50% + 20px));opacity:0}.game.revealed .reveal-panel{transform:translateY(50%)}.reveal-actions{justify-content:flex-start}.box-piece{display:none}.signal{left:29%;top:2%}
}

html.cdpwa-active,body.cdpwa-active{margin:0!important;overflow:hidden!important;width:100%!important;height:100%!important}html.cdpwa-active{margin-top:0!important}body.cdpwa-active #wpadminbar{display:none!important}.game.app-mode{position:fixed!important;inset:0!important;z-index:2147483000!important}

.basket-top{pointer-events:auto;touch-action:none;cursor:grab;will-change:transform}
.steamer-wrap.lid-dragging .basket-top{cursor:grabbing;transition:none!important}
.game:not(.opening) .basket-top{transform:translate(-50%,calc(-50% + var(--swipe-y,0px))) rotate(var(--swipe-r,0deg)) scale(var(--swipe-scale,1))}
.swipe-hint{display:none;position:absolute;left:50%;top:22%;z-index:18;transform:translateX(-50%);align-items:center;gap:7px;padding:7px 12px 7px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:linear-gradient(145deg,rgba(24,34,112,.72),rgba(136,42,174,.66));box-shadow:0 10px 26px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.16);backdrop-filter:blur(12px);color:#fff;pointer-events:none;white-space:nowrap;font-size:10px;letter-spacing:.03em;text-transform:uppercase;font-weight:900}
.swipe-hint span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:linear-gradient(145deg,#5be8ff,#8b64ff,#ff63cc);font-size:16px;box-shadow:0 0 15px rgba(110,124,255,.4)}
.swipe-hint small{color:#c8ceef;font-size:8px;font-weight:800;text-transform:none;letter-spacing:0}
.swipe-hint.nudge{animation:swipeNudge .55s ease}
.game.opening .swipe-hint,.game.revealed .swipe-hint{opacity:0}
@keyframes swipeNudge{0%,100%{transform:translateX(-50%) translateY(0)}45%{transform:translateX(-50%) translateY(-12px)}}

@media (min-width:1201px){
  .game.app-mode{--app-top:132px}
  .app-topbar .brand-logo{width:clamp(430px,31vw,620px);max-height:122px}
  .topbar-left,.topbar-right{top:max(22px,env(safe-area-inset-top));gap:13px}
  .app-icon-button{width:50px;height:50px;border-radius:17px}
  .pulls-pill{height:50px;padding:0 17px 0 10px}
  .game.app-mode .stage{inset:var(--app-top) 0 0}
}

@media (max-width:1100px){
  .game.app-mode{--app-bottom:72px}
  .app-dock{position:absolute;z-index:35;left:50%;bottom:max(9px,env(safe-area-inset-bottom));transform:translateX(-50%);display:grid;grid-template-columns:repeat(3,1fr);width:min(340px,74vw);height:56px;padding:4px;border-radius:20px;background:rgba(8,11,49,.82);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(18px);box-shadow:0 12px 34px rgba(0,0,0,.28)}
  .dock-button{border:0;border-radius:15px;background:transparent;color:#9fa9d4;display:grid;place-items:center;align-content:center;gap:0;font-weight:900;cursor:pointer}
  .dock-button span{font-size:18px;line-height:18px}.dock-button small{font-size:9px}.dock-button.active{color:#fff;background:linear-gradient(145deg,rgba(76,104,255,.55),rgba(200,61,225,.45))}
  .profile-button,.collection-button{display:none!important}
  .connection-pill{display:none}
  .topbar-left{left:max(12px,env(safe-area-inset-left))}
  .topbar-right{right:max(12px,env(safe-area-inset-right))}
  .swipe-hint{display:flex}
  .game.app-mode .stage{inset:var(--app-top) 0 var(--app-bottom)}
  .game.app-mode .intro-panel,.game.app-mode .reveal-panel{bottom:4px}
}

@media (min-width:701px) and (max-width:1100px){
  .game.app-mode{--app-top:94px;--app-bottom:72px}
  .app-topbar .brand-logo{width:clamp(260px,38vw,390px);max-height:84px}
  .topbar-left,.topbar-right{top:max(14px,env(safe-area-inset-top))}
  .app-icon-button{width:44px;height:44px;border-radius:14px}
  .pulls-pill{height:44px;padding:0 13px 0 8px;font-size:11px}
  .pulls-orb{width:25px;height:25px}
  .game.app-mode .steamer-wrap{width:min(72vw,650px);top:42%}
  .swipe-hint{top:18%;font-size:10px}
  .age-piece{top:96px;width:52px}
  .colors-piece{top:98px;width:112px}
  .teaser-piece{bottom:86px;width:min(28vw,250px);opacity:.5}
  .game.app-mode .intro-panel,.game.app-mode .reveal-panel{width:min(760px,92vw);padding:13px 18px 14px;border-radius:24px}
}

@media (max-width:700px){
  .game.app-mode{--app-top:68px;--app-bottom:70px}
  .app-topbar .brand-logo{width:clamp(145px,39vw,188px);max-height:59px}
  .topbar-left,.topbar-right{top:max(8px,env(safe-area-inset-top))}
  .pulls-pill{max-width:112px}
  .pulls-pill span:last-child{white-space:nowrap}
  .game.app-mode .steamer-wrap{top:42%;width:min(90vw,500px)}
  .swipe-hint{top:16%;padding:6px 10px 6px 7px;font-size:9px}
  .swipe-hint span{width:22px;height:22px;font-size:14px}.swipe-hint small{font-size:7px}
  .game.app-mode .intro-panel,.game.app-mode .reveal-panel{bottom:2px;width:94vw;padding:10px 11px 11px}
  .game.app-mode .intro-panel p{max-width:88vw}
  .age-piece{top:70px}.colors-piece{top:71px}
}

@media (max-width:430px){
  .app-topbar .brand-logo{width:138px}
  .topbar-left{left:max(7px,env(safe-area-inset-left))}.topbar-right{right:max(7px,env(safe-area-inset-right))}
  .app-icon-button{width:35px;height:35px;border-radius:11px}
  .pulls-pill{height:35px;padding:0 8px 0 6px;font-size:9px;gap:5px}
  .pulls-orb{width:21px;height:21px}
  .app-dock{width:min(286px,84vw);height:52px}
  .swipe-hint{top:14%}
}

@media (orientation:landscape) and (max-height:600px){
  .game.app-mode{--app-bottom:0px}
  .app-dock{display:none}
  .profile-button,.collection-button{display:block!important}
  .swipe-hint{left:29%;top:16%;font-size:8px;padding:5px 8px}
}


.drawer-subcopy{max-width:470px;margin:3px 0 12px;color:#9ea9d8;font-size:11px;line-height:1.4}
.shop-drawer,.item-drawer{position:absolute;inset:0;z-index:65;pointer-events:none;opacity:0;transition:.3s opacity}
.shop-drawer.open,.item-drawer.open{pointer-events:auto;opacity:1}
.shop-drawer.open .drawer-panel,.item-drawer.open .drawer-panel{transform:translateX(0)}
.shop-panel{width:min(560px,94vw)}
.item-panel{width:min(470px,94vw);display:flex;flex-direction:column}
.wallet-card{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:8px 0 12px}
.wallet-card>div{display:flex;flex-direction:column;gap:5px;padding:15px;border-radius:19px;background:linear-gradient(145deg,rgba(76,93,255,.13),rgba(237,68,214,.08));border:1px solid rgba(255,255,255,.1)}
.wallet-card span{font-size:10px;color:#aeb8df;text-transform:uppercase;letter-spacing:.08em}
.wallet-card strong{font-size:23px}.wallet-card i{font-style:normal;color:#ffe56e;text-shadow:0 0 12px rgba(255,225,90,.35)}
.boost-status{padding:10px 13px;border-radius:14px;background:rgba(70,226,255,.08);border:1px solid rgba(90,225,255,.14);color:#bff8ff;font-size:11px;font-weight:800;margin-bottom:12px}
.shop-grid{display:grid;gap:10px}
.shop-item{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:11px;padding:12px;border-radius:19px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.085)}
.shop-item.armed{border-color:rgba(102,238,255,.35);box-shadow:0 0 24px rgba(79,211,255,.08)}
.shop-item.owned{border-color:rgba(121,255,180,.2)}
.shop-item-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,#4ddfff,#8f57ff,#ff55c8);font-size:22px;box-shadow:0 8px 22px rgba(81,83,255,.18)}
.shop-item-copy h3{margin:0 0 3px;font-size:14px}.shop-item-copy p{margin:0;color:#a9b3dc;font-size:10px;line-height:1.35}
.shop-item button{min-width:78px;height:38px;padding:0 11px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,#ff55d0,#d81d93);color:#fff;font-size:10px;font-weight:900;cursor:pointer}
.shop-item button:disabled{cursor:default;filter:saturate(.3);opacity:.58;background:rgba(255,255,255,.08)}
.shop-note{margin:14px 2px 0;color:#8f9ac8;font-size:9px;line-height:1.5}
.item-detail-visual{position:relative;display:grid;place-items:center;min-height:270px;margin:4px 0 6px;border-radius:25px;overflow:hidden;background:radial-gradient(circle at 50% 54%,rgba(94,225,255,.15),rgba(122,68,255,.09) 38%,rgba(4,7,37,.72) 72%);border:1px solid rgba(255,255,255,.08)}
.item-detail-visual:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(255,70,207,.12),transparent 36%),radial-gradient(circle at 72% 73%,rgba(67,221,255,.12),transparent 34%)}
.detail-preview-dumpling{position:relative;width:220px;height:220px;inset:auto;z-index:2}
.item-panel .detail-preview-dumpling{opacity:1!important}
.item-panel .detail-preview-dumpling[data-effect="solid"] .dumpling-body,.item-panel .detail-preview-dumpling[data-effect="gradient"] .dumpling-body{background:linear-gradient(150deg,var(--tone1),var(--tone2))!important;background-size:100% 100%!important}
.item-panel .detail-preview-dumpling[data-effect="galaxy"] .dumpling-body{background:radial-gradient(circle at 30% 24%,rgba(255,255,255,.7) 0 1.2%,transparent 1.6%),radial-gradient(circle at 72% 35%,rgba(255,255,255,.7) 0 1%,transparent 1.4%),radial-gradient(circle at 62% 70%,rgba(255,255,255,.65) 0 .8%,transparent 1.3%),linear-gradient(145deg,#21d7ff,#8a38ff 48%,#ff3ac6)!important;background-size:120px 120px,150px 150px,110px 110px,100% 100%!important}
.item-panel .detail-preview-dumpling[data-effect="galaxy"] .body-star{opacity:1;animation:bodySpark 1.3s ease-in-out infinite alternate}
.detail-preview-dumpling[data-effect="supernova"] .dumpling-aura{background:radial-gradient(circle,rgba(255,255,255,.98) 0 5%,rgba(255,237,105,.92) 11%,rgba(255,100,190,.6) 29%,rgba(92,116,255,.42) 49%,transparent 72%);opacity:.88;filter:blur(18px)}
.detail-golden{position:relative;z-index:2;width:min(270px,80%);max-height:250px;object-fit:contain;filter:drop-shadow(0 0 28px rgba(255,215,74,.45))}
.item-detail-meta{text-align:center}.item-detail-meta p{margin:7px auto 10px;color:#c7ceeb;font-size:12px;line-height:1.45;max-width:390px}.item-detail-meta .probability-line{margin-bottom:8px}.detail-owned{font-size:11px;color:#ffed9a;font-weight:900}
.item-detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
.collect-card.is-viewable{cursor:pointer;transition:.18s transform,.18s border-color,.18s background}.collect-card.is-viewable:hover{transform:translateY(-2px);border-color:rgba(98,230,255,.25);background:linear-gradient(145deg,rgba(93,115,255,.1),rgba(234,61,210,.05))}.collect-card.is-viewable:focus-visible{outline:2px solid #66eaff;outline-offset:2px}
.collect-view{margin-top:7px;color:#7fefff;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}
.economy-stats{grid-template-columns:1fr 1fr}
.limit-shop-button{width:100%;margin-top:8px}
.dock-button{position:relative}.dock-button b{position:absolute;right:10px;top:4px;min-width:16px;height:16px;padding:0 4px;display:grid;place-items:center;border-radius:999px;background:#ff3da9;color:#fff;border:1px solid rgba(255,255,255,.5);font-size:8px}
.coin-drop-layer{position:absolute;left:50%;top:48%;width:1px;height:1px;z-index:24;pointer-events:none}
.coin-drop-layer i{position:absolute;left:0;top:0;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;font-style:normal;font-size:21px;color:#7a4900;background:radial-gradient(circle at 35% 30%,#fff9aa 0 10%,#ffe65a 12% 32%,#f6a91a 62%,#b96508 100%);border:2px solid #fff079;box-shadow:0 0 20px rgba(255,215,61,.62),0 9px 20px rgba(0,0,0,.28);animation:coinDrop 1.55s var(--coin-delay,0s) cubic-bezier(.2,.75,.25,1) both}
@keyframes coinDrop{0%{opacity:0;transform:translate(-50%,-120px) scale(.3) rotate(-80deg)}18%{opacity:1}68%{transform:translate(calc(-50% + var(--coin-x,0px)),20px) scale(1.08) rotate(220deg)}82%{transform:translate(calc(-50% + var(--coin-x,0px)),2px) scale(.96) rotate(280deg)}100%{opacity:0;transform:translate(calc(-50% + var(--coin-x,0px)),32px) scale(.82) rotate(360deg)}}
.cosmetic-trails .trail-a,.cosmetic-trails .trail-b{opacity:.95;filter:blur(1px) drop-shadow(0 0 10px rgba(80,226,255,.55));height:11px}.cosmetic-trails .trail-b{background:linear-gradient(90deg,transparent,#ff55cf,#ffe45d,#67e9ff)}
.cosmetic-aura .dumpling-aura{opacity:.9;filter:blur(23px);box-shadow:0 0 50px rgba(113,94,255,.2)}
.profile-avatar.star-badge:after{content:"★";position:absolute;right:-6px;top:-7px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#ffe35c;color:#7a4400;border:2px solid #fff2a0;font-size:11px}.profile-avatar{position:relative}
@media (max-width:1100px){.app-dock{grid-template-columns:repeat(4,1fr)!important;width:min(390px,86vw)!important}.shop-button{display:none!important}.shop-panel,.item-panel{width:100%;padding:calc(max(18px,env(safe-area-inset-top)) + 3px) 14px calc(74px + env(safe-area-inset-bottom));border-left:0}}
@media (max-width:700px){.game.app-mode{--app-top:76px}.app-topbar .brand-logo{width:clamp(165px,43vw,210px);max-height:68px}.game.app-mode .steamer-wrap{top:46%;width:min(90vw,500px)}.app-dock{width:min(330px,90vw)!important}.item-detail-visual{min-height:245px}.detail-preview-dumpling{width:195px;height:195px}.wallet-card{gap:7px}.shop-item{grid-template-columns:42px 1fr auto;gap:8px;padding:10px}.shop-item-icon{width:42px;height:42px;border-radius:14px}.shop-item button{min-width:68px;padding:0 8px;font-size:9px}}
@media (max-width:430px){.app-topbar .brand-logo{width:158px;max-height:64px}.game.app-mode .steamer-wrap{top:47%}.app-dock{width:min(312px,92vw)!important}.dock-button b{right:5px}.item-detail-actions{grid-template-columns:1fr}}
@media (max-height:720px) and (orientation:portrait){.game.app-mode .steamer-wrap{top:42%;width:min(78vw,390px)}}
@media (orientation:landscape) and (max-height:600px){.shop-button{display:block!important}.item-detail-visual{min-height:180px}.detail-preview-dumpling{width:150px;height:150px}}
.tap-close-hint{display:none;position:absolute;left:50%;top:13%;z-index:19;transform:translateX(-50%);align-items:center;gap:7px;padding:7px 12px 7px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:linear-gradient(145deg,rgba(20,36,112,.78),rgba(171,43,179,.7));box-shadow:0 10px 28px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.18);backdrop-filter:blur(14px);color:#fff;pointer-events:none;white-space:nowrap;font-size:10px;letter-spacing:.03em;text-transform:uppercase;font-weight:900;opacity:0;transition:.3s opacity,.3s transform}
.tap-close-hint span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:linear-gradient(145deg,#ff6fd5,#8b64ff,#5be8ff);font-size:15px;box-shadow:0 0 15px rgba(110,124,255,.4)}
.tap-close-hint small{color:#c8ceef;font-size:8px;font-weight:800;text-transform:none;letter-spacing:0}
@media (max-width:1100px){.tap-close-hint{display:flex}.game.revealed .tap-close-hint{opacity:1;transform:translateX(-50%) translateY(0)}.game:not(.revealed) .tap-close-hint{opacity:0;transform:translateX(-50%) translateY(-8px)}.game.revealed .basket-top{cursor:pointer}.game.revealed .swipe-hint{opacity:0!important}}
@media (min-width:701px) and (max-width:1100px){.game.app-mode .steamer-wrap{width:min(62vw,600px);top:44%}.tap-close-hint{top:15%}.cosmetic-trails .trail-a{width:64vw}.cosmetic-trails .trail-b{width:54vw}}
@media (max-width:700px){.game.app-mode .steamer-wrap{width:min(82vw,460px);top:48%}.tap-close-hint{top:13%;padding:6px 10px 6px 7px;font-size:9px}.tap-close-hint span{width:22px;height:22px;font-size:13px}.tap-close-hint small{font-size:7px}.cosmetic-trails .trail{z-index:1;opacity:1!important;height:10px;filter:blur(.7px) drop-shadow(0 0 12px rgba(80,226,255,.7))}.cosmetic-trails .trail-a{width:88vw;right:58%}.cosmetic-trails .trail-b{width:76vw;right:57%}}
@media (max-width:430px){.game.app-mode .steamer-wrap{width:min(84vw,360px);top:49%}.tap-close-hint{top:12%}}
@media (max-height:720px) and (orientation:portrait){.game.app-mode .steamer-wrap{width:min(72vw,360px);top:44%}.tap-close-hint{top:10%}}
@media (orientation:landscape) and (max-height:600px){.game.app-mode .steamer-wrap{width:min(42vw,420px)}.tap-close-hint{left:29%;top:13%;font-size:8px;padding:5px 8px}}

.steamer-wrap{transition:filter .4s ease,width .58s cubic-bezier(.2,.8,.2,1),top .58s cubic-bezier(.2,.8,.2,1)}
.steamer{z-index:4}
.app-splash{position:absolute;inset:0;z-index:300;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 42%,#25318e 0%,#17105a 29%,#0a0830 58%,#030412 100%);transition:opacity .72s ease,visibility .72s ease;isolation:isolate}
.app-splash.leaving{opacity:0;visibility:hidden;pointer-events:none}
.splash-nebula{position:absolute;border-radius:50%;filter:blur(48px);mix-blend-mode:screen;opacity:.52;animation:splashNebula 4.8s ease-in-out infinite alternate}
.splash-nebula-a{width:66vmax;height:42vmax;left:-20vmax;top:-14vmax;background:radial-gradient(circle,#ff32d2,transparent 68%)}
.splash-nebula-b{width:62vmax;height:44vmax;right:-20vmax;bottom:-16vmax;background:radial-gradient(circle,#23dfff,transparent 68%);animation-delay:-2s}
.splash-starfield{position:absolute;inset:0}
.splash-starfield i{position:absolute;width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 14px #8beeff;animation:splashStar 2.4s ease-in-out infinite}
.splash-starfield i:nth-child(1){left:9%;top:18%}.splash-starfield i:nth-child(2){left:21%;top:67%;animation-delay:-.3s}.splash-starfield i:nth-child(3){left:33%;top:29%;animation-delay:-.7s}.splash-starfield i:nth-child(4){left:46%;top:78%;animation-delay:-1.1s}.splash-starfield i:nth-child(5){left:58%;top:18%;animation-delay:-1.5s}.splash-starfield i:nth-child(6){left:72%;top:62%;animation-delay:-1.8s}.splash-starfield i:nth-child(7){left:88%;top:27%;animation-delay:-.9s}.splash-starfield i:nth-child(8){left:82%;top:84%;animation-delay:-1.3s}.splash-starfield i:nth-child(9){left:16%;top:43%;animation-delay:-1.7s}.splash-starfield i:nth-child(10){left:63%;top:42%;animation-delay:-.5s}.splash-starfield i:nth-child(11){left:40%;top:10%;animation-delay:-2s}.splash-starfield i:nth-child(12){left:93%;top:55%;animation-delay:-.2s}
.splash-icon{position:absolute;width:clamp(82px,15vw,138px);border-radius:30%;filter:drop-shadow(0 18px 28px rgba(0,0,0,.3));animation:splashIcon 1.05s cubic-bezier(.16,.88,.2,1) both}
.splash-logo{position:absolute;width:min(72vw,440px);opacity:0;filter:drop-shadow(0 18px 30px rgba(0,0,0,.28));animation:splashLogo 1.15s .72s cubic-bezier(.12,.95,.2,1.18) both}
.splash-bubbles{position:absolute;left:50%;top:50%;width:min(76vw,480px);height:min(76vw,480px);transform:translate(-50%,-50%);pointer-events:none}
.splash-bubbles i{position:absolute;width:18px;height:18px;border-radius:50%;background:linear-gradient(145deg,#fff,#69e9ff 34%,#ff60d4 72%);box-shadow:0 0 18px rgba(112,223,255,.65);opacity:0;animation:splashBubble 1.8s 1.1s ease-out infinite}
.splash-bubbles i:nth-child(1){left:8%;top:52%}.splash-bubbles i:nth-child(2){right:8%;top:36%;animation-delay:1.25s}.splash-bubbles i:nth-child(3){left:25%;bottom:12%;animation-delay:1.4s}.splash-bubbles i:nth-child(4){right:24%;bottom:15%;animation-delay:1.55s}.splash-bubbles i:nth-child(5){left:50%;top:4%;animation-delay:1.7s}
.splash-copy{position:absolute;left:50%;bottom:max(8vh,46px);transform:translateX(-50%);white-space:nowrap;color:#dffbff;font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;opacity:.78}
.app-splash.error .splash-copy{color:#ffe2f3}
.parent-gate{position:absolute;inset:0;z-index:120;pointer-events:none;opacity:0;transition:opacity .28s ease}
.parent-gate.open{pointer-events:auto;opacity:1}
.parent-gate-backdrop{position:absolute;inset:0;background:rgba(2,3,18,.76);backdrop-filter:blur(12px)}
.parent-gate-card{position:absolute;left:50%;top:50%;width:min(430px,90vw);transform:translate(-50%,-46%) scale(.96);padding:24px;border:1px solid rgba(255,255,255,.15);border-radius:28px;background:linear-gradient(150deg,rgba(30,35,108,.94),rgba(12,12,49,.96));box-shadow:0 26px 80px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.14);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.parent-gate.open .parent-gate-card{transform:translate(-50%,-50%) scale(1)}
.parent-gate-card h2{margin:6px 0 8px;font-size:28px}.parent-gate-card p{margin:0 0 15px;color:#c6ccee;font-size:12px;line-height:1.5}
.parent-purchase-summary{display:flex;justify-content:space-between;gap:14px;padding:12px 14px;margin-bottom:12px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}
.parent-purchase-summary span{color:#ffe684;font-weight:900}
.parent-gate-card form{display:grid;gap:10px}.parent-gate-card input{width:100%;height:48px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:rgba(4,7,35,.62);color:#fff;padding:0 14px;outline:none}.parent-gate-card input:focus{border-color:rgba(95,232,255,.6);box-shadow:0 0 0 3px rgba(71,210,255,.1)}
.shop-section-title{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;margin-top:6px;padding:12px 2px 4px;color:#fff}.shop-section-title span{font-size:13px;font-weight:900}.shop-section-title strong{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#7deeff}.iap-item{border-color:rgba(255,221,100,.16)}.iap-item .shop-item-icon{background:linear-gradient(145deg,#ffd94f,#ff7ad8,#655dff)}
@keyframes splashIcon{0%{opacity:0;transform:scale(.55) rotate(-8deg)}48%{opacity:1;transform:scale(1.08) rotate(2deg)}76%{opacity:1;transform:scale(.98)}100%{opacity:0;transform:scale(.72)}}
@keyframes splashLogo{0%{opacity:0;transform:scale(.5) translateY(14px)}58%{opacity:1;transform:scale(1.08) translateY(-4px)}78%{transform:scale(.97) translateY(1px)}100%{opacity:1;transform:scale(1)}}
@keyframes splashBubble{0%{opacity:0;transform:translateY(20px) scale(.3)}28%{opacity:.9}100%{opacity:0;transform:translateY(-70px) scale(1.4)}}
@keyframes splashStar{0%{opacity:.2;transform:translate3d(-3px,6px,0) scale(.62)}50%{opacity:1;transform:translate3d(3px,-7px,0) scale(1.42)}100%{opacity:.28;transform:translate3d(6px,-13px,0) scale(.78)}}
@keyframes splashNebula{to{transform:translate(5vw,3vh) scale(1.12)}}
@keyframes splashLogoFloat{from{transform:translateY(0) scale(1)}to{transform:translateY(-7px) scale(1.018)}}
@media(max-width:700px){.splash-logo{width:min(82vw,360px)}.splash-icon{width:96px}.splash-copy{font-size:9px;bottom:max(10vh,62px)}.parent-gate-card{padding:20px;border-radius:24px}.parent-gate-card h2{font-size:24px}}
.splash-logo{animation:splashLogo .95s .28s cubic-bezier(.12,.95,.2,1.18) both}
.splash-icon{animation:splashIcon .78s cubic-bezier(.16,.88,.2,1) both}
.splash-copy{transition:opacity .25s ease,transform .25s ease}
.app-splash.boot-ready .splash-copy{opacity:.94;transform:translateX(-50%) translateY(-2px)}
.app-splash.boot-ready .splash-logo{filter:drop-shadow(0 18px 30px rgba(0,0,0,.28)) drop-shadow(0 0 20px rgba(113,229,255,.2))}
@media(max-width:700px){.splash-logo{width:min(88vw,390px)}}

.guest-callout{display:flex;flex-direction:column;gap:2px;margin:10px auto 0;padding:9px 13px;max-width:520px;border:1px solid rgba(104,232,255,.22);border-radius:14px;background:rgba(25,42,118,.38);color:#d9faff;font-size:10px;line-height:1.35}.guest-callout strong{color:#fff;font-size:11px}.guest-callout[hidden]{display:none!important}
.box-piece{filter:none!important}.age-piece{display:none!important}.drawer-panel{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.profile-drawer,.collection-drawer,.shop-drawer,.item-drawer,.parent-gate{touch-action:pan-y}.profile-panel,.collection-panel,.shop-panel,.item-panel{max-height:100dvh;overflow-y:auto}
@media (min-width:1201px){.game.app-mode .steamer-wrap{width:min(38vw,540px);top:43%}.game.app-mode .intro-panel,.game.app-mode .reveal-panel{bottom:22px;width:min(720px,82vw)}.colors-piece{width:160px;right:38px;top:19vh}.teaser-piece{width:280px;left:24px;bottom:34px;opacity:.92}}
@media (max-width:1100px){.box-piece{display:none!important}.game.app-mode .stage{inset:var(--app-top) 0 var(--app-bottom)}.profile-drawer,.collection-drawer,.shop-drawer,.item-drawer{z-index:90}.drawer-panel{border-radius:0!important}}
@media (min-width:701px) and (max-width:1100px){.game.app-mode{--app-top:92px;--app-bottom:72px}.app-topbar .brand-logo{width:clamp(270px,40vw,400px);max-height:84px}.game.app-mode .steamer-wrap{width:min(60vw,560px);top:45%}.game.app-mode .intro-panel,.game.app-mode .reveal-panel{bottom:7px;width:min(720px,90vw)}}
@media (max-width:700px){.game.app-mode{--app-top:76px;--app-bottom:70px}.app-topbar{height:76px}.app-topbar .brand-logo{width:clamp(180px,48vw,220px);max-height:72px}.game.app-mode .steamer-wrap{width:min(78vw,390px);top:48%}.game.revealed .steamer-wrap{width:min(70vw,350px);top:46%}.game.app-mode .intro-panel,.game.app-mode .reveal-panel{bottom:4px;width:94vw;padding:10px 12px 11px}.game.app-mode .intro-panel h1{font-size:clamp(23px,7.2vw,31px);line-height:1}.game.app-mode .intro-panel p{font-size:11px;line-height:1.35;margin-bottom:9px}.guest-callout{font-size:9px;padding:7px 10px;margin-top:7px}.guest-callout strong{font-size:10px}.swipe-hint{top:13%}.tap-close-hint{top:-12%!important}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.collect-card{min-width:0}.shop-item{grid-template-columns:40px minmax(0,1fr) auto;gap:8px}.shop-item-copy{min-width:0}.shop-item-copy h3,.shop-item-copy p{overflow-wrap:anywhere}.parent-gate-card{width:min(92vw,430px);max-height:86dvh;overflow-y:auto}}
@media (max-width:430px){.app-topbar .brand-logo{width:178px;max-height:68px}.game.app-mode .steamer-wrap{width:min(76vw,325px);top:49%}.game.revealed .steamer-wrap{width:min(69vw,300px);top:46%}.app-dock{width:min(318px,92vw)!important}.shop-item{grid-template-columns:36px minmax(0,1fr) auto;padding:9px 8px}.shop-item-icon{width:36px;height:36px;border-radius:12px;font-size:18px}.shop-item button{min-width:62px;height:36px;padding:0 7px;font-size:8px}}
@media (max-height:720px) and (orientation:portrait){.game.app-mode .steamer-wrap{width:min(64vw,310px);top:44%}.game.revealed .steamer-wrap{width:min(60vw,290px);top:42%}.game.app-mode .intro-panel p{display:none}.guest-callout{display:none}}
@media (orientation:landscape) and (max-height:600px){.game.app-mode .steamer-wrap{left:28%;top:52%;width:min(38vw,360px)}.game.app-mode .intro-panel,.game.app-mode .reveal-panel{right:3vw;width:43vw}}
.aura-filter-defs,.aura-stroke,.basket-effect,.cosmetic-ring{display:none!important}
.aura-overlay{pointer-events:none!important;user-select:none!important;filter:none!important;opacity:.92;animation:cdAuraBreathe 2.4s ease-in-out infinite}
.aura-overlay.basket-bottom{z-index:3}
.aura-overlay.basket-top{z-index:8}
.aura-overlay[data-aura="comet"]{opacity:1}
.aura-overlay[data-aura="rainbow"]{opacity:.96}
.aura-overlay[data-aura="nebula"]{opacity:.86}
@keyframes cdAuraBreathe{0%,100%{opacity:.76}50%{opacity:1}}
.nebula{filter:none!important;mix-blend-mode:normal!important;animation:none!important;opacity:.22!important}
.comet{display:none!important}
.portal-glow{filter:none!important;animation:none!important;opacity:.62}
.trail{filter:none!important;animation:none!important;opacity:.24}
.box-piece{filter:none!important;animation:none!important}
.basket{filter:none!important}
.steamer{animation:none!important}
.app-topbar,.app-dock,.app-action-card,.signal,.connection-pill,.swipe-hint,.tap-close-hint,.drawer-panel,.parent-gate-backdrop,.limit-sheet,.profile-card,.wallet-card{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.drawer-panel{transition:transform .2s cubic-bezier(.2,.8,.2,1)!important;contain:layout paint style}
.collection-drawer,.profile-drawer,.shop-drawer,.item-drawer,.parent-gate{contain:layout paint style}
.shop-section-title{margin:12px 0 2px;padding:8px 4px 3px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid rgba(255,255,255,.08)}
.shop-section-title:first-child{margin-top:0;border-top:0}
.shop-section-title span{font-size:12px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;color:#fff}
.shop-section-title strong{font-size:9px;color:#90ddff;text-transform:uppercase;letter-spacing:.06em}
.iap-item{border-color:rgba(79,215,255,.18)!important;background:linear-gradient(145deg,rgba(30,54,126,.38),rgba(93,35,126,.22))!important}
.iap-item .shop-item-icon{background:linear-gradient(145deg,#5ce7ff,#8057ff,#ff5acb)!important}
.preorder-iap{border-color:rgba(255,226,91,.42)!important;box-shadow:inset 0 0 0 1px rgba(255,229,101,.08)}
.preorder-iap .shop-item-icon{background:linear-gradient(145deg,#ffdd5d,#ff7acb,#6edfff)!important}
.preorder-iap button{background:linear-gradient(180deg,#ffda59,#ff7ac8)!important;color:#12122e!important}
.iap-unavailable{opacity:.72}
@media(max-width:1100px){.nebula{opacity:.16!important}.trail{opacity:.16!important}.aura-overlay{animation-duration:3s}.shop-section-title{padding-left:2px;padding-right:2px}}
@media(max-width:700px){.orbit{opacity:.25}.portal-glow{opacity:.45}.box-piece{display:none!important}.aura-overlay{opacity:.96}.drawer-panel{transition-duration:.16s!important}}

.splash-logo{animation:splashLogo .95s .18s cubic-bezier(.12,.95,.2,1.18) both,splashLogoFloat 1.65s 1.08s ease-in-out infinite alternate}
.splash-starfield i{animation:splashStar 3.1s ease-in-out infinite alternate}

.steamer-wrap{touch-action:none}
.game.requesting-pull:not(.swipe-opening) .basket-top{transform:translate(-50%,-72%) rotate(-3deg) scale(.965)!important;transition:transform .24s cubic-bezier(.18,.9,.25,1),filter .22s ease!important;filter:none!important}
.game.requesting-pull.swipe-opening .basket-top{transform:translate(-50%,calc(-50% + var(--swipe-y,-96px))) rotate(var(--swipe-r,-6deg)) scale(var(--swipe-scale,.97))!important;transition:transform .34s cubic-bezier(.14,.92,.22,1),filter .22s ease!important;filter:none!important}
.game.requesting-pull .reveal-light{opacity:.48;transform:translate(-50%,-50%) scale(.95);transition:opacity .18s ease,transform .28s ease}
.game.requesting-pull.swipe-opening .reveal-light{opacity:.68;transform:translate(-50%,-50%) scale(1.08)}
.game.requesting-pull .swipe-hint{opacity:0!important}
.game.requesting-pull .portal-glow{opacity:.72}
.game.requesting-pull.swipe-opening .portal-glow{opacity:.9}
.open-button.is-opening{transform:translateY(1px) scale(.985);filter:brightness(1.08)}
.game.closing-lid .basket-top{transition:transform .48s cubic-bezier(.18,.88,.25,1)!important}
.tap-close-hint{font-family:inherit;cursor:pointer}
.game.revealed .tap-close-hint{pointer-events:auto!important}
@media(max-width:1100px){
  .steamer-wrap{touch-action:none}
  .game.requesting-pull:not(.swipe-opening) .basket-top{transform:translate(-50%,-68%) rotate(-3deg) scale(.94)!important}
  .game.requesting-pull.swipe-opening .basket-top{transform:translate(-50%,calc(-50% + var(--swipe-y,-92px))) rotate(var(--swipe-r,-6deg)) scale(var(--swipe-scale,.97))!important}
  .tap-close-hint{min-height:40px}
}

.tap-close-hint{-webkit-appearance:none;appearance:none}.basket,.steamer-wrap{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}


.aura-overlay{width:115%!important;max-width:none!important;opacity:1;animation:cdAuraPremium 2.7s ease-in-out infinite!important}.steamer-wrap,.steamer{overflow:visible!important}
.aura-overlay[data-aura="comet"]{opacity:1}
.aura-overlay[data-aura="rainbow"]{opacity:1}
.aura-overlay[data-aura="nebula"]{opacity:.98}
@keyframes cdAuraPremium{0%,100%{opacity:.88}45%{opacity:1}62%{opacity:.96}}

.detail-character-wrap{position:relative;width:220px;height:220px;display:grid;place-items:center;z-index:2;overflow:visible}
.detail-character-wrap .detail-preview-dumpling{position:absolute;inset:0;width:100%;height:100%}
.detail-character-wrap .detail-golden{position:absolute;left:50%;top:50%;width:126%;height:126%;max-height:none;transform:translate(-50%,-50%);object-fit:contain}
.dumpling-accessories{position:absolute;inset:0;z-index:24;pointer-events:none;overflow:visible}
.reveal-accessories{z-index:26}
.dress-accessory{position:absolute;display:block;pointer-events:none;filter:none}
.dress-accessory-monocle{left:25.5%;top:43%;width:18%;aspect-ratio:1;border:4px solid #ffd45a;border-radius:50%;box-shadow:0 0 0 2px rgba(111,65,0,.35),0 0 12px rgba(255,221,100,.62)}
.dress-accessory-monocle:before{content:"";position:absolute;width:22%;height:22%;left:20%;top:18%;border-radius:50%;background:rgba(255,255,255,.72)}
.dress-accessory-monocle:after{content:"";position:absolute;left:82%;top:80%;width:4px;height:48%;border-radius:999px;background:linear-gradient(#ffd45a,#ad6e17);transform:rotate(-16deg);transform-origin:top center;box-shadow:0 0 6px rgba(255,211,78,.4)}
.dress-accessory-glasses{left:22%;top:43%;width:56%;height:19%;border-top:4px solid #222a4b}
.dress-accessory-glasses:before,.dress-accessory-glasses:after{content:"";position:absolute;top:-8px;width:32%;height:116%;border:4px solid #222a4b;border-radius:48% 48% 44% 44%;background:rgba(220,246,255,.13);box-shadow:inset 0 0 10px rgba(255,255,255,.18)}
.dress-accessory-glasses:before{left:0}.dress-accessory-glasses:after{right:0}
.dress-accessory-sunglasses{left:20.5%;top:42.5%;width:59%;height:20%;background:linear-gradient(#101226,#101226) center 7%/58% 5px no-repeat,linear-gradient(#101226,#101226) center 40%/14% 4px no-repeat}
.dress-accessory-sunglasses:before,.dress-accessory-sunglasses:after{content:"";position:absolute;top:14%;width:35%;height:76%;border:3px solid #14162c;border-radius:46% 46% 54% 54%;background:radial-gradient(circle at 34% 30%,rgba(255,255,255,.26),rgba(255,255,255,0) 28%),linear-gradient(145deg,#30204f 12%,#6f4fd6 48%,#2b3f7f 100%);box-shadow:inset 0 2px 0 rgba(255,255,255,.18),inset 0 -3px 8px rgba(11,13,29,.42),0 4px 7px rgba(0,0,0,.22)}
.dress-accessory-sunglasses:before{left:2.5%}.dress-accessory-sunglasses:after{right:2.5%}
.dress-accessory-mustache{left:39%;top:58.5%;width:22%;height:8.5%}
.dress-accessory-mustache:before,.dress-accessory-mustache:after{content:"";position:absolute;top:10%;width:46%;height:78%;background:#27172e;border-radius:85% 35% 82% 38%;box-shadow:0 2px 2px rgba(0,0,0,.14)}
.dress-accessory-mustache:before{right:50%;transform:rotate(11deg)}.dress-accessory-mustache:after{left:50%;transform:scaleX(-1) rotate(11deg)}

.dressup-section{margin-top:14px;padding:13px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:linear-gradient(145deg,rgba(63,70,164,.16),rgba(255,72,201,.07))}
.dressup-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-bottom:10px}.dressup-heading div{display:flex;flex-direction:column;gap:2px}.dressup-heading span{font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:#72eaff;font-weight:900}.dressup-heading strong{font-size:15px}.dressup-heading small{font-size:8px;color:#9fa9d2;text-align:right;line-height:1.25}
.dressup-grid{display:grid;gap:7px}.dressup-row{display:grid;grid-template-columns:38px minmax(0,1fr) 48px;align-items:center;gap:9px;padding:8px 9px;border-radius:14px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07);transition:.18s border-color,.18s background}.dressup-row.is-enabled{border-color:rgba(101,234,255,.28);background:rgba(78,109,216,.11)}
.dressup-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,rgba(79,217,255,.26),rgba(182,83,255,.28),rgba(255,75,195,.22));font-size:18px;font-weight:900}.dressup-copy{display:flex;min-width:0;flex-direction:column;gap:2px}.dressup-copy strong{font-size:11px}.dressup-copy span{font-size:8px;line-height:1.25;color:#aab4df;overflow-wrap:anywhere}
.dressup-toggle{position:relative;width:46px;height:27px;cursor:pointer}.dressup-toggle input{position:absolute;opacity:0;pointer-events:none}.dressup-toggle span{position:absolute;inset:0;border-radius:999px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.13);transition:.18s;background-color .18s}.dressup-toggle span:after{content:"";position:absolute;left:3px;top:3px;width:19px;height:19px;border-radius:50%;background:#e9edff;box-shadow:0 2px 5px rgba(0,0,0,.35);transition:.18s transform,.18s background}.dressup-toggle input:checked+span{background:linear-gradient(90deg,#6d74ff,#e441c7);border-color:rgba(255,255,255,.25)}.dressup-toggle input:checked+span:after{transform:translateX(19px);background:#fff}.dressup-toggle input:disabled+span{opacity:.55;cursor:wait}
.collect-style-badge{display:inline-flex;margin-top:6px;padding:3px 6px;border-radius:999px;background:rgba(102,225,255,.12);color:#8defff;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
@media(max-width:700px){.aura-overlay{width:115%!important}.detail-character-wrap{width:195px;height:195px}.dressup-section{padding:10px}.dressup-heading{align-items:flex-start;flex-direction:column;gap:3px}.dressup-heading small{text-align:left}.dressup-row{grid-template-columns:34px minmax(0,1fr) 46px;padding:7px}.dressup-icon{width:32px;height:32px}.dress-accessory-monocle{border-width:3px}.dress-accessory-glasses:before,.dress-accessory-glasses:after{border-width:3px}.dress-accessory-sunglasses:before,.dress-accessory-sunglasses:after{border-width:2px}.dress-accessory-sunglasses{background-size:56% 4px,13% 3px}.dress-accessory-mustache{top:58%;width:23%}}


html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important;left:0!important;right:0!important}
.game.app-mode{width:100%!important;max-width:100%!important;left:0!important;right:0!important;margin:0!important}
.aura-overlay.basket-top{transform-origin:50% 73%!important;will-change:transform,opacity}
.game.requesting-pull .aura-overlay,.game.opening .aura-overlay,.game.aura-burst-lock .aura-overlay{animation:none!important}
.game.opening .aura-overlay.basket-top,.game.aura-burst-lock .aura-overlay.basket-top{opacity:.82}
.game.opening .aura-overlay.basket-bottom,.game.aura-burst-lock .aura-overlay.basket-bottom{opacity:.94}
@media(min-width:1201px){
  .app-topbar{display:grid!important;grid-template-columns:minmax(135px,1fr) minmax(320px,500px) minmax(310px,1fr);column-gap:18px;align-items:start;justify-items:center;padding-left:clamp(18px,3vw,48px);padding-right:clamp(18px,3vw,48px)}
  .topbar-left,.topbar-right{position:static!important;top:auto!important;margin-top:max(10px,calc(env(safe-area-inset-top) - 2px));align-self:start}
  .topbar-left{justify-self:start}.topbar-right{justify-self:end}
  .app-topbar .brand-logo{grid-column:2;width:min(100%,500px)!important;max-height:118px!important}
}
@media(min-width:1600px){.app-topbar{grid-template-columns:minmax(170px,1fr) minmax(380px,560px) minmax(340px,1fr)}.app-topbar .brand-logo{width:min(100%,560px)!important}}
@media(max-width:700px){
  html,body,.game.app-mode{min-width:0!important}
  .app-topbar{left:0!important;right:0!important;width:100%!important}
  .game.app-mode .stage{left:0!important;right:0!important;width:100%!important}
  .app-dock{max-width:calc(100% - 20px)!important}
}


.orientation-lock{position:absolute;inset:0;z-index:420;display:none;align-items:center;justify-content:center;flex-direction:column;gap:16px;padding:28px;text-align:center;background:radial-gradient(circle at 50% 35%,rgba(38,54,154,.96) 0%,rgba(16,13,72,.98) 42%,rgba(3,4,18,.995) 100%)}
.orientation-lock h2{margin:0;font-size:clamp(24px,6vw,36px);line-height:1.05;color:#fff}
.orientation-lock p{margin:0;max-width:320px;color:#d9f6ff;font-size:13px;line-height:1.45}
.orientation-lock .rotate-phone{position:relative;width:110px;height:110px}
.orientation-lock .rotate-phone i{position:absolute;left:50%;top:50%;display:block;width:54px;height:82px;border:3px solid rgba(255,255,255,.95);border-radius:16px;transform-origin:center;box-shadow:0 0 0 4px rgba(107,228,255,.14),0 0 30px rgba(107,228,255,.18)}
.orientation-lock .rotate-phone i:first-child{transform:translate(-50%,-50%) rotate(0deg);opacity:.35}
.orientation-lock .rotate-phone i:last-child{transform:translate(-50%,-50%) rotate(90deg);animation:rotatePrompt 1.5s ease-in-out infinite}
.orientation-lock .rotate-phone:after{content:'↻';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:34px;color:#7beaff;text-shadow:0 0 16px rgba(91,230,255,.45)}
.game.landscape-lock>.orientation-lock{display:flex}
.game.landscape-lock> :not(.orientation-lock){visibility:hidden!important;pointer-events:none!important}
@keyframes rotatePrompt{0%,100%{transform:translate(-50%,-50%) rotate(90deg) scale(.92)}50%{transform:translate(-50%,-50%) rotate(90deg) scale(1.04)}}
.dress-accessory-svg{background:none!important;box-shadow:none!important;overflow:visible}
.dress-accessory-svg img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 9px rgba(0,0,0,.18))}

.dressup-icon img{display:block;width:90%;height:90%;object-fit:contain}
.dress-accessory-monocle,.dress-accessory-glasses,.dress-accessory-sunglasses,.dress-accessory-mustache{z-index:5}

.dress-accessory-bowtie{left:35%;top:66%;width:30%;height:30%;z-index:4}
.dress-accessory-bowtie img{width:100%;height:100%;object-fit:contain;transform:none}
.dress-accessory-tutu{left:28%;top:68%;width:44%;height:44%;z-index:2}
.dress-accessory-tutu img{width:100%;height:100%;object-fit:contain;transform:scaleX(1.8);transform-origin:50% 50%}

.item-detail-visual{width:100%!important;aspect-ratio:1/1!important;height:auto!important;min-height:270px!important;flex:0 0 auto!important;align-self:stretch!important}
@media(max-width:700px){.item-detail-visual{width:100%!important;aspect-ratio:1/1!important;height:auto!important;min-height:245px!important;flex:0 0 auto!important}}

/* v0.8.0 character-pinned dress-up */
.character-bounce,.detail-character-bounce{position:absolute;inset:0;animation:dumplingFloat 2.5s ease-in-out infinite;transform-origin:50% 55%}
.character-bounce>.dumpling,.detail-character-bounce>.dumpling{animation:none!important}
.detail-character-bounce{z-index:2}
.detail-character-bounce .detail-golden{position:absolute;left:50%;top:50%;width:126%;height:126%;max-height:none;transform:translate(-50%,-50%);object-fit:contain}
.dumpling-accessories{transform:translateZ(0);will-change:auto}
.dress-accessory-image{background:none!important;border:0!important;box-shadow:none!important;filter:none!important;overflow:visible!important}
.dress-accessory-image:before,.dress-accessory-image:after{content:none!important;display:none!important}
.dress-accessory-image img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;transform:none!important;filter:drop-shadow(0 3px 5px rgba(0,0,0,.18))!important}
.dress-accessory-bowtie{left:36%!important;top:72%!important;width:28%!important;height:15%!important;z-index:6!important;transform:none!important}
.dress-accessory-hairbowred,.dress-accessory-hairbowpink{right:4%!important;left:auto!important;top:-4%!important;width:31%!important;height:17%!important;z-index:8!important;transform:rotate(10deg)!important;transform-origin:50% 65%!important}
.dress-accessory-hairbowred img,.dress-accessory-hairbowpink img{filter:drop-shadow(0 3px 6px rgba(0,0,0,.2))!important}
@media(max-width:700px){
  .dress-accessory-bowtie{left:35%!important;top:72.5%!important;width:30%!important;height:16%!important}
  .dress-accessory-hairbowred,.dress-accessory-hairbowpink{right:3%!important;top:-3%!important;width:32%!important;height:18%!important}
}


/* v0.8.2 alignment pass: anchor cosmetics to facial features / hair and tighten steamer aura */
.dress-accessory-monocle{left:25.5%!important;top:50.2%!important;width:18%!important;height:auto!important;aspect-ratio:1!important}
.dress-accessory-glasses{left:22%!important;top:50.5%!important;width:56%!important;height:18.5%!important}
.dress-accessory-sunglasses{left:20.5%!important;top:49.8%!important;width:59%!important;height:19%!important}
.dress-accessory-mustache{left:39%!important;top:61.2%!important;width:22%!important;height:7.6%!important}
.dress-accessory-hairbowred,.dress-accessory-hairbowpink{right:8%!important;left:auto!important;top:4.5%!important;width:28%!important;height:16%!important;z-index:8!important;transform:rotate(8deg)!important;transform-origin:50% 65%!important}
.dress-accessory-bowtie{left:36%!important;top:72%!important;width:28%!important;height:15%!important;z-index:6!important}
@media(max-width:700px){
 .dress-accessory-monocle{top:50.5%!important}
 .dress-accessory-glasses{top:50.7%!important}
 .dress-accessory-sunglasses{top:50%!important}
 .dress-accessory-mustache{top:61.4%!important}
 .dress-accessory-hairbowred,.dress-accessory-hairbowpink{right:7%!important;top:5%!important;width:29%!important;height:16.5%!important}
}
.aura-overlay{width:115%!important;height:auto!important;left:50%!important;top:50%!important;object-fit:contain!important;object-position:center!important;transform-origin:50% 50%!important;clip-path:none!important}
.aura-overlay.basket-top{transform-origin:50% 73%!important}

/* v0.8.3 final accessory anchor geometry */
.dress-accessory-monocle{left:25.5%!important;top:55.2%!important;width:18%!important;height:auto!important;aspect-ratio:1!important}
.dress-accessory-glasses{left:22%!important;top:55.5%!important;width:56%!important;height:18.5%!important}
.dress-accessory-sunglasses{left:20.5%!important;top:55.1%!important;width:59%!important;height:19%!important}
.dress-accessory-mustache{left:39%!important;top:65.4%!important;width:22%!important;height:7.6%!important}
.dress-accessory-hairbowred,.dress-accessory-hairbowpink{right:8%!important;left:auto!important;top:10.2%!important;width:28%!important;height:16%!important;z-index:8!important;transform:rotate(8deg)!important;transform-origin:50% 65%!important}
.dress-accessory-bowtie{left:36%!important;top:72%!important;width:28%!important;height:15%!important;z-index:6!important}
@media(max-width:700px){
 .dress-accessory-monocle{top:55.2%!important}
 .dress-accessory-glasses{top:55.5%!important}
 .dress-accessory-sunglasses{top:55.1%!important}
 .dress-accessory-mustache{top:65.4%!important}
 .dress-accessory-hairbowred,.dress-accessory-hairbowpink{right:8%!important;top:10.2%!important;width:28%!important;height:16%!important}
}

/* v0.8.3 geometry lock */
.dress-accessory-monocle{top:50.5%!important}
.dress-accessory-glasses{top:51.8%!important}
.dress-accessory-sunglasses{top:49.6%!important}
.dress-accessory-mustache{top:62.7%!important}
.dress-accessory-hairbowred,.dress-accessory-hairbowpink{top:10.2%!important;right:8%!important}
@media(max-width:700px){
 .dress-accessory-monocle{top:50.5%!important}
 .dress-accessory-glasses{top:51.8%!important}
 .dress-accessory-sunglasses{top:49.6%!important}
 .dress-accessory-mustache{top:62.7%!important}
 .dress-accessory-hairbowred,.dress-accessory-hairbowpink{top:10.2%!important;right:8%!important}
}
.aura-overlay{width:100%!important;height:auto!important;left:50%!important;top:50%!important;object-fit:contain!important;object-position:center!important;transform-origin:50% 50%!important}
.aura-overlay.basket-top{transform-origin:50% 78%!important}

.top-progress-pill{display:flex;align-items:center;gap:8px;height:40px;padding:4px 10px 4px 5px;border:1px solid rgba(117,232,255,.22);border-radius:15px;background:linear-gradient(145deg,rgba(52,75,177,.72),rgba(104,38,145,.58));color:#fff;box-shadow:0 8px 22px rgba(2,4,25,.28),inset 0 1px 0 rgba(255,255,255,.1);cursor:pointer}.top-progress-pill[hidden]{display:none!important}.top-level{width:30px;height:30px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,#62edff,#7d5dff 55%,#ff5ec9);color:#fff;font-size:12px;font-weight:950;box-shadow:0 0 16px rgba(103,220,255,.3)}.top-progress-copy{width:82px;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.top-progress-copy strong{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px;letter-spacing:.04em}.top-progress-copy i{display:block;width:100%;height:3px;border-radius:99px;overflow:hidden;background:rgba(255,255,255,.12)}.top-progress-copy b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#65f1ff,#ff6ecb);transition:width .45s ease}.top-progress-pill.progress-pop{animation:progressPop .65s cubic-bezier(.16,.92,.24,1)}
.home-progress-card{width:min(520px,100%);min-height:54px;margin:9px auto 0;padding:7px 10px;display:grid;grid-template-columns:42px minmax(0,1fr) 18px;align-items:center;gap:9px;border:1px solid rgba(104,226,255,.2);border-radius:16px;background:linear-gradient(135deg,rgba(48,75,175,.35),rgba(162,46,172,.18));color:#fff;text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease}.home-progress-card:hover{transform:translateY(-1px);border-color:rgba(112,238,255,.4)}.home-level-orb{width:42px;height:42px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:14px;background:linear-gradient(145deg,#53eaff,#765aff 54%,#ff5fc7);box-shadow:0 7px 16px rgba(72,52,186,.3)}.home-level-orb b{font-size:16px;line-height:1}.home-level-orb small{margin-top:2px;font-size:5px;font-weight:950;letter-spacing:.13em}.home-progress-copy{min-width:0;display:flex;flex-direction:column;gap:2px}.home-progress-copy>strong{font-size:11px}.home-progress-copy>small{font-size:8px;color:#c5cff3}.home-progress-copy>i{display:block;height:3px;margin-top:3px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.09)}.home-progress-copy u{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#67efff,#ff66c9);text-decoration:none;transition:width .45s ease}.home-progress-arrow{font-size:24px;color:#8fefff}
.profile-card{position:relative}.profile-card>div:nth-child(2){min-width:0}.profile-streak{margin-left:auto!important;align-items:flex-end!important;text-align:right}.profile-streak strong{font-size:21px;line-height:1;color:#ffe37b}.profile-streak span{font-size:8px!important;text-transform:uppercase;letter-spacing:.08em}.galaxy-rank-card{margin:-3px 0 12px;padding:14px;border:1px solid rgba(114,231,255,.18);border-radius:20px;background:radial-gradient(circle at 90% 10%,rgba(255,78,207,.18),transparent 37%),linear-gradient(145deg,rgba(40,68,167,.35),rgba(20,23,81,.38));box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}.galaxy-rank-top{display:flex;align-items:center;gap:11px}.galaxy-level{width:54px;height:54px;flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:18px;background:linear-gradient(145deg,#58ebff,#755cff 52%,#ff5dc7);box-shadow:0 10px 22px rgba(67,45,178,.27)}.galaxy-level b{font-size:21px;line-height:1}.galaxy-level small{font-size:6px;font-weight:950;letter-spacing:.14em}.galaxy-rank-top>div{display:flex;flex-direction:column;gap:2px}.galaxy-rank-top>div>small{font-size:8px;letter-spacing:.14em;text-transform:uppercase;color:#7feaff}.galaxy-rank-top>div>strong{font-size:17px}.galaxy-rank-top>div>span{font-size:9px;color:#aeb9e3}.galaxy-xp-track{height:7px;margin-top:11px;overflow:hidden;border-radius:99px;background:rgba(2,5,28,.48);box-shadow:inset 0 1px 3px rgba(0,0,0,.25)}.galaxy-xp-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#5eeeff,#8163ff,#ff65cb);box-shadow:0 0 12px rgba(100,226,255,.4);transition:width .5s ease}
.galaxy-hub{margin-top:12px}.hub-tabs{position:sticky;top:-1px;z-index:12;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:5px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:rgba(8,10,43,.96);box-shadow:0 10px 25px rgba(0,0,0,.18)}.hub-tabs button{position:relative;min-width:0;height:38px;padding:0 4px;border:0;border-radius:11px;background:transparent;color:#8f9ac8;font-size:8px;font-weight:950;cursor:pointer}.hub-tabs button.active{background:linear-gradient(135deg,rgba(81,107,245,.68),rgba(213,63,206,.55));color:#fff}.hub-tabs button b{position:absolute;right:3px;top:2px;min-width:14px;height:14px;display:grid;place-items:center;padding:0 3px;border-radius:99px;background:#ffde59;color:#261545;font-size:7px}.hub-panel{margin-top:10px;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:rgba(255,255,255,.028);animation:hubPanelIn .28s cubic-bezier(.18,.88,.22,1)}.hub-panel-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;margin-bottom:10px}.hub-panel-heading>div{display:flex;flex-direction:column;gap:1px}.hub-panel-heading span{font-size:7px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#75eaff}.hub-panel-heading strong{font-size:14px}.hub-panel-heading>small{font-size:8px;color:#99a5d0}.mission-grid{display:grid;gap:7px}.mission-card{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:rgba(255,255,255,.035)}.mission-card.ready{border-color:rgba(255,223,91,.3);background:linear-gradient(145deg,rgba(255,206,57,.11),rgba(255,82,201,.06))}.mission-card.claimed{opacity:.7}.mission-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,rgba(80,226,255,.3),rgba(158,78,255,.3));color:#fff;font-size:16px;font-weight:950}.mission-main{min-width:0}.mission-main>span{display:block;color:#7beaff;font-size:7px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.mission-main>strong{display:block;margin-top:1px;font-size:10px}.mission-main p{margin:2px 0 5px;color:#9da8d3;font-size:8px;line-height:1.25}.mission-main i,.achievement-card>i{display:block;height:3px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.07)}.mission-main u,.achievement-card>i u{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#65ecff,#fc69c7);text-decoration:none}.mission-card>button{min-width:68px;height:34px;padding:0 8px;border:0;border-radius:10px;background:linear-gradient(145deg,#ffe065,#ff8c4f);color:#27143f;font-size:8px;font-weight:950;cursor:pointer}.mission-card>button:disabled{background:rgba(255,255,255,.07);color:#8590ba;cursor:default}
.showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.showcase-card{--tier:#72e6f7;position:relative;min-width:0;padding:9px 6px;border:1px solid color-mix(in srgb,var(--tier) 22%,transparent);border-radius:15px;background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--tier) 17%,transparent),rgba(255,255,255,.025));color:#fff;cursor:pointer}.showcase-card.tier-common{--tier:#63d9ed}.showcase-card.tier-uncommon{--tier:#63e79c}.showcase-card.tier-rare{--tier:#c276ff}.showcase-card.tier-super-rare{--tier:#7295ff}.showcase-card.tier-legendary{--tier:#ffe46b}.showcase-card .mini-bao{display:block;width:55px;height:48px;margin:3px auto 7px}.showcase-card small{display:block;color:var(--tier);font-size:7px}.showcase-card strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.showcase-card em{display:block;margin-top:2px;color:#929dc8;font-size:7px;font-style:normal}.showcase-heart{position:absolute;right:7px;top:5px;color:#ff73c8;font-size:10px}.hub-empty{padding:18px 10px;border:1px dashed rgba(255,255,255,.11);border-radius:14px;color:#8f9ac7;font-size:9px;line-height:1.4;text-align:center}
.achievement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.achievement-card{min-width:0;padding:10px;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:rgba(255,255,255,.025);filter:saturate(.4);opacity:.7}.achievement-card.unlocked{border-color:rgba(255,222,91,.25);background:linear-gradient(145deg,rgba(255,213,70,.1),rgba(255,74,201,.06));filter:none;opacity:1}.achievement-medal{width:34px;height:34px;margin-bottom:7px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.07);color:#8f9ac6;font-size:11px;font-weight:950}.achievement-card.unlocked .achievement-medal{background:linear-gradient(145deg,#ffe45f,#ff8e51,#ff68cd);color:#24133e;box-shadow:0 6px 14px rgba(245,106,170,.22)}.achievement-card>strong{display:block;font-size:9px}.achievement-card p{min-height:28px;margin:3px 0 6px;color:#929dc7;font-size:7.5px;line-height:1.25}.achievement-card>span{display:block;margin-bottom:5px;color:#7ceaff;font-size:7px;font-weight:900;text-transform:uppercase}.signal-history{display:grid;gap:6px}.history-row{--tier:#73e7f7;width:100%;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px;border:1px solid rgba(255,255,255,.06);border-radius:13px;background:rgba(255,255,255,.025);color:#fff;text-align:left;cursor:pointer}.history-row.tier-uncommon{--tier:#63e79c}.history-row.tier-rare{--tier:#c276ff}.history-row.tier-super-rare{--tier:#7295ff}.history-row.tier-legendary{--tier:#ffe46b}.history-symbol{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:color-mix(in srgb,var(--tier) 15%,transparent);color:var(--tier);font-size:11px}.history-row>span:nth-child(2){min-width:0}.history-row strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.history-row small{display:block;margin-top:2px;color:#919cc7;font-size:7.5px}.history-row em{color:var(--tier);font-size:7px;font-style:normal;font-weight:900}
.favorite-button{display:inline-flex;align-items:center;gap:6px;min-height:36px;margin-top:5px;padding:0 12px;border:1px solid rgba(255,111,199,.22);border-radius:12px;background:rgba(255,76,188,.07);color:#ffc2e8;font:inherit;font-size:9px;cursor:pointer}.favorite-button span{font-size:16px;line-height:1}.favorite-button.active{border-color:rgba(255,115,201,.42);background:linear-gradient(145deg,rgba(255,77,186,.2),rgba(118,84,242,.14));color:#fff}.wardrobe-filters{display:flex;gap:5px;margin:0 0 9px;overflow-x:auto;scrollbar-width:none}.wardrobe-filters::-webkit-scrollbar{display:none}.wardrobe-filters button{flex:0 0 auto;height:30px;padding:0 10px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.035);color:#8f9ac4;font-size:8px;font-weight:900;cursor:pointer}.wardrobe-filters button.active{border-color:rgba(101,232,255,.27);background:linear-gradient(135deg,rgba(79,111,235,.58),rgba(202,63,205,.48));color:#fff}.recycle-section{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:10px;padding:12px;border:1px solid rgba(105,236,203,.16);border-radius:18px;background:linear-gradient(145deg,rgba(49,162,139,.12),rgba(55,69,161,.1))}.recycle-section>div{display:flex;min-width:0;flex-direction:column;gap:2px}.recycle-section span{color:#76f1cf;font-size:7px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.recycle-section strong{font-size:10px}.recycle-section small{color:#92a2c9;font-size:7.5px;line-height:1.3}.recycle-section button{height:38px;padding:0 11px;border:0;border-radius:11px;background:linear-gradient(145deg,#61e8c2,#50a8e9);color:#082c38;font-size:8px;font-weight:950;cursor:pointer}.collect-favorite{position:absolute;left:50%;transform:translateX(-50%);color:#ff74c9;font-size:11px;text-shadow:0 0 10px rgba(255,91,194,.7)}
.dress-accessory-crown{left:29%!important;top:-5%!important;width:42%!important;height:31%!important;background:linear-gradient(145deg,#fff4a5,#ffc933 45%,#ff70ce)!important;clip-path:polygon(0 100%,7% 24%,35% 65%,50% 0,67% 65%,94% 24%,100% 100%);border-bottom:4px solid #fff2aa;filter:drop-shadow(0 4px 4px rgba(38,14,65,.3))}.dress-accessory-crown:before{content:"";position:absolute;left:12%;right:12%;bottom:8%;height:18%;border-radius:99px;background:linear-gradient(90deg,#6ff4ff,#ff76d3,#9b7cff)}.dress-accessory-partyhat{left:32%!important;top:-8%!important;width:38%!important;height:38%!important;background:linear-gradient(145deg,#61efff,#8a62ff 53%,#ff65c9)!important;clip-path:polygon(50% 0,100% 88%,0 88%);filter:drop-shadow(0 4px 4px rgba(30,16,66,.32))}.dress-accessory-partyhat:before{content:"";position:absolute;left:42%;top:-4%;width:18%;aspect-ratio:1;border-radius:50%;background:#ffe565;box-shadow:0 0 8px rgba(255,229,101,.6)}.dress-accessory-partyhat:after{content:"";position:absolute;left:4%;right:4%;bottom:5%;height:12%;border-radius:99px;background:#ffe565}.dress-accessory-halo{left:24%!important;top:-3%!important;width:52%!important;height:17%!important;border:5px solid #fff2a0;border-radius:50%;box-shadow:0 0 12px #ffe86a,inset 0 0 8px #ffe86a;transform:rotate(-2deg)}.dress-accessory-headphones{left:12%!important;top:25%!important;width:76%!important;height:48%!important;border:9px solid #6defff;border-bottom:0;border-radius:50% 50% 0 0;box-shadow:inset 0 5px 0 #302050}.dress-accessory-headphones:before,.dress-accessory-headphones:after{content:"";position:absolute;top:52%;width:16%;height:39%;border:3px solid #fff;border-radius:48%;background:linear-gradient(#8c62ff,#ff63c7)}.dress-accessory-headphones:before{left:-9%}.dress-accessory-headphones:after{right:-9%}.dress-accessory-antennae{left:28%!important;top:-8%!important;width:44%!important;height:37%!important}.dress-accessory-antennae:before,.dress-accessory-antennae:after{content:"";position:absolute;bottom:0;width:8px;height:85%;border-radius:99px;background:#8effcb;transform-origin:bottom}.dress-accessory-antennae:before{left:31%;transform:rotate(-25deg)}.dress-accessory-antennae:after{right:31%;transform:rotate(25deg)}.dress-accessory-antennae{background:radial-gradient(circle at 12% 8%,#ff70ce 0 7%,#fff 8% 10%,transparent 11%),radial-gradient(circle at 88% 8%,#ff70ce 0 7%,#fff 8% 10%,transparent 11%)}.dress-accessory-scarf{left:27%!important;top:68%!important;width:48%!important;height:25%!important;border:8px solid #72e9ff;border-top:0;border-radius:0 0 50% 50%;box-shadow:0 4px 0 #8062ff}.dress-accessory-scarf:after{content:"";position:absolute;right:-4%;top:47%;width:18%;height:90%;border-radius:0 0 9px 9px;background:linear-gradient(#8062ff,#ff62c5);transform:rotate(-12deg)}.dress-accessory-starpin{left:67%!important;top:61%!important;width:18%!important;aspect-ratio:1;background:linear-gradient(145deg,#fff890,#ffb73e,#ff70c8)!important;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,80% 94%,50% 72%,20% 94%,32% 57%,2% 35%,39% 35%);filter:drop-shadow(0 2px 4px rgba(67,29,59,.35))}.dress-accessory-piratepatch{left:22%!important;top:48%!important;width:24%!important;height:17%!important;border-radius:50%;background:#2a173c!important;border:3px solid #fff;transform:rotate(-5deg)}.dress-accessory-piratepatch:before{content:"";position:absolute;left:80%;top:-20%;width:230%;height:4px;border-radius:99px;background:#2a173c;transform:rotate(12deg);transform-origin:left}.dress-accessory-piratepatch:after{content:"★";position:absolute;inset:0;display:grid;place-items:center;color:#ffdd55;font-size:55%}
@keyframes progressPop{0%{transform:scale(1)}38%{transform:scale(1.13) rotate(-2deg);filter:brightness(1.25)}100%{transform:scale(1)}}@keyframes hubPanelIn{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:1100px){.profile-panel{width:min(520px,100%)!important}.top-progress-copy{display:none}.top-progress-pill{width:40px;padding:4px}.top-level{width:30px}.connection-pill{display:none!important}}
@media(max-width:700px){.home-progress-card{min-height:48px;margin-top:7px;padding:5px 8px;grid-template-columns:38px minmax(0,1fr) 14px}.home-level-orb{width:38px;height:38px;border-radius:12px}.home-level-orb b{font-size:14px}.home-progress-copy>strong{font-size:9px}.home-progress-copy>small{font-size:7px}.hub-tabs{top:-13px}.mission-card{grid-template-columns:34px minmax(0,1fr);gap:7px}.mission-icon{width:34px;height:34px}.mission-card>button{grid-column:1/-1;width:100%;height:32px}.showcase-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.showcase-card{padding-left:4px;padding-right:4px}.achievement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.recycle-section{grid-template-columns:1fr}.recycle-section button{width:100%}.favorite-button{min-height:40px}.dress-accessory-headphones{border-width:7px}.dress-accessory-halo{border-width:4px}}
@media(max-width:430px){.top-progress-pill{width:34px;height:34px;padding:3px;border-radius:12px}.top-level{width:26px;height:26px;border-radius:9px;font-size:10px}.home-progress-card{margin-top:6px}.profile-streak strong{font-size:18px}.galaxy-rank-card{padding:12px}.galaxy-level{width:48px;height:48px}.hub-panel{padding:9px}.hub-tabs button{font-size:7px}.showcase-card .mini-bao{width:48px;height:42px}.achievement-card{padding:8px}.history-row em{display:none}}
@media(max-height:760px) and (orientation:portrait){.home-progress-card{display:none!important}.odds-row{display:none}.game.app-mode .intro-panel{padding-top:8px;padding-bottom:8px}}
@media(prefers-reduced-motion:reduce){.top-progress-pill.progress-pop,.hub-panel{animation:none!important}.galaxy-xp-track span,.top-progress-copy b,.home-progress-copy u{transition:none!important}}

[hidden]{display:none!important}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
button,input,select{-webkit-tap-highlight-color:transparent}
button:focus-visible,input:focus-visible,select:focus-visible,[role="button"]:focus-visible{outline:3px solid rgba(105,232,255,.8);outline-offset:3px}
.aura-overlay[hidden],.aura-overlay:not(.is-ready){display:none!important}
.drawer-panel{background:radial-gradient(circle at 9% 0%,rgba(62,122,255,.24),transparent 34%),radial-gradient(circle at 100% 16%,rgba(244,66,204,.16),transparent 30%),linear-gradient(180deg,#151958 0%,#0c0d35 47%,#07081f 100%)!important;transform:translateX(104%) scale(.988);opacity:.55;transition:transform .3s cubic-bezier(.18,.88,.22,1),opacity .24s ease!important;contain:layout style!important;scrollbar-color:rgba(121,132,228,.55) transparent;scrollbar-width:thin}
.collection-drawer.open .drawer-panel,.profile-drawer.open .drawer-panel,.shop-drawer.open .drawer-panel,.item-drawer.open .drawer-panel{transform:translateX(0) scale(1);opacity:1}
.drawer-panel::-webkit-scrollbar{width:8px}.drawer-panel::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:linear-gradient(#725eff,#f052c6) padding-box}.drawer-panel::-webkit-scrollbar-track{background:transparent}
.drawer-header{gap:18px}.drawer-header>div{min-width:0}.drawer-header h2{margin-bottom:4px;letter-spacing:-.04em}.drawer-subcopy{max-width:540px;margin-top:5px;margin-bottom:0;font-size:12px;line-height:1.5}.drawer-close{flex:0 0 auto;display:grid;place-items:center;line-height:1;transition:transform .18s ease,background .18s ease,border-color .18s ease}.drawer-close:hover{transform:rotate(5deg) scale(1.05);background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.26)}
.collection-panel{width:min(760px,96vw)!important;padding:30px 30px 48px!important}
.case-progress-card{margin-top:20px;padding:14px 16px 13px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:linear-gradient(145deg,rgba(64,86,188,.24),rgba(255,67,198,.08));box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.case-progress-copy{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.case-progress-copy span{font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;color:#aebaf0}.case-progress-copy strong{font-size:20px;line-height:1;color:#fff}.case-progress-card .progress-track{height:10px;background:rgba(2,5,30,.5);box-shadow:inset 0 1px 3px rgba(0,0,0,.3)}.case-progress-card .progress-copy{margin:9px 0 0;color:#aeb8e6}.case-progress-card .progress-copy strong{color:#fff}.case-progress-card .progress-copy span{margin:0 3px;color:#707cab}
.collection-toolbar{position:sticky;top:-1px;z-index:12;margin:16px -8px 0;padding:8px;border:1px solid rgba(255,255,255,.09);border-radius:22px;background:linear-gradient(155deg,rgba(20,25,81,.98),rgba(10,11,45,.98));box-shadow:0 14px 34px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.06)}
.collection-search{display:grid;grid-template-columns:24px minmax(0,1fr) 32px;align-items:center;gap:5px;height:46px;padding:0 7px 0 11px;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(3,5,30,.48);color:#78eaff}.collection-search>span{font-size:22px;line-height:1;transform:rotate(-15deg)}.collection-search input{width:100%;min-width:0;height:42px;padding:0;border:0;outline:0;background:transparent;color:#fff;font:inherit;font-size:14px}.collection-search input::placeholder{color:#818cb8}.collection-search button{width:30px;height:30px;border:0;border-radius:10px;background:rgba(255,255,255,.08);color:#d7ddff;font-size:18px;cursor:pointer}
.collection-rarity-filters{display:flex;gap:6px;margin-top:8px;padding:1px 1px 5px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.collection-rarity-filters::-webkit-scrollbar{display:none}.collection-rarity-filters button{flex:0 0 auto;min-height:34px;padding:0 10px;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:rgba(255,255,255,.045);color:#aeb8e2;font-size:9px;font-weight:900;cursor:pointer;white-space:nowrap;transition:.16s transform,.16s background,.16s color}.collection-rarity-filters button b{margin-left:3px;color:#7480ac;font-size:8px}.collection-rarity-filters button.active{transform:translateY(-1px);color:#fff;border-color:rgba(119,229,255,.3);background:linear-gradient(135deg,rgba(77,113,255,.64),rgba(204,59,216,.5));box-shadow:0 6px 15px rgba(54,48,171,.22)}.collection-rarity-filters button.active b{color:#dcfaff}
.collection-view-options{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:6px;border-top:1px solid rgba(255,255,255,.06)}.collection-status-filters{display:flex;gap:4px}.collection-status-filters button{height:30px;padding:0 9px;border:0;border-radius:9px;background:transparent;color:#8f99c3;font-size:9px;font-weight:900;cursor:pointer}.collection-status-filters button.active{background:rgba(102,218,255,.12);color:#c9f8ff}.collection-sort{display:flex;align-items:center;gap:6px;color:#8792bd;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.collection-sort select{height:31px;max-width:125px;padding:0 25px 0 9px;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:#15184f;color:#fff;font:inherit;font-size:9px;font-weight:900;outline:0}
.collection-result-copy{margin:11px 2px 0;color:#8994c2;font-size:10px;line-height:1.35}.collection-empty{display:grid;place-items:center;gap:5px;margin-top:20px;padding:34px 18px;border:1px dashed rgba(255,255,255,.15);border-radius:22px;text-align:center;background:rgba(255,255,255,.025)}.collection-empty strong{font-size:18px}.collection-empty span{color:#939dc8;font-size:11px}.collection-empty button{margin-top:8px;min-height:38px;padding:0 14px;border:1px solid rgba(117,231,255,.25);border-radius:11px;background:rgba(87,101,217,.22);color:#fff;font-weight:900;cursor:pointer}
.collection-grid{display:block!important;margin-top:12px!important}.rarity-section{--tier:#70dff2;--tier-soft:rgba(91,211,235,.13);margin-top:16px;padding:14px;border:1px solid color-mix(in srgb,var(--tier) 24%,transparent);border-radius:24px;background:linear-gradient(150deg,var(--tier-soft),rgba(255,255,255,.025) 38%,rgba(4,6,28,.2));content-visibility:auto;contain-intrinsic-size:480px}.rarity-section:first-child{margin-top:0}.rarity-section.tier-common,.profile-rarity-row.tier-common,.collect-card.tier-common{--tier:#63d9ed;--tier-soft:rgba(64,181,214,.13)}.rarity-section.tier-uncommon,.profile-rarity-row.tier-uncommon,.collect-card.tier-uncommon{--tier:#63e79c;--tier-soft:rgba(60,201,121,.13)}.rarity-section.tier-rare,.profile-rarity-row.tier-rare,.collect-card.tier-rare{--tier:#c276ff;--tier-soft:rgba(157,82,237,.15)}.rarity-section.tier-super-rare,.profile-rarity-row.tier-super-rare,.collect-card.tier-super-rare{--tier:#7295ff;--tier-soft:rgba(77,101,240,.17)}.rarity-section.tier-legendary,.profile-rarity-row.tier-legendary,.collect-card.tier-legendary{--tier:#ffe46b;--tier-soft:rgba(255,184,54,.17)}
.rarity-section-header{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px}.rarity-section-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--tier) 45%,transparent);border-radius:14px;background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.35),transparent 25%),var(--tier-soft);color:var(--tier);font-size:20px;text-shadow:0 0 14px var(--tier)}.rarity-section-title{min-width:0}.rarity-section-title>span{display:block;color:var(--tier);font-size:8px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.rarity-section-title h3{margin:2px 0 1px;font-size:21px;line-height:1;letter-spacing:-.025em}.rarity-section-title small{display:block;color:#929dc9;font-size:9px}.rarity-section-count{text-align:right}.rarity-section-count strong{display:block;color:#fff;font-size:17px;line-height:1}.rarity-section-count span{display:block;margin-top:2px;color:#838eb8;font-size:8px;text-transform:uppercase;letter-spacing:.08em}.rarity-progress{height:4px;margin:10px 1px 12px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.055)}.rarity-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--tier),#fff);box-shadow:0 0 12px var(--tier);transition:width .4s ease}
.rarity-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.collect-card{--tier:#74e9ff;--tier-soft:rgba(86,215,236,.12);min-width:0;min-height:188px;padding:11px;border-color:color-mix(in srgb,var(--tier) 20%,rgba(255,255,255,.08));border-radius:18px;background:radial-gradient(circle at 50% 32%,var(--tier-soft),transparent 50%),linear-gradient(150deg,rgba(255,255,255,.075),rgba(255,255,255,.022));content-visibility:auto;contain-intrinsic-size:188px;transition:transform .18s ease,border-color .18s ease,background .18s ease,opacity .18s ease}.collect-card.is-viewable{cursor:pointer}.collect-card.is-viewable:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--tier) 48%,transparent);background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--tier) 19%,transparent),transparent 52%),linear-gradient(150deg,rgba(255,255,255,.1),rgba(255,255,255,.03))}.collect-card.locked{filter:saturate(.35);opacity:.62}.collect-card-top{position:absolute;left:9px;right:9px;top:9px;display:flex;align-items:center;justify-content:space-between;z-index:2}.collect-tier-mark{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:var(--tier-soft);color:var(--tier);font-size:10px}.collect-count{position:static;padding:4px 7px;background:rgba(3,5,28,.72);color:#fff}.collect-card .mini-bao{width:76px;height:66px;margin:15px auto 10px;box-shadow:inset 0 10px 12px rgba(255,255,255,.35),inset 0 -12px 15px rgba(0,0,0,.13),0 10px 20px rgba(0,0,0,.16),0 0 18px var(--tier-soft)}.collect-card .collect-num{color:var(--tier)}.collect-card .collect-name{min-height:29px;margin:3px 0 4px;font-size:13px;line-height:1.08}.collect-card .collect-rarity{font-size:8px;line-height:1.25;color:#98a3ce}.collect-view,.collect-missing{margin-top:8px;padding-top:7px;border-top:1px solid rgba(255,255,255,.06);font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.collect-view{color:#b9f6ff}.collect-view span{float:right;font-size:12px;line-height:8px}.collect-missing{color:#757fa8}.collect-style-badge{margin-top:6px;background:var(--tier-soft);color:var(--tier)}
.profile-rarity-stats{display:grid;gap:7px;margin-top:12px;padding:12px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:rgba(255,255,255,.035)}.profile-rarity-row{--tier:#71e4f6;display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px}.profile-rarity-row>i{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:var(--tier-soft);color:var(--tier);font-style:normal;font-size:11px}.profile-rarity-row>div{min-width:0}.profile-rarity-row span{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.profile-rarity-row strong{font-size:9px}.profile-rarity-row b{color:#aab4df;font-size:8px}.profile-rarity-row em{display:block;height:3px;border-radius:99px;overflow:hidden;background:rgba(255,255,255,.06)}.profile-rarity-row u{display:block;height:100%;border-radius:inherit;background:var(--tier);text-decoration:none}
.dress-accessory-tutu{left:26%!important;top:69%!important;width:48%!important;height:29%!important;z-index:3!important}.dress-accessory-tutu img{width:100%!important;height:100%!important;object-fit:fill!important;transform:scaleX(1.35)!important;transform-origin:50% 40%!important}
@media(max-width:700px){
  input,select,textarea{font-size:16px!important}
  .drawer-panel{top:auto!important;right:0!important;bottom:0!important;width:100%!important;height:min(94dvh,900px)!important;max-height:94dvh!important;padding:calc(18px + env(safe-area-inset-top)) 14px calc(22px + env(safe-area-inset-bottom))!important;border:1px solid rgba(255,255,255,.14)!important;border-bottom:0!important;border-radius:28px 28px 0 0!important;transform:translateY(104%) scale(.988);opacity:.65}
  .collection-drawer.open .drawer-panel,.profile-drawer.open .drawer-panel,.shop-drawer.open .drawer-panel,.item-drawer.open .drawer-panel{transform:translateY(0) scale(1);opacity:1}
  .drawer-panel:before{content:"";position:sticky;z-index:20;top:-14px;display:block;width:42px;height:4px;margin:-9px auto 11px;border-radius:999px;background:rgba(255,255,255,.32)}
  .drawer-header h2{font-size:27px}.drawer-subcopy{font-size:10px}.collection-panel{padding-left:12px!important;padding-right:12px!important}.case-progress-card{margin-top:14px;padding:12px}.collection-toolbar{margin-left:-2px;margin-right:-2px;border-radius:18px}.collection-view-options{align-items:flex-end}.collection-status-filters button{padding:0 7px;font-size:8px}.collection-sort{align-items:flex-end;flex-direction:column;gap:2px}.collection-sort span{display:none}.collection-sort select{height:40px;max-width:132px}.rarity-section{padding:11px;border-radius:20px;contain-intrinsic-size:620px}.rarity-section-header{grid-template-columns:36px minmax(0,1fr) auto;gap:8px}.rarity-section-icon{width:36px;height:36px;border-radius:12px;font-size:17px}.rarity-section-title h3{font-size:18px}.rarity-section-title small{font-size:8px}.rarity-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.collect-card{min-height:180px;padding:10px;border-radius:16px}.collect-card .mini-bao{width:68px;height:59px}.collect-card .collect-name{font-size:12px}.collect-card .collect-rarity{font-size:7.5px}.dress-accessory-tutu{top:69.5%!important;width:50%!important;left:25%!important}
}
@media(max-width:360px){.collection-status-filters button{padding:0 5px;font-size:7.5px}.rarity-section-title small{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rarity-section-count span{display:none}.collect-card{min-height:174px;padding:9px}.collect-card .mini-bao{width:63px;height:55px}.collect-card .collect-name{font-size:11px}}
@media(prefers-reduced-motion:reduce){.drawer-panel,.collect-card,.rarity-progress span{transition-duration:.01ms!important}}

.profile-card span{font-size:13px}.profile-streak span{font-size:10px!important}.profile-stat-grid span{font-size:11.5px}.galaxy-level small{font-size:8px}.galaxy-rank-top>div>small{font-size:10px}.galaxy-rank-top>div>span{font-size:11px}.profile-rarity-stats{gap:10px;padding:14px}.profile-rarity-row{grid-template-columns:34px minmax(0,1fr);gap:10px;min-height:34px}.profile-rarity-row>i{width:34px;height:34px;border-radius:11px;font-size:14px}.profile-rarity-row span{margin-bottom:6px}.profile-rarity-row strong{font-size:12px}.profile-rarity-row b{font-size:10.5px}.profile-rarity-row em{height:4px}
.hub-tabs{gap:5px;padding:6px}.hub-tabs button{height:44px;padding:0 6px;font-size:clamp(10px,2.35vw,11px)}.hub-tabs button b{right:4px;top:3px;min-width:16px;height:16px;font-size:8px}.hub-panel{margin-top:12px;padding:14px}.hub-panel-heading{margin-bottom:13px}.hub-panel-heading span{font-size:9px}.hub-panel-heading strong{font-size:18px}.hub-panel-heading>small{font-size:10px}.mission-grid{gap:9px}.mission-card{grid-template-columns:42px minmax(0,1fr) auto;gap:11px;padding:11px}.mission-icon{width:42px;height:42px;font-size:18px}.mission-main>span{font-size:9px}.mission-main>strong{font-size:12px}.mission-main p{margin-top:3px;font-size:10px;line-height:1.35}.mission-main i,.achievement-card>i{height:4px}.mission-card>button{min-width:74px;height:38px;font-size:10px}.showcase-grid{gap:9px}.showcase-card{padding:11px 8px}.showcase-card .mini-bao{width:62px;height:54px}.showcase-card small{font-size:9px}.showcase-card strong{font-size:11px}.showcase-card em{font-size:9px}.showcase-heart{font-size:13px}.hub-empty{font-size:11px}.achievement-grid{gap:9px}.achievement-card{padding:12px}.achievement-medal{width:38px;height:38px;font-size:14px}.achievement-card>strong{font-size:11.5px}.achievement-card p{min-height:34px;font-size:9.5px;line-height:1.35}.achievement-card>span{font-size:9px}.signal-history{gap:8px}.history-row{grid-template-columns:42px minmax(0,1fr) auto;gap:10px;min-height:58px;padding:10px;border-radius:15px}.history-symbol{width:42px;height:42px;border-radius:13px;font-size:14px}.history-row strong{font-size:11.5px}.history-row small{font-size:9.5px;line-height:1.35}.history-row em{font-size:8.5px}.favorite-button{font-size:10.5px}.wardrobe-filters button{height:34px;font-size:10px}.dressup-copy strong{font-size:12px}.dressup-copy span{font-size:10px;line-height:1.35}.recycle-section span{font-size:9px}.recycle-section strong{font-size:12px}.recycle-section small{font-size:9.5px}.recycle-section button{font-size:10px}
.dress-accessory-tutu{left:21%!important;top:75%!important;width:58%!important;height:58%!important;z-index:3!important}.dress-accessory-tutu img{width:100%!important;height:100%!important;object-fit:contain!important;transform:none!important;transform-origin:50% 50%!important}
.dress-accessory-scarf{box-sizing:border-box;left:18%!important;top:75%!important;width:64%!important;height:14%!important;z-index:7!important;border:3px solid rgba(255,255,255,.94)!important;border-radius:46% 45% 36% 38%/58% 56% 44% 42%!important;background:linear-gradient(105deg,#6ff2ff 0 34%,#8468ff 63%,#ff64c8 100%)!important;box-shadow:inset 0 4px 0 rgba(255,255,255,.22),inset 0 -4px 0 rgba(55,26,121,.2),0 5px 8px rgba(22,12,72,.25)!important;transform:rotate(-2deg)!important}.dress-accessory-scarf:before{content:"";position:absolute;right:7%;top:38%;width:19%;height:86%;box-sizing:border-box;border:2px solid rgba(255,255,255,.92);border-radius:44% 56% 48% 52%;background:linear-gradient(145deg,#8069ff,#ff64c8);box-shadow:0 3px 5px rgba(22,12,72,.22);transform:rotate(8deg)}.dress-accessory-scarf:after{content:"";position:absolute;right:2%;top:88%;width:21%;height:195%;box-sizing:border-box;border:2px solid rgba(255,255,255,.88);border-top:0;border-radius:0 0 7px 7px;background:linear-gradient(180deg,#ff64c8,#8a66ff 70%,#67edff);clip-path:polygon(7% 0,96% 5%,83% 100%,50% 87%,17% 100%);transform:rotate(-8deg);transform-origin:50% 0}
.dress-accessory-headphones{left:5%!important;top:26%!important;width:90%!important;height:47%!important}.dress-accessory-headphones:before,.dress-accessory-headphones:after{top:54%;width:14%;height:38%}.dress-accessory-headphones:before{left:-7%}.dress-accessory-headphones:after{right:-7%}
.dress-accessory-antennae{left:28%!important;top:-3%!important;width:44%!important;height:37%!important;background:radial-gradient(circle at 12% 16%,#ff70ce 0 7%,#fff 8% 10%,transparent 11%),radial-gradient(circle at 88% 16%,#ff70ce 0 7%,#fff 8% 10%,transparent 11%);filter:drop-shadow(0 3px 4px rgba(27,14,70,.18))}.dress-accessory-piratepatch{z-index:7!important;isolation:isolate}.dress-accessory-piratepatch:before{left:52%;top:36%;width:255%;height:4px;z-index:-1;transform:rotate(8deg)}
@media(max-width:700px){.drawer-subcopy{font-size:12px}.hub-panel{padding:12px}.mission-card{grid-template-columns:40px minmax(0,1fr);gap:9px}.mission-icon{width:40px;height:40px}.mission-card>button{grid-column:1/-1;width:100%;height:36px}.showcase-card{padding:9px 6px}.showcase-card .mini-bao{width:54px;height:47px}.achievement-card{padding:10px}.dress-accessory-tutu{left:20%!important;top:75%!important;width:60%!important;height:60%!important}.dress-accessory-headphones{border-width:7px}}
@media(max-width:430px){.hub-tabs button{font-size:10px}.hub-panel-heading strong{font-size:17px}.showcase-card strong{font-size:10px}.showcase-card small,.showcase-card em{font-size:8px}.history-row{grid-template-columns:38px minmax(0,1fr) auto;gap:8px;padding:9px}.history-symbol{width:38px;height:38px}.history-row em{display:block;font-size:8px}.profile-rarity-row strong{font-size:11.5px}}
@media(max-width:360px){.hub-tabs button{padding:0 3px;font-size:9px}.history-row em{display:none}.achievement-card p{font-size:9px}.dress-accessory-scarf{left:15%!important;width:70%!important}}

/* v1.0.3 topbar collision guard */
.app-topbar .topbar-right{flex-wrap:nowrap}
.app-topbar .topbar-right>.pulls-pill,.app-topbar .topbar-right>.app-icon-button{flex:0 0 auto;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important}
.app-topbar .topbar-right>.collection-button:before{content:none!important;display:none!important}
.app-splash{transition:opacity .5s ease,visibility .5s ease!important}
.splash-nebula{filter:none!important;mix-blend-mode:normal!important}
.drawer-backdrop{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:rgba(2,3,18,.79)!important}
.drawer-panel{transform:translate3d(104%,0,0) scale(.988);backface-visibility:hidden;transition:transform .24s cubic-bezier(.18,.88,.22,1),opacity .2s ease!important}
.collection-drawer.open .drawer-panel,.profile-drawer.open .drawer-panel,.shop-drawer.open .drawer-panel,.item-drawer.open .drawer-panel{transform:translate3d(0,0,0) scale(1)}
.rarity-section.tier-common{contain-intrinsic-block-size:auto 4500px}
.rarity-section.tier-uncommon{contain-intrinsic-block-size:auto 2450px}
.rarity-section.tier-rare{contain-intrinsic-block-size:auto 2050px}
.rarity-section.tier-super-rare{contain-intrinsic-block-size:auto 1450px}
.rarity-section.tier-legendary{contain-intrinsic-block-size:auto 270px}
.collect-card.locked{filter:none!important;opacity:.56}
.dressup-grid.is-saving{pointer-events:none;opacity:.84}
.character-bounce,.detail-character-bounce,.dumpling-body{will-change:transform}
@media(max-width:700px){
  .drawer-panel{transform:translate3d(0,104%,0) scale(.988)}
  .collection-drawer.open .drawer-panel,.profile-drawer.open .drawer-panel,.shop-drawer.open .drawer-panel,.item-drawer.open .drawer-panel{transform:translate3d(0,0,0) scale(1)}
  .reveal-light,.dumpling-aura,.portal-glow,.detail-preview-dumpling[data-effect="supernova"] .dumpling-aura{filter:none!important}
  .rarity-section.tier-common{contain-intrinsic-block-size:auto 6250px}
  .rarity-section.tier-uncommon{contain-intrinsic-block-size:auto 3450px}
  .rarity-section.tier-rare{contain-intrinsic-block-size:auto 2700px}
  .rarity-section.tier-super-rare{contain-intrinsic-block-size:auto 1950px}
  .rarity-section.tier-legendary{contain-intrinsic-block-size:auto 260px}
}

.aura-overlay{display:block;width:100%!important;height:auto!important;max-width:none!important;left:50%!important;top:50%!important;object-fit:contain!important;object-position:center!important;overflow:visible!important;opacity:.96;pointer-events:none!important;user-select:none!important;clip-path:none!important;will-change:opacity}
.aura-overlay[hidden],.aura-overlay:not(.is-ready){display:none!important}
.aura-overlay.basket-bottom{z-index:1!important;transform-origin:50% 50%!important}
.aura-overlay.basket-top{z-index:6!important;transform-origin:50% 78%!important}
.game .steamer .aura-overlay[data-aura="comet"]{filter:brightness(0) saturate(100%) drop-shadow(0 0 2px rgba(255,255,255,.98)) drop-shadow(-2px -2px 5px rgba(255,224,87,.96)) drop-shadow(2px 2px 10px rgba(255,112,20,.86)) drop-shadow(0 0 18px rgba(255,36,16,.66))!important;animation:cdAuraCometEdge 2.2s ease-in-out infinite!important}
.game .steamer .aura-overlay[data-aura="nova"]{filter:brightness(0) saturate(100%) drop-shadow(0 0 2px rgba(255,255,255,1)) drop-shadow(-2px -2px 6px rgba(130,239,255,.98)) drop-shadow(2px 2px 11px rgba(37,129,255,.88)) drop-shadow(0 0 19px rgba(27,61,255,.68))!important;animation:cdAuraNovaEdge 2.8s ease-in-out infinite!important}
.game .steamer .aura-overlay[data-aura="rainbow"]{filter:brightness(0) saturate(100%) drop-shadow(0 0 2px rgba(255,255,255,.98)) drop-shadow(0 -4px 6px rgba(255,58,104,.92)) drop-shadow(4px 0 7px rgba(183,70,255,.9)) drop-shadow(0 4px 8px rgba(42,224,255,.92)) drop-shadow(-4px 0 8px rgba(255,226,70,.92)) drop-shadow(0 0 17px rgba(90,120,255,.52))!important;animation:cdAuraRainbowEdge 3.6s ease-in-out infinite!important}
@keyframes cdAuraCometEdge{0%,100%{opacity:.82}34%{opacity:1}67%{opacity:.91}}
@keyframes cdAuraNovaEdge{0%,100%{opacity:.8}50%{opacity:1}}
@keyframes cdAuraRainbowEdge{0%,100%{opacity:.84}25%{opacity:.97}52%{opacity:1}78%{opacity:.9}}
@media(prefers-reduced-motion:reduce){.game .aura-overlay[data-aura]{animation:none!important;opacity:.94!important}}
.toy-launch-button{background:linear-gradient(135deg,#57eaff,#7d63ff 48%,#ff5bc9)!important;box-shadow:0 12px 26px rgba(83,116,255,.28),inset 0 1px 0 rgba(255,255,255,.34)!important}
.collect-card-actions{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr);gap:6px;margin-top:9px;padding-top:8px;border-top:1px solid rgba(255,255,255,.07)}
.collect-card-actions button{min-width:0;min-height:38px;border:1px solid rgba(255,255,255,.14);border-radius:11px;color:#fff;font:900 8px/1 "Arial Rounded MT Bold","Trebuchet MS",sans-serif;text-transform:uppercase;letter-spacing:.06em;cursor:pointer}
.collect-play{background:linear-gradient(135deg,color-mix(in srgb,var(--tier) 72%,#4b5fff),#9b50ff 58%,#ff55c8);box-shadow:0 8px 18px color-mix(in srgb,var(--tier) 17%,transparent)}
.collect-open{background:rgba(255,255,255,.07)}
.collect-card-actions button:active{transform:scale(.97)}
.collect-card.is-viewable{min-height:226px}
.toy-lab{position:absolute;inset:0;z-index:420;display:block;overflow:hidden;visibility:hidden;opacity:0;pointer-events:none;color:#fff;background:radial-gradient(circle at 50% 45%,#172767 0,#090b35 45%,#02030f 100%);isolation:isolate;transition:opacity .28s ease,visibility .28s ease}
.toy-lab.open{visibility:visible;opacity:1;pointer-events:auto}
.toy-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;z-index:1;background:transparent}
.toy-fallback{position:absolute;left:50%;top:54.5%;z-index:0;width:min(65vw,456px);aspect-ratio:1.2/1;transform:translate(-50%,-50%) scale(.98);border-radius:48% 48% 45% 45%/48% 48% 52% 52%;opacity:0;pointer-events:none;background:linear-gradient(135deg,color-mix(in srgb,var(--toy-c1,#62eaff) 56%,white),var(--toy-c1,#62eaff) 40%,var(--toy-c2,#7a56ff));box-shadow:inset -24px -28px 44px rgba(24,0,58,.25),inset 18px 16px 34px rgba(255,255,255,.2),0 24px 54px color-mix(in srgb,var(--toy-glow,#ff5acb) 28%,transparent);transition:opacity .08s ease}
.toy-fallback.show{opacity:.96}
.toy-fallback-pleats{position:absolute;left:50%;top:-19%;width:56%;height:42%;transform:translateX(-50%)}
.toy-fallback-pleats i{position:absolute;left:50%;bottom:0;width:22%;height:88%;border-radius:52%;transform-origin:50% 90%;background:linear-gradient(135deg,color-mix(in srgb,var(--toy-c1,#62eaff) 46%,white),var(--toy-c1,#62eaff));box-shadow:inset -5px -8px 12px rgba(42,0,72,.16),inset 4px 5px 9px rgba(255,255,255,.18)}
.toy-fallback-pleats i:nth-child(1){transform:translateX(-50%) rotate(-27deg)}.toy-fallback-pleats i:nth-child(2){transform:translateX(-50%) rotate(-13deg)}.toy-fallback-pleats i:nth-child(3){transform:translateX(-50%)}.toy-fallback-pleats i:nth-child(4){transform:translateX(-50%) rotate(13deg)}.toy-fallback-pleats i:nth-child(5){transform:translateX(-50%) rotate(27deg)}
.toy-fallback-eye{position:absolute;top:44%;width:10%;aspect-ratio:.78;border-radius:50%;background:#111226}.toy-fallback-eye:after{content:"";position:absolute;left:23%;top:15%;width:28%;aspect-ratio:1;border-radius:50%;background:#fff}.toy-fallback-eye.left{left:30%}.toy-fallback-eye.right{right:30%}
.toy-fallback-cheek{position:absolute;top:62%;width:15%;height:8%;border-radius:50%;background:color-mix(in srgb,var(--toy-glow,#ff5acb) 56%,transparent);filter:blur(1px)}.toy-fallback-cheek.left{left:20%}.toy-fallback-cheek.right{right:20%}
.toy-fallback-mouth{position:absolute;left:50%;top:64%;width:16%;height:10%;transform:translateX(-50%);border-bottom:5px solid #111226;border-radius:0 0 50% 50%}
.toy-ambient{position:absolute;width:54vmax;height:54vmax;border-radius:50%;filter:blur(58px);opacity:.16;pointer-events:none;z-index:2;mix-blend-mode:screen}
.toy-ambient-a{left:-31vmax;top:-23vmax;background:radial-gradient(circle,var(--toy-c1,#62eaff),transparent 66%)}
.toy-ambient-b{right:-31vmax;bottom:-28vmax;background:radial-gradient(circle,var(--toy-glow,#ff5acb),transparent 66%)}
.toy-hud{position:absolute;left:0;right:0;top:0;z-index:8;display:grid;grid-template-columns:74px minmax(0,1fr) 52px;align-items:center;gap:10px;padding:max(16px,env(safe-area-inset-top)) 16px 12px;pointer-events:none;background:linear-gradient(180deg,rgba(3,4,20,.76),rgba(3,4,20,.28) 70%,transparent)}
.toy-back,.toy-reset{pointer-events:auto;min-width:48px;height:48px;border:1px solid rgba(255,255,255,.2);border-radius:15px;color:#fff;background:linear-gradient(145deg,rgba(31,58,153,.88),rgba(117,32,192,.84));box-shadow:0 10px 26px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.2);font:900 14px/1 "Arial Rounded MT Bold","Trebuchet MS",sans-serif;cursor:pointer}
.toy-back{display:flex;align-items:center;justify-content:center;gap:4px;font-size:25px}.toy-back span{font-size:10px;text-transform:uppercase;letter-spacing:.08em}.toy-reset{font-size:22px}
.toy-title{min-width:0;text-align:center;pointer-events:none;text-shadow:0 3px 14px rgba(0,0,0,.35)}
.toy-title .toy-kicker{display:block;margin-bottom:2px;color:#9ff6ff;font-size:8px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
.toy-title strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(17px,4.8vw,26px);line-height:1.08}
.toy-title small{display:flex;justify-content:center;gap:6px;margin-top:4px;color:#bfc9ee;font-size:9px;font-style:normal}.toy-title small b{color:#fff}.toy-title small i{opacity:.45;font-style:normal}
.toy-accessories{position:absolute!important;z-index:6!important;pointer-events:none!important;transform-origin:50% 50%!important;will-change:transform,left,top;width:240px;height:240px;overflow:visible!important}
.toy-instruction{position:absolute;left:50%;bottom:max(36px,calc(env(safe-area-inset-bottom) + 28px));z-index:8;min-width:min(86vw,340px);padding:12px 18px;border:1px solid rgba(255,255,255,.14);border-radius:18px;transform:translateX(-50%);text-align:center;background:linear-gradient(145deg,rgba(21,30,90,.72),rgba(67,25,111,.66));box-shadow:0 14px 38px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.15);backdrop-filter:blur(14px);transition:opacity .45s ease,transform .45s ease;pointer-events:none}
.toy-instruction.played{opacity:.27;transform:translateX(-50%) translateY(6px) scale(.96)}
.toy-instruction strong{display:block;font-size:12px;letter-spacing:.03em}.toy-instruction span{display:block;margin-top:3px;color:#b9c9f6;font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.toy-pressure{position:absolute;left:50%;bottom:max(18px,env(safe-area-inset-bottom));z-index:8;width:min(54vw,220px);height:4px;border-radius:99px;transform:translateX(-50%);overflow:hidden;background:rgba(255,255,255,.08);opacity:0;transition:opacity .16s ease;pointer-events:none}
.toy-pressure span{display:block;width:100%;height:100%;border-radius:inherit;transform-origin:left center;background:linear-gradient(90deg,#5ff1ff,#8b69ff,#ff5cc9);box-shadow:0 0 12px rgba(106,221,255,.52)}
.game.toy-playing>.app-topbar,.game.toy-playing>.box-piece,.game.toy-playing>.game-stage,.game.toy-playing>.app-dock,.game.toy-playing>#stars,.game.toy-playing>.nebula,.game.toy-playing>.orbit{pointer-events:none}
@media(max-width:700px){.collect-card.is-viewable{min-height:218px}.collect-card-actions{grid-template-columns:1fr 1fr}.collect-card-actions button{min-height:42px;font-size:8px}.toy-hud{grid-template-columns:66px minmax(0,1fr) 48px;padding-left:10px;padding-right:10px}.toy-back,.toy-reset{height:46px;border-radius:14px}.toy-back{min-width:60px}.toy-title strong{font-size:18px}.toy-instruction{padding:10px 14px}.toy-accessories .dress-accessory-headphones{border-width:7px}}
@media(max-width:360px){.toy-hud{grid-template-columns:58px minmax(0,1fr) 44px;gap:6px}.toy-back{min-width:56px}.toy-back span{font-size:8px}.toy-reset{min-width:44px}.toy-title strong{font-size:16px}.toy-title small{font-size:8px}.collect-card-actions{gap:4px}.collect-card-actions button{font-size:7px}}
@media(prefers-reduced-motion:reduce){.toy-lab{transition:none}.toy-instruction{transition:none}}