@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800;900&display=swap');
:root{font-family:'Noto Sans SC',system-ui,sans-serif;color:#f5faff;background:#061b34;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:280px;background:radial-gradient(ellipse at 50% 10%,#124475 0,transparent 65%),#061b34}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid #ffe6a0;outline-offset:4px}button:disabled{cursor:wait;opacity:.65}.app{width:100%;max-width:488px;margin:auto;padding:23px 24px 14px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 100% 0,#13568155,transparent 50%)}header{display:flex;justify-content:space-between;align-items:center}header img{object-fit:contain;width:76px;height:50px;filter:drop-shadow(0 2px 8px #0002);background:#fff;border-radius:8px;padding:4px}.demo{font-size:10px;color:#a1c3dc;letter-spacing:1px;display:flex;align-items:center;gap:7px}.demo i{height:5px;width:5px;background:#51d6fb;border-radius:50%;box-shadow:0 0 8px #51d6fb}.intro{margin:21px 0 23px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:2.3px;color:#68c9f0}h1{font-size:30px;letter-spacing:1px;margin:8px 0 5px;font-weight:900}.intro p{font-size:12px;color:#9cb8d2;margin:0}nav{display:flex;padding:5px;border:1px solid #527ba636;border-radius:14px;background:#04172c70;gap:4px}.tab{flex:1;border:0;border-radius:10px;padding:11px 0;color:#9ab7d2;font-size:12px;background:transparent;font-weight:600}.tab span{margin-right:6px;font-size:16px}.tab.active{color:white;background:linear-gradient(120deg,#208bc8,#3ab8e7);box-shadow:0 3px 12px #0b7fc33a}.play{margin-top:15px;border:1px solid #5b92bd40;border-radius:20px;background:radial-gradient(ellipse at 50% 50%,#154b77aa,transparent 65%),linear-gradient(145deg,#123b61,#092643);padding:18px 18px 14px;position:relative}.play-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.3px;color:#8ab3cf}.chances{font-size:10px;letter-spacing:0;background:#031b3380;padding:5px 9px;border-radius:20px;color:#b4cadd}.chances b{color:#ffd075;margin-left:5px}.game-heading{text-align:center;margin-top:16px}h2{font-size:19px;margin:0 0 6px;font-weight:800}.game-heading p{font-size:10px;color:#9cbcd6;margin:0}.stage{height:222px;display:flex;align-items:center;justify-content:center;position:relative}.eggs{display:flex;width:100%;align-items:flex-end;justify-content:center;gap:13px;padding-top:20px}.egg-wrap{width:29%;position:relative;background:none;border:0;color:#afc7dc;font-size:9px;padding:0 0 12px}.egg-wrap:nth-child(2){transform:translateY(-14px)}.egg{height:120px;width:88px;max-width:100%;margin:auto auto 14px;border-radius:51% 49% 48% 48% / 66% 65% 36% 35%;background:radial-gradient(ellipse at 28% 22%,#fff3b4 0,#ffe18a 13%,#ffbf3c 38%,#c77a0d 74%,#f5b02e 94%);box-shadow:inset -9px -7px 14px #9b530744,inset 4px 4px 10px #fff9,0 13px 19px #0005;position:relative;transition:transform .25s}.egg:after{content:'✦';position:absolute;top:47%;left:36%;font-size:30px;color:#fff4c6;text-shadow:0 2px 1px #c37e20}.egg-wrap:before{content:'';position:absolute;bottom:26px;left:0;width:100%;height:19px;border-radius:50%;background:linear-gradient(#cda756,#69502e);box-shadow:0 4px 0 #253d50}.egg-wrap:hover .egg{transform:translateY(-7px) rotate(-4deg)}.egg-wrap.crack .egg{animation:crack .65s both}.egg-wrap.crack:after{content:'⚒';position:absolute;font-size:48px;top:-24px;right:-12px;animation:hammer .6s both}.egg-no{position:relative}.spark{position:absolute;color:#ffe6a3;pointer-events:none}.s1{top:36px;left:25px;font-size:18px}.s2{right:22px;top:55px;font-size:12px}.s3{right:45%;top:16px;font-size:8px}.primary{border:1px solid #7ad8f6;width:100%;min-height:45px;background:linear-gradient(110deg,#1995d4,#42c4ed);color:#fff;border-radius:11px;font-size:13px;font-weight:800;box-shadow:0 5px 15px #00182b66,inset 0 1px 0 #fff4;display:flex;align-items:center;justify-content:center;gap:18px}.primary span{font-size:20px;font-weight:400}.action-area p{text-align:center;font-size:9px;color:#87a6c2;margin:9px 0 0}footer{display:flex;align-items:center;gap:15px;margin:17px 1px 0}footer button{border:0;background:none;color:#a2bdd5;font-size:10px;padding:3px 0}footer button span{margin-left:4px;color:#6cc6e7}#badge{background:#1b476c;border-radius:4px;padding:1px 4px;font-size:9px}#reset{margin-left:auto;color:#7ea3bf}.divider{width:1px;height:11px;background:#355371}.footnote{text-align:center;font-size:8px;letter-spacing:1px;color:#62829d;margin:16px 0 0}.scratch-card{width:100%;max-width:296px;height:164px;border-radius:14px;position:relative;border:2px solid #edc77f;overflow:hidden;box-shadow:0 13px 25px #0004;background:#fff4dc}.scratch-under{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#93611c;gap:8px}.scratch-under strong{font-size:26px;color:#092f55}.scratch-under small{font-size:10px}.scratch-card canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair}.wheel-wrap{width:202px;height:202px;position:relative;filter:drop-shadow(0 10px 15px #0005)}.wheel{width:100%;height:100%;border-radius:50%;border:7px solid #efc16a;box-shadow:0 0 0 3px #6d512b,inset 0 0 0 2px #fff7;position:relative;transition:transform 3.6s cubic-bezier(.12,.7,.12,1);background:conic-gradient(from -22.5deg,#1a6da4 0 45deg,#e9f6ff 45deg 90deg,#1a6da4 90deg 135deg,#e9f6ff 135deg 180deg,#1a6da4 180deg 225deg,#e9f6ff 225deg 270deg,#1a6da4 270deg 315deg,#e9f6ff 315deg)}.wheel-label{position:absolute;left:50%;top:50%;width:65px;margin-left:-32.5px;text-align:center;font-size:9px;font-weight:800;line-height:1.6;transform-origin:50% 0;color:#fff}.wheel-label:nth-child(even){color:#0e4670}.wheel-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:54px;width:54px;border-radius:50%;border:4px solid #fff1bf;background:linear-gradient(#ffda7a,#e6a136);color:#69410e;font-weight:900;font-size:10px;box-shadow:0 3px 7px #0005}.pointer{position:absolute;top:-4px;left:50%;transform:translateX(-50%);width:21px;height:29px;clip-path:polygon(0 0,100% 0,50% 100%);background:#ffe4a0;z-index:2}.sheet{width:calc(100% - 40px);max-width:388px;background:linear-gradient(145deg,#164b75,#082640);border:1px solid #5189b2;border-radius:22px;padding:33px 25px 25px;position:relative;box-shadow:0 24px 80px #0009;text-align:center;max-height:85dvh;overflow:auto}#overlay{position:fixed;inset:0;background:#001020b8;backdrop-filter:blur(6px);z-index:10;display:flex;justify-content:center;align-items:center}#overlay[hidden]{display:none}.close{position:absolute;top:10px;right:13px;background:none;border:0;color:#b0ccde;font-size:24px}.result-icon{font-size:44px;margin:0 0 10px}.result-kicker{font-size:10px;letter-spacing:2px;color:#ffd278}.sheet h2{font-size:23px;margin:10px 0}.sheet p,.sheet li{font-size:12px;line-height:1.9;color:#adc9dd}.sheet ul{text-align:left;padding-left:18px}.reward-name{font-size:28px;font-weight:900;color:#ffda85;margin:17px 0}.sheet .primary{margin-top:20px}.history-row{text-align:left;padding:12px 0;border-bottom:1px solid #5283a533;display:flex;justify-content:space-between;align-items:center}.history-row strong{font-size:13px}.history-row small{display:block;color:#8cacc5;font-size:10px;margin-top:3px}.status{font-size:10px;color:#ffd17c}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@keyframes crack{20%,60%{transform:rotate(-10deg)}40%,80%{transform:rotate(10deg)}100%{transform:scale(.8);opacity:.25}}@keyframes hammer{0%{transform:rotate(40deg)}45%{transform:rotate(-35deg)}100%{transform:rotate(-20deg)}}@media(max-width:360px){.app{padding:16px 15px 12px}h1{font-size:27px}.play{padding:15px 12px 12px}.eggs{gap:9px}.egg{height:105px}.intro{margin:17px 0}.stage{height:210px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}body.embed{background:transparent}body.embed .app{background:#082743}

/* Native cursor keeps the hammer aligned with the pointer inside an iframe. */
@media (hover: hover) and (pointer: fine) {
  .eggs, .egg-wrap, .egg-wrap:disabled { cursor: url('assets/hammer-cursor.svg') 9 18, pointer; }
}

/* Four compact tabs and a four-egg selection keep the popup footprint stable. */
.tab{font-size:11px}.tab span{margin-right:4px;font-size:14px}
.eggs{gap:10px}.egg-wrap{width:23%}.egg{width:74px;height:103px}.egg-wrap:nth-child(2){transform:none}.egg-wrap:nth-child(even){transform:translateY(-13px)}.egg:after{font-size:26px}
.card-scene{width:100%;height:100%;display:flex;align-items:center;justify-content:center;perspective:900px;position:relative}.booster{width:134px;height:192px;color:#f9e6ad;border:1px solid #e6c47e;background:repeating-linear-gradient(120deg,transparent 0 16px,#fff1 17px 18px),radial-gradient(ellipse at 50% 45%,#267bae,#092b53 70%);box-shadow:7px 12px 25px #0006,inset 0 0 15px #59c9ff33;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-7deg);transition:transform .3s;clip-path:polygon(0 0,5% 2%,10% 0,15% 2%,20% 0,25% 2%,30% 0,35% 2%,40% 0,45% 2%,50% 0,55% 2%,60% 0,65% 2%,70% 0,75% 2%,80% 0,85% 2%,90% 0,95% 2%,100% 0,100% 100%,95% 98%,90% 100%,85% 98%,80% 100%,75% 98%,70% 100%,65% 98%,60% 100%,55% 98%,50% 100%,45% 98%,40% 100%,35% 98%,30% 100%,25% 98%,20% 100%,15% 98%,10% 100%,5% 98%,0 100%)}.booster:hover{transform:rotate(0deg) translateY(-4px)}.pack-brand{font-size:19px;font-weight:900;font-style:italic;color:#fff;letter-spacing:-1px}.pack-emblem{font-size:48px;line-height:1.25;color:#ffdb7d;text-shadow:0 0 25px #ffd274}.booster strong{font-size:13px;letter-spacing:2px;line-height:1.15}.booster small{font-size:7px;margin-top:7px}.pack-bottom{font-size:6px;letter-spacing:1px;margin-top:12px}.pack-seal{position:absolute;top:8px;left:0;right:0;height:7px;border-block:1px solid #d3b97677;background:repeating-linear-gradient(90deg,#fff1 0 2px,transparent 2px 4px)}.pack-spark{position:absolute;top:35px;left:22%;color:#ffdb88;font-size:24px}.pack-spark.right{left:auto;right:21%;top:auto;bottom:42px;font-size:15px}.booster.opening{animation:pack-open .75s both}.collectible{width:134px;height:192px;padding:0;border:0;border-radius:11px;background:none;perspective:900px;animation:card-arrive .5s both;opacity:1!important}.card-inner{display:block;width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.flipped .card-inner{transform:rotateY(180deg)}.card-back,.card-front{position:absolute;inset:0;border:3px solid #eac574;border-radius:11px;backface-visibility:hidden;display:flex;align-items:center;flex-direction:column;overflow:hidden;box-shadow:0 7px 20px #0005}.card-back{background:repeating-linear-gradient(45deg,#ffffff06 0 5px,transparent 5px 12px),radial-gradient(#147eb1,#082846);justify-content:center;color:#fff}.card-back:before{content:'';position:absolute;inset:7px;border:1px solid #f5d48c77;border-radius:6px}.card-ring{width:75px;height:75px;border:1px solid #f6d890;border-radius:50%;display:grid;place-items:center;font-size:47px;color:#ffdc83;box-shadow:0 0 20px #40caff55}.card-back strong{font-size:23px;font-style:italic;margin:10px 0 8px}.card-back small{font-size:6px;letter-spacing:1.5px}.card-front{transform:rotateY(180deg);background:linear-gradient(135deg,#103d67,#1a7291,#173963);color:white;padding:8px;justify-content:space-between}.card-front:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 15%,#b4fbff44 33%,#ffd5ff33 47%,transparent 65%);animation:foil 2s infinite}.card-meta{width:100%;display:flex;justify-content:space-between;align-items:center;z-index:1}.card-meta b{color:#ffe59e;font-size:12px}.card-meta small{font-size:6px;letter-spacing:.6px}.card-art{display:grid;place-items:center;width:100%;height:86px;font-size:60px;background:radial-gradient(ellipse,#70e5ff55,transparent 70%);text-shadow:0 0 20px #8de8ff;color:#b5f3ff}.card-front>strong{font-size:14px;letter-spacing:2px}.card-front>small{font-size:6px;letter-spacing:1px;color:#b3d9ef}.card-prize{font-size:9px;padding:6px 0 2px;border-top:1px solid #e8cb8d55;width:100%;color:#ffe3a0}.collectible.gold .card-front{background:linear-gradient(135deg,#4b320e,#a87d30,#352b20)}.collectible.gold .card-art{color:#ffe39b;text-shadow:0 0 20px #ffd465}.collectible.violet .card-front{background:linear-gradient(135deg,#292356,#655699,#18274e)}@keyframes pack-open{30%{transform:rotate(5deg) scale(1.05)}55%{transform:rotate(-7deg) scale(1.09);filter:brightness(1.8)}100%{transform:translateY(18px) scale(.8);opacity:0}}@keyframes card-arrive{from{transform:translateY(15px) rotate(-6deg);opacity:0}to{transform:none;opacity:1}}@keyframes foil{0%,100%{opacity:.35}50%{opacity:1}}@media(max-width:360px){.tab{font-size:10px;padding:10px 0}.tab span{margin-right:3px;font-size:12px}.eggs{gap:7px}.egg{height:91px;width:64px}.egg:after{font-size:23px}}@media(prefers-reduced-motion:reduce){.card-inner{transition:none}.booster.opening,.collectible,.card-front:before{animation:none}}

/* The foil wrapper tears at its seal before the card slides out. */
.booster{--tear:0;clip-path:none;background:none;border:0;box-shadow:none;overflow:visible;padding:0;touch-action:none;isolation:isolate}.booster:hover{transform:rotate(-4deg)}.pack-body{position:absolute;inset:27px 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#f9e6ad;border:1px solid #e6c47e;background:repeating-linear-gradient(120deg,transparent 0 16px,#fff1 17px 18px),radial-gradient(ellipse at 50% 45%,#267bae,#092b53 70%);box-shadow:7px 12px 25px #0006,inset 0 0 15px #59c9ff33;clip-path:polygon(0 0,7% 3%,14% 0,22% 2%,30% 0,38% 3%,46% 0,54% 2%,62% 0,70% 3%,78% 0,86% 2%,94% 0,100% 2%,100% 100%,0 100%)}.pack-body .pack-emblem{font-size:40px}.pack-body .pack-bottom{margin-top:9px}.pack-cap{position:absolute;left:0;right:0;top:0;height:33px;background:linear-gradient(115deg,#22567c,#30789d,#123455);border:1px solid #e6c47e;clip-path:polygon(0 0,100% 0,100% 91%,94% 88%,86% 100%,78% 90%,70% 100%,62% 89%,54% 100%,46% 90%,38% 100%,30% 90%,22% 100%,14% 91%,7% 100%,0 90%);transform-origin:right bottom;transform:translateY(calc(var(--tear) * -5px)) rotate(calc(var(--tear) * 9deg));z-index:3}.pack-cap .pack-seal{top:4px;height:6px}.tear-label{position:absolute;top:15px;left:0;right:0;font-size:7px;letter-spacing:1px;color:#fff1ba}.tear-track{position:absolute;top:27px;left:0;right:0;height:2px;border-top:1px dashed #f2d99a88;z-index:4;pointer-events:none}.tear-edge{position:absolute;left:0;top:26px;width:calc(var(--tear) * 100%);height:3px;background:#fff7d3;box-shadow:0 0 9px #ffda7e;z-index:5;pointer-events:none}.pack-preview{position:absolute;width:113px;height:165px;border:3px solid #dfbb74;border-radius:9px;background:radial-gradient(#2582a8,#0a2b51);color:#f9e3a4;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-7deg);opacity:0}.pack-preview span{font-size:55px}.pack-preview b{font-style:italic;font-size:20px}.booster.opening{animation:none;transform:rotate(-7deg);opacity:1;filter:none}.opening .tear-edge{animation:tear-across .4s ease-out both}.opening .pack-cap{animation:seal-away .85s cubic-bezier(.2,.7,.3,1) .25s both}.opening .pack-body{animation:wrapper-away .8s ease-in .55s both}.opening .tear-track{animation:wrapper-away .8s ease-in .55s both}.unpacking .pack-preview{animation:card-emerge 1.4s ease-in-out both}@keyframes tear-across{from{width:calc(var(--tear) * 100%);opacity:1}65%{width:100%;opacity:1}100%{width:100%;opacity:0}}@keyframes seal-away{0%{transform:translateY(calc(var(--tear) * -5px)) rotate(calc(var(--tear) * 9deg));opacity:1}35%{transform:translate(10px,-12px) rotate(16deg);opacity:1}100%{transform:translate(75px,-58px) rotate(50deg);opacity:0}}@keyframes wrapper-away{0%{transform:translateY(0);opacity:1}40%{opacity:1}100%{transform:translateY(70px) rotate(10deg);opacity:0}}@keyframes card-emerge{0%,20%{opacity:0;transform:translateY(0) rotate(-7deg)}45%{opacity:1}75%{transform:translateY(-14px) rotate(0);opacity:1}100%{transform:translateY(0) rotate(0);opacity:1}}@media(prefers-reduced-motion:reduce){.opening .pack-cap,.opening .pack-body,.opening .tear-track,.opening .tear-edge{animation:none;opacity:0}.unpacking .pack-preview{animation:none;opacity:1;transform:none}}

/* A whole shell cracks, then breaks into eight matching golden fragments. */
.egg{background:transparent;box-shadow:none;isolation:isolate}.egg-shell,.shell-piece{position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse at 28% 22%,#fff3b4 0,#ffe18a 13%,#ffbf3c 38%,#c77a0d 74%,#f5b02e 94%);box-shadow:inset -9px -7px 14px #9b530744,inset 4px 4px 10px #fff9,0 13px 19px #0005;pointer-events:none}.egg-shell{z-index:1}.egg:after{z-index:2;pointer-events:none}.shell-piece{opacity:0;z-index:4}.egg-fissure{position:absolute;inset:0;opacity:0;z-index:3;pointer-events:none;background:center/100% 100% no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 74 103'%3E%3Cpath d='M41 3 33 20 44 30 32 45 43 57 29 74 37 88 29 103M33 45 16 40 3 49M43 57 59 48 72 55M29 74 15 78 8 91' fill='none' stroke='%23723d0d' stroke-width='2.4' stroke-linejoin='round'/%3E%3Cpath d='m42 4-7 16 11 10-12 15 11 12-14 17 8 14-8 15' fill='none' stroke='%23fff0ac' stroke-width='.8'/%3E%3C/svg%3E")}.egg-burst{position:absolute;inset:6%;border-radius:50%;background:radial-gradient(ellipse,#fffbe9 0,#ffe19b 22%,#ffc23d88 45%,transparent 72%);opacity:0;z-index:0;pointer-events:none}.shard-1{clip-path:polygon(0 0,55% 0,45% 20%,59% 29%,43% 44%,21% 39%,0 48%);--sx:-31px;--sy:-44px;--sr:-42deg}.shard-2{clip-path:polygon(55% 0,100% 0,100% 54%,80% 46%,58% 56%,43% 44%,59% 29%,45% 20%);--sx:34px;--sy:-42px;--sr:43deg}.shard-3{clip-path:polygon(0 48%,21% 39%,43% 44%,58% 56%,39% 72%,20% 76%,0 67%);--sx:-44px;--sy:3px;--sr:-65deg}.shard-4{clip-path:polygon(100% 54%,80% 46%,58% 56%,39% 72%,69% 79%,100% 68%);--sx:44px;--sy:9px;--sr:62deg}.shard-5{clip-path:polygon(0 67%,20% 76%,39% 72%,50% 86%,39% 100%,0 100%);--sx:-26px;--sy:49px;--sr:-28deg}.shard-6{clip-path:polygon(39% 72%,69% 79%,100% 68%,100% 100%,39% 100%,50% 86%);--sx:27px;--sy:52px;--sr:30deg}.shard-7{clip-path:polygon(30% 30%,42% 24%,50% 38%,39% 46%);--sx:-53px;--sy:-25px;--sr:-105deg}.shard-8{clip-path:polygon(56% 54%,72% 59%,65% 72%,52% 66%);--sx:52px;--sy:28px;--sr:115deg}.egg-wrap.crack .egg{animation:egg-impact 1.4s both}.egg-wrap.crack .egg-shell{animation:shell-vanish 1.4s both}.egg-wrap.crack .egg:after{animation:shell-vanish 1.4s both}.crack .egg-fissure{animation:crack-lines .6s both}.crack .shell-piece{animation:shell-scatter 1.05s cubic-bezier(.16,.65,.35,1) .32s both}.crack .egg-burst{animation:golden-burst 1.3s .23s both}.egg-wrap.crack:after{z-index:8;pointer-events:none;animation:hammer-strike .55s both}@keyframes egg-impact{0%,9%{transform:none}15%{transform:rotate(-9deg) scale(.95)}21%{transform:rotate(8deg)}27%{transform:rotate(-4deg)}35%,100%{transform:none}}@keyframes shell-vanish{0%,22%{opacity:1}26%,100%{opacity:0}}@keyframes crack-lines{0%,25%{opacity:0}35%,70%{opacity:1}100%{opacity:0}}@keyframes shell-scatter{0%{opacity:1;transform:translate(0,0) rotate(0) scale(1)}55%{opacity:1}100%{opacity:0;transform:translate(var(--sx),var(--sy)) rotate(var(--sr)) scale(.65)}}@keyframes golden-burst{0%{opacity:0;transform:scale(.3)}20%{opacity:1;transform:scale(1.6)}60%{opacity:.8}100%{opacity:0;transform:scale(2.1)}}@keyframes hammer-strike{0%{transform:translate(7px,-18px) rotate(35deg);opacity:1}40%{transform:translate(-6px,12px) rotate(-35deg);opacity:1}65%{transform:translate(5px,-7px) rotate(5deg);opacity:1}100%{transform:translate(14px,-18px) rotate(25deg);opacity:0}}@media(prefers-reduced-motion:reduce){.crack .shell-piece,.crack .egg-fissure,.crack .egg-burst,.egg-wrap.crack:after{animation:none;opacity:0}.egg-wrap.crack .egg-shell,.egg-wrap.crack .egg:after{animation:none;opacity:.2}.egg-wrap.crack .egg{animation:none}}

/* Compact light theme for the embedded activity panel. */
:root{color:#123858;background:#f4faff}body{background:#f4faff}.app{padding:22px 24px 20px;background:radial-gradient(ellipse at 100% 0,#def4ff80,transparent 60%),#f9fcff}.intro{margin:0 0 21px}h1{color:#082e55;font-size:28px;margin-top:0}.intro p{color:#63829c}nav{background:#e9f3fa;border-color:#d7e8f4}.tab{color:#6385a1}.tab.active{background:linear-gradient(110deg,#148ac7,#35b8e5);color:#fff;box-shadow:0 3px 9px #218ec326}.play{background:radial-gradient(ellipse at 50% 55%,#fff5d970,transparent 60%),linear-gradient(145deg,#fff,#edf7ff);border-color:#d0e5f3;box-shadow:0 6px 20px #2576aa08}.play-top{color:#6c91ae}.chances{background:#e5f2fb;color:#608099}.chances b{color:#b57615}.game-heading h2{color:#123858}.game-heading p{color:#718ba0}.egg-wrap{color:#6b8296}.egg-wrap:before{background:linear-gradient(#edce7f,#c19847);box-shadow:0 4px 0 #dfebf2}.egg-shell,.shell-piece{box-shadow:inset -9px -7px 14px #9b530744,inset 4px 4px 10px #fff9,0 10px 16px #b3882220}.spark{color:#cf991d}.primary{background:linear-gradient(110deg,#168dcb,#32b9e3);border-color:#62c8ec;box-shadow:0 5px 12px #1589c520,inset 0 1px 0 #fff4}.action-area p{color:#8298a9}footer{margin-top:17px}footer button{color:#60809b}footer button span{color:#188cbf}.divider{background:#d0e0ec}#badge{background:#dff0fa;color:#24789e}#overlay{background:#15355260}.sheet{background:linear-gradient(145deg,#fff,#edf7ff);border-color:#c5e1f2;box-shadow:0 24px 80px #12385833}.sheet h2{color:#123858}.sheet p,.sheet li{color:#678398}.close{color:#698da7}.result-kicker{color:#a67b21}.result-icon{color:#dfa52c}.reward-name{color:#b98017}.history-row{border-color:#d8e8f3}.history-row strong{color:#123858}.history-row small{color:#7390a5}.status{color:#b17a18}.pack-spark{color:#c79523}.scratch-card{box-shadow:0 10px 22px #b59b5e22}.wheel-wrap{filter:drop-shadow(0 8px 12px #30648b22)}body.embed{background:transparent}body.embed .app{background:radial-gradient(ellipse at 100% 0,#def4ff80,transparent 60%),#f9fcff}.egg-wrap:disabled{opacity:1}.primary:disabled{cursor:default;opacity:.55}@media(max-width:360px){.app{padding:18px 15px 17px}.intro{margin:0 0 17px}h1{font-size:26px}}

.language-switch{display:flex;justify-content:flex-end;gap:3px;margin:-4px 0 14px}.language-switch button{border:0;background:transparent;padding:5px 8px;border-radius:7px;font-size:10px;color:#728ba0}.language-switch button.selected{color:#117db2;background:#e0f2fc;font-weight:700}.language-switch button:disabled{cursor:wait}html:not([data-locale=zh]) h1{font-size:25px;letter-spacing:-.6px}html:not([data-locale=zh]) h2{font-size:17px;line-height:1.4}html:not([data-locale=zh]) .tab{font-size:9px}html:not([data-locale=zh]) .tab span{margin-right:3px;font-size:12px}html:not([data-locale=zh]) .game-heading p{min-height:28px;line-height:1.5}html:not([data-locale=zh]) .wheel-label{font-size:8px;width:68px;margin-left:-34px}html:not([data-locale=zh]) .card-front>strong{font-size:11px;letter-spacing:0;line-height:1.2}html:not([data-locale=zh]) .card-prize{font-size:8px}html:not([data-locale=zh]) .reward-name{font-size:24px}html:not([data-locale=zh]) .pack-body small{font-size:6px}html:not([data-locale=zh]) .pack-bottom{font-size:5px}@media(max-width:360px){html:not([data-locale=zh]) h1{font-size:22px}html:not([data-locale=zh]) .tab{font-size:8px}html:not([data-locale=zh]) .tab span{font-size:10px;margin-right:2px}.language-switch{margin-bottom:12px}}

/* Results replace the game artwork inside the existing activity panel. */
.result-stage{min-height:222px;height:auto;padding:15px 0}.inline-reward{width:100%;text-align:center;padding:5px 6px 9px;animation:reward-arrive .35s ease-out both}.reward-emblem{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 13px;border:1px solid #f2d9a0;border-radius:50%;font-size:37px;color:#d99b21;background:radial-gradient(#fff9e5,#fff1c9);box-shadow:0 5px 20px #d3a33b15}.inline-reward .result-kicker{font-size:8px;letter-spacing:2px}.inline-reward .reward-name{font-size:25px;line-height:1.3;margin:12px 0 8px;overflow-wrap:anywhere}.reward-card-detail{font-size:11px;line-height:1.5;color:#577b98;margin:5px 0 8px}.reward-note{font-size:10px;line-height:1.6;color:#8198aa;margin:0}html:not([data-locale=zh]) .inline-reward .reward-name{font-size:23px}@keyframes reward-arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.inline-reward{animation:none}}

[hidden]{display:none!important}.secondary{width:100%;min-height:40px;margin-top:8px;border:1px solid #c8e2f1;border-radius:10px;background:#f5fbff;color:#2681ad;font-size:12px;font-weight:700}.secondary:hover{background:#eaf6fe}.page-panel{border:1px solid #d0e5f3;border-radius:18px;background:linear-gradient(145deg,#fff,#edf7ff);padding:18px;min-height:390px}.back-link{background:none;border:0;color:#2186b8;font-size:11px;padding:0 0 19px}.page-panel h2{margin:10px 0 16px;font-size:21px;line-height:1.4}.page-panel p,.page-panel li{font-size:12px;line-height:1.9;color:#678398}.page-panel ul{padding-left:18px;max-height:340px;overflow:auto;overscroll-behavior:contain}.page-panel li{margin-bottom:9px}.history-list{max-height:320px;overflow:auto;overscroll-behavior:contain;margin-bottom:18px}.history-row{gap:12px}.history-row>div{min-width:0}.history-row strong{overflow-wrap:anywhere}.status{flex-shrink:0;font-size:9px}.exit-receipt{text-align:center;padding:35px 0}.exit-receipt h2{margin-top:22px}html:not([data-locale=zh]) .secondary{font-size:11px}

.offer-actions{display:flex;flex-direction:column;gap:7px;align-items:flex-end;flex-shrink:0}.use-offer{border:1px solid #b9dcec;border-radius:7px;background:#eaf7ff;color:#157db0;font-size:10px;padding:5px 8px}.topup-app{min-height:100dvh}.topup-app>a{display:inline-block;text-decoration:none}.topup-app h1{font-size:25px;margin:8px 0 20px}.topup-offer{background:#eaf6ff;border:1px solid #cee5f4;border-radius:15px;padding:17px;margin-bottom:22px}.topup-offer small{display:block;color:#62839e;font-size:10px}.topup-offer strong{display:block;color:#b98017;font-size:24px;margin:8px 0}.topup-offer p{font-size:10px;color:#748fa4;line-height:1.6;margin-bottom:0}.topup-app h2{font-size:17px;margin-bottom:15px}.amount-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:18px}.amount-grid button{border:1px solid #cce3f2;border-radius:10px;padding:15px;background:white;color:#245877;font-weight:700}.amount-grid button.selected{background:#e5f6ff;border-color:#269ed1;color:#1283b8}.amount-label{font-size:11px;color:#7390a7}.amount-input{display:flex;border:1px solid #cce2f2;background:white;border-radius:10px;padding:12px;gap:10px;margin:8px 0 20px;align-items:center}.amount-input span{font-size:12px;color:#6b8aa1}.amount-input input{width:100%;border:0;outline:0;font:inherit;color:#123858;background:transparent}.amount-input:focus-within{outline:2px solid #36a7d6}.topup-disclaimer{font-size:10px;line-height:1.7;color:#7b93a5;text-align:center}.chosen-amount{display:block;font-size:32px;color:#158fc7;margin:20px 0}#amount-receipt p{font-size:12px;line-height:1.7;color:#708ba0}#amount-error{font-size:11px;color:#ac4c38}

.settings-app h1{font-size:26px}.settings-note{font-size:11px;line-height:1.8;color:#6e899f}.settings-app fieldset{min-width:0;border:1px solid #cde3f2;border-radius:12px;margin:18px 0;padding:14px;background:#fff9}.settings-app legend{font-size:13px;font-weight:700;color:#277ba5;padding:0 5px}.settings-app label{display:block;margin:9px 0}.settings-app label span{display:block;font-size:10px;color:#6c879b;margin-bottom:5px}.settings-app input{width:100%;border:1px solid #cde2f0;border-radius:7px;padding:9px;font:inherit;font-size:12px;color:#173e5c;background:white}.settings-app input:focus{outline:2px solid #44b3df}.settings-preview{display:block;line-height:40px;text-align:center;text-decoration:none;font-size:11px}#settings-status{font-size:11px;line-height:1.7;color:#247da5}

.settings-app textarea{width:100%;resize:vertical;border:1px solid #cde2f0;border-radius:7px;padding:10px;font:inherit;font-size:12px;color:#173e5c}.settings-app .toggle-row{display:flex;align-items:center;gap:8px}.settings-app .toggle-row input{width:auto}.settings-app .toggle-row span{margin:0}.admin-toolbar{display:flex;align-items:center;gap:12px}.admin-toolbar .back-link{white-space:nowrap;padding:0}.password-settings{margin-top:25px;font-size:12px;color:#4282a4}.password-settings form{padding-top:15px}#login-status,#password-status{font-size:11px;color:#a56934;line-height:1.7}

/* Embedded player view: retain only game navigation, play area and footer. */
body:has(.app > .play) .language-switch,
body:has(.app > .play) .intro{display:none!important}

.card-front>.card-offer-name{font-size:17px;line-height:1.4;text-align:center;letter-spacing:0;overflow-wrap:anywhere;width:100%;margin:auto 0;padding:8px 3px;color:#ffe3a0}.card-front .card-art{height:78px;flex-shrink:0}