.balance-shell{display:flex;min-height:100svh;align-items:center;justify-content:center;padding:72px 12px 24px;color:#203d63;background:radial-gradient(circle at 12% 18%,rgba(255,255,255,.72) 0 3px,transparent 4px),radial-gradient(circle at 88% 30%,rgba(255,241,158,.65) 0 4px,transparent 5px),linear-gradient(180deg,#c8f3ff,#e8e2ff 55%,#ffe2d4);background-size:66px 66px,94px 94px,auto;font-family:var(--font-nunito),ui-rounded,"Arial Rounded MT Bold",sans-serif}.balance-shell,.balance-window{position:relative;overflow:hidden;isolation:isolate}.balance-window{width:min(1180px,100%);height:clamp(610px,calc(100svh - 150px),770px);border:6px solid rgba(255,255,255,.96);border-radius:38px;background:#e9fbff;box-shadow:0 11px 0 #65b8ca,0 25px 48px rgba(47,93,133,.3)}.balance-background{z-index:-3;object-fit:cover;object-position:center;image-rendering:auto;transform:translateZ(0) scale(1.01)}.balance-lighting{position:absolute;z-index:-2;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 64%,rgba(255,255,255,.17) 0 29%,transparent 59%),linear-gradient(180deg,rgba(78,176,214,.06),transparent 42%,rgba(70,91,150,.08))}.balance-game{position:relative;z-index:4;display:grid;grid-template-rows:auto minmax(0,1fr);width:100%;height:100%;min-height:0;padding:14px 18px 12px}.balance-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;color:#fff;background:linear-gradient(100deg,rgba(27,93,130,.87),rgba(71,102,164,.75));box-shadow:0 14px 32px rgba(35,78,117,.22),inset 0 1px rgba(255,255,255,.48);backdrop-filter:blur(12px) saturate(1.12)}.balance-title{display:flex;min-width:0;align-items:center;gap:12px}.balance-title>span{display:grid;width:48px;height:48px;flex:0 0 auto;place-items:center;border-radius:18px;background:linear-gradient(145deg,#fff09b,#f1a94b);box-shadow:inset 0 3px 4px rgba(255,255,255,.7),0 6px 12px rgba(21,61,102,.28);font-size:27px}.balance-title h1,.balance-title p{margin:0}.balance-title p{color:#bdf7ff;font-size:12px;font-weight:1000;letter-spacing:.15em;text-transform:uppercase}.balance-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(17,49,82,.5)}.balance-progress{display:flex;align-items:center;gap:6px;color:rgba(255,255,255,.38)}.balance-progress span{font-size:clamp(20px,2.3vw,27px);line-height:1;filter:drop-shadow(0 3px 2px rgba(22,56,89,.35))}.balance-progress span.is-filled{color:#ffd75b;text-shadow:0 0 14px rgba(255,225,104,.88)}.balance-progress strong{min-width:46px;margin-left:4px;color:#fff;font-size:14px;font-weight:1000}.balance-sound{display:grid;width:54px;height:54px;cursor:pointer;place-items:center;border:0;border-radius:19px;color:#244f7a;background:linear-gradient(145deg,#e4fdff,#83e4ed);box-shadow:inset 0 3px 3px rgba(255,255,255,.85),0 6px 0 #3da4b4,0 10px 18px rgba(27,66,101,.25);transition:transform .16s ease,filter .16s ease,box-shadow .16s ease;touch-action:manipulation}.balance-sound:hover{filter:brightness(1.07);transform:translateY(-2px)}.balance-sound:active{transform:translateY(4px);box-shadow:inset 0 3px 3px rgba(255,255,255,.75),0 2px 0 #3da4b4}.balance-sound:disabled{cursor:default;opacity:.55}.balance-sound svg{width:27px;height:27px;stroke-width:3}.balance-sound svg.is-speaking{animation:balance-pulse .8s ease-in-out infinite alternate}.balance-stage{position:relative;display:grid;grid-template-rows:48px minmax(310px,1fr) 112px 32px;min-height:0;justify-items:center}.balance-prompt{z-index:7;align-self:center;margin:0;color:#234b73;font-size:clamp(17px,2vw,23px);font-weight:1000;letter-spacing:.015em;text-shadow:0 2px 0 rgba(255,255,255,.95),0 3px 8px rgba(255,255,255,.95)}.balance-scale{position:relative;z-index:4;isolation:isolate;align-self:center;width:clamp(480px,min(72vw,70vh),760px);max-width:82%;height:auto;aspect-ratio:1.32/1;transform-origin:50% 75%}.balance-floor-shadow{position:absolute;z-index:1;bottom:1.5%;left:50%;width:55%;height:10%;border-radius:50%;background:rgba(34,86,130,.22);filter:blur(13px);transform:translateX(-50%)}.balance-scale-complete{position:absolute!important;z-index:2;inset:0;width:100%;height:100%;overflow:hidden}.balance-scale-complete img{object-fit:cover;object-position:center 50%;opacity:1;filter:drop-shadow(0 13px 10px rgba(27,67,108,.27)) saturate(1.05) brightness(1.02)}.balance-pan-value{position:absolute;z-index:4;top:57%;width:25%;color:#17466f;font-size:clamp(38px,4.7vw,62px);font-weight:1000;line-height:.9;text-align:center;text-shadow:0 2px 0 rgba(255,255,255,.86),2px 0 0 rgba(255,244,185,.72),-2px 0 0 rgba(255,244,185,.72),0 5px 8px rgba(112,65,24,.2);transform:translateY(-50%)}.balance-pan-value-left{left:3.5%}.balance-pan-value-right{right:3.5%}.balance-pan-value.is-expression{font-size:clamp(25px,3.25vw,44px)}.balance-answers{z-index:8;display:grid;grid-template-columns:repeat(3,minmax(104px,1fr));align-self:end;gap:clamp(14px,2.5vw,30px);width:min(580px,70%);margin-bottom:4px}.balance-answer{position:relative;display:grid;min-height:96px;cursor:pointer;place-items:center;border:0;border-radius:32px 38px 31px 39px/36px 31px 40px 34px;color:#fff;background:linear-gradient(145deg,#77dff0,#389bb5);box-shadow:inset 7px 7px 9px rgba(255,255,255,.6),inset -7px -8px 10px rgba(23,74,111,.2),0 8px 0 #267994,0 13px 18px rgba(29,70,105,.28);transition:filter .16s ease,box-shadow .16s ease;touch-action:manipulation}.balance-answer.answer-2{background:linear-gradient(145deg,#ffe487,#eeaa40);box-shadow:inset 7px 7px 9px rgba(255,255,255,.65),inset -7px -8px 10px rgba(111,66,20,.2),0 8px 0 #c57a25,0 13px 18px rgba(63,80,103,.27)}.balance-answer.answer-3{background:linear-gradient(145deg,#f3a6d1,#cf639a);box-shadow:inset 7px 7px 9px rgba(255,255,255,.6),inset -7px -8px 10px rgba(105,36,78,.2),0 8px 0 #a74778,0 13px 18px rgba(49,67,99,.28)}.balance-answer:after{content:"";position:absolute;top:10%;left:12%;width:34%;height:14%;border-radius:50%;background:rgba(255,255,255,.38);transform:rotate(-10deg)}.balance-answer>span{margin-top:-9px;font-size:clamp(62px,7vw,88px);font-weight:1000;line-height:.68;text-shadow:0 4px rgba(28,65,101,.24)}.balance-answer small{position:absolute;bottom:8px;font-size:11px;font-weight:1000;letter-spacing:.03em;text-shadow:0 2px 3px rgba(34,57,92,.32)}.balance-answer:hover:not(:disabled){filter:brightness(1.08)}.balance-answer:disabled{cursor:default}.balance-answer.is-right{background:linear-gradient(145deg,#8eefb2,#35b977);box-shadow:inset 7px 7px 9px rgba(255,255,255,.62),inset -7px -8px 10px rgba(27,94,57,.2),0 8px 0 #248953,0 13px 18px rgba(29,70,105,.25)}.balance-answer.is-wrong{background:linear-gradient(145deg,#ffabb4,#eb6475);box-shadow:inset 7px 7px 9px rgba(255,255,255,.62),inset -7px -8px 10px rgba(112,34,47,.18),0 8px 0 #bd4556,0 13px 18px rgba(29,70,105,.25)}.balance-feedback{z-index:8;min-height:30px;align-self:end;color:#234b73;font-size:clamp(16px,1.8vw,20px);font-weight:1000;text-align:center;text-shadow:0 2px 0 #fff,0 3px 8px rgba(255,255,255,.96)}.balance-robot{position:absolute;z-index:3;right:1.2%;bottom:8%;width:clamp(150px,19vw,245px);aspect-ratio:1145/1374;pointer-events:none;filter:drop-shadow(0 15px 12px rgba(37,76,110,.25));transform-origin:50% 95%}.balance-robot img{object-fit:contain}.balance-answer:focus-visible,.balance-sound:focus-visible,.balance-success-card button:focus-visible{outline:5px solid #fff36e;outline-offset:4px}.balance-success{position:fixed;z-index:60;inset:0;display:grid;place-items:center;padding:20px;background:rgba(25,69,104,.62);backdrop-filter:blur(8px)}.balance-success-card{width:min(450px,100%);padding:30px;border:6px solid #fff;border-radius:40px;color:#28527a;text-align:center;background:linear-gradient(160deg,#fffce9,#dff9ff);box-shadow:0 12px 0 #54afc1,0 28px 60px rgba(26,60,97,.42)}.balance-success-stars{font-size:clamp(38px,8vw,58px);filter:drop-shadow(0 5px 0 #d69f2a)}.balance-success-card p{margin:18px 0 2px;color:#567395;font-size:17px;font-weight:1000}.balance-success-card h2{margin:0;color:#4473bd;font-size:clamp(36px,8vw,54px);font-weight:1000;line-height:1}.balance-success-card strong{display:block;margin-top:12px;font-size:21px}.balance-success-card button{display:flex;width:100%;min-height:62px;margin-top:24px;cursor:pointer;align-items:center;justify-content:center;gap:10px;border:0;border-radius:24px;color:#fff;background:linear-gradient(#66d99a,#39b875);box-shadow:inset 0 3px rgba(255,255,255,.45),0 7px 0 #238852;font-size:22px;font-weight:1000}@keyframes balance-pulse{0%{transform:scale(.9);opacity:.72}to{transform:scale(1.1);opacity:1}}@media (max-width:850px){.balance-window{height:clamp(610px,calc(100svh - 132px),750px)}.balance-game{padding:12px}.balance-scale{max-width:88%}.balance-answers{width:min(540px,78%)}.balance-robot{right:-1%;bottom:8%;width:clamp(132px,21vw,185px)}}@media (max-width:680px){.balance-shell{align-items:flex-start;padding:62px 6px 12px}.balance-window{height:calc(100svh - 78px);min-height:570px;border-width:4px;border-radius:28px;box-shadow:0 7px 0 #65b8ca,0 18px 32px rgba(47,93,133,.28)}.balance-background{object-position:51% center}.balance-game{padding:9px 9px 7px}.balance-hud{grid-template-columns:minmax(0,1fr) auto 48px;min-height:64px;gap:8px;padding:8px 9px 8px 12px;border-radius:22px}.balance-title{gap:8px}.balance-title>span{width:40px;height:40px;border-radius:14px;font-size:22px}.balance-title p{font-size:9px;letter-spacing:.1em}.balance-title h1{font-size:15px}.balance-progress{gap:2px}.balance-progress span{font-size:18px}.balance-progress strong{display:none}.balance-sound{width:44px;height:44px;border-radius:15px;box-shadow:inset 0 3px 3px rgba(255,255,255,.85),0 5px 0 #3da4b4}.balance-sound svg{width:23px;height:23px}.balance-stage{grid-template-rows:42px minmax(275px,1fr) 96px 30px}.balance-prompt{font-size:16px}.balance-scale{width:min(570px,94vw);max-width:none}.balance-pan-value{top:57%;width:27%;font-size:clamp(32px,10vw,48px)}.balance-pan-value-left{left:2.5%}.balance-pan-value-right{right:2.5%}.balance-pan-value.is-expression{font-size:clamp(22px,7vw,34px)}.balance-answers{grid-template-columns:repeat(3,1fr);gap:10px;width:min(390px,88%);margin-bottom:3px}.balance-answer{min-height:80px;border-radius:26px 30px 25px 31px/29px 25px 32px 27px;box-shadow:inset 5px 5px 7px rgba(255,255,255,.6),inset -5px -6px 8px rgba(23,74,111,.2),0 6px 0 #267994,0 10px 14px rgba(29,70,105,.25)}.balance-answer.answer-2{box-shadow:inset 5px 5px 7px rgba(255,255,255,.65),inset -5px -6px 8px rgba(111,66,20,.2),0 6px 0 #c57a25,0 10px 14px rgba(63,80,103,.24)}.balance-answer.answer-3{box-shadow:inset 5px 5px 7px rgba(255,255,255,.6),inset -5px -6px 8px rgba(105,36,78,.2),0 6px 0 #a74778,0 10px 14px rgba(49,67,99,.25)}.balance-answer>span{font-size:clamp(54px,16vw,70px)}.balance-answer small{bottom:5px;font-size:9px}.balance-feedback{font-size:15px}.balance-robot{right:-5%;bottom:12%;width:clamp(108px,27vw,145px);opacity:.98}}@media (max-width:430px){.balance-title p{display:none}.balance-title h1{font-size:14px}.balance-title>span{width:37px;height:37px}.balance-progress span{font-size:16px}.balance-stage{grid-template-rows:38px minmax(260px,1fr) 91px 28px}.balance-prompt{font-size:14px}.balance-scale{width:min(520px,96vw)}.balance-answers{width:91%;gap:8px}.balance-answer{min-height:76px}.balance-answer small{font-size:8px}.balance-robot{right:-7%;bottom:13%;width:108px}}@media (max-height:680px) and (min-width:681px){.balance-shell{padding-top:62px}.balance-window{height:calc(100svh - 78px);min-height:540px}.balance-stage{grid-template-rows:38px minmax(250px,1fr) 88px 28px}.balance-scale{width:min(560px,64vh,72vw)}.balance-answer{min-height:76px}.balance-robot{width:150px;bottom:7%}}@media (prefers-reduced-motion:reduce){.balance-sound svg.is-speaking{animation:none}.balance-answer,.balance-sound{transition:none}}