@font-face{font-family:Archivo Variable;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(/sort/fonts/archivo-latin-wdth-normal.woff2) format("woff2-variations")}@font-face{font-family:Manrope Variable;font-weight:200 800;font-display:swap;src:url(/sort/fonts/manrope-latin-wght-normal.woff2) format("woff2-variations")}:root{--ink: #070a12;--panel: #0e1424;--panel-2: #141d33;--line: rgba(255, 255, 255, .08);--line-2: rgba(255, 255, 255, .14);--text: #eef2fb;--muted: #9aa7c0;--accent: #4d9aff;--accent-hi: #8fc0ff;--mint: #4fe3ae;--gold: #f5c25b;--display: "Archivo Variable", "Archivo", ui-sans-serif, system-ui, sans-serif;--body: "Manrope Variable", "Manrope", ui-sans-serif, system-ui, -apple-system, sans-serif;--d: 44px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none}body{background:var(--ink);color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:none}#app{position:fixed;inset:0;overflow:hidden;background:radial-gradient(120% 70% at 50% -10%,rgba(47,107,255,.28),transparent 60%),radial-gradient(90% 60% at 100% 110%,rgba(79,227,174,.12),transparent 60%),var(--ink)}button{font:inherit;color:inherit;cursor:pointer;border:none;background:none}button:disabled{cursor:default}.hidden{display:none!important}.screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;padding:calc(14px + var(--safe-top)) calc(16px + var(--safe-right)) calc(14px + var(--safe-bottom)) calc(16px + var(--safe-left))}.c-blue{--a: #b8d9ff;--b: #3d7bff;--c: #17369a}.c-rose{--a: #ffc6d4;--b: #ec4f78;--c: #911b40}.c-mint{--a: #b8f8e1;--b: #1fbf88;--c: #0a6447}.c-gold{--a: #ffecb5;--b: #f0aa2b;--c: #8f5606}.c-violet{--a: #ddd0ff;--b: #8462f3;--c: #3f238f}.c-orange{--a: #ffd2ab;--b: #f5741f;--c: #963904}.c-cyan{--a: #bdf5ff;--b: #19b6db;--c: #075a75}.c-ruby{--a: #ffa9a4;--b: #d92b2b;--c: #6e0a12}.c-lime{--a: #edffb0;--b: #97d11d;--c: #456c05}.c-pearl{--a: #ffffff;--b: #cfd8ea;--c: #66728f;--g: rgba(40, 52, 84, .5)}.c-magenta{--a: #ffbaf5;--b: #d23ac4;--c: #6c0f63}.c-cocoa{--a: #ecc6a2;--b: #9c6137;--c: #46260f}.ball{position:absolute;left:0;top:0;width:var(--d);height:var(--d);border-radius:50%;z-index:3;background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.95) 0 5%,var(--a) 17%,var(--b) 56%,var(--c) 100%);box-shadow:inset 0 calc(var(--d) * -.05) calc(var(--d) * .1) #0003,0 calc(var(--d) * .05) calc(var(--d) * .1) #0006;will-change:transform;pointer-events:none}.ball:after{content:"";position:absolute;left:17%;top:9%;width:40%;height:26%;border-radius:50%;background:radial-gradient(closest-side,#fffc,#fff0);transform:rotate(-24deg)}.ball svg{position:absolute;left:29%;top:31%;width:42%;height:42%;fill:var(--g, rgba(255, 255, 255, .6));stroke:var(--g, rgba(255, 255, 255, .6));stroke-width:0;filter:drop-shadow(0 1px 1px rgba(0,0,0,.25));overflow:visible}.ball svg .s{fill:none;stroke-width:3.6;stroke-linecap:round;stroke-linejoin:round}.ball.hover{animation:hover 1.1s ease-in-out infinite}@keyframes hover{50%{translate:0 calc(var(--d) * -.1)}}.home{justify-content:center;gap:26px;text-align:center}.home-logo{position:relative;display:flex;align-items:flex-end;gap:12px;height:128px;margin-bottom:2px;--d: 26px}.mini-tube{position:relative;width:34px;height:98px;border-radius:7px 7px 17px 17px;border:2px solid rgba(190,215,255,.32);border-top-color:#bed7ff24;background:linear-gradient(90deg,#ffffff1a,#ffffff05 35% 70%,#ffffff14)}.mini-tube .ball{left:2px}.mini-tube.closed{border-color:#f5c25b99;box-shadow:0 0 22px #f5c25b59}.mini-tube.closed:before{content:"";position:absolute;left:-5px;right:-5px;top:-8px;height:9px;border-radius:5px;background:linear-gradient(180deg,#ffe7ad,var(--gold) 60%,#c98418);box-shadow:0 3px 8px #0006}.home-logo .flyer{position:absolute;left:50%;top:0;margin-left:-13px;animation:logo-fly 3.4s cubic-bezier(.45,.05,.35,1) infinite}@keyframes logo-fly{0%,to{transform:translate(-46px,6px)}45%,55%{transform:translateY(-10px)}50%{transform:translateY(-12px)}90%{transform:translate(46px,6px)}}.home h1{font-family:var(--display);font-weight:820;font-stretch:112%;font-size:clamp(40px,11vw,64px);line-height:.95;letter-spacing:-1.5px;margin:0}.home h1 span{display:block;font-size:.42em;letter-spacing:6px;font-weight:700;color:var(--accent-hi);margin-bottom:8px}.best-line{font-size:14px;color:var(--muted);letter-spacing:.3px;display:flex;gap:14px;align-items:baseline;justify-content:center}.best-line b{font-family:var(--display);color:var(--gold);font-size:18px;margin-left:6px}.menu{display:flex;flex-direction:column;gap:12px;width:min(320px,100%)}.btn{display:flex;align-items:center;justify-content:center;gap:10px;height:58px;border-radius:18px;padding:0 14px;font-family:var(--display);font-weight:760;font-stretch:106%;font-size:19px;letter-spacing:.2px;white-space:nowrap;transition:transform .15s ease,filter .15s ease}.btn:active{transform:scale(.97)}.btn-primary{color:#06132e;background:linear-gradient(180deg,#a7cdff,var(--accent) 55%,#2f6bff);box-shadow:0 12px 30px #2f6bff66,inset 0 1px #ffffff80}.btn-ghost{background:var(--panel-2);border:1px solid var(--line-2)}.btn small{font-family:var(--body);font-weight:600;font-size:13px;color:var(--muted)}.btn-primary small{color:#12306a}.btn-gold small{color:#6a4508}.btn-gold{color:#2a1a02;background:linear-gradient(180deg,#ffe7ad,var(--gold) 55%,#dc9725);box-shadow:0 12px 30px #f5c25b4d,inset 0 1px #ffffff8c}.btn .ico{width:20px;height:20px;flex:none}.home-foot{display:flex;gap:10px;align-items:center}.round{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--panel-2);border:1px solid var(--line-2);flex:none}.round svg{width:20px;height:20px}.by{font-size:12px;color:var(--muted)}.by a{color:var(--accent-hi);text-decoration:none}.game{gap:6px}.bar{width:100%;max-width:640px;display:flex;align-items:center;gap:10px;flex:none}.title-box{flex:1;text-align:center;min-width:0}.lvl-title{font-family:var(--display);font-weight:820;font-stretch:110%;font-size:26px;line-height:1;letter-spacing:-.5px}.lvl-title span{font-size:12px;letter-spacing:2.5px;font-weight:700;color:var(--accent-hi);margin-right:8px;vertical-align:4px}.sub{display:inline-flex;align-items:center;gap:8px;margin-top:6px;padding:4px 12px;border-radius:999px;font-size:13px;font-weight:700;background:var(--panel-2);border:1px solid var(--line-2);color:var(--muted)}.sub b{color:var(--text);font-family:var(--display);font-variant-numeric:tabular-nums}.live-stars{display:inline-flex;gap:1px}.live-stars svg{width:14px;height:14px;transition:transform .3s ease}.hint{flex:none;margin-top:4px;padding:7px 14px;border-radius:999px;font-size:13.5px;font-weight:600;text-align:center;color:#d9e6ff;background:#4d9aff24;border:1px solid rgba(143,192,255,.28);max-width:100%;animation:hint-in .5s .4s cubic-bezier(.2,1.3,.4,1) both}@keyframes hint-in{0%{transform:translateY(-8px);opacity:0}}.play{flex:1;width:100%;min-height:0;display:flex;flex-direction:column;align-items:center;gap:8px}.stage{flex:1;width:100%;min-height:0;position:relative;display:flex;align-items:center;justify-content:center}.field{position:relative;flex:none}.col{position:absolute;cursor:pointer;touch-action:none}.tube{position:absolute;border-radius:calc(var(--d) * .2) calc(var(--d) * .2) calc(var(--d) * .62) calc(var(--d) * .62);border:2px solid rgba(190,215,255,.26);border-top-color:#bed7ff1a;background:linear-gradient(90deg,#ffffff17,#ffffff06 30%,#ffffff05 70%,#ffffff12),linear-gradient(180deg,#78aaff05,#78aaff12);box-shadow:0 12px 26px #00000059;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}.tube:after{content:"";position:absolute;left:-6px;right:-6px;top:-4px;height:7px;border-radius:6px;background:linear-gradient(180deg,#dcebff6b,#bed7ff24)}.sheen{position:absolute;z-index:4;pointer-events:none;border-radius:calc(var(--d) * .2) calc(var(--d) * .2) calc(var(--d) * .62) calc(var(--d) * .62)}.sheen:before{content:"";position:absolute;left:13%;top:7%;width:11%;height:78%;border-radius:999px;background:linear-gradient(180deg,#ffffff57,#ffffff0f)}.sheen:after{content:"";position:absolute;right:14%;top:10%;width:5%;height:40%;border-radius:999px;background:#ffffff1f}.col.sel .tube{border-color:#8fc0ffbf;box-shadow:0 0 0 3px #4d9aff33,0 0 28px #4d9aff66,0 12px 26px #00000059}.col.can .tube{border-color:#4fe3ae73}.cap{position:absolute;z-index:5;pointer-events:none;height:calc(var(--d) * .26);border-radius:calc(var(--d) * .1);background:linear-gradient(180deg,#fff2cc,var(--gold) 55%,#c98418);box-shadow:0 4px 10px #00000073,inset 0 1px #ffffffb3;opacity:0;transform:translateY(calc(var(--d) * -1.2))}.col.closed .tube{border-color:var(--glow);box-shadow:0 0 calc(var(--d) * .5) var(--glow),0 12px 26px #00000059}.cap.on{opacity:1;transform:none;transition:transform .35s cubic-bezier(.3,1.6,.5,1),opacity .15s ease}.col.new .tube,.col.new .sheen{animation:pop-in .45s cubic-bezier(.2,1.5,.4,1) both}@keyframes pop-in{0%{transform:translateY(calc(var(--d) * .8)) scale(.6);opacity:0}}.tools{flex:none;display:flex;justify-content:center;gap:22px;padding-top:2px}.tool{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:11px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);width:64px}.tool .ring{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;color:var(--text);background:linear-gradient(180deg,#1b2742,#121a2e);border:1px solid var(--line-2);box-shadow:0 8px 18px #00000059,inset 0 1px #ffffff14;transition:transform .15s ease}.tool:active .ring{transform:scale(.93)}.tool .ring svg{width:24px;height:24px}.tool .badge{position:absolute;top:-6px;right:0;min-width:22px;height:22px;padding:0 6px;border-radius:11px;display:grid;place-items:center;font-family:var(--display);font-size:12px;font-weight:800;letter-spacing:0;color:#06132e;background:linear-gradient(180deg,#a7cdff,var(--accent));box-shadow:0 3px 8px #0006}.tool .badge:empty{display:none}.tool .badge.video{color:#2a1a02;background:linear-gradient(180deg,#ffe7ad,var(--gold));padding:0 5px}.tool .badge svg{width:13px;height:13px}.tool.off{opacity:.38}.tool.off .badge{display:none}.game.side .play{flex-direction:row;gap:14px;align-items:stretch}.game.side .tools{align-self:center}.game.side .tools{flex-direction:column;gap:12px;padding:0}.game.side .tool{gap:3px}.game.side .tool .ring{width:46px;height:46px;border-radius:16px}.game.side .lvl-title{font-size:22px}.game.side .bar .sub{margin-top:3px}.game.short .bar .round{width:40px;height:40px}.float{position:fixed;z-index:40;pointer-events:none;font-family:var(--display);font-weight:860;font-stretch:112%;color:#fff;white-space:nowrap;transform:translate(-50%,-50%)}.float.word{font-size:clamp(26px,calc(var(--d) * .8),44px);letter-spacing:-.5px;animation:word 1.25s cubic-bezier(.2,1.2,.4,1) forwards;background:linear-gradient(180deg,#fff,#ffe39a 60%,#f5a623);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 10px rgba(0,0,0,.5))}.float.word.big{font-size:clamp(40px,12vw,72px);animation-duration:1.5s}@keyframes word{0%{transform:translate(-50%,-50%) scale(.4);opacity:0}18%{transform:translate(-50%,-50%) scale(1.12);opacity:1}70%{transform:translate(-50%,-70%) scale(1);opacity:1}to{transform:translate(-50%,-95%) scale(.98);opacity:0}}.burst{position:fixed;inset:0;z-index:35;pointer-events:none;width:100%;height:100%}.overlay{position:absolute;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:calc(14px + var(--safe-top)) 20px calc(14px + var(--safe-bottom));background:#04060cb8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:fade .25s ease both}@keyframes fade{0%{opacity:0}}.card{width:min(360px,100%);max-height:100%;padding:26px 24px 20px;border-radius:26px;text-align:center;background:linear-gradient(180deg,#17213a,#0d1424);border:1px solid rgba(143,192,255,.3);box-shadow:0 40px 80px #0009;animation:card .4s cubic-bezier(.2,1.3,.4,1) both}@keyframes card{0%{transform:translateY(24px) scale(.94);opacity:0}}.card h2{font-family:var(--display);font-weight:820;font-stretch:110%;font-size:30px;margin:0 0 4px;letter-spacing:-.5px}.card p{margin:0 0 4px;color:var(--muted)}.big-score{font-family:var(--display);font-weight:860;font-stretch:112%;font-size:60px;line-height:1;letter-spacing:-2px;margin:10px 0 2px}.big-score small{display:block;font-family:var(--body);font-size:12px;letter-spacing:2px;font-weight:800;color:var(--muted);margin-top:6px}.ribbon{display:inline-block;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:1.5px;color:#2a1a02;background:linear-gradient(180deg,#ffe7ad,var(--gold));margin-bottom:10px}.stuck-art{display:flex;justify-content:center;gap:8px;margin:2px 0 12px;--d: 26px}.stuck-art .ball{position:relative;animation:none}.stuck-art .ball:nth-child(2){transform:translateY(-6px)}.card .menu{margin:18px auto 0}.link{margin-top:12px;font-size:14px;color:var(--muted);text-decoration:underline;text-underline-offset:3px}.stars{display:flex;justify-content:center;gap:8px;margin:0 0 8px}.stars svg{width:46px;height:46px}.stars svg:nth-child(2){transform:translateY(-8px) scale(1.12)}.stars .on{filter:drop-shadow(0 4px 10px rgba(245,194,91,.5));animation:star .5s cubic-bezier(.2,1.6,.4,1) both}.stars .on:nth-child(2){animation-delay:.15s}.stars .on:nth-child(3){animation-delay:.3s}@keyframes star{0%{scale:0;rotate:-40deg}}@media(max-height:520px){.card{width:min(560px,100%);padding:16px 20px 14px}.card h2{font-size:24px}.big-score{font-size:40px;margin:4px 0 0}.big-score small{margin-top:2px}.stars svg{width:34px;height:34px}.stars{margin-bottom:2px}.card .menu{flex-direction:row;width:100%;margin-top:12px}.card .menu .btn{flex:1;height:48px;font-size:16px}.card .menu .btn small{display:none}.link{margin-top:8px}.stuck-art{margin-bottom:6px}.home{gap:14px}.home-logo{height:96px;transform:scale(.8);margin:-8px 0 -6px}.home h1{font-size:44px}.home .menu{flex-direction:row;width:min(520px,100%)}.home .menu .btn{flex:1;height:54px}}.levels{gap:12px}.levels-head{width:min(560px,100%);display:flex;align-items:center;gap:12px;flex:none}.levels-head h2{flex:1;margin:0;font-family:var(--display);font-weight:820;font-stretch:110%;font-size:26px}.levels-head span{color:var(--muted);font-size:14px;font-weight:700}.levels-head span b{color:var(--gold);font-family:var(--display);font-size:17px}.level-wrap{flex:1;min-height:0;width:100%;display:flex;align-items:center;justify-content:center}.level-grid{display:grid;gap:var(--lg, 10px);grid-template-columns:repeat(var(--lc, 5),var(--ls, 60px));grid-auto-rows:var(--ls, 60px)}.level-grid.turn{animation:page-in .3s ease both}@keyframes page-in{0%{opacity:0;transform:translate(var(--from, 20px))}}.lv{border-radius:calc(var(--ls, 60px) * .28);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:linear-gradient(180deg,#18223b,#111a2e);border:1px solid var(--line-2);box-shadow:inset 0 1px #ffffff0d}.lv b{font-family:var(--display);font-weight:820;font-size:calc(var(--ls, 60px) * .34);line-height:1}.lv .mini-stars{display:flex;gap:1px}.lv .mini-stars svg{width:calc(var(--ls, 60px) * .2);height:calc(var(--ls, 60px) * .2)}.lv.next{background:linear-gradient(180deg,#a7cdff,var(--accent) 60%,#2f6bff);color:#06132e;border-color:transparent;box-shadow:0 10px 24px #2f6bff59}.lv.locked{opacity:.38}.lv.locked svg{width:calc(var(--ls, 60px) * .3);height:calc(var(--ls, 60px) * .3)}.pager{flex:none;display:flex;align-items:center;gap:16px}.pager span{font-family:var(--display);font-weight:760;font-size:16px;min-width:96px;text-align:center;color:var(--muted)}.pager .round:disabled{opacity:.3}@media(prefers-reduced-motion:reduce){.home-logo .flyer,.ball.hover{animation:none}}.site-back{position:absolute;z-index:5;top:calc(12px + var(--safe-top));left:calc(14px + env(safe-area-inset-left,0px));display:flex;align-items:center;gap:4px;height:40px;padding:0 14px 0 9px;border-radius:999px;background:var(--panel-2);border:1px solid var(--line-2);color:var(--text);text-decoration:none;font-family:var(--body);font-weight:700;font-size:14px;letter-spacing:.1px;transition:transform .15s ease}.site-back svg{width:18px;height:18px}.site-back:active{transform:scale(.96)}.exit-btn{align-self:center;flex:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;margin-top:14px;padding:0 18px 0 14px;border-radius:999px;color:#dbe3f3;vertical-align:top;background:linear-gradient(180deg,#ffffff17,#ffffff08);border:1px solid var(--line-2);box-shadow:inset 0 1px #ffffff14,0 6px 16px #00000040;font-family:var(--display);font-weight:740;font-stretch:104%;font-size:15px;letter-spacing:.2px;white-space:nowrap;transition:transform .15s ease,background .15s ease}.exit-btn svg{display:block;width:18px;height:18px;flex:none;color:var(--accent-hi)}.exit-btn:active{transform:scale(.96);background:#ffffff1f}@media(max-height:560px){.exit-btn{height:36px;margin-top:8px;padding:0 15px 0 12px;font-size:14px;gap:7px}.exit-btn svg{width:16px;height:16px}}.exit-row{display:flex;justify-content:center;gap:10px;margin-top:14px}.exit-row .exit-btn{margin-top:0}@media(max-width:370px){.exit-row{gap:8px}.exit-row .exit-btn{padding:0 14px 0 11px;font-size:14px;gap:7px}}@media(max-height:560px){.exit-row{margin-top:8px}}.hx{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;background:#04060cc7;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:fade .25s ease both}.hx-card{position:relative;width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;touch-action:none;padding:calc(10px + var(--safe-top)) calc(18px + env(safe-area-inset-right,0px)) calc(16px + var(--safe-bottom)) calc(18px + env(safe-area-inset-left,0px));background:radial-gradient(120% 55% at 50% -12%,rgba(47,107,255,.26),transparent 62%),radial-gradient(90% 50% at 100% 110%,rgba(79,227,174,.1),transparent 60%),linear-gradient(180deg,#111a2e,#090e1a);animation:hx-up .4s cubic-bezier(.2,1.1,.4,1) both}@keyframes hx-up{0%{transform:translateY(28px);opacity:0}}.hx-head{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px}.hx-eyebrow{margin:0;display:flex;align-items:center;gap:9px;font-family:var(--display);font-weight:800;font-stretch:110%;font-size:13px;letter-spacing:3px;text-transform:uppercase;color:var(--accent-hi)}.hx-eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 10px var(--mint)}.hx-skip{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 12px 0 16px;border-radius:999px;background:var(--panel-2);border:1px solid var(--line-2);color:var(--text);font-family:var(--body);font-weight:700;font-size:14px;transition:transform .15s ease}.hx-skip svg{width:16px;height:16px;color:var(--muted)}.hx-skip:active{transform:scale(.95)}.hx-card:focus{outline:none}.hx-stage{position:relative;flex:1 1 auto;min-height:140px;margin-top:6px;border-radius:26px;overflow:hidden;background:radial-gradient(85% 65% at 50% 32%,rgba(77,154,255,.13),transparent 72%),linear-gradient(180deg,#ffffff0a,#ffffff03);border:1px solid var(--line);box-shadow:inset 0 1px #ffffff0f,inset 0 -30px 60px #0000002e}.hx-slide{position:absolute;inset:0}.hx-slide.in-next,.hx-words.in-next{animation:hx-in-next .34s cubic-bezier(.2,.9,.3,1) both}.hx-slide.in-prev,.hx-words.in-prev{animation:hx-in-prev .34s cubic-bezier(.2,.9,.3,1) both}@keyframes hx-in-next{0%{transform:translate(40px);opacity:0}}@keyframes hx-in-prev{0%{transform:translate(-40px);opacity:0}}.hx-scene{position:absolute;left:50%;top:50%;transform-origin:50% 50%;pointer-events:none}.hx-inner{position:absolute;top:0}.hx-finger{position:absolute;left:0;top:0;z-index:30;width:34px;height:34px;border-radius:50%;opacity:0;background:radial-gradient(circle,#fff 0 28%,rgba(255,255,255,.62) 44%,rgba(170,205,255,.26) 66%,transparent 71%);box-shadow:0 0 20px 5px #8fc0ff80,0 8px 16px #00000059}.hx-ripple{position:absolute;z-index:29;width:44px;height:44px;border-radius:50%;opacity:0;border:3px solid rgba(255,255,255,.92);box-shadow:0 0 16px #8fc0ffd9,inset 0 0 10px #8fc0ff80}.hx-spark{position:absolute;z-index:20;width:8px;height:8px;border-radius:50%;opacity:0;box-shadow:0 0 8px currentColor}.hx-spark.star{border-radius:2px;width:7px;height:7px}.hx-word{position:absolute;z-index:22;opacity:0;white-space:nowrap;font-family:var(--display);font-weight:860;font-stretch:112%;font-size:30px;letter-spacing:-.5px;background:linear-gradient(180deg,#fff,#ffe39a 60%,#f5a623);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 8px rgba(0,0,0,.55))}.hx-pts{position:absolute;z-index:22;opacity:0;white-space:nowrap;font-family:var(--display);font-weight:860;font-stretch:110%;font-size:19px;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.6)}.hx-end{position:absolute;z-index:24;opacity:0;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 22px 12px;border-radius:18px;background:linear-gradient(180deg,#1b2742,#0d1424);border:1px solid rgba(143,192,255,.32);box-shadow:0 20px 40px #0000008c;white-space:nowrap}.hx-end b{font-family:var(--display);font-weight:820;font-stretch:110%;font-size:19px;letter-spacing:-.3px}.hx-end span{font-family:var(--display);font-weight:860;font-size:28px;line-height:1;letter-spacing:-1px;color:var(--gold)}.hx-text{flex:none;min-height:146px;margin-top:auto;padding:18px 4px 2px;text-align:center}.hx-text h3{margin:0 0 8px;font-family:var(--display);font-weight:820;font-stretch:110%;font-size:27px;line-height:1.08;letter-spacing:-.4px}.hx-text p{margin:0 auto;max-width:350px;font-size:16.5px;line-height:1.45;font-weight:550;color:#c3cde0}.hx-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.hx-foot{flex:none;display:flex;flex-direction:column;align-items:center;gap:12px;padding-top:6px}.hx-dots{display:flex;gap:2px}.hx-dot{width:26px;height:24px;display:grid;place-items:center;padding:0}.hx-dot:after{content:"";width:8px;height:8px;border-radius:4px;background:#ffffff38;transition:width .25s ease,background .25s ease}.hx-dot.on:after{width:24px;background:linear-gradient(90deg,var(--accent-hi),var(--accent));box-shadow:0 0 10px #4d9aff80}.hx-nav{display:flex;gap:10px;width:min(360px,100%)}.hx-nav .btn{height:58px}.hx-back{flex:none;width:58px;padding:0}.hx-back:disabled{opacity:.3}.hx-back svg,.hx-next svg{width:22px;height:22px;flex:none}.hx-next{flex:1;gap:6px}.hx-next.last{animation:hx-glow 1.6s ease-in-out infinite alternate}@keyframes hx-glow{to{box-shadow:0 12px 34px #2f6bffa6,0 0 0 4px #8fc0ff2e,inset 0 1px #ffffff80}}.hx button:focus-visible{outline:3px solid var(--accent-hi);outline-offset:3px}@media(min-width:640px)and (min-height:640px){.hx-card{width:min(460px,calc(100% - 48px));height:min(740px,calc(100% - 48px));border-radius:30px;padding:16px 26px 24px;border:1px solid rgba(143,192,255,.28);box-shadow:0 40px 100px #0009}}@media(orientation:landscape)and (max-height:560px){.hx-card{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"stage head" "stage text" "stage foot";column-gap:24px;padding:calc(12px + var(--safe-top)) calc(18px + env(safe-area-inset-right,0px)) calc(12px + var(--safe-bottom)) calc(14px + env(safe-area-inset-left,0px))}.hx-head{grid-area:head;min-height:42px}.hx-stage{grid-area:stage;margin:0;min-height:0}.hx-text{grid-area:text;align-self:center;min-height:0;margin:0;padding:4px 0;text-align:left}.hx-text h3{font-size:24px;margin-bottom:6px}.hx-text p{margin:0;font-size:15.5px;line-height:1.42}.hx-foot{grid-area:foot;align-items:stretch;gap:8px;padding-top:4px}.hx-dots{margin-left:-9px}.hx-nav{width:100%}.hx-nav .btn{height:50px;font-size:17px}.hx-back{width:50px}}@media(prefers-reduced-motion:reduce){.hx,.hx-card,.hx-slide,.hx-words,.hx-next.last{animation:none!important}}.how-btn{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 18px 0 12px;border-radius:999px;background:var(--panel-2);border:1px solid var(--line-2);color:var(--text);font-family:var(--body);font-weight:750;font-size:15px;white-space:nowrap;transition:transform .15s ease}.how-btn svg{width:22px;height:22px;color:var(--accent-hi);flex:none}.how-btn:active{transform:scale(.96)}.hx-scene{--d: 34px}.hx-col{z-index:1}.hx-scene>.ball{z-index:6}.hx-scene .cap{opacity:0;transform:none}.hx-no{width:28px;height:28px;z-index:12;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(180deg,#ff8aa5,#e2456d);box-shadow:0 4px 14px #e2456d8c,inset 0 1px #ffffff73}.hx-no svg{width:15px;height:15px}.hx-tools{width:300px}.hx-tools .badge{position:absolute}.hx-stars{width:300px;height:64px}.hx-star{position:absolute}.hx-star svg{display:block;width:100%;height:100%}.hx-stars .hx-star:nth-child(n) svg{filter:drop-shadow(0 4px 10px rgba(245,194,91,.35))}.hx-moves{width:220px;transform:translate(-50%);text-align:center;line-height:1}.hx-moves b{display:block;font-family:var(--display);font-weight:860;font-stretch:112%;font-size:40px;letter-spacing:-1.5px}.hx-moves small{display:block;margin-top:5px;font-size:11px;font-weight:800;letter-spacing:2px;color:var(--muted)}.help-btn svg{width:22px;height:22px}.game .bar{container-type:inline-size}.game .bar .help-btn{display:none}@container (min-width: 480px){.game .bar .help-btn{display:grid}.game .bar .title-box{padding-left:56px}}