.sl-game-shell{position:absolute;inset:0;display:flex;align-items:center;width:auto;padding:126px clamp(198px,20vw,258px) 22px clamp(22px,4vw,48px);border:0!important;border-radius:0!important;outline:0!important;background:none!important;box-shadow:none!important;backdrop-filter:none!important}.sl-game-shell:after,.sl-game-shell:before,.sl-stage:after,.sl-stage:before{display:none!important;content:none!important}.sl-status{position:absolute;z-index:10;top:16px;right:18px;display:grid;grid-template-columns:auto minmax(4.5rem,1fr) auto;align-items:center;gap:.4rem;width:min(14rem,calc(100% - 32px));min-height:2.7rem;padding:.35rem .48rem .35rem .62rem;border:0;border-radius:17px;background:rgb(255 253 244/.88);box-shadow:0 7px 18px rgb(70 51 96/.18);backdrop-filter:blur(8px);color:#604578;font-weight:900}.sl-round-label{white-space:nowrap;font-size:.72rem}.sl-progress{display:grid;grid-template-columns:repeat(5,minmax(1rem,1fr));gap:.2rem}.sl-progress span{display:grid;height:.52rem;place-items:center;border:0;border-radius:999px;background:#e7ddef;box-shadow:inset 0 2px 3px rgb(71 50 95/.14);color:transparent;transition:transform .25s ease,background-color .25s ease}.sl-progress span.done{background:#70d798}.sl-progress span.current{background:#ffd15f;box-shadow:0 0 0 3px rgb(255 255 255/.9),0 3px 8px rgb(146 91 18/.3);transform:scaleY(1.22)}.sl-progress svg{width:.7rem;height:.7rem;color:#fff}.sl-score{display:grid;min-height:1.85rem;place-items:center;padding:.18rem .42rem;border-radius:999px;background:#fff1a8;color:#805719;font-size:.72rem}.sl-stage{position:relative;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(18rem,.96fr);align-items:center;gap:clamp(1.2rem,3vw,2.5rem);width:100%;min-height:0;padding:.75rem 0 0!important;overflow:visible;border:0!important;border-radius:0!important;outline:0!important;background:none!important;box-shadow:none!important;backdrop-filter:none!important;perspective:900px}.sl-answer-zone,.sl-visual-zone{position:relative;min-width:0}.sl-visual-zone{display:grid;min-height:clamp(20rem,35vw,24rem);place-items:center}.sl-visual-zone:before{position:absolute;z-index:-1;width:min(88%,25rem);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgb(255 255 255/.42),rgb(183 140 255/.13) 56%,transparent 72%);filter:blur(4px);content:""}.sl-answer-title,.sl-zone-title{position:absolute;top:0;left:0;right:0;z-index:6;margin:0;color:#fff;font-size:clamp(.8rem,1.7vw,.98rem);font-weight:1000;letter-spacing:.08em;text-align:center;text-shadow:0 2px 1px rgb(49 43 101/.9),0 0 8px rgb(49 43 101/.62);text-transform:uppercase}.sl-answer-zone{display:flex;flex-direction:column;justify-content:center;padding-top:2.1rem}.sl-answer-title{top:0}.sl-platform{position:relative;z-index:2;display:grid;width:min(100%,330px);height:310px;place-items:center}.sl-platform:after{position:absolute;z-index:-1;right:6%;bottom:-17px;left:6%;height:48px;border-radius:50%;background:linear-gradient(#b7a1e2,#7056ac);box-shadow:inset 0 8px 0 #ded3f5,0 13px 17px rgb(66 43 99/.38);content:""}.sl-shape-wrap{position:relative;width:300px;height:280px;transform-style:preserve-3d}.sl-shape-wrap svg{width:100%;height:100%;overflow:visible}.sl-half{transform-box:fill-box;transform-style:preserve-3d}.sl-half.sl-left{transform-origin:right center}.sl-half.sl-right{transform-origin:left center}.sl-left.is-folding{animation:sl-fold-left 1s ease-in-out both}.sl-right.is-folding{animation:sl-fold-right 1s ease-in-out both}@keyframes sl-fold-left{0%,to{transform:rotateY(0)}48%,62%{transform:rotateY(88deg)}}@keyframes sl-fold-right{0%,to{transform:rotateY(0)}48%,62%{transform:rotateY(-88deg)}}.sl-face{color:#543d75;fill:currentColor;filter:drop-shadow(0 2px 0 #fff8)}.sl-extra-line,.sl-mirror{position:absolute;z-index:4;top:0;bottom:0;left:50%;width:8px;border-radius:9px;background:repeating-linear-gradient(180deg,#fff 0 13px,transparent 13px 23px);filter:drop-shadow(0 0 5px #fff) drop-shadow(0 4px 1px #7655ad);transform:translateX(-50%);animation:sl-shimmer 1.1s infinite alternate}.sl-mirror span{position:absolute;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 12px 5px #fff}.sl-mirror span:first-child{top:3%}.sl-mirror span:nth-child(2){top:21%}.sl-mirror span:nth-child(3){top:39%}.sl-mirror span:nth-child(4){top:57%}.sl-mirror span:nth-child(5){top:75%}.sl-mirror span:nth-child(6){top:93%}.sl-extra-line{top:-5px;bottom:-5px;transform-origin:center}@keyframes sl-shimmer{to{filter:drop-shadow(0 0 9px #fff) drop-shadow(0 4px 1px #7655ad);opacity:.72}}.sl-stage-stars span{position:absolute;z-index:3;color:#fff;font-size:27px;filter:drop-shadow(0 0 7px #b08cff);animation:sl-twinkle 1.5s infinite alternate}.sl-stage-stars span:first-child{top:17%;left:8%}.sl-stage-stars span:nth-child(2){top:12%;right:9%;animation-delay:-.6s}.sl-stage-stars span:nth-child(3){bottom:20%;left:12%;animation-delay:-1s}.sl-stage-stars span:nth-child(4){right:12%;bottom:22%;animation-delay:-.3s}@keyframes sl-twinkle{to{opacity:.45;transform:scale(1.5) rotate(25deg)}}.sl-shape-label{position:absolute;z-index:5;bottom:0;margin:0;color:#fff8df;font-size:clamp(1rem,2.2vw,1.25rem);font-weight:1000;letter-spacing:.06em;paint-order:stroke fill;text-shadow:0 3px 0 #6d4d91,0 7px 12px rgb(52 34 77/.35);text-transform:uppercase;-webkit-text-stroke:1px #664780}.sl-choices{display:grid;grid-template-columns:1fr;gap:clamp(.7rem,1.5vw,.92rem);width:100%}.sl-choices button{min-width:0;min-height:clamp(4.5rem,7.5vw,5.2rem);padding:.55rem 1rem;touch-action:manipulation;border:4px solid #fff;border-bottom:8px solid #d78e10;border-radius:1.45rem;color:#633d07;background:linear-gradient(150deg,#ffe470,#ffb72d);box-shadow:0 9px 16px rgb(65 42 91/.23),inset 0 4px rgb(255 255 255/.48);font-size:clamp(1.35rem,3vw,1.85rem);font-weight:1000;cursor:pointer;-webkit-tap-highlight-color:transparent}.sl-choices button:nth-child(2){border-bottom-color:#317fc2;color:#173f70;background:linear-gradient(150deg,#91e3ff,#45aeef)}.sl-choices button:nth-child(3){border-bottom-color:#9650bd;color:#54236d;background:linear-gradient(150deg,#e8a7ff,#bd73e8)}.sl-choices button:active{border-bottom-width:4px;transform:translateY(4px)}.sl-choices button:focus-visible{outline:4px solid #fff35b;outline-offset:3px}.sl-choices button:disabled{cursor:default}.sl-choices button.wrong{color:#fff;border-bottom-color:#be3159;background:#fb7185;animation:sl-shake .35s}.sl-choices button.correct{color:#fff;border-bottom-color:#258e50;background:#4ade80}@keyframes sl-shake{25%{transform:translateX(-7px)}75%{transform:translateX(7px)}}.sl-feedback{display:flex;min-height:2rem;align-items:center;justify-content:center;gap:7px;margin:.7rem 0 0;color:#fff;font-size:clamp(.84rem,1.8vw,1rem);font-weight:900;text-align:center;text-shadow:0 2px 1px rgb(49 43 101/.88),0 0 8px rgb(49 43 101/.58)}.sl-feedback.success{color:#d6ffe4}.sl-feedback svg{width:21px;color:#ffd14e}.how-to{z-index:45}.sl-intro-shell{position:absolute;inset:0;display:grid;place-items:center;padding:105px clamp(150px,17vw,220px) 25px clamp(25px,5vw,65px)}@media (max-width:900px){.sl-game-shell{align-items:flex-start;overflow-y:auto;padding:136px 12px 148px}.sl-status{top:82px;right:10px;width:min(13.5rem,calc(100% - 20px))}.sl-stage{grid-template-columns:1fr;gap:.55rem;padding-top:.35rem!important}.sl-visual-zone{min-height:15.5rem}.sl-platform{width:250px;height:235px}.sl-shape-wrap{width:225px;height:210px}.sl-shape-label{bottom:-.15rem}.sl-answer-zone{width:min(100%,31rem);margin:0 auto;padding-top:1.9rem}.sl-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.sl-choices:has(button:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}.sl-choices button{min-height:4.4rem;padding:.45rem .25rem;border-radius:1.15rem;font-size:1.15rem}.sl-intro-shell{padding:105px 12px 130px}}@media (max-width:460px){.sl-visual-zone{min-height:14rem}.sl-platform{transform:scale(.9)}.sl-choices button{min-height:4.2rem;font-size:1rem}.sl-feedback{margin-top:.5rem}}@media (prefers-reduced-motion:reduce){.sl-mirror,.sl-progress span,.sl-shape-wrap,.sl-stage-stars span{animation:none!important;transition:none}.sl-left.is-folding{transform:rotateY(65deg)}.sl-right.is-folding{transform:rotateY(-65deg)}}.sl-rendered-shape{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 14px 8px #3b286755)}.sl-legacy-shape{opacity:1}.sl-shape-wrap:has(.is-folding) .sl-rendered-shape{animation:sl-rendered-fold 1s ease-in-out both}@keyframes sl-rendered-fold{0%,to{transform:scaleX(1)}50%,62%{transform:scaleX(.08)}}@media (prefers-reduced-motion:reduce){.sl-shape-wrap:has(.is-folding) .sl-rendered-shape{animation:none;transform:scaleX(.55)}}.sl-intro{width:min(100%,590px);padding:28px;border:6px solid #fff;border-bottom:12px solid #a98ada;border-radius:40px;background:linear-gradient(145deg,#fff,#f1e8ff);box-shadow:0 18px 30px #56417132;text-align:center}.sl-intro-demo{position:relative;width:150px;height:105px;margin:0 auto 8px;display:grid;place-items:center}.sl-intro-demo span{font-size:82px;filter:drop-shadow(0 8px 5px #523b7855)}.sl-intro-demo i{position:absolute;inset-block:1px;left:50%;width:6px;border-radius:8px;background:repeating-linear-gradient(#fff 0 10px,#8b68d0 10px 18px);box-shadow:0 0 8px #fff}.sl-intro-kicker{margin:0;color:#8b5ccc;font-size:13px;font-weight:1000;letter-spacing:.15em}.sl-intro h2{margin:5px 0 8px;color:#56388c;font-size:clamp(25px,5vw,36px);font-weight:1000}.sl-intro>p:not(.sl-intro-kicker){max-width:480px;margin:0 auto;color:#66567d;font-size:18px;font-weight:750;line-height:1.5}.sl-intro strong{color:#8b5ccc}.sl-listen-definition{display:inline-flex;align-items:center;gap:7px;margin:16px 0 18px;padding:8px 15px;border:3px solid #fff;border-bottom:5px solid #65a5d1;border-radius:18px;color:#315d80;background:#a9ddff;font-weight:900}.sl-listen-definition svg{width:20px}.sl-answer-next,.sl-start{display:flex;align-items:center;justify-content:center;gap:9px;width:min(100%,370px);min-height:65px;margin:0 auto;padding:10px 22px;border:4px solid #fff;border-bottom:8px solid #218852;border-radius:24px;color:#fff;background:#43c97c;box-shadow:0 10px 18px #27623c35;font-size:20px;font-weight:1000;cursor:pointer}.sl-start svg{width:25px;fill:currentColor}.sl-answer{width:min(100%,590px);margin-top:13px;padding:15px;border:4px solid #fff;border-bottom:8px solid #d2a028;border-radius:27px;background:#fff6c9;box-shadow:0 10px 20px #69532122}.sl-answer>div{display:flex;align-items:flex-start;gap:11px;color:#684d21}.sl-answer svg{flex:none;width:26px;color:#ef9e10;fill:#ffd45b}.sl-answer p{margin:0;font-weight:800;line-height:1.35}.sl-answer p span{display:block;margin-bottom:3px;color:#2d975e;font-size:19px;font-weight:1000}.sl-answer-next{width:auto;min-height:48px;margin:12px auto 0;border-bottom-width:6px;padding:6px 24px;font-size:16px}