.magic-pot-shell{display:flex;min-height:100svh;align-items:center;justify-content:center;padding:72px 12px 24px;color:#fff8e8;background:radial-gradient(circle at 12% 18%,rgba(255,255,255,.55) 0 3px,transparent 4px),radial-gradient(circle at 88% 30%,rgba(255,235,142,.5) 0 4px,transparent 5px),linear-gradient(180deg,#bdeeff,#e3dcff 52%,#ffdceb);background-size:64px 64px,92px 92px,auto;font-family:var(--font-nunito),ui-rounded,"Arial Rounded MT Bold",sans-serif}.magic-pot-shell,.magic-pot-window{position:relative;overflow:hidden;isolation:isolate}.magic-pot-window{width:min(1180px,100%);height:clamp(590px,calc(100svh - 156px),760px);border:6px solid rgba(255,255,255,.96);border-radius:38px;background:#17265f;box-shadow:0 11px 0 #7353a8,0 25px 48px rgba(72,47,118,.3)}.magic-pot-background{z-index:-3;object-fit:cover;object-position:center;image-rendering:auto;transform:translateZ(0) scale(1.01)}.magic-pot-lighting{position:absolute;z-index:-2;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 49%,rgba(210,138,255,.19) 0 12%,transparent 34%),linear-gradient(180deg,rgba(16,19,65,.1),transparent 34%,rgba(36,12,48,.24))}.magic-pot-game{position:relative;z-index:5;display:grid;grid-template-rows:auto minmax(0,1fr);width:100%;height:100%;min-height:0;margin:0 auto;padding:14px 18px 12px}.magic-pot-hud{display:grid;grid-template-columns:minmax(0,1fr) auto 58px;align-items:center;gap:clamp(12px,2vw,24px);min-height:76px;padding:10px 14px 10px 18px;border-radius:28px;background:linear-gradient(100deg,rgba(46,30,92,.82),rgba(96,51,130,.67));box-shadow:0 14px 32px rgba(31,11,59,.28),inset 0 1px rgba(255,255,255,.42);backdrop-filter:blur(12px) saturate(1.15)}.magic-pot-title{display:flex;min-width:0;align-items:center;gap:12px}.magic-pot-title>span{display:grid;width:48px;height:48px;flex:0 0 auto;place-items:center;border-radius:18px;background:linear-gradient(145deg,#f6a6ff,#8155d7);box-shadow:inset 0 3px 4px rgba(255,255,255,.5),0 6px 12px rgba(30,13,62,.35);font-size:26px}.magic-pot-title h1,.magic-pot-title p{margin:0}.magic-pot-title p{color:#f7d8ff;font-size:12px;font-weight:1000;letter-spacing:.15em;text-transform:uppercase}.magic-pot-title h1{overflow:hidden;margin-top:1px;font-size:clamp(17px,2vw,24px);font-weight:1000;line-height:1.1;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 2px 4px rgba(32,12,68,.55)}.magic-pot-progress{display:flex;align-items:center;gap:6px;color:rgba(255,255,255,.36)}.magic-pot-progress span{font-size:clamp(20px,2.3vw,27px);line-height:1;filter:drop-shadow(0 3px 2px rgba(32,13,65,.4))}.magic-pot-progress span.is-filled{color:#ffd45b;text-shadow:0 0 14px rgba(255,220,95,.8)}.magic-pot-progress strong{min-width:46px;margin-left:4px;color:#fff;font-size:14px;font-weight:1000}.magic-pot-sound{display:grid;width:54px;height:54px;cursor:pointer;place-items:center;border:0;border-radius:19px;color:#35205f;background:linear-gradient(145deg,#d5faff,#79dce9);box-shadow:inset 0 3px 3px rgba(255,255,255,.8),0 6px 0 #3d9eaf,0 10px 18px rgba(27,17,64,.28);transition:transform .16s ease,filter .16s ease,box-shadow .16s ease}.magic-pot-sound:hover{filter:brightness(1.07);transform:translateY(-2px)}.magic-pot-sound:active{transform:translateY(4px);box-shadow:inset 0 3px 3px rgba(255,255,255,.7),0 2px 0 #3d9eaf}.magic-pot-sound svg{width:27px;height:27px;stroke-width:3}.magic-pot-stage{position:relative;display:grid;grid-template-rows:minmax(62px,auto) minmax(235px,1fr) 28px auto 34px;align-items:center;justify-items:center;min-height:0;padding-top:8px}.magic-pot-equation{align-self:center;color:#fff7d7;font-size:clamp(40px,5.4vw,68px);font-weight:1000;line-height:1;letter-spacing:-.035em;text-shadow:0 4px 0 #5d3b9b,0 0 18px rgba(247,209,255,.78),0 9px 22px rgba(29,9,60,.5)}.magic-pot-equation span{color:#91f2ff}.magic-pot-equation em{color:#ff9cde;font-style:normal}.magic-pot-cauldron{position:relative;align-self:center;width:clamp(280px,min(38vw,46vh),430px);aspect-ratio:1;transform-origin:50% 90%;animation:magic-pot-breathe 4.2s ease-in-out infinite}.magic-pot-cauldron-art{position:absolute!important;z-index:2;inset:0;width:100%;height:100%}.magic-pot-cauldron-art img{image-rendering:auto;filter:drop-shadow(0 20px 16px rgba(29,10,55,.42)) drop-shadow(0 0 16px rgba(220,121,255,.16));transform:translateZ(0)}.magic-pot-glow{z-index:0;top:23%;width:68%;height:50%;border-radius:50%;background:radial-gradient(ellipse,rgba(248,162,255,.58),rgba(171,94,240,.28) 56%,transparent 78%);filter:blur(26px);animation:magic-pot-glow 2.3s ease-in-out infinite alternate}.magic-pot-gems,.magic-pot-glow{position:absolute;left:50%;transform:translateX(-50%)}.magic-pot-gems{z-index:3;top:34%;display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(5px,.65vw,9px);width:58%}.magic-gem{position:relative;width:100%;aspect-ratio:1;border-radius:44% 56% 52% 48%;transform:rotate(45deg) scale(.72)}.magic-gem.is-filled{box-shadow:inset 5px 5px 8px rgba(255,255,255,.8),inset -5px -6px 9px rgba(40,15,90,.35),0 5px 8px rgba(33,12,64,.38),0 0 12px rgba(255,220,255,.45)}.magic-gem.is-filled>span{position:absolute;top:18%;left:18%;width:28%;height:20%;border-radius:50%;background:rgba(255,255,255,.82)}.magic-gem.is-empty{border:2px dashed rgba(255,236,255,.46);background:rgba(75,36,104,.2);box-shadow:inset 0 0 8px rgba(38,17,75,.22)}.magic-pot-sparkle{position:absolute;z-index:5;top:20%;right:-2%;font-size:clamp(40px,5vw,64px);filter:drop-shadow(0 0 10px #fff4a8)}.magic-pot-question{margin:0;color:#fff8e4;font-size:clamp(17px,2vw,22px);font-weight:1000;letter-spacing:.05em;text-shadow:0 3px 6px rgba(31,10,58,.8)}.magic-pot-answers{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,2.5vw,30px);width:min(610px,88vw);transform:translateY(-22px)}.magic-pot-answer{position:relative;display:grid;min-width:82px;aspect-ratio:1.24;cursor:pointer;place-items:center;border:0;border-radius:44% 56% 48% 52%/52% 45% 55% 48%;color:#38235f;font-size:clamp(44px,5vw,70px);font-weight:1000;line-height:1;text-shadow:0 3px rgba(255,255,255,.42);box-shadow:inset 7px 8px 9px rgba(255,255,255,.62),inset -7px -9px 10px rgba(75,28,103,.24),0 8px 0 rgba(56,24,89,.48),0 13px 18px rgba(29,9,54,.35);transition:transform .15s ease,filter .15s ease,box-shadow .15s ease;touch-action:manipulation}.magic-pot-answer:after{content:"";position:absolute;top:10%;left:14%;width:30%;height:16%;border-radius:50%;background:rgba(255,255,255,.45);transform:rotate(-15deg)}.magic-pot-answer.answer-1{background:linear-gradient(145deg,#ffbde6,#e96aaf)}.magic-pot-answer.answer-2{background:linear-gradient(145deg,#a9f5ff,#4ac8db)}.magic-pot-answer.answer-3{background:linear-gradient(145deg,#ffe887,#f3ab43)}.magic-pot-answer.answer-4{background:linear-gradient(145deg,#d7bdff,#9570dd)}.magic-pot-answer:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-5px) rotate(-1deg)}.magic-pot-answer:active:not(:disabled){transform:translateY(5px) scale(.98);box-shadow:inset 7px 8px 9px rgba(255,255,255,.55),inset -7px -9px 10px rgba(75,28,103,.22),0 3px 0 rgba(56,24,89,.48)}.magic-pot-answer.is-right{color:#fff;background:linear-gradient(145deg,#91f2b5,#35ba7a)}.magic-pot-answer.is-wrong{color:#fff;background:linear-gradient(145deg,#ff9fac,#e95f78)}.magic-pot-answer:disabled{cursor:default}.magic-pot-answer:focus-visible,.magic-pot-sound:focus-visible,.magic-pot-success-card button:focus-visible{outline:5px solid #fff27b;outline-offset:4px}.magic-pot-feedback{min-height:30px;color:#fff;font-size:clamp(16px,1.8vw,20px);font-weight:1000;text-align:center;text-shadow:0 3px 7px rgba(32,10,62,.85)}.magic-pot-mascot{position:absolute!important;z-index:6;bottom:14%;left:2%;width:clamp(173px,21vw,285px);aspect-ratio:1;overflow:visible;pointer-events:none;filter:drop-shadow(0 16px 10px rgba(34,12,52,.28))}.magic-pot-mascot img{object-fit:contain;object-position:center}.magic-pot-success{position:fixed;z-index:50;inset:0;display:grid;place-items:center;padding:20px;background:rgba(31,18,67,.62);backdrop-filter:blur(8px)}.magic-pot-success-card{position:relative;width:min(460px,94vw);overflow:hidden;padding:30px;border-radius:40px;background:linear-gradient(155deg,#fff8ce,#fff 48%,#ead9ff);box-shadow:inset 0 3px rgba(255,255,255,.9),0 16px 0 #7f5bb5,0 34px 70px rgba(25,12,54,.55);color:#4b326f;text-align:center}.success-sparkle-left,.success-sparkle-right{position:absolute;top:28px;color:#e76eb2}.success-sparkle-left{left:28px}.success-sparkle-right{right:28px;color:#8159cd}.success-stars{display:flex;justify-content:center;gap:7px;margin-bottom:12px;color:#ffc94d}.success-stars svg{width:54px;height:54px;fill:currentColor;filter:drop-shadow(0 4px 0 #d69228)}.magic-pot-success-card p{margin:0;color:#e1539d;font-size:14px;font-weight:1000;letter-spacing:.18em;text-transform:uppercase}.magic-pot-success-card h2{margin:8px 0 0;color:#6743ad;font-size:clamp(38px,9vw,52px);font-weight:1000;line-height:.98;letter-spacing:-.04em}.magic-pot-success-card strong{display:block;margin-top:14px;font-size:20px}.magic-pot-success-card button{width:100%;min-height:62px;margin-top:24px;cursor:pointer;border:0;border-radius:23px;color:#fff;background:linear-gradient(180deg,#a47be6,#7452bd);box-shadow:inset 0 3px rgba(255,255,255,.35),0 7px 0 #51358f;font-size:21px;font-weight:1000}.magic-pot-success-card button:active{transform:translateY(4px);box-shadow:inset 0 3px rgba(255,255,255,.3),0 3px 0 #51358f}@keyframes magic-pot-breathe{0%,to{transform:translateZ(0) rotate(-.35deg) scale(1)}50%{transform:translate3d(0,-4px,0) rotate(.35deg) scale(1.012,.99)}}@keyframes magic-pot-glow{to{opacity:.72;transform:translateX(-50%) scale(1.12)}}@media (max-width:760px){.magic-pot-shell{padding:66px 5px 10px}.magic-pot-window{width:100%;height:calc(100svh - 76px);min-height:560px;border-width:4px;border-radius:25px;box-shadow:0 7px 0 #7353a8,0 17px 30px rgba(72,47,118,.28)}.magic-pot-game{width:100%;padding:8px 8px 6px}.magic-pot-hud{grid-template-columns:minmax(0,1fr) auto 48px;min-height:62px;gap:8px;padding:7px 9px 7px 11px;border-radius:22px}.magic-pot-title{gap:8px}.magic-pot-title>span{width:42px;height:42px;border-radius:15px;font-size:23px}.magic-pot-title p{font-size:9px;letter-spacing:.1em}.magic-pot-title h1{font-size:14px}.magic-pot-progress{gap:2px}.magic-pot-progress span{font-size:17px}.magic-pot-progress strong{min-width:36px;margin-left:2px;font-size:11px}.magic-pot-sound{width:45px;height:45px;border-radius:15px;box-shadow:inset 0 3px 3px rgba(255,255,255,.8),0 5px 0 #3d9eaf}.magic-pot-sound svg{width:23px;height:23px}.magic-pot-stage{grid-template-rows:minmax(52px,auto) minmax(220px,1fr) 24px auto 29px;padding-top:2px}.magic-pot-equation{font-size:clamp(38px,12vw,52px)}.magic-pot-cauldron{width:clamp(230px,min(68vw,39vh),310px)}.magic-pot-question{font-size:16px}.magic-pot-answers{gap:9px;width:min(390px,94%);transform:translateY(-14px)}.magic-pot-answer{min-width:0;font-size:clamp(37px,12vw,52px);border-radius:42% 58% 48% 52%/52% 44% 56% 48%;box-shadow:inset 5px 6px 7px rgba(255,255,255,.62),inset -5px -6px 8px rgba(75,28,103,.24),0 6px 0 rgba(56,24,89,.48),0 9px 14px rgba(29,9,54,.32)}.magic-pot-feedback{min-height:25px;font-size:15px}.magic-pot-mascot{bottom:22%;left:1%;width:141px}}@media (max-width:430px){.magic-pot-progress strong,.magic-pot-title h1{display:none}.magic-pot-hud{grid-template-columns:minmax(0,1fr) auto 48px}.magic-pot-title p{font-size:10px}.magic-pot-answer{aspect-ratio:1.08}}@media (max-height:740px) and (min-width:761px){.magic-pot-shell{padding-top:64px;padding-bottom:16px}.magic-pot-window{height:calc(100svh - 80px);min-height:530px}.magic-pot-game{padding-top:10px}.magic-pot-hud{min-height:62px;padding-block:7px}.magic-pot-stage{grid-template-rows:50px minmax(205px,1fr) 24px auto 28px}.magic-pot-cauldron{width:min(36vw,310px)}.magic-pot-answer{max-height:76px;font-size:48px}}@media (prefers-reduced-motion:reduce){.magic-pot-cauldron,.magic-pot-glow{animation:none!important}.magic-pot-background{transform:none}}