*,:before,:after{box-sizing:border-box}@keyframes pop-in{0%{opacity:0;transform:scale(.85)}60%{opacity:1;transform:scale(1.03)}to{transform:scale(1)}}@keyframes bounce-in{0%{opacity:0;transform:scale(.4)rotate(-8deg)}60%{opacity:1;transform:scale(1.08)rotate(3deg)}80%{transform:scale(.96)rotate(-1deg)}to{transform:scale(1)rotate(0)}}@keyframes shake-x{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes sway{0%,to{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}@keyframes pulse-scale{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}:root{--bg:#fdf6e9;--text:#2b2b2b;--accent:#f4a11e;--font-marathi:"Khand", "Noto Sans Devanagari", sans-serif;font:18px/1.5 var(--font-marathi);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg)}input,button,textarea,select{font-family:inherit}body{background:var(--bg);margin:0}html{height:100%}#root{min-height:100dvh}.page{isolation:isolate;text-align:center;flex-direction:column;justify-content:center;gap:clamp(.25rem,1.1vh,1rem);max-width:640px;height:100dvh;margin:0 auto;padding:clamp(.4rem,1.8vh,2rem) clamp(.75rem,4vw,1.5rem);display:flex;position:relative;overflow-y:auto}.page-game{justify-content:flex-start;padding-top:clamp(.75rem,3.5vh,2rem)}.home-panel{background:#fffaf0f5;border:6px solid #e0a52a;border-radius:clamp(18px,4vh,32px);width:100%;max-width:420px;margin:0 auto;padding:clamp(.85rem,3.2vh,1.75rem) clamp(.85rem,4vw,1.5rem) clamp(1rem,3.6vh,2.25rem);animation:.5s pop-in;position:relative;overflow:visible;box-shadow:0 10px 30px #00000026}.home-panel:before{content:"";pointer-events:none;border:2px dashed #e0a52a99;border-radius:24px;position:absolute;inset:10px}.home-panel-flower{pointer-events:none;transform-origin:bottom;font-size:2rem;animation:4s ease-in-out infinite sway;position:absolute;bottom:-14px}.home-panel-flower-left{left:-8px}.home-panel-flower-right{right:-8px}.home-hero{flex-shrink:0;justify-content:center;align-items:center;width:100%;max-width:420px;margin:0 auto;display:flex}.home-logo{object-fit:contain;filter:drop-shadow(0 4px 8px #0003);width:auto;max-width:100%;height:clamp(90px,min(39vw,22.5vh),225px);margin-top:-20px;animation:.5s .1s backwards pop-in}.backend-status{color:#8a7a63;margin-bottom:clamp(.5rem,2vh,1.5rem);font-size:clamp(.75rem,2vh,.95rem)}.guest-form{flex-direction:column;align-items:center;gap:clamp(.4rem,1.6vh,.75rem);display:flex}.guest-form label{align-items:center;gap:.5rem;font-size:clamp(.95rem,3vh,1.2rem);font-weight:700;display:flex}.sparkle{color:#e0a52a;font-size:1rem}.guest-input-wrap{width:100%;max-width:280px;position:relative}.guest-input-icon{pointer-events:none;font-size:1.1rem;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.guest-form input{text-align:left;background:#fff;border:3px dashed #e0a52a;border-radius:16px;width:100%;padding:clamp(.5rem,2vh,.75rem) 1rem clamp(.5rem,2vh,.75rem) 2.75rem;font-size:clamp(1rem,3vh,1.2rem)}.form-error{color:#a13a2e;font-weight:600}.home-hub{flex-direction:column;align-items:center;gap:clamp(.2rem,1.1vh,1rem);width:100%;display:flex}.welcome-line{font-size:clamp(1rem,3.2vh,1.3rem);font-weight:700}.rect-btn{color:#6b3a00;text-shadow:0 1px #fff6;cursor:pointer;background:linear-gradient(#ffcf5c,#f5a623);border:2px solid #c9820f;border-radius:999px;justify-content:center;align-items:center;gap:.35rem;min-width:190px;height:clamp(44px,7.5vh,64px);padding:0 1.75rem;font-family:inherit;font-size:clamp(1rem,3vh,1.2rem);font-weight:700;transition:transform .1s,box-shadow .1s;display:inline-flex;box-shadow:0 4px #c9820f}.rect-btn:active{transform:translateY(3px)scale(.97);box-shadow:0 1px #c9820f}.rect-btn-sm{gap:.35rem;min-width:0;height:clamp(36px,5.5vh,44px);padding:0 1.1rem;font-size:clamp(.85rem,2.6vh,1rem)}.rect-btn-sm:after{content:"";opacity:.9;border:6px solid #0000;border-left:9px solid;border-right-width:0;width:0;height:0}.rect-btn-green{color:#1f4a12;background:linear-gradient(#8bd15c,#5fa838);border-color:#417022;box-shadow:0 4px #417022}.rect-btn-green:active{box-shadow:0 1px #417022}.rect-btn-blue{color:#0a3a5c;background:linear-gradient(#6ec3f2,#3f9bdc);border-color:#2b6ea3;box-shadow:0 4px #2b6ea3}.rect-btn-blue:active{box-shadow:0 1px #2b6ea3}.rect-btn-red{color:#6b1200;background:linear-gradient(#ff9075,#e0483a);border-color:#a52415;box-shadow:0 4px #a52415}.rect-btn-red:active{box-shadow:0 1px #a52415}.icon-btn{cursor:pointer;border:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:clamp(34px,6.5vh,56px);height:clamp(34px,6.5vh,56px);transition:transform .1s;display:flex;position:relative}.icon-btn:active{transform:scale(.9)}.icon-btn-home{background:url(/assets/ui/home-button-circular.png) 50%/contain no-repeat}.icon-btn-audio{background:url(/assets/ui/audio-button-circular.png) 50%/contain no-repeat}.icon-btn-audio.is-muted{filter:grayscale()opacity(.6)}.icon-btn-play{background:url(/assets/ui/play-button-circular.png) 50%/contain no-repeat}.icon-btn-settings{cursor:default;background:url(/assets/ui/setting-button-circular.png) 50%/contain no-repeat}.icon-btn-settings:active{transform:none}.icon-btn-trophy{box-shadow:none;cursor:default;background:radial-gradient(circle,#e0605a,#9a2420);border:3px solid #e0a52a}.icon-btn-trophy:before{content:"🏆";font-size:clamp(1rem,3vh,1.4rem)}.icon-btn-trophy:active{transform:none}.score-pill{color:#fff;text-shadow:0 1px 1px #0003;background:linear-gradient(#b98bee,#8b5cf6);border:2px solid #5a3690;border-radius:999px;align-items:center;padding:clamp(.35rem,1.4vh,.55rem) clamp(1rem,3vw,1.5rem) clamp(.35rem,1.4vh,.55rem) clamp(1.6rem,4vw,2.25rem);font-size:clamp(.85rem,2.6vh,1.05rem);font-weight:700;animation:.4s pop-in;display:inline-flex;position:relative;box-shadow:0 3px #5a3690}.score-star{filter:drop-shadow(0 2px 3px #00000040);width:clamp(28px,5vh,40px);height:clamp(28px,5vh,40px);position:absolute;top:50%;left:-12px;transform:translateY(-50%)}.select-game-logo{filter:drop-shadow(0 3px 6px #0003);width:clamp(100px,min(28vw,16vh),220px);height:auto;margin:0 auto;animation:.45s pop-in}.game-tiles{grid-template-columns:1fr 1fr;gap:clamp(.6rem,3vw,1.25rem);width:100%;display:grid}.game-tile{text-align:center;color:#2b2b2b;border:4px solid;border-radius:clamp(16px,4vw,28px);flex-direction:column;align-items:center;gap:clamp(.15rem,.7vh,.5rem);padding:clamp(.5rem,2.2vh,1.5rem) clamp(.6rem,3vw,1rem) clamp(.4rem,1.6vh,1.25rem);text-decoration:none;transition:transform .15s;animation:.45s backwards pop-in;display:flex;box-shadow:0 8px 18px #00000024}.game-tile:first-child{animation-delay:50ms}.game-tile:nth-child(2){animation-delay:.15s}.game-tile:nth-child(3){animation-delay:.25s}.game-tile:hover{transform:translateY(-3px)}.game-tile:active{transform:scale(.97)}.game-tile-green{background:linear-gradient(#eafbe0,#fff);border-color:#6aa83c}.game-tile-gold{background:linear-gradient(#fff3d6,#fff);border-color:#e0a52a}.game-tile-icon-wrap{object-fit:contain;filter:drop-shadow(0 4px 6px #00000040);width:clamp(48px,min(19vw,9vh),104px);height:clamp(48px,min(19vw,9vh),104px);margin-top:clamp(-30px,min(-9.5vw,-4.75vh),-22px);animation:.45s backwards pop-in}.game-tile-title{font-size:clamp(.8rem,2.4vh,1.05rem);font-weight:700}.game-tile-tagline{color:#6b5c46;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:clamp(.65rem,1.8vh,.8rem);display:-webkit-box;overflow:hidden}@media (width<=300px){.game-tiles{grid-template-columns:1fr}}.home-tagline-banner{color:#fff;text-shadow:0 1px 1px #0003;background:linear-gradient(#a875e0,#7c4fc7);border:2px solid #5a3690;border-radius:999px;justify-content:center;align-items:center;gap:.6rem;width:fit-content;max-width:92%;margin:0 auto;padding:clamp(.4rem,1.6vh,.65rem) clamp(1rem,4vw,1.5rem);font-size:clamp(.8rem,2.4vh,1rem);font-weight:700;animation:.45s .3s backwards pop-in;display:flex;box-shadow:0 4px #5a3690}.home-tagline-star{width:clamp(16px,3vh,22px);height:clamp(16px,3vh,22px);animation:2.4s ease-in-out infinite pulse-scale}.home-bottom-nav{justify-content:space-between;width:100%;padding:0 1rem;display:flex}.nav-icon-item{flex-direction:column;align-items:center;gap:.25rem;display:flex}.nav-icon-item span{color:#4a3f2e;text-shadow:0 1px #ffffff80;font-size:clamp(.7rem,2vh,.85rem);font-weight:700}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.floating-bubbles{pointer-events:none;z-index:-1;position:absolute;inset:0;overflow:hidden}.bubble{opacity:.55;background:radial-gradient(circle at 30% 30%,#ffffffd9,#ffffff26);border:1px solid #fff9;border-radius:50%;animation:linear infinite bubble-rise;position:absolute;bottom:-40px}@keyframes bubble-rise{0%{opacity:0;transform:translateY(0)translate(0)}10%{opacity:.55}90%{opacity:.4}to{opacity:0;transform:translateY(-115vh)translate(20px)}}@media (prefers-reduced-motion:reduce){.floating-bubbles{display:none}}.animated-bg{z-index:-2;pointer-events:none;position:fixed;inset:0;overflow:hidden}.animated-bg-image{will-change:transform;background-position:top;background-repeat:no-repeat;background-size:cover;animation:22s ease-in-out infinite alternate bg-zoom;position:absolute;inset:0}@keyframes bg-zoom{0%{transform:scale(1)}to{transform:scale(1.08)}}@media (prefers-reduced-motion:reduce){.animated-bg-image{animation:none}}.particle-burst{pointer-events:none;z-index:5;position:absolute;inset:0;overflow:visible}.particle{opacity:1;animation:particle-fly var(--duration,.8s) ease-out forwards;animation-delay:var(--delay);border-radius:50%;position:absolute;top:50%;left:50%}@keyframes particle-fly{0%{opacity:1;transform:translate(-50%,-50%)scale(.5)}to{transform:translate(calc(-50% + var(--tx)), calc(-50% + var(--ty))) scale(1);opacity:0}}@media (prefers-reduced-motion:reduce){.particle-burst{display:none}}.drag-wrapper{flex-direction:column;align-items:center;gap:clamp(.15rem,.6vh,.35rem);width:100%;max-width:520px;margin:0 auto;display:flex}.drag-scorebar{justify-content:center;display:flex}.drag-topbar{justify-content:space-between;align-items:center;gap:.75rem;width:100%;display:flex}.drag-progress-wrap{flex-direction:column;flex:0 auto;align-items:center;gap:clamp(.1rem,.4vh,.2rem);display:flex}.drag-progress-sign{aspect-ratio:308/179;color:#fff;text-shadow:0 1px 2px #0009;text-align:center;white-space:nowrap;text-overflow:ellipsis;background:url(/assets/ui/board-wood.png) 50%/contain no-repeat;justify-content:center;align-items:center;width:clamp(96px,34vw,150px);min-width:0;padding:0 clamp(.5rem,2vw,1rem);font-size:clamp(.7rem,2vh,.9rem);font-weight:700;display:flex;overflow:hidden}.drag-progress-dots{flex-wrap:wrap;justify-content:center;gap:clamp(.2rem,.8vw,.3rem);max-width:150px;display:flex}.drag-progress-dot{background:#b9c4d4;border-radius:999px;width:clamp(6px,1.6vw,9px);height:clamp(6px,1.6vw,9px)}.drag-progress-dot.is-done,.drag-progress-dot.is-current{background:#6bbf3f}.drag-progress-dot.is-current{animation:1s ease-in-out infinite pulse-scale}.drag-instruction{color:#5a3690;background:#f3ebff;border:2px solid #8b5cf6;border-radius:999px;align-items:center;gap:clamp(.35rem,1.4vw,.5rem);width:100%;max-width:100%;padding:clamp(.28rem,1.1vh,.4rem) clamp(.8rem,3vw,1.1rem);font-size:clamp(.65rem,1.9vh,.85rem);font-weight:700;animation:.4s pop-in;display:flex}.drag-instruction span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.drag-instruction-audio{color:#fff;cursor:pointer;background:linear-gradient(#b98bee,#8b5cf6);border:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:clamp(20px,4.6vh,28px);height:clamp(20px,4.6vh,28px);font-size:clamp(.75rem,2.2vh,1rem);transition:transform .1s;display:flex;box-shadow:0 2px #5a3690}.drag-instruction-audio:active{transform:scale(.9)}.drag-flying-star{z-index:999;pointer-events:none;filter:drop-shadow(0 2px 4px #00000059);opacity:1;transition:transform .6s cubic-bezier(.3,0,.4,1),opacity .6s .15s;position:fixed;transform:translate(0)scale(1)}.drag-flying-star.is-flying{transform:translate(var(--fly-x), var(--fly-y)) scale(var(--fly-scale));opacity:0}.drag-demo-ghost{z-index:998;color:#6b3a00;pointer-events:none;background:linear-gradient(#ffe8a3,#f7c85c);border:3px solid #d99a1f;border-radius:clamp(12px,3vw,20px);justify-content:center;align-items:center;font-size:clamp(.85rem,2.6vh,1.15rem);font-weight:700;transition:transform .85s cubic-bezier(.3,0,.4,1);display:flex;position:fixed;transform:translate(0)scale(1);box-shadow:0 6px 10px #0003}.drag-demo-ghost.is-moving{transform:translate(var(--demo-x), var(--demo-y)) scale(.7)}.drag-demo-hand{font-size:clamp(1.2rem,3.4vh,1.7rem);animation:.7s ease-in-out infinite drag-hand-tap;position:absolute;bottom:-14px;right:-10px}@keyframes drag-hand-tap{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.drag-card-panel{text-align:center;background:#fdf3de;border:6px solid #f0b429;border-radius:clamp(20px,4vh,36px);width:100%;padding:clamp(.5rem,1.8vh,.9rem) clamp(.85rem,4vw,1.5rem) clamp(.5rem,1.8vh,1rem);position:relative;overflow:visible;box-shadow:0 12px 28px #0000002e}.drag-mascot{filter:drop-shadow(0 6px 8px #00000040);pointer-events:none;width:clamp(52px,min(20vw,11vh),100px);height:auto;position:absolute;bottom:-14px;left:-22px}.drag-butterfly{pointer-events:none;transform-origin:bottom;font-size:clamp(1.1rem,2.6vh,1.7rem);animation:3s ease-in-out infinite sway;position:absolute;top:12px;right:20px;transform:rotate(-12deg)}.drag-drop-zone{background:linear-gradient(#bfe3ff,#eaf6ff);border:5px solid #fff;border-radius:clamp(18px,4vh,32px);justify-content:center;align-items:center;width:clamp(88px,min(30vw,19vh),190px);height:clamp(88px,min(30vw,19vh),190px);margin:0 auto clamp(.25rem,.9vh,.5rem);padding:clamp(.3rem,1vh,.5rem);transition:box-shadow .15s,transform .15s;animation:.45s 80ms backwards pop-in;display:flex;position:relative;box-shadow:0 4px 12px #0000001f,inset 0 0 0 2px #4fa8e04d}.drag-drop-zone.is-hover{transform:scale(1.03);box-shadow:0 0 0 6px #f0b4298c,0 4px 16px #0000002e}.drag-drop-zone.is-correct-glow{animation:.9s drag-correct-pulse}@keyframes drag-correct-pulse{0%{box-shadow:0 0 #5fa83899}50%{box-shadow:0 0 0 14px #5fa83859}to{box-shadow:0 0 #5fa83800}}.drag-picture{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.drag-drop-confetti{pointer-events:none;position:absolute;inset:0}.drag-drop-slot{color:#6b5c9c;background:#f3ebff;border:2px dashed #8b5cf6;border-radius:clamp(10px,2.4vh,16px);max-width:92%;margin:0 auto clamp(.25rem,.9vh,.5rem);padding:clamp(.25rem,.9vh,.4rem) clamp(.6rem,2.5vw,1rem);font-size:clamp(.72rem,2vh,.9rem);font-weight:700;transition:background .2s,color .2s,border-style .2s}.drag-drop-slot.is-filled{color:#2f5a1c;background:#eafbe0;border-style:solid;border-color:#5fa838;animation:.3s pop-in}.drag-mascot-bubble{background:#fff;border-radius:999px;width:fit-content;max-width:80%;margin:0 auto clamp(.2rem,.8vh,.45rem) clamp(1.5rem,8vw,2.5rem);padding:clamp(.22rem,.9vh,.4rem) clamp(.65rem,2.5vw,.95rem);position:relative;box-shadow:0 3px 8px #00000026}.drag-mascot-bubble p{color:#4a2f18;margin:0;font-size:clamp(.62rem,1.8vh,.78rem);font-weight:700}.drag-mascot-bubble:after{content:"";clip-path:polygon(0 0,100% 0,0 100%);background:#fff;width:14px;height:14px;position:absolute;bottom:-7px;left:14px}.drag-tray{grid-template-columns:repeat(2,1fr);gap:clamp(.3rem,1.1vh,.55rem);margin-bottom:clamp(.25rem,.9vh,.5rem);display:grid}.drag-card{text-shadow:0 1px #fff6;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:clamp(12px,3vw,20px);justify-content:center;align-items:center;min-height:clamp(34px,5.8vh,48px);padding:clamp(.25rem,1.1vh,.6rem);font-family:inherit;font-size:clamp(.7rem,2vh,.92rem);font-weight:700;transition:transform .25s,box-shadow .15s;animation:.35s backwards pop-in;display:flex;position:relative}.drag-card:first-child{animation-delay:50ms}.drag-card:nth-child(2){animation-delay:.12s}.drag-card:nth-child(3){animation-delay:.19s}.drag-card:nth-child(4){animation-delay:.26s}.drag-card-yellow{color:#6b3a00;background:linear-gradient(#ffe8a3,#f7c85c);border:3px solid #d99a1f;box-shadow:0 4px #b9791a,0 6px 10px #0000001f}.drag-card-pink{color:#7a1f4d;background:linear-gradient(#ffc6e0,#f78bc0);border:3px solid #d94e91;box-shadow:0 4px #b9376f,0 6px 10px #0000001f}.drag-card-blue{color:#0a3a5c;background:linear-gradient(#a8dcff,#6ec3f2);border:3px solid #2b6ea3;box-shadow:0 4px #235a85,0 6px 10px #0000001f}.drag-card-green{color:#1f4a12;background:linear-gradient(#c3e8a3,#8bd15c);border:3px solid #5fa838;box-shadow:0 4px #417022,0 6px 10px #0000001f}.drag-card.is-dragging{z-index:50;cursor:grabbing;transition:none;scale:1.08;box-shadow:0 10px 18px #0000004d}.drag-card.is-shake{animation:.4s shake-x}.drag-card.is-locked{pointer-events:none;opacity:.6}.drag-card.is-demo-target{animation:1s ease-in-out infinite pulse-scale;box-shadow:0 0 0 4px #fff,0 0 0 7px #f0b429,0 6px 10px #0000001f}.drag-card.is-demo-hidden{opacity:.25}.drag-tutorial-banner{background:linear-gradient(#f3ebff,#e6d6ff);border:2px solid #8b5cf6;border-radius:clamp(14px,3vh,20px);max-width:92%;margin:0 auto clamp(.3rem,1.1vh,.6rem);padding:clamp(.3rem,1.2vh,.55rem) clamp(.8rem,3vw,1.1rem);animation:.4s pop-in}.drag-tutorial-banner p{color:#5a3690;margin:0 0 .3rem;font-size:clamp(.75rem,2.2vh,.95rem);font-weight:700}.drag-tutorial-banner .rect-btn{min-width:120px;height:clamp(30px,5vh,40px);font-size:clamp(.75rem,2vh,.88rem)}.drag-star-rating{justify-content:center;gap:clamp(.3rem,1.4vh,.6rem);margin:0 0 clamp(.4rem,1.6vh,.9rem);display:flex}.drag-rating-star{filter:drop-shadow(0 2px 3px #00000040);width:clamp(32px,7vh,48px);height:clamp(32px,7vh,48px);animation:.5s backwards bounce-in}.drag-rating-star:nth-child(2){animation-delay:.1s}.drag-rating-star:nth-child(3){animation-delay:.2s}.drag-rating-star.is-empty{filter:grayscale()opacity(.35)}.drag-complete{margin-top:auto;margin-bottom:auto;padding:clamp(.5rem,2vh,1rem) clamp(.85rem,4vw,1.5rem) clamp(1rem,3.5vh,2.5rem)}.drag-confetti-anchor{pointer-events:none;position:absolute;inset:0}.drag-trophy{filter:drop-shadow(0 6px 10px #00000040);width:clamp(72px,min(28vw,16vh),130px);height:auto;margin:clamp(-1.5rem,-4vh,-2.5rem) auto .25rem;animation:.6s bounce-in}.drag-complete-banner{justify-content:center;align-items:center;margin-bottom:.5rem;animation:.5s .15s backwards pop-in;display:flex;position:relative}.drag-ribbon{width:100%;max-width:340px;height:auto}.drag-ribbon-text{color:#6b3a00;margin:0;font-size:clamp(1.05rem,3.2vh,1.5rem);position:absolute;transform:translateY(-10px)}.drag-complete-score{margin:clamp(.25rem,1vh,.5rem) 0 clamp(.75rem,3vh,2rem);font-size:clamp(1.1rem,3.4vh,1.5rem);font-weight:700}.drag-complete-actions{justify-content:center;align-items:center;gap:clamp(.75rem,3vw,1.25rem);display:flex}@media (width<=300px){.drag-tray{grid-template-columns:1fr}}.ice-wrapper{flex-direction:column;align-items:center;gap:clamp(.35rem,1.4vh,.75rem);width:100%;max-width:520px;margin:0 auto;display:flex}.ice-topbar{justify-content:space-between;align-items:center;gap:.75rem;width:100%;display:flex}.ice-progress-sign{aspect-ratio:308/179;color:#fff;text-shadow:0 1px 2px #0009;text-align:center;white-space:nowrap;text-overflow:ellipsis;background:url(/assets/ui/board-wood.png) 50%/contain no-repeat;flex:0 auto;justify-content:center;align-items:center;width:clamp(96px,34vw,150px);min-width:0;margin:0 auto;padding:0 clamp(.5rem,2vw,1rem);font-size:clamp(.7rem,2vh,.9rem);font-weight:700;display:flex;overflow:hidden}.ice-scorebar{justify-content:center;display:flex}.ice-flying-star{z-index:999;pointer-events:none;filter:drop-shadow(0 2px 4px #00000059);opacity:1;transition:transform .6s cubic-bezier(.3,0,.4,1),opacity .6s .15s;position:fixed;transform:translate(0)scale(1)}.ice-flying-star.is-flying{transform:translate(var(--fly-x), var(--fly-y)) scale(var(--fly-scale));opacity:0}.ice-card{text-align:center;background:#fdf3de;border:6px solid #f0b429;border-radius:clamp(20px,4vh,36px);width:100%;padding:clamp(.85rem,3vh,1.75rem) clamp(.85rem,4vw,1.5rem) clamp(.75rem,2.5vh,1.5rem);position:relative;overflow:visible;box-shadow:0 12px 28px #0000002e}.ice-card-question{padding-top:clamp(.85rem,3vh,1.75rem)}.ice-mascot{filter:drop-shadow(0 6px 8px #00000040);pointer-events:none;width:clamp(52px,min(20vw,11vh),100px);height:auto;position:absolute;bottom:-14px;left:-22px}.ice-butterfly{pointer-events:none;transform-origin:bottom;font-size:clamp(1.1rem,2.6vh,1.7rem);animation:3s ease-in-out infinite sway;position:absolute;top:12px;right:20px;transform:rotate(-12deg)}.ice-question-text{color:#4a2f18;max-width:92%;margin:0 auto clamp(.5rem,2vh,1.25rem);font-size:clamp(.95rem,2.8vh,1.25rem);font-weight:700;animation:.4s pop-in}.ice-image-frame{background:linear-gradient(#bfe3ff,#eaf6ff);border:5px solid #fff;border-radius:clamp(14px,3vh,24px);justify-content:center;align-items:center;width:clamp(120px,min(38vw,26vh),280px);height:clamp(120px,min(38vw,26vh),280px);margin:0 auto clamp(.4rem,1.6vh,1.25rem);padding:clamp(.4rem,1.5vh,.75rem);animation:.45s 80ms backwards pop-in;display:flex;box-shadow:0 4px 12px #0000001f,inset 0 0 0 2px #4fa8e04d}.ice-image{object-fit:contain;width:100%;height:100%;display:block}.ice-options{grid-template-columns:1fr 1fr;gap:clamp(.5rem,2vh,1rem);margin-bottom:clamp(.5rem,2vh,1rem);display:grid}.ice-option{color:#fff;text-shadow:0 1px 1px #0003;cursor:pointer;border-radius:clamp(12px,3vw,20px);justify-content:center;align-items:center;min-height:clamp(48px,8.5vh,72px);padding:clamp(.5rem,2vh,1rem);font-family:inherit;font-size:clamp(.85rem,2.6vh,1.15rem);font-weight:700;transition:transform .1s;animation:.35s backwards pop-in;display:flex;position:relative}.ice-option:first-child{animation-delay:50ms}.ice-option:nth-child(2){animation-delay:.12s}.ice-option:nth-child(3){animation-delay:.19s}.ice-option:nth-child(4){animation-delay:.26s}.ice-option:not(:disabled):active{transform:scale(.95)}.ice-option:before{content:"";pointer-events:none;border:2px dashed #ffffffa6;border-radius:15px;position:absolute;inset:5px}.ice-option:not(:disabled):hover{transform:translateY(-2px)}.ice-option:disabled{cursor:default}.ice-option-orange{background:linear-gradient(#ffcf5c,#f5a623);border:3px solid #c9820f}.ice-option-purple{background:linear-gradient(#b98bee,#8b5cf6);border:3px solid #6b3fc9}.ice-option-green{background:linear-gradient(#8bd15c,#5fa838);border:3px solid #417022}.ice-option-blue{background:linear-gradient(#6ec3f2,#3f9bdc);border:3px solid #2b6ea3}.ice-option-correct{animation:.45s bounce-in;box-shadow:0 0 0 4px #fff,0 0 0 7px #4b7a2f}.ice-option-wrong{opacity:.5;filter:grayscale(.5);animation:.4s shake-x}.ice-option-icon{color:#2f5a1c;width:clamp(24px,4.5vh,32px);height:clamp(24px,4.5vh,32px);text-shadow:none;background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:clamp(.85rem,2.2vh,1.1rem);display:flex;position:absolute;top:-10px;right:-10px;box-shadow:0 2px 4px #00000040}.ice-option-wrong .ice-option-icon{color:#8a3a2e}.ice-option-image{object-fit:contain;width:clamp(28px,5vh,40px);height:clamp(28px,5vh,40px);margin-right:.5rem}.ice-feedback{min-height:clamp(1.4rem,4vh,2rem);font-size:clamp(1rem,3vh,1.3rem);font-weight:700}.ice-feedback-correct{color:#2f5a1c;justify-content:center;align-items:center;gap:.4rem;display:flex}.ice-feedback-star{width:clamp(20px,4vh,28px);height:clamp(20px,4vh,28px)}.ice-feedback-tryagain{color:#a15b1f}.ice-fact{color:#4a3f35;background:#fff0d6;border-radius:16px;max-height:20vh;margin-bottom:clamp(.3rem,1.4vh,1rem);padding:clamp(.4rem,1.6vh,1rem);font-size:clamp(.72rem,2vh,1rem);animation:.4s pop-in;overflow-y:auto}.ice-next-btn{width:100%}.ice-complete{margin-top:auto;margin-bottom:auto;padding:clamp(.5rem,2vh,1rem) clamp(.85rem,4vw,1.5rem) clamp(1rem,3.5vh,2.5rem)}.ice-confetti-anchor{pointer-events:none;position:absolute;inset:0}.ice-trophy{filter:drop-shadow(0 6px 10px #00000040);width:clamp(72px,min(28vw,16vh),130px);height:auto;margin:clamp(-1.5rem,-4vh,-2.5rem) auto .25rem;animation:.6s bounce-in,2s ease-in-out .6s infinite shine}@keyframes shine{0%,to{filter:drop-shadow(0 6px 10px #00000040)brightness()}50%{filter:drop-shadow(0 6px 14px #e0a52a80)brightness(1.15)}}.ice-complete-banner{justify-content:center;align-items:center;margin-bottom:.5rem;animation:.5s .15s backwards pop-in;display:flex;position:relative}.ice-ribbon{width:100%;max-width:340px;height:auto}.ice-ribbon-text{color:#6b3a00;margin:0;font-size:clamp(1.05rem,3.2vh,1.5rem);position:absolute;transform:translateY(-10px)}.ice-complete-score{margin:clamp(.5rem,2vh,1rem) 0 clamp(.75rem,3vh,2rem);font-size:clamp(1.1rem,3.4vh,1.5rem);font-weight:700}.ice-complete-actions{justify-content:center;align-items:center;gap:clamp(.75rem,3vw,1.25rem);display:flex}@media (width<=300px){.ice-options{grid-template-columns:1fr}}@media (width<=480px){.ice-progress-sign{padding:.6rem 1rem;font-size:clamp(.75rem,2.2vh,.85rem)}}