.ch-page{color:#f8fafc;background:radial-gradient(circle at 50% -14%,#425770 0,#162132 35%,#080c13 76%),#080c13;min-height:100dvh;padding:12px 8px 28px;font-family:Inter,system-ui,sans-serif;overflow-x:hidden}.ch-center{place-items:center;display:grid}.ch-loader{border:3px solid #fff2;border-top-color:#e8bd65;border-radius:50%;width:42px;height:42px;animation:.8s linear infinite ch-spin}.ch-lobby{text-align:center;background:linear-gradient(155deg,#ffffff15,#ffffff05);border:1px solid #ffffff1c;border-radius:28px;width:min(450px,100%);padding:28px 20px;box-shadow:0 30px 80px #0009}.ch-mark{color:#ffe2a2;text-shadow:0 2px #8d622d,0 8px 18px #000,0 0 30px #d7aa5266;font:76px Georgia,serif}.ch-kicker,.ch-header p{color:#e8bd65;letter-spacing:.2em;font-size:10px;font-weight:800}.ch-lobby h1{margin:2px;font:800 38px Georgia,serif}.ch-lobby>p{color:#aeb9c9}.ch-levels{grid-template-columns:repeat(3,1fr);gap:8px;margin:22px 0 10px;display:grid}.ch-levels button{color:#fff;background:#ffffff09;border:1px solid #ffffff18;border-radius:14px;padding:12px 5px;transition:transform .18s,border-color .18s,background .18s}.ch-levels button:active{transform:scale(.97)}.ch-levels button.active{background:#d7aa5222;border-color:#e4b75d;box-shadow:0 0 0 1px #d7aa5266,0 8px 22px #0004}.ch-levels small{color:#94a3b8;margin-top:3px;font-size:10px;display:block}.ch-level-description{min-height:36px;margin:0 8px 14px;font-size:12px;color:#cbd5e1!important}.ch-entry{background:#0004;border-radius:13px;justify-content:space-between;gap:10px;padding:13px;font-size:12px;display:flex}.ch-entry b{color:#f7d486}.ch-primary{color:#111827;background:linear-gradient(135deg,#ffe3a2,#b9822d);border:0;border-radius:15px;place-items:center;width:100%;margin:18px 0 12px;padding:14px;font-weight:900;display:grid;box-shadow:0 8px 28px #d7aa5244}.ch-primary:disabled,.ch-actions button:disabled{cursor:not-allowed;opacity:.45}.ch-lobby a,.ch-modal a{color:#94a3b8;font-size:13px}.ch-error{font-size:12px;color:#fca5a5!important}.ch-header{grid-template-columns:44px 1fr 44px;align-items:center;max-width:620px;margin:auto;display:grid}.ch-header>button{color:#fff;background:#ffffff0d;border:1px solid #ffffff18;border-radius:13px;place-items:center;height:42px;display:grid}.ch-header svg{width:19px}.ch-header h1{margin:0;font:800 22px Georgia,serif}.ch-header p{margin:0}.ch-opponent{align-items:center;gap:10px;max-width:620px;margin:12px auto 7px;display:flex}.ch-avatar{background:linear-gradient(145deg,#475569,#111827);border:1px solid #ffffff2b;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;box-shadow:inset 0 1px #ffffff20,0 5px 14px #0006}.ch-avatar svg{color:#e8bd65;width:20px}.ch-opponent div:nth-child(2){flex-direction:column;display:flex}.ch-opponent small{color:#94a3b8}.ch-opponent>span{font-variant-numeric:tabular-nums;align-items:center;gap:5px;margin-left:auto;display:flex}.ch-opponent>span svg{color:#d7aa52;width:15px}.ch-captured{color:#b9c4d2;align-items:center;max-width:620px;min-height:28px;margin:0 auto;padding:2px 5px;font-size:10px;display:flex}.ch-captured.player{margin-top:2px}.ch-captured-label{color:#8e9caf;letter-spacing:.02em;flex:0 0 74px;font-weight:700}.ch-captured-pieces{flex:1;align-items:center;min-width:0;height:24px;display:flex}.ch-captured-empty{color:#687589;font-style:italic}.ch-captured strong{color:#f2c96f;text-align:right;min-width:25px;font-size:11px}.ch-mini-piece{opacity:1;filter:saturate(.9)drop-shadow(0 1px 2px #000b);width:20px;height:24px;margin-right:-3px;position:relative}.ch-mini-piece .ch-piece-svg.w{--piece-fill:#fff8e8;--piece-base:#eacb94;--piece-stroke:#4a2e18}.ch-mini-piece .ch-piece-svg.b{--piece-fill:#52677d;--piece-base:#26384a;--piece-stroke:#020509}.ch-mini-count{color:#111827;background:#f3c96c;border:1px solid #fff7d0;border-radius:8px;place-items:center;min-width:13px;height:13px;padding:0 2px;font-size:8px;line-height:1;display:grid;position:absolute;bottom:-1px;right:-1px;box-shadow:0 1px 4px #000a}.ch-board{isolation:isolate;perspective:780px;perspective-origin:50% 42%;aspect-ratio:1;border:clamp(5px,1.8vw,11px) solid #6a421f;border-radius:10px;grid-template-columns:repeat(8,1fr);width:min(100vw - 10px,620px);margin:auto;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #e3b96988,0 2px #b98242,0 18px 46px #000c,0 0 0 1px #26160b}.ch-board:before{z-index:7;pointer-events:none;content:"";position:absolute;inset:0;box-shadow:inset 0 0 18px #311b0a88}.ch-square{cursor:pointer;border:0;place-items:center;padding:0;display:grid;position:relative;overflow:visible}.ch-square.light{background:linear-gradient(145deg,#f0dbb8 0%,#d7ba86 58%,#c39a61 100%)}.ch-square.dark{background:linear-gradient(145deg,#99643c 0%,#724329 54%,#56301e 100%)}.ch-square:before{z-index:0;pointer-events:none;content:"";background:linear-gradient(135deg,#fff1 0%,#0000 42%,#0001 100%);position:absolute;inset:0}.ch-square.last{box-shadow:inset 0 0 0 100px #f9d74a3d}.ch-square.selected{z-index:3;box-shadow:inset 0 0 0 4px #49e58a,0 0 18px #22c55eaa}.ch-move-target{z-index:5;pointer-events:none;background:#20d775db;border-radius:50%;width:22%;height:22%;animation:1.15s ease-in-out infinite ch-target-breathe;position:absolute;box-shadow:0 0 0 4px #22c55e22,0 0 14px #22c55e}.ch-capture-target{z-index:5;pointer-events:none;border:clamp(3px,.8vw,5px) solid #ff5b5b;border-radius:50%;animation:1.05s ease-in-out infinite ch-capture-target;position:absolute;inset:9%;box-shadow:0 0 0 2px #3f080899,0 0 16px #ef4444cc,inset 0 0 12px #ef444455}.ch-capture-target:after{content:"";background:#ef4444;border:2px solid #fff2e8;border-radius:50%;width:10px;height:10px;position:absolute;top:-5px;right:-5px;box-shadow:0 0 9px #ef4444}.ch-piece{z-index:3;pointer-events:none;transform-style:preserve-3d;will-change:transform, filter;filter:drop-shadow(0 8px 5px #0008);place-items:center;display:grid;position:absolute;inset:2%;transform:translateY(-2%)scale(.94)}.ch-piece:after{z-index:-1;content:"";filter:blur(4px);background:#0008;border-radius:50%;height:10%;position:absolute;bottom:7%;left:19%;right:19%}.ch-piece-svg{width:94%;height:94%;display:block;overflow:visible}.ch-piece[data-piece=p] .ch-piece-svg{width:80%;height:80%;transform:translateY(9%)}.ch-piece[data-piece=n] .ch-piece-svg{width:95%;height:95%}.ch-piece[data-piece=b] .ch-piece-svg{width:90%;height:93%;transform:translateY(2%)}.ch-piece[data-piece=r] .ch-piece-svg{width:91%;height:91%;transform:translateY(4%)}.ch-piece[data-piece=q] .ch-piece-svg{width:98%;height:98%}.ch-piece[data-piece=k] .ch-piece-svg{width:100%;height:100%}.ch-piece-svg.w{--piece-fill:#fff3d9;--piece-base:#e9ca95;--piece-stroke:#6a4729;--piece-detail:#8a6036;--piece-eye:#332013}.ch-piece-svg.b{--piece-fill:#263545;--piece-base:#172330;--piece-stroke:#020509;--piece-detail:#7d90a3;--piece-eye:#f3c96c}.ch-piece-svg .piece-body,.ch-piece-svg .piece-crown{fill:var(--piece-fill);stroke:var(--piece-stroke);stroke-width:2.7px;stroke-linejoin:round}.ch-piece-svg .piece-base{fill:var(--piece-base);stroke:var(--piece-stroke);stroke-width:2.8px;stroke-linejoin:round}.ch-piece-svg .piece-detail{fill:none;stroke:var(--piece-detail);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.ch-piece-svg .bishop-cut{stroke:var(--piece-stroke);stroke-width:4px}.ch-piece-svg .king-cross{stroke:var(--piece-stroke);stroke-width:5px}.ch-piece-svg .piece-eye{fill:var(--piece-eye)}.ch-piece-svg.w{filter:drop-shadow(0 1px #fff)drop-shadow(0 3px #8f683d)}.ch-piece-svg.b{filter:drop-shadow(0 1px #8292a2)drop-shadow(0 3px #020408)}.ch-piece-svg.compact{filter:none;width:100%;height:100%}.ch-piece.moved{animation:.58s cubic-bezier(.18,.82,.2,1.05) both ch-piece-glide}.ch-piece.captured-fall{z-index:8;transform-origin:50% 88%;animation:.72s cubic-bezier(.22,.68,.24,1) .16s both ch-captured-piece-fall}.ch-piece.captured-fall:after{opacity:.7}.ch-mate-strike{z-index:11;pointer-events:none;filter:drop-shadow(0 0 6px #fff5c4)drop-shadow(0 0 13px #f59e0b);width:100%;height:100%;position:absolute;inset:0;overflow:visible}.ch-mate-strike polyline{fill:none;stroke:#fff4b8;stroke-width:1.65px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;vector-effect:non-scaling-stroke;animation:.68s cubic-bezier(.2,.75,.25,1) .43s both ch-mate-route}.ch-mate-strike circle{fill:none;stroke:#fff7c7;stroke-width:1.2px;opacity:0;transform-box:fill-box;transform-origin:50%;vector-effect:non-scaling-stroke;animation:.55s ease-out .9s both ch-mate-impact}.ch-square.mate-attacker:after{z-index:8;pointer-events:none;content:"";opacity:0;border:2px solid #ffeab0;border-radius:50%;animation:.78s ease-out .35s both ch-mate-attacker;position:absolute;inset:8%;box-shadow:0 0 18px #f7c85f,inset 0 0 14px #f7c85f55}.ch-piece.king-defeated{z-index:12;transform-origin:50% 88%;animation:.9s cubic-bezier(.2,.72,.25,1) .92s both ch-king-fall!important}.ch-square.defeated-king-square{z-index:10}.ch-square.defeated-king-square:after{z-index:7;pointer-events:none;content:"";opacity:0;filter:blur(5px);background:#180e08a8;border-radius:50%;height:16%;animation:.65s ease-out 1.05s both ch-fallen-shadow;position:absolute;bottom:7%;left:8%;right:8%}.ch-square.just-moved{z-index:4}.ch-square.last-capture:after{z-index:6;pointer-events:none;content:"";border:3px solid #ffcb68;border-radius:50%;width:88%;height:88%;animation:.62s ease-out both ch-capture-burst;position:absolute}.ch-square:active .ch-piece:not(.moved),.ch-square.selected .ch-piece:not(.moved){filter:drop-shadow(0 15px 8px #0009)brightness(1.1);transform:translate3d(0,-12%,22px)scale(1.06)}.ch-square.hint{animation:1s ease-in-out infinite ch-hint}.rank,.file{z-index:8;opacity:.74;font-size:9px;font-style:normal;font-weight:900;position:absolute}.rank{top:2px;left:3px}.file{bottom:2px;right:3px}.ch-square.light .rank,.ch-square.light .file{color:#704522}.ch-square.dark .rank,.ch-square.dark .file{color:#f1d7ae}.ch-status{color:#d5deea;text-align:center;background:linear-gradient(90deg,#ffffff08,#ffffff0d,#ffffff08);border:1px solid #ffffff14;border-radius:13px;justify-content:center;align-items:center;gap:8px;max-width:620px;min-height:42px;margin:7px auto 0;padding:7px 12px;font-size:12px;display:flex;box-shadow:inset 0 1px #ffffff0c}.ch-status svg{color:#e2b65d;flex:none;width:17px}.dots{background:#e2b65d;border-radius:50%;width:8px;height:8px;animation:.75s infinite ch-pulse}.ch-actions{grid-template-columns:repeat(3,1fr);gap:8px;max-width:620px;margin:9px auto;display:grid}.ch-actions button{color:#fff;background:#ffffff0c;border:1px solid #ffffff16;border-radius:14px;justify-content:center;align-items:center;gap:7px;min-height:41px;padding:9px 5px;font-size:12px;display:flex}.ch-actions svg{color:#e2b65d;width:17px}.ch-modal{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020617df;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.ch-modal section{text-align:center;background:linear-gradient(160deg,#1e293b,#0f172a);border:1px solid #d7aa5266;border-radius:28px;width:min(390px,100%);padding:24px;box-shadow:0 28px 90px #000b}.ch-modal h2{margin:4px 0 10px;font:800 30px Georgia,serif}.ch-modal p{color:#aeb9c9}.ch-modal section>small{color:#8290a3;display:block}.ch-modal section>button:not(.ch-primary){color:#b8c3d2;background:0 0;border:0;padding:8px 16px}.ch-result.won{box-shadow:0 0 70px #d7aa5233,0 28px 90px #000b}.ch-final-flash{z-index:24;pointer-events:none;opacity:0;background:radial-gradient(circle,#f5c65e2e,#02061708 38%,#020617c7 78%);place-content:center;justify-items:center;animation:1.15s ease-out both ch-victory-flash;display:grid;position:fixed;inset:0}.ch-final-flash svg{color:#ffe49a;filter:drop-shadow(0 0 20px #e9b84f);width:76px;height:76px}.ch-final-flash strong{color:#fff7d6;letter-spacing:.08em;text-shadow:0 4px #7a4e1c,0 0 24px #f2c45f;margin-top:4px;font:900 clamp(34px,10vw,66px) Georgia,serif}.ch-final-flash span{color:#f7d486;letter-spacing:.18em;text-transform:uppercase;margin-top:5px;font-size:17px;font-weight:900}.ch-modal.is-victory{background:radial-gradient(circle at 50% 35%,#c6932b30,#020617e8 54%);overflow:hidden}.ch-result.won{position:relative;overflow:hidden}.ch-victory-mark{animation:1.25s ease-in-out infinite alternate ch-victory-crown}.ch-victory-confetti{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.ch-victory-confetti i{top:-12%;left:var(--confetti-x);background:var(--confetti-color);width:7px;height:13px;animation:ch-confetti-fall 2.2s linear var(--confetti-delay) infinite;border-radius:2px;position:absolute}.ch-result.won>:not(.ch-victory-confetti){z-index:1;position:relative}.ch-result.lost{border-color:#64748b66}.ch-result-stats{grid-template-columns:repeat(3,1fr);gap:7px;margin:18px 0 12px;display:grid}.ch-result-stats span{color:#8391a4;background:#ffffff08;border:1px solid #ffffff12;border-radius:12px;flex-direction:column;gap:3px;padding:10px 4px;font-size:10px;display:flex}.ch-result-stats b{color:#f7d486;font-size:14px}.is-check{animation:.55s ch-check}@keyframes ch-spin{to{transform:rotate(360deg)}}@keyframes ch-pulse{50%{opacity:.3;transform:scale(.7)}}@keyframes ch-target-breathe{50%{opacity:.66;transform:scale(.72)}}@keyframes ch-capture-target{50%{opacity:.72;transform:scale(.91)}}@keyframes ch-piece-glide{0%{z-index:9;transform:translate3d(var(--move-x), var(--move-y), 0) scale(.94) rotateX(0);filter:drop-shadow(0 8px 5px #0008)brightness()}48%{filter:drop-shadow(0 22px 10px #000a)brightness(1.14)}72%{filter:drop-shadow(0 20px 9px #0009)brightness(1.1);transform:translateZ(44px)scale(1.06)rotateX(-4deg)}88%{transform:translate3d(0,2%,-4px)scale(.91)rotateX(2deg)}to{filter:drop-shadow(0 8px 5px #0008);transform:translateY(-2%)scale(.94)rotateX(0)}}@keyframes ch-captured-piece-fall{0%{opacity:1;filter:drop-shadow(0 8px 5px #0008)brightness();transform:translateY(-2%)rotate(0)scale(.94)}20%{opacity:1;filter:drop-shadow(0 18px 9px #000b)brightness(1.16);transform:translate3d(0,-16%,34px)rotate(-5deg)scale(1.02)}72%{opacity:.88;transform:translate3d(var(--capture-fall-x-mid), 44%, 7px) rotate(var(--capture-fall-rotate-mid)) scale(.88);filter:drop-shadow(5px 8px 5px #000a)brightness(.9)}to{opacity:0;transform:translate3d(var(--capture-fall-x), 92%, -12px) rotate(var(--capture-fall-rotate)) scale(.68);filter:drop-shadow(6px 10px 6px #0008)blur(1px)brightness(.72)}}@keyframes ch-capture-burst{0%{opacity:1;transform:scale(.25)}to{opacity:0;transform:scale(1.38)}}@keyframes ch-mate-route{0%{opacity:0;stroke-dashoffset:1px}16%{opacity:1}72%{opacity:1;stroke-dashoffset:0}to{opacity:0;stroke-dashoffset:0}}@keyframes ch-mate-impact{0%{opacity:1;transform:scale(.2)}to{opacity:0;transform:scale(3.2)}}@keyframes ch-mate-attacker{0%{opacity:0;transform:scale(.5)}42%{opacity:1}to{opacity:0;transform:scale(1.35)}}@keyframes ch-king-fall{0%{filter:drop-shadow(0 8px 5px #0008)brightness();transform:translateY(-2%)rotate(0)scale(.94)}15%{transform:translate3d(var(--king-fall-x-recoil), -10%, 18px) rotate(var(--king-fall-rotate-recoil)) scale(1.02);filter:drop-shadow(0 15px 8px #000b)brightness(1.35)}68%{transform:translate3d(var(--king-fall-x), 10%, 2px) rotate(var(--king-fall-rotate)) scale(.94);filter:drop-shadow(0 8px 5px #000a)brightness(.88)}82%{transform:translate3d(var(--king-fall-x-settle), 4%, 4px) rotate(var(--king-fall-rotate-settle)) scale(.96)}to{transform:translate3d(var(--king-fall-x), 10%, 0) rotate(var(--king-fall-rotate)) scale(.94);filter:drop-shadow(3px 5px 4px #000b)brightness(.82)}}@keyframes ch-fallen-shadow{to{opacity:.88;transform:scaleX(1.22)}}@keyframes ch-victory-flash{0%{opacity:0;transform:scale(.72)}24%,72%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.08)}}@keyframes ch-victory-crown{to{filter:brightness(1.2)drop-shadow(0 0 12px #efc65f);transform:translateY(-5px)scale(1.06)}}@keyframes ch-confetti-fall{0%{opacity:0;transform:translateY(-10px)rotate(0)}10%{opacity:1}to{opacity:.25;transform:translate3d(var(--confetti-drift), 500px, 0) rotate(680deg)}}@keyframes ch-hint{50%{box-shadow:inset 0 0 0 4px #facc15,0 0 20px #facc15}}@keyframes ch-check{20%{filter:drop-shadow(0 0 24px #ef4444);transform:translate(-2px)}40%{transform:translate(2px)}60%{transform:translate(-1px)}}@media (width>=700px){.ch-page{padding-left:18px;padding-right:18px}}@media (width<=390px){.ch-page{padding-left:3px;padding-right:3px}.ch-board{border-width:5px;width:calc(100vw - 6px)}.ch-opponent,.ch-header,.ch-status,.ch-actions,.ch-captured{padding-left:5px;padding-right:5px}.ch-actions button{gap:4px;font-size:10px}.ch-actions svg{width:15px}.ch-captured-label{flex-basis:66px}.ch-mini-piece{width:18px;margin-right:-4px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.c4-shell{--c4-red:#ef3340;--c4-red-deep:#9f1222;--c4-gold:#ffc93c;--c4-gold-deep:#b86907;--c4-blue:#1749b5;--c4-blue-deep:#0a266d;width:min(100%,760px);margin:0 auto;padding-bottom:28px}.c4-topbar,.c4-wallet,.c4-match-heading,.c4-players,.c4-player,.c4-result-actions,.c4-modal>div{align-items:center;display:flex}.c4-topbar{justify-content:space-between;gap:12px;margin-bottom:12px}.c4-wallet{gap:8px}.c4-wallet span{border:1px solid color-mix(in srgb, var(--border) 76%, transparent);background:color-mix(in srgb, var(--card) 88%, transparent);border-radius:999px;align-items:center;gap:5px;min-height:34px;padding:6px 10px;font-size:12px;font-weight:800;display:inline-flex}.c4-wallet svg{color:#f6b817;width:14px;height:14px}.c4-wallet span:last-child svg{color:#50d8ff}.c4-loading{border-radius:28px;place-content:center;justify-items:center;gap:16px;min-height:280px;display:grid}.c4-loader{border:7px solid #1749b5;border-top-color:#ffc93c;border-radius:50%;width:54px;height:54px;animation:.8s linear infinite c4-spin}@keyframes c4-spin{to{transform:rotate(360deg)}}.c4-lobby{gap:16px;display:grid}.c4-hero{color:#fff;background:radial-gradient(circle at 78% 25%,#ffc93c38,#0000 26%),linear-gradient(135deg,#081a50 0%,#173d9f 52%,#071331 100%);border:1px solid #ffffff1f;border-radius:28px;align-items:center;min-height:188px;padding:24px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 65px #06194a47}.c4-hero:after{content:"";pointer-events:none;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 76%);mask-image:linear-gradient(90deg,#000,#0000 76%)}.c4-hero>div:last-child{z-index:2;position:relative}.c4-hero p,.c4-section-title p,.c4-match-heading p,.c4-result>p{color:#8cecff;letter-spacing:.18em;margin:0;font-size:10px;font-weight:900}.c4-hero h1{letter-spacing:-.065em;margin:4px 0 0;font-size:clamp(42px,10vw,68px);font-weight:1000;line-height:.95}.c4-hero h1 span{color:var(--c4-gold);text-shadow:0 0 24px #ffc93c73}.c4-hero h2{color:#ffffffc7;margin:10px 0 0;font-size:15px;font-weight:750}.c4-hero-grid{z-index:1;background:#0d358f;border:7px solid #2261d4;border-radius:26px 26px 8px 8px;grid-template-columns:repeat(4,1fr);align-content:end;gap:8px;width:190px;height:190px;padding:18px;display:grid;position:absolute;bottom:-30px;right:-8px;transform:rotate(-7deg);box-shadow:-18px 18px 40px #00000059}.c4-hero-grid i{aspect-ratio:1;border-radius:50%;box-shadow:inset 0 4px 8px #ffffff4d,inset 0 -6px 8px #00000047}.c4-hero-grid i.red{background:var(--c4-red)}.c4-hero-grid i.gold{background:var(--c4-gold)}.c4-section-title{justify-content:space-between;align-items:end;padding:3px 4px 0;display:flex}.c4-section-title p{color:#4a75d0}.c4-section-title h2{letter-spacing:-.025em;margin:3px 0 0;font-size:19px;font-weight:900}.c4-section-title svg{color:#5b7dd1}.c4-difficulties{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.c4-difficulty{border:1px solid color-mix(in srgb, var(--border) 84%, transparent);background:color-mix(in srgb, var(--card) 92%, transparent);text-align:left;border-radius:22px;grid-template-columns:42px 1fr;gap:10px;min-height:150px;padding:14px;transition:border-color .2s,transform .2s,box-shadow .2s;display:grid;position:relative;overflow:hidden}.c4-difficulty:not(:disabled):active{transform:scale(.985)}.c4-difficulty.selected{border-color:#3d6de0;box-shadow:0 0 0 2px #3d6de02e,0 15px 35px #183d8f1f}.c4-difficulty:disabled{opacity:.55;cursor:not-allowed}.c4-difficulty-icon{color:#2c58c2;background:#eaf0ff;border-radius:14px;place-items:center;width:42px;height:42px;display:grid}.c4-difficulty.medium .c4-difficulty-icon{color:#1482b8;background:#e6f6ff}.c4-difficulty.hard .c4-difficulty-icon{color:#df5b18;background:#fff0e7}.c4-difficulty.expert .c4-difficulty-icon{color:#7b42ca;background:#f2eaff}.c4-difficulty-icon svg{width:20px}.c4-difficulty-copy{flex-direction:column;min-width:0;display:flex}.c4-difficulty-copy small{color:var(--muted-foreground);letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:850}.c4-difficulty-copy strong{margin-top:1px;font-size:16px;font-weight:950}.c4-difficulty-copy em{color:var(--muted-foreground);margin-top:4px;font-size:10px;font-style:normal;line-height:1.35}.c4-economy{background:color-mix(in srgb, var(--muted) 75%, transparent);border-radius:12px;grid-column:1/-1;justify-content:space-between;align-self:end;align-items:center;gap:7px;padding:7px 9px;display:flex}.c4-economy b{align-items:center;gap:4px;font-size:11px;display:flex}.c4-economy svg{color:#d79d0e;width:13px;height:13px}.c4-economy b:last-child svg{color:#28bee9}.c4-economy i{color:var(--muted-foreground);letter-spacing:.12em;font-size:8px;font-style:normal;font-weight:900}.c4-selected-check{color:#3267d8;width:17px;position:absolute;top:9px;right:9px}.c4-config-missing{color:var(--destructive);grid-column:1/-1;font-size:10px;font-weight:800}.c4-message{color:#d23b45;background:#ef444414;border:1px solid #ef44443d;border-radius:14px;padding:10px 13px;font-size:12px;font-weight:750}.c4-start{color:#fff;background:linear-gradient(135deg,#1f56cf,#0c2f85);border:0;border-radius:18px;width:100%;min-height:54px;font-size:15px;font-weight:900;box-shadow:0 15px 32px #19419d40}.c4-start svg{width:18px;margin-right:7px}.c4-start:disabled{background:var(--muted);color:var(--muted-foreground);box-shadow:none}.c4-howto{border-radius:22px;padding:17px}.c4-howto h3{margin:0 0 12px;font-size:14px;font-weight:900}.c4-howto>div{gap:10px;display:grid}.c4-howto p{color:var(--muted-foreground);grid-template-columns:24px 1fr;align-items:start;gap:9px;margin:0;font-size:11px;line-height:1.45;display:grid}.c4-howto p b{color:#244ead;background:#e9efff;border-radius:50%;place-items:center;width:24px;height:24px;font-size:10px;display:grid}.c4-arena{gap:14px;display:grid}.c4-celebration{z-index:80;pointer-events:none;position:fixed;inset:0;overflow:hidden}.c4-confetti{top:-9vh;left:var(--c4-left);background:var(--c4-color);width:10px;height:18px;box-shadow:0 2px 8px color-mix(in srgb, var(--c4-color) 50%, transparent);opacity:0;animation:c4-confetti-fall var(--c4-duration) cubic-bezier(.18,.72,.36,1) var(--c4-delay) forwards;border-radius:3px;position:absolute}.c4-confetti.round{border-radius:50%;width:12px;height:12px}.c4-confetti.strip{width:6px;height:23px}.c4-confetti.diamond{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);border-radius:2px}.c4-victory-burst{color:#fff;text-shadow:0 4px 20px #04133ca6;opacity:0;justify-items:center;gap:7px;animation:1.8s cubic-bezier(.16,.84,.24,1) forwards c4-victory-reveal;display:grid;position:absolute;top:32%;left:50%}.c4-victory-burst span{background:radial-gradient(circle at 35% 28%,#fff7b3,#ffc93c 45%,#d98b08);border:2px solid #ffffffb3;border-radius:50%;place-items:center;width:72px;height:72px;display:grid;box-shadow:0 0 0 12px #ffc93c2e,0 0 55px #ffc93ccc}.c4-victory-burst svg{color:#7e4200;width:38px;height:38px}.c4-victory-burst strong{letter-spacing:.08em;font-size:clamp(27px,8vw,43px);font-weight:1000}@keyframes c4-confetti-fall{0%{opacity:0;transform:translateY(-8vh)rotate(0)}8%{opacity:1}78%{opacity:1}to{transform:translate3d(var(--c4-drift), 116vh, 0) rotate(var(--c4-rotation));opacity:0}}@keyframes c4-victory-reveal{0%{opacity:0;transform:translate(-50%,-50%)scale(.45)rotate(-8deg)}18%{opacity:1;transform:translate(-50%,-50%)scale(1.08)rotate(2deg)}30%,70%{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(0)}to{opacity:0;transform:translate(-50%,-62%)scale(.94)}}.c4-match-heading{justify-content:space-between;padding:2px 4px}.c4-match-heading p{color:#4d74c4}.c4-match-heading h1{letter-spacing:-.035em;margin:2px 0 0;font-size:23px;font-weight:950}.c4-match-heading>span{background:var(--muted);color:var(--muted-foreground);letter-spacing:.1em;border-radius:999px;padding:7px 10px;font-size:9px;font-weight:900}.c4-players{justify-content:center;gap:10px}.c4-player{border:1px solid var(--border);background:var(--card);border-radius:16px;flex:1;gap:9px;max-width:210px;padding:9px 11px}.c4-player>i{background:radial-gradient(circle at 35% 28%, #ff9b9b, var(--c4-red) 42%, var(--c4-red-deep));border-radius:50%;width:30px;height:30px;box-shadow:inset 0 2px 4px #ffffff5c}.c4-player.bot>i{background:radial-gradient(circle at 35% 28%, #fff5a4, var(--c4-gold) 42%, var(--c4-gold-deep))}.c4-player span{flex-direction:column;display:flex}.c4-player small{color:var(--muted-foreground);letter-spacing:.12em;font-size:8px;font-weight:900}.c4-player b{font-size:12px}.c4-player.thinking{border-color:#dba41a;box-shadow:0 0 0 2px #dba41a24}.c4-player.thinking>i{animation:.85s ease-in-out infinite alternate c4-think}.c4-versus{color:var(--muted-foreground);font-size:9px;font-weight:950}@keyframes c4-think{to{filter:brightness(1.15);transform:translateY(-3px)}}.c4-board-frame{background:linear-gradient(145deg, #2265dc, var(--c4-blue) 42%, var(--c4-blue-deep));border:1px solid #ffffff2e;border-radius:26px 26px 17px 17px;width:min(100%,590px);margin:0 auto;padding:10px 10px 0;position:relative;box-shadow:inset 0 3px #ffffff2e,0 24px 46px #07246947}.c4-column-hints{color:#ffffff73;text-align:center;grid-template-columns:repeat(7,1fr);padding:0 4px 5px;font-size:9px;display:grid}.c4-board{background:linear-gradient(155deg,#11429f,#0a2e7a);border-radius:17px 17px 8px 8px;grid-template-columns:repeat(7,minmax(0,1fr));gap:clamp(3px,1.2vw,8px);padding:clamp(5px,1.5vw,10px);display:grid}.c4-column{background:0 0;border:0;flex-direction:column;gap:clamp(3px,1.2vw,8px);min-width:0;padding:0;display:flex}.c4-column:not(:disabled){cursor:pointer}.c4-column:not(:disabled):hover .c4-slot{box-shadow:inset 0 0 0 2px #ffffff24}.c4-slot{aspect-ratio:1;background:#061a50;border-radius:50%;display:block;position:relative;box-shadow:inset 0 5px 9px #0000008c,0 1px #ffffff1f}.c4-slot>i{border-radius:50%;position:absolute;inset:9%}.c4-slot>i.empty{opacity:.92;background:radial-gradient(circle at 50% 44%,#edf4ff,#d2def6 72%,#9eb4e1)}.c4-slot>i.red{background:radial-gradient(circle at 34% 25%, #ffabb0 0 7%, #fa5260 18%, var(--c4-red) 47%, var(--c4-red-deep) 100%);box-shadow:inset 0 3px 5px #ffffff57,inset 0 -5px 8px #52000a52,0 3px 7px #0000005c}.c4-slot>i.gold{background:radial-gradient(circle at 34% 25%, #fff5a0 0 7%, #ffd85b 18%, var(--c4-gold) 47%, var(--c4-gold-deep) 100%);box-shadow:inset 0 3px 5px #ffffff6b,inset 0 -5px 8px #6c37004d,0 3px 7px #0000005c}.c4-slot>i.red:after,.c4-slot>i.gold:after{content:"";border:2px solid #ffffff26;border-radius:50%;position:absolute;inset:20%}.c4-slot>i.dropped{animation:.42s cubic-bezier(.16,.78,.29,1.25) c4-drop}.c4-slot.winner>i{animation:.7s ease-in-out infinite alternate c4-win;box-shadow:0 0 0 4px #fff,0 0 25px #ffffffe6}.c4-slot.winner>i.dropped{animation:.42s cubic-bezier(.16,.78,.29,1.25) c4-drop,.7s ease-in-out .44s infinite alternate c4-win}@keyframes c4-drop{0%{transform:translateY(-520%)}72%{transform:translateY(8%)}to{transform:translateY(0)}}@keyframes c4-win{to{filter:brightness(1.22);transform:scale(.84)}}.c4-board-base{background:linear-gradient(#1d58c4,#09296f);border-radius:5px 5px 15px 15px;width:calc(100% + 20px);height:17px;margin-left:-10px;box-shadow:0 8px 13px #03123a59}.c4-match-tip{color:var(--muted-foreground);background:#3b82f612;border:1px solid #3b82f62e;border-radius:16px;align-items:center;gap:10px;padding:11px 13px;font-size:11px;display:flex}.c4-match-tip svg{color:#3770d9;width:18px}.c4-match-tip b{color:var(--foreground);display:block}.c4-result{text-align:center;border-radius:24px;padding:22px 18px}.c4-result.won{background:radial-gradient(circle at 50% 0%, #ffd65c38, transparent 48%), var(--card);border-color:#ffc93c9e;animation:.58s cubic-bezier(.16,.84,.24,1) both c4-result-rise;position:relative;overflow:hidden;box-shadow:0 18px 48px #b476002e}.c4-result.won:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffffb8,#0000);width:28%;animation:1.05s .28s both c4-result-shine;position:absolute;inset:-70% auto -70% -25%;transform:rotate(18deg)}.c4-result-icon{color:#2f5fc8;background:#e9efff;border-radius:20px;place-items:center;width:58px;height:58px;margin:0 auto 10px;display:grid}.c4-result.won .c4-result-icon{color:#c28a09;background:#fff4cf;animation:.72s cubic-bezier(.16,.84,.24,1.2) .12s both c4-trophy-pop;box-shadow:0 0 30px #ffc93c47}.c4-result.lost .c4-result-icon{color:#d33342;background:#ffebed}.c4-result-icon svg{width:28px;height:28px}.c4-result>p{color:#5277c7}.c4-result>h2{letter-spacing:-.035em;margin:3px 0 5px;font-size:24px;font-weight:950}.c4-result>span{color:var(--muted-foreground);font-size:12px}.c4-result-actions{justify-content:center;gap:9px;margin-top:17px}.c4-result-actions button{border-radius:14px;min-height:43px;font-weight:850}.c4-result-actions button:first-child{color:#fff;background:linear-gradient(135deg,#1f56cf,#0c2f85)}.c4-result-actions svg{width:15px;margin-right:5px}@keyframes c4-result-rise{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes c4-result-shine{0%{opacity:0;left:-35%}25%{opacity:1}to{opacity:0;left:125%}}@keyframes c4-trophy-pop{0%{opacity:0;transform:scale(.35)rotate(-16deg)}65%{opacity:1;transform:scale(1.13)rotate(4deg)}to{opacity:1;transform:scale(1)rotate(0)}}.c4-compliance{margin-top:22px}.c4-modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#030918b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.c4-modal{border-radius:24px;width:min(100%,400px);padding:22px;position:relative}.c4-modal h2{margin:0;font-size:21px;font-weight:950}.c4-modal p{color:var(--muted-foreground);margin:7px 0 18px;font-size:12px;line-height:1.5}.c4-modal>div{justify-content:flex-end;gap:8px}.c4-modal-close{background:var(--muted);border:0;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:12px;right:12px}.c4-modal-close svg{width:15px}@media (width<=520px){.c4-shell{padding-bottom:18px}.c4-hero{min-height:170px;padding:20px}.c4-hero-grid{width:164px;height:164px;right:-32px}.c4-difficulties{grid-template-columns:1fr}.c4-difficulty{grid-template-columns:40px 1fr auto;min-height:122px}.c4-economy{grid-column:1/-1}.c4-player{padding:7px}.c4-player>i{width:25px;height:25px}.c4-board-frame{border-radius:19px 19px 13px 13px;padding:7px 7px 0}.c4-board{border-radius:13px 13px 6px 6px;gap:3px;padding:4px}.c4-column{gap:3px}.c4-board-base{width:calc(100% + 14px);height:13px;margin-left:-7px}.c4-result-actions{flex-direction:column}.c4-result-actions button{width:100%}}@media (prefers-reduced-motion:reduce){.c4-loader,.c4-player.thinking>i,.c4-slot>i.dropped,.c4-slot.winner>i,.c4-result.won,.c4-result.won .c4-result-icon{animation:none!important}.c4-celebration,.c4-result.won:before{display:none!important}.c4-difficulty{transition:none}}.ppn-board{--ppn-ink:#f5f8ff;width:min(100%,430px);color:var(--ppn-ink);-webkit-user-select:none;user-select:none;touch-action:manipulation;background:radial-gradient(circle at 50% 24%,#3555b147,#0000 37%),linear-gradient(#0a1534 0%,#071029 55%,#04091a 100%);border:1px solid #7291da38;border-radius:24px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 18px 50px -28px #2675ffb8,inset 0 1px #ffffff0d}.ppn-board:before{content:"";pointer-events:none;opacity:.22;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.ppn-hud{z-index:3;top:12px;grid-template-columns:1fr auto;align-items:center;min-height:44px;display:grid;position:absolute;inset-inline:13px}.ppn-direction,.ppn-left{letter-spacing:.08em;align-items:center;gap:6px;font-size:10px;display:flex}.ppn-direction{border:1px solid #0000;border-radius:12px;width:max-content;min-height:35px;padding:4px 8px 4px 5px;transition:border-color .18s,background .18s,box-shadow .18s}.ppn-direction-icon{color:#7dd3fc;font-size:24px;line-height:1}.ppn-direction-copy{flex-direction:column;gap:1px;display:flex}.ppn-direction b,.ppn-left small{color:#9fb0d8;font-weight:800}.ppn-direction small{color:#ffd43b;letter-spacing:.12em;font-size:7px;font-weight:950}.ppn-left{justify-content:flex-end}.ppn-left b{color:#fff;font-size:20px}.ppn-left small{line-height:1.05}.ppn-board.warning .ppn-direction{background:#ffd43b14;border-color:#ffd43b57;animation:.7s ease-in-out infinite alternate ppn-warning-chip;box-shadow:0 0 18px #ffd43b1f}.ppn-board.warning .ppn-direction-icon,.ppn-board.warning .ppn-direction b{color:#ffd43b}.ppn-progress{z-index:3;background:#ffffff17;border-radius:99px;height:4px;position:absolute;top:61px;left:18px;right:18px;overflow:hidden}.ppn-progress i{border-radius:inherit;background:linear-gradient(90deg,#2de2e6,#a879ff,#ff5d73);height:100%;transition:width .25s;display:block;box-shadow:0 0 12px #2de2e680}.ppn-stage{width:100%;height:auto;min-height:472px;display:block}.ppn-orbit-ring{fill:none;stroke:#a1beff2b;stroke-width:2px;stroke-dasharray:3 8}.ppn-segment-glyph{fill:#030919a3;text-anchor:middle;dominant-baseline:middle;font-size:15px;font-weight:900}.ppn-wheel-rim{fill:url(#ppn-rim-metal);stroke:#ffffff80;stroke-width:1px}.ppn-hub-outer{fill:url(#ppn-rim-metal);stroke:#00000061;stroke-width:1px}.ppn-hub{fill:#07122d;stroke:#ffffffb3;stroke-width:1.5px}.ppn-hub-shine{fill:#ffffffb8}.ppn-attached line{stroke:#dce8ff;stroke-width:3px;stroke-linecap:round}.ppn-attached.pre line{stroke:#7787ac}.ppn-impact-guide{fill:none;stroke:#f8fbff;stroke-width:4px;stroke-linecap:round;filter:drop-shadow(0 0 6px #ffffffb3)}.ppn-aim-line{fill:none;stroke:#8daae833;stroke-width:1.5px;stroke-dasharray:4 7}.ppn-loaded-pin line,.ppn-flying line{stroke:#eaf2ff;stroke-width:3px;stroke-linecap:round}.ppn-loaded-pin text,.ppn-flying text,.ppn-queue text{fill:#030919b8;text-anchor:middle;dominant-baseline:middle;font-size:9px;font-weight:900}.ppn-flying{animation:.18s ease-out ppn-pin-glow}.ppn-wheel-shell{transform-origin:180px 169px}.ppn-board.won .ppn-wheel-shell{animation:.82s cubic-bezier(.18,.85,.3,1) both ppn-wheel-victory}.ppn-board.failed .ppn-wheel-shell{animation:.48s cubic-bezier(.36,.07,.19,.97) both ppn-wheel-impact}.ppn-board.won .ppn-attached{animation:.58s ease-out both ppn-pin-sparkle}.ppn-win-burst{pointer-events:none}.ppn-win-burst line{stroke:#c8fff2;stroke-width:3px;stroke-linecap:round;opacity:0;animation:.58s ease-out both ppn-ray-burst}.ppn-win-wave{fill:none;stroke:#7be84a;stroke-width:3px;opacity:0;transform-origin:180px 169px;animation:.7s ease-out both ppn-wave-burst}.ppn-win-wave.wave-two{stroke:#2de2e6;animation-delay:.16s}.ppn-crash-pin{transform-origin:180px 315px;animation:.62s ease-in-out both ppn-crash-drop}.ppn-crash-pin line{stroke:#ffe8ec;stroke-width:3px;stroke-linecap:round}.ppn-crash-pin circle{filter:drop-shadow(0 0 8px #ff5d73)}.ppn-impact-burst line{stroke:#ff8394;stroke-width:3px;stroke-linecap:round;opacity:0;animation:.42s ease-out both ppn-impact-ray}.ppn-feedback{fill:#f8fbff;letter-spacing:.07em;text-anchor:middle;paint-order:stroke;stroke:#071029;stroke-width:5px;stroke-linejoin:round;font-size:12px;font-weight:900}.ppn-feedback.failed{fill:#ff8796}.ppn-feedback.won{fill:#8ff86b}.ppn-launch-controls{z-index:4;gap:9px;padding:0 18px 16px;display:grid;position:relative}.ppn-auto-load{color:#dce7ff;text-align:left;grid-template-columns:auto 1fr;align-items:center;column-gap:7px;width:max-content;max-width:100%;margin:0 auto;display:grid}.ppn-auto-load b{letter-spacing:.09em;font-size:9px}.ppn-auto-load small{color:#8296bd;letter-spacing:.08em;grid-column:2;font-size:7px;font-weight:850}.ppn-live-dot{background:var(--pin-color,#2de2e6);width:9px;height:9px;box-shadow:0 0 12px var(--pin-color,#2de2e6);border-radius:50%;grid-row:1/3}.ppn-shoot{border:1px solid color-mix(in srgb, var(--pin-color,#2de2e6) 55%, white 10%);background:linear-gradient(180deg, #ffffff38, transparent 34%), linear-gradient(135deg, color-mix(in srgb, var(--pin-color,#2de2e6) 45%, #18315f), #07142f 72%);color:#fff;letter-spacing:.16em;width:min(100%,330px);height:58px;box-shadow:0 12px 28px -11px var(--pin-color,#2de2e6), inset 0 1px #ffffff52, inset 0 -8px 15px #0003;border-radius:21px;margin:0 auto;font-size:14px;font-weight:950;transition:transform .12s,filter .12s}.ppn-shoot:before{content:"●";color:var(--pin-color,#2de2e6);filter:drop-shadow(0 0 6px var(--pin-color,#2de2e6));margin-right:10px}.ppn-shoot:active:not(:disabled){filter:brightness(1.2);transform:scale(.96)}.ppn-shoot:disabled{opacity:.58}.ppn-board.won .ppn-shoot{--pin-color:#7be84a}.ppn-board.failed{animation:.34s ease-in-out ppn-shake}.ppn-board.failed:after{content:"";z-index:2;pointer-events:none;background:radial-gradient(circle at 50% 40%,#0000,#ff224942);animation:.48s ease-out forwards ppn-fail-flash;position:absolute;inset:0}.ppn-confetti circle{transform-origin:180px 169px;animation:.92s cubic-bezier(.12,.72,.24,1) both ppn-confetti}@keyframes ppn-pin-glow{0%{opacity:.35}to{opacity:1}}@keyframes ppn-warning-chip{0%{filter:brightness(.94)}to{filter:brightness(1.16)}}@keyframes ppn-wheel-victory{0%{transform:scale(1)}42%{transform:scale(1.075)rotate(2deg)}72%{transform:scale(.985)rotate(-1deg)}to{transform:scale(1)}}@keyframes ppn-wheel-impact{0%,to{transform:translate(0)rotate(0)}22%{transform:translate(-5px,-3px)rotate(-1.5deg)}46%{transform:translate(5px,2px)rotate(1.2deg)}68%{transform:translate(-3px,1px)rotate(-.6deg)}}@keyframes ppn-pin-sparkle{0%{filter:brightness()}48%{filter:brightness(1.9)drop-shadow(0 0 6px #fff)}to{filter:brightness()}}@keyframes ppn-ray-burst{0%{opacity:0;stroke-dasharray:0 24}35%{opacity:1}to{opacity:0;stroke-dasharray:24 0}}@keyframes ppn-wave-burst{0%{opacity:.9;transform:scale(.82)}to{opacity:0;transform:scale(1.34)}}@keyframes ppn-impact-ray{0%{opacity:1;stroke-dasharray:0 18}to{opacity:0;stroke-dasharray:18 0}}@keyframes ppn-crash-drop{0%{opacity:1;transform:translateY(0)rotate(0)}44%{opacity:1;transform:translateY(18px)rotate(18deg)}to{opacity:0;transform:translateY(78px)rotate(42deg)}}@keyframes ppn-shake{20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}@keyframes ppn-fail-flash{0%{opacity:1}to{opacity:0}}@keyframes ppn-confetti{0%{opacity:0;transform:scale(.2)translateY(45px)}55%{opacity:1}to{opacity:0;transform:scale(1.35)translateY(-35px)}}@media (width<=380px),(height<=700px){.ppn-board{border-radius:20px}.ppn-stage{min-height:420px;margin-top:-7px}.ppn-launch-controls{gap:7px;padding:0 14px 12px}.ppn-shoot{height:52px}.ppn-hud{top:8px}.ppn-progress{top:55px}}@media (prefers-reduced-motion:reduce){.ppn-board,.ppn-confetti circle,.ppn-flying,.ppn-wheel-shell,.ppn-attached,.ppn-win-burst *,.ppn-crash-pin,.ppn-impact-burst *,.ppn-direction{animation-duration:.01ms!important}.ppn-progress i,.ppn-shoot{transition:none}}.ppn-campaign-page,.ppn-play-page{width:min(100%,560px);margin:0 auto}.ppn-campaign-top,.ppn-play-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.ppn-campaign-top>div{gap:9px;display:flex}.ppn-campaign-top>div span,.ppn-play-top>span{align-items:center;gap:4px;font-size:12px;font-weight:800;display:flex}.ppn-campaign-top svg,.ppn-play-top>span svg{color:#ffd43b;width:14px;height:14px}.ppn-campaign-hero{color:#fff;background:radial-gradient(circle at 10% 0,#2de2e644,#0000 42%),linear-gradient(135deg,#071a42,#35206b 62%,#781d56);border-radius:23px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:17px;display:grid;box-shadow:0 18px 36px -27px #a879ff}.ppn-prism-mark{border:6px solid #2de2e6;border-radius:50%;width:53px;height:53px;position:relative;box-shadow:inset 0 0 0 7px #a879ff,0 0 22px #2de2e666}.ppn-prism-mark i{transform-origin:50% 0;background:#fff;width:3px;height:29px;position:absolute;top:50%;left:50%}.ppn-prism-mark i:first-child{transform:rotate(25deg)}.ppn-prism-mark i:nth-child(2){transform:rotate(145deg)}.ppn-prism-mark i:nth-child(3){transform:rotate(265deg)}.ppn-campaign-hero small{color:#9ceef0;letter-spacing:.13em;font-size:8px;font-weight:900}.ppn-campaign-hero h1{margin:1px 0;font-size:28px;font-style:normal;line-height:1}.ppn-campaign-hero h1 em{color:#2de2e6;font-style:normal}.ppn-campaign-hero p{color:#d2dcf6;margin:5px 0 0;font-size:11px}.ppn-campaign-hero>strong{font-size:25px}.ppn-campaign-hero>strong small{color:#bdc9e6;font-size:11px}.ppn-resume{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-top:10px;display:grid;border-color:#2de2e655!important;padding:11px!important}.ppn-resume>svg{color:#2de2e6}.ppn-resume div{flex-direction:column;display:flex}.ppn-resume small{color:#7693c7;letter-spacing:.1em;font-size:8px;font-weight:900}.ppn-resume b{font-size:12px}.ppn-level-chapter{border:1px solid color-mix(in srgb, var(--chapter,#2de2e6) 26%, transparent);background:color-mix(in srgb, var(--chapter,#2de2e6) 6%, var(--card));border-radius:19px;margin-top:14px;padding:12px}.ppn-level-chapter.chapter-1{--chapter:#2de2e6}.ppn-level-chapter.chapter-2{--chapter:#7be84a}.ppn-level-chapter.chapter-3{--chapter:#ffd43b}.ppn-level-chapter.chapter-4{--chapter:#ff835d}.ppn-level-chapter.chapter-5{--chapter:#a879ff}.ppn-level-chapter.chapter-6{--chapter:#ff5d73}.ppn-level-chapter>header{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.ppn-level-chapter header small{color:var(--chapter);letter-spacing:.11em;font-size:8px;font-weight:900}.ppn-level-chapter h2{margin:0;font-size:16px}.ppn-level-chapter header>span{color:var(--chapter);font-size:11px;font-weight:900}.ppn-level-grid{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.ppn-level-grid button{min-width:0;min-height:78px;color:inherit;background:#0710297a;border:1px solid #839cd433;border-radius:13px;padding:7px 4px}.ppn-level-grid button:disabled{opacity:.42}.ppn-level-grid button>span{color:#061025;background:var(--chapter);border-radius:50%;place-items:center;width:28px;height:28px;margin:auto;font-size:12px;font-weight:950;display:grid}.ppn-level-grid button span svg{width:15px}.ppn-level-grid button b,.ppn-level-grid button small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.ppn-level-grid button b{margin-top:5px;font-size:8px}.ppn-level-grid button small{color:#8195c8;margin-top:2px;font-size:6px;font-weight:900}.ppn-level-grid button.done{border-color:#7be84a66}.ppn-level-grid button.done>span{background:#7be84a}.ppn-rule-note{align-items:flex-start;gap:9px;margin:13px 0;display:flex;padding:12px!important}.ppn-rule-note svg{color:#ffd43b;flex:none}.ppn-rule-note p{color:#92a4cb;margin:0;font-size:11px}.ppn-rule-note b{color:var(--foreground)}.ppn-play-top{min-height:39px;margin-bottom:5px}.ppn-play-top>div{text-align:center;flex-direction:column;min-width:0;display:flex}.ppn-play-top small{color:#8093bd;letter-spacing:.08em;font-size:8px;font-weight:900}.ppn-play-top b{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.ppn-attempt-strip{color:#8296c2;letter-spacing:.09em;justify-content:center;padding:0 5px 5px;font-size:8px;font-weight:900;display:flex}.ppn-attempt-strip span{background:#0710295c;border:1px solid #8296c233;border-radius:999px;padding:3px 9px}.ppn-prestart,.ppn-result-card{text-align:center;background:radial-gradient(circle at 50% 0,#2de2e622,#0000 38%),linear-gradient(#0c1838,#071029)!important;border-radius:23px!important;padding:21px!important}.ppn-prestart-wheel{border:8px solid #2de2e6;border-color:#2de2e6 #a879ff #ffd43b #2de2e6;border-radius:50%;place-items:center;width:84px;height:84px;margin:4px auto 12px;display:grid;position:relative;box-shadow:0 0 27px #2de2e644}.ppn-prestart-wheel svg{color:#fff;width:30px}.ppn-prestart>small{color:#2de2e6;letter-spacing:.12em;font-size:9px;font-weight:900}.ppn-prestart h1,.ppn-result-card h1{margin:4px 0;font-size:25px}.ppn-prestart>p,.ppn-result-card>p{color:#96a8ce;margin:4px 0 13px;font-size:12px}.ppn-economy-row{grid-template-columns:repeat(3,1fr);gap:6px;margin:13px 0;display:grid}.ppn-economy-row span{color:#dce7ff;background:#0b1836;border:1px solid #294276;border-radius:11px;justify-content:center;align-items:center;gap:3px;min-height:41px;font-size:8px;font-weight:900;display:flex}.ppn-economy-row svg{color:#ffd43b;width:13px}.ppn-start-button{width:100%;color:#fff!important;background:linear-gradient(135deg,#11bfa9,#1978dd)!important;border-radius:15px!important;height:52px!important;font-weight:900!important}.ppn-tip{margin-top:12px!important;font-size:10px!important}.ppn-need-token{margin-top:6px;display:block;color:#ff8391!important}.ppn-verifying{color:#8fa3cd;justify-content:center;align-items:center;gap:7px;margin-top:6px;font-size:10px;font-weight:800;display:flex}.ppn-verifying i,.ppn-page-loading i{border:2px solid #2de2e633;border-top-color:#2de2e6;border-radius:50%;width:15px;height:15px;animation:.7s linear infinite ppn-spin}.ppn-result-card.won{border-color:#7be84a55!important}.ppn-result-card.failed{border-color:#ff5d7355!important}.ppn-result-icon{color:#fff;background:linear-gradient(135deg,#2de2e6,#a879ff);border-radius:50%;place-items:center;width:72px;height:72px;margin:0 auto 10px;display:grid}.ppn-result-icon svg{width:34px;height:34px}.ppn-result-card>small{color:#2de2e6;letter-spacing:.13em;font-size:9px;font-weight:900}.ppn-result-rewards{justify-content:center;gap:8px;margin:13px 0;display:flex}.ppn-result-rewards span{color:#dfffe1;background:#7be84a18;border-radius:10px;align-items:center;gap:4px;padding:8px 12px;font-size:11px;font-weight:900;display:flex}.ppn-result-rewards svg{width:14px}.ppn-result-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:13px;display:grid}.ppn-result-actions button{border-radius:13px;min-height:47px}.ppn-page-error{color:#ffadb8;text-align:center;background:#ff5d7312;border:1px solid #ff5d7355;border-radius:11px;margin:9px 0;padding:9px 11px;font-size:11px}.ppn-page-loading{justify-content:center;align-items:center;gap:9px;min-height:160px;display:flex}.ppn-page-loading i{display:inline-block}@keyframes ppn-spin{to{transform:rotate(360deg)}}@media (width<=380px),(height<=700px){.ppn-play-page{margin-top:-4px}.ppn-play-top{min-height:34px;margin-bottom:2px}.ppn-attempt-strip{padding-bottom:2px}.ppn-prestart,.ppn-result-card{padding:15px!important}.ppn-prestart-wheel{width:68px;height:68px;margin-bottom:8px}}.rch-campaign,.rch-game-page{--rch-ink:#07142f;--rch-navy:#10245a;--rch-mint:#5af0bf;--rch-gold:#ffd766;--rch-pink:#ff5f98;width:min(100%,780px);padding:0 0 max(24px, env(safe-area-inset-bottom));color:hsl(var(--foreground));margin:0 auto}.rch-topbar{justify-content:space-between;align-items:center;min-height:42px;margin-bottom:10px;display:flex}.rch-wallet{gap:7px;display:flex}.rch-wallet span{border:1px solid hsl(var(--border) / .65);background:hsl(var(--card) / .82);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;align-items:center;gap:5px;min-height:32px;padding:0 10px;font-size:11px;font-weight:850;display:inline-flex}.rch-wallet svg{width:14px;height:14px;color:var(--rch-gold)}.rch-wallet span:last-child svg{color:#69e7ff}.rch-campaign-hero{color:#fff;background:radial-gradient(circle at 14% 6%,#5cffce3d,#0000 32%),radial-gradient(circle at 95% 90%,#ff609840,#0000 36%),linear-gradient(135deg,#071839 0%,#1a2f70 50%,#61285c 100%);border:1px solid #74e6d442;border-radius:28px;grid-template-columns:92px 1fr auto;align-items:center;gap:14px;min-height:152px;padding:20px;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 65px -38px #1ed2bbb3}.rch-campaign-hero:after{content:"";pointer-events:none;background:repeating-linear-gradient(115deg,#0000 0 23px,#ffffff06 24px 25px);position:absolute;inset:0}.rch-campaign-hero p,.rch-level-header small{color:#7ff5d1;letter-spacing:.15em;margin:0;font-size:10px;font-weight:900}.rch-campaign-hero h1{letter-spacing:-.04em;margin:2px 0 0;font-size:clamp(29px,7vw,44px);font-weight:950;line-height:.98}.rch-campaign-hero h1 span{color:var(--rch-gold)}.rch-campaign-hero h2{color:#ffffffb3;margin:7px 0 0;font-size:12px;font-weight:650}.rch-hero-art{width:84px;height:105px;position:relative}.rch-hero-art .rch-rope{background:repeating-linear-gradient(0deg,#9e6034 0 7px,#f2c77a 7px 13px);border-radius:6px;width:6px;height:78px;position:absolute;top:-28px;left:39px;transform:rotate(7deg);box-shadow:0 0 14px #ffd76638}.rch-hero-art .rch-chest{border:4px solid var(--rch-gold);background:linear-gradient(#9b4b29 0 45%,#66311e 45% 100%);border-radius:16px 16px 9px 9px;width:62px;height:50px;position:absolute;bottom:8px;left:13px;transform:rotate(6deg);box-shadow:0 14px 28px #0000004d,inset 0 0 18px #ffd86f2e}.rch-hero-art .rch-chest:after{content:"";background:var(--rch-gold);border-radius:3px;width:10px;height:16px;position:absolute;top:17px;left:23px}.rch-hero-art svg{color:#fff;filter:drop-shadow(0 4px 5px #0006);width:32px;height:32px;position:absolute;top:24px;right:-2px;transform:rotate(-28deg)}.rch-progress-ring{z-index:1;border:5px solid #ffffff21;border-top-color:var(--rch-mint);border-right-color:var(--rch-gold);background:#060f258c;border-radius:50%;place-items:center;width:64px;height:64px;display:grid;position:relative;box-shadow:inset 0 0 0 4px #ffffff09}.rch-progress-ring strong{font-size:18px;line-height:1}.rch-progress-ring span{color:#ffffff94;margin-top:-10px;font-size:9px}.rch-resume-card{justify-content:space-between;align-items:center;gap:12px;margin:12px 0;display:flex;background:linear-gradient(135deg,#1d4c4fc7,#1e2956c7)!important;border-color:#5af0bf59!important;padding:12px!important}.rch-resume-card>div{align-items:center;gap:9px;min-width:0;display:flex}.rch-resume-card svg{width:20px;color:var(--rch-mint);flex:none}.rch-resume-card span{flex-direction:column;min-width:0;display:flex}.rch-resume-card small{color:var(--rch-mint);letter-spacing:.1em;font-size:9px;font-weight:900}.rch-resume-card b{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.rch-resume-card button{background:var(--rch-mint);color:#062820;border-radius:12px;font-weight:900}.rch-chapter{border:1px solid hsl(var(--border) / .65);background:hsl(var(--card) / .62);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:22px;margin:18px 0 0;padding:14px}.rch-chapter-heading{justify-content:space-between;align-items:flex-end;gap:10px;margin-bottom:10px;display:flex}.rch-chapter-heading small{color:var(--rch-mint);letter-spacing:.13em;font-size:9px;font-weight:900}.rch-chapter-heading h2{letter-spacing:-.02em;margin:1px 0 0;font-size:18px;font-weight:900}.rch-chapter-heading>span{background:hsl(var(--muted) / .55);color:hsl(var(--muted-foreground));border-radius:999px;padding:5px 8px;font-size:10px;font-weight:800}.rch-chapter.chapter-2 .rch-chapter-heading small{color:#ff7ba4}.rch-chapter.chapter-3 .rch-chapter-heading small{color:#72d9ff}.rch-chapter.chapter-4 .rch-chapter-heading small{color:var(--rch-gold)}.rch-chapter.chapter-5 .rch-chapter-heading small{color:#ffad5b}.rch-chapter.chapter-6 .rch-chapter-heading small{color:#d49bff}.rch-level-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.rch-level{border:1px solid hsl(var(--border) / .62);background:hsl(var(--background) / .58);text-align:left;border-radius:15px;grid-template-columns:39px minmax(0,1fr) 18px;align-items:center;gap:8px;min-height:59px;padding:8px;transition:transform .14s,border-color .14s,background .14s;display:grid}.rch-level:not(:disabled):active{transform:scale(.98)}.rch-level.unlocked:not(:disabled){background:linear-gradient(135deg, #27585357, hsl(var(--background) / .68));border-color:#5af0bf47}.rch-level.completed{background:linear-gradient(135deg, #7653173d, hsl(var(--background) / .65));border-color:#ffd76657}.rch-level:disabled{opacity:.48}.rch-level-number{color:#fff;background:linear-gradient(135deg,#1f5794,#663a84);border-radius:12px;place-items:center;width:39px;height:39px;font-size:13px;font-weight:950;display:grid;box-shadow:0 7px 15px -9px #000}.rch-level.completed .rch-level-number{color:#422700;background:linear-gradient(135deg,#d6922e,#ffcf59)}.rch-level-number svg{width:18px;height:18px}.rch-level-copy{flex-direction:column;min-width:0;display:flex}.rch-level-copy b{text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.2;overflow:hidden}.rch-level-copy small{color:hsl(var(--muted-foreground));letter-spacing:.03em;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:8px;font-weight:800;overflow:hidden}.rch-level-play{width:15px;height:15px;color:var(--rch-mint)}.rch-rules-card{gap:10px;margin:16px 0;display:flex;background:linear-gradient(135deg,#162950b8,#50244d9e)!important;padding:13px!important}.rch-rules-card>svg{width:21px;color:var(--rch-gold);flex:none}.rch-rules-card div{flex-direction:column;display:flex}.rch-rules-card b{font-size:12px}.rch-rules-card span{color:hsl(var(--muted-foreground));margin-top:2px;font-size:10px;line-height:1.45}.rch-level-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:9px;padding:0 4px;display:flex}.rch-level-header h1{letter-spacing:-.03em;margin:1px 0 0;font-size:22px;font-weight:950;line-height:1}.rch-level-header p{color:hsl(var(--muted-foreground));margin:3px 0 0;font-size:10px}.rch-live-badge{color:var(--rch-gold);letter-spacing:.06em;background:#553d0f38;border:1px solid #ffd76647;border-radius:999px;align-items:center;gap:5px;padding:7px 9px;font-size:9px;font-weight:900;display:inline-flex}.rch-live-badge svg{width:13px;height:13px}.rch-live-badge.live{color:var(--rch-mint);background:#23755b33;border-color:#5af0bf61}.rch-live-badge.failed{color:#ff718a}.rch-start-card,.rch-result-card{text-align:center;position:relative;overflow:hidden;background:radial-gradient(circle at 50% -10%, #5bf1c130, transparent 37%), linear-gradient(145deg, hsl(var(--card) / .96), hsl(var(--card) / .75))!important;border-radius:24px!important;padding:20px!important}.rch-start-vault{width:92px;height:92px;box-shadow:0 0 0 8px #ffffff06, 0 18px 40px -24px var(--rch-gold);background:radial-gradient(circle,#1d396b,#07152f 72%);border:2px solid #ffd76666;border-radius:50%;place-items:center;margin:0 auto 13px;display:grid;position:relative}.rch-start-vault:before,.rch-start-vault:after{content:"";background:#ffd76673;position:absolute}.rch-start-vault:before{width:3px;height:82px}.rch-start-vault:after{width:82px;height:3px}.rch-start-vault svg{z-index:2;color:#fff;width:37px;height:37px;position:relative;transform:rotate(-25deg)}.rch-start-vault span{z-index:1;border:3px solid var(--rch-gold);border-radius:8px;width:38px;height:30px;position:absolute}.rch-start-card>p{width:min(100%,430px);color:hsl(var(--muted-foreground));margin:0 auto 14px;font-size:12px;line-height:1.5}.rch-start-economy{flex-wrap:wrap;justify-content:center;gap:7px;margin-bottom:13px;display:flex}.rch-start-economy span{border:1px solid hsl(var(--border) / .68);background:hsl(var(--background) / .52);border-radius:999px;align-items:center;gap:5px;min-height:30px;padding:0 9px;font-size:10px;font-weight:850;display:inline-flex}.rch-start-economy svg{width:13px;height:13px;color:var(--rch-gold)}.rch-start-economy span:nth-child(2) svg{color:#69e7ff}.rch-start-economy span:nth-child(3) svg{color:var(--rch-mint)}.rch-practice-note{color:var(--rch-gold);margin:-3px 0 12px;font-size:10px;font-weight:750}.rch-primary{min-height:47px;color:#052b22!important;background:linear-gradient(135deg,#54ebb8,#27ba8c)!important;border:0!important;border-radius:14px!important;font-weight:950!important;box-shadow:0 13px 26px -16px #29dba4!important}.rch-primary svg{width:18px;height:18px}.rch-start-card>.rch-primary{width:min(100%,340px)}.rch-hud-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:7px;display:grid}.rch-hud-row>div{border:1px solid hsl(var(--border) / .6);background:hsl(var(--card) / .76);border-radius:13px;justify-content:center;align-items:center;gap:6px;min-height:44px;display:flex}.rch-hud-row svg{width:17px;height:17px;color:var(--rch-mint)}.rch-hud-row>div:nth-child(2) svg{color:var(--rch-gold);fill:#ffd7663d}.rch-hud-row span{flex-direction:column;display:flex}.rch-hud-row small{color:hsl(var(--muted-foreground));letter-spacing:.08em;font-size:7px;font-weight:850}.rch-hud-row b{font-size:12px;line-height:1.1}.rch-time-track{background:#060d1fbf;border-radius:999px;height:19px;margin-bottom:7px;position:relative;overflow:hidden}.rch-time-track i{border-radius:inherit;background:linear-gradient(90deg,#ff5b76,#ffd75e,#51ecb7);transition:width .12s linear;position:absolute;inset:0 auto 0 0}.rch-time-track span{z-index:1;color:#fff;letter-spacing:.05em;text-shadow:0 1px 3px #000;place-items:center;height:100%;font-size:8px;font-weight:900;display:grid;position:relative}.rch-observe-mode{color:#c9f5ff;letter-spacing:.05em;text-transform:uppercase;background:#061830c7;border:1px solid #7ee8ff3d;border-radius:999px;justify-content:center;align-items:center;gap:5px;min-height:20px;margin-bottom:7px;font-size:8px;font-weight:850;display:flex}.rch-observe-mode svg{width:12px;height:12px}.rch-canvas-frame{aspect-ratio:390/640;touch-action:none;-webkit-user-select:none;user-select:none;background:#07142f;border:1px solid #6fead040;border-radius:22px;width:100%;max-height:min(68dvh,660px);position:relative;overflow:hidden;box-shadow:0 18px 48px -27px #31d2bbb3}.rch-canvas{width:100%;height:100%}.rch-canvas canvas{object-fit:contain;touch-action:none;display:block;width:100%!important;height:100%!important}.rch-canvas-loading{z-index:4;color:#fff;background:linear-gradient(145deg,#07142f,#29205d);place-content:center;justify-items:center;gap:11px;display:grid;position:absolute;inset:0}.rch-canvas-loading i,.rch-loading i{border:3px solid #ffffff2e;border-top-color:var(--rch-mint);border-radius:50%;width:31px;height:31px;animation:.75s linear infinite rch-spin}.rch-canvas-loading b{font-size:11px}.rch-hint{min-height:38px;color:hsl(var(--muted-foreground));background:#583f122e;border:1px solid #ffd76633;border-radius:12px;align-items:center;gap:7px;margin-top:7px;padding:7px 10px;font-size:10px;line-height:1.35;display:flex}.rch-hint svg{width:15px;height:15px;color:var(--rch-gold);flex:none}.rch-result-card.won{border-color:#5af0bf61!important}.rch-result-card.failed{border-color:#ff5f784d!important}.rch-result-icon{color:#063326;background:linear-gradient(135deg,#4ce8b4,#1b9e77);border-radius:50%;place-items:center;width:66px;height:66px;margin:0 auto 10px;display:grid;box-shadow:0 0 0 7px #59f0bf14}.rch-result-card.failed .rch-result-icon{color:#fff;background:linear-gradient(135deg,#ff7890,#bd294e);box-shadow:0 0 0 7px #ff5a7d14}.rch-result-icon svg{width:31px;height:31px}.rch-result-card>small{color:var(--rch-mint);letter-spacing:.14em;font-size:9px;font-weight:950}.rch-result-card.failed>small{color:#ff7890}.rch-result-card h2{letter-spacing:-.03em;margin:4px 0 0;font-size:24px;font-weight:950}.rch-result-card>p{width:min(100%,430px);color:hsl(var(--muted-foreground));margin:7px auto 15px;font-size:11px;line-height:1.5}.rch-result-stats{grid-template-columns:repeat(3,1fr);gap:7px;margin:0 0 13px;display:grid}.rch-result-stats span{border:1px solid hsl(var(--border) / .55);background:hsl(var(--background) / .48);text-align:left;border-radius:13px;grid-template-columns:18px 1fr;align-items:center;padding:9px 7px;display:grid}.rch-result-stats svg{width:15px;height:15px;color:var(--rch-gold);grid-row:span 2}.rch-result-stats b{font-size:13px}.rch-result-stats small{color:hsl(var(--muted-foreground));text-transform:uppercase;font-size:7px}.rch-reward-burst{text-align:left;background:linear-gradient(135deg,#2673894d,#3e36804d);border:1px solid #66e6ff47;border-radius:14px;grid-template-columns:25px 1fr;align-items:center;width:min(100%,330px);margin:0 auto 14px;padding:10px 13px;display:grid}.rch-reward-burst svg{color:#6eeaff;grid-row:span 2;width:20px}.rch-reward-burst b{font-size:13px}.rch-reward-burst span{color:hsl(var(--muted-foreground));font-size:9px}.rch-result-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.rch-result-actions button{border-radius:14px;min-height:46px;font-size:11px;font-weight:900}.rch-loading{place-content:center;justify-items:center;gap:10px;min-height:180px;margin:13px 0;font-size:11px;display:grid;background:hsl(var(--card) / .7)!important}.rch-error{color:#ff9aaa;text-align:center;background:#841c3538;border:1px solid #ff5b765c;border-radius:12px;margin:10px 0;padding:9px 11px;font-size:10px;line-height:1.4}.rch-modal-backdrop{z-index:80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#030816c7;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.rch-exit-modal{text-align:center;gap:10px;width:min(100%,350px);display:grid;border-radius:22px!important;padding:20px!important}.rch-modal-x{color:#ff7089;background:#ff5b7624;border-radius:50%;width:34px;height:34px;margin:0 auto;padding:8px}.rch-exit-modal h2{margin:0;font-size:19px;font-weight:950}.rch-exit-modal p{color:hsl(var(--muted-foreground));margin:0 0 3px;font-size:11px;line-height:1.45}.rch-exit-modal button{border-radius:13px;min-height:43px;font-weight:850}@keyframes rch-spin{to{transform:rotate(360deg)}}@media (width<=500px){.rch-campaign-hero{border-radius:22px;grid-template-columns:76px minmax(0,1fr) 55px;gap:9px;min-height:133px;padding:14px 12px}.rch-hero-art{transform-origin:0;width:70px;transform:scale(.87)}.rch-progress-ring{border-width:4px;width:54px;height:54px}.rch-campaign-hero h1{font-size:clamp(25px,7.7vw,34px)}.rch-campaign-hero h2{font-size:10px}.rch-level-grid{grid-template-columns:1fr}.rch-chapter{padding:12px}.rch-canvas-frame{border-radius:18px;min-height:440px;max-height:calc(100dvh - 214px)}}@media (width<=360px){.rch-wallet span{padding:0 7px;font-size:10px}.rch-campaign-hero{grid-template-columns:64px minmax(0,1fr) 48px}.rch-hero-art{transform:scale(.76)}.rch-progress-ring{width:48px;height:48px}.rch-campaign-hero p{letter-spacing:.1em;font-size:8px}.rch-campaign-hero h1{font-size:24px}.rch-level-header h1{font-size:19px}.rch-canvas-frame{min-height:410px}}@media (prefers-reduced-motion:reduce){.rch-canvas-loading i,.rch-loading i{animation-duration:2s}.rch-level,.rch-time-track i{transition:none}}.rch-game-page{box-sizing:border-box;padding:max(6px, env(safe-area-inset-top)) 8px max(8px, env(safe-area-inset-bottom))}.rch-game-page.is-playing{flex-direction:column;height:100dvh;min-height:0;display:flex;overflow:hidden}.rch-game-page.is-playing .rch-topbar{flex:0 0 42px;min-height:42px;margin:0 0 5px}.rch-back-button,.rch-hint-button{min-width:74px}.rch-compact-title{text-align:center;flex-direction:column;flex:auto;min-width:0;padding:0 6px;display:flex}.rch-compact-title small{color:var(--rch-mint);letter-spacing:.12em;font-size:8px;font-weight:900}.rch-compact-title b{text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.2;overflow:hidden}.rch-hint-button{min-height:34px!important;color:var(--rch-gold)!important;background:#5c431361!important;border-color:#ffd7666b!important;border-radius:999px!important;font-size:10px!important;font-weight:900!important}.rch-hint-button svg{width:14px;height:14px}.rch-topbar-spacer{width:74px}.rch-playfield{flex:auto;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.rch-game-page.is-playing .rch-canvas-frame{aspect-ratio:auto;border-radius:18px;width:100%;height:100%;min-height:0;max-height:none}.rch-game-page.is-playing .rch-canvas{justify-content:center;align-items:center;display:flex}.rch-game-page.is-playing .rch-canvas canvas{width:auto!important;max-width:100%!important;height:auto!important;max-height:100%!important}.rch-hud-overlay{z-index:3;pointer-events:none;position:absolute;top:8px;left:8px;right:8px}.rch-hud-overlay .rch-hud-row{gap:4px;width:min(100%,300px);margin:0 auto 4px}.rch-hud-overlay .rch-hud-row>div{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#06112bc7;border-color:#ffffff24;min-height:34px}.rch-hud-overlay .rch-time-track{background:#060d1fd1;width:min(100%,300px);height:14px;margin:0 auto}.rch-hud-overlay .rch-observe-mode{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:min(100%,300px);min-height:18px;margin:0 auto}.rch-playfield>.rch-hint{z-index:5;color:#fff;pointer-events:none;background:#07142feb;border-color:#ffd76666;max-width:430px;margin:0 auto;animation:.18s ease-out rch-hint-in;position:absolute;bottom:10px;left:10px;right:10px;box-shadow:0 12px 34px #00000061}@keyframes rch-hint-in{0%{opacity:0;transform:translateY(8px)}}@media (width<=500px){.rch-game-page.is-playing .rch-canvas-frame{min-height:0;max-height:none}.rch-game-page.is-playing .rch-topbar button{padding-left:9px;padding-right:9px}}@media (height<=620px){.rch-game-page.is-playing .rch-topbar{flex-basis:38px;min-height:38px}.rch-hud-overlay{top:5px}.rch-hud-overlay .rch-hud-row>div{min-height:31px}}.rch-v3-campaign{max-width:760px}.rch-v3-hero{background:radial-gradient(circle at 12% 5%,#5ff2d84d,#0000 31%),radial-gradient(circle at 92% 85%,#ff549a52,#0000 36%),linear-gradient(132deg,#06132f 0%,#203e81 49%,#741e62 100%);border-color:#64ebff57;box-shadow:0 24px 70px -38px #39e2ffe0,inset 0 1px #ffffff1f}.rch-v3-badges{flex-wrap:wrap;gap:5px;margin-top:9px;display:flex}.rch-v3-badges span{color:#ffffffd1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#040c2161;border:1px solid #ffffff26;border-radius:999px;align-items:center;gap:4px;min-height:23px;padding:0 7px;font-size:8px;font-weight:850;display:inline-flex}.rch-v3-badges svg{color:#74f0ff;width:11px;height:11px}.rch-v3-notice{color:#98f7d9;text-align:center;background:#23755b29;border:1px solid #5af0bf52;border-radius:13px;margin:10px 0;padding:10px 12px;font-size:10px;font-weight:750}.rch-skill-label{color:#8cedff;letter-spacing:.09em;text-transform:uppercase;background:#1f62792e;border:1px solid #67eaff47;border-radius:999px;margin:0 auto 7px;padding:5px 9px;font-size:9px;font-weight:900;display:inline-flex}.rch-engine-chip{color:#aef4ffc7;letter-spacing:.12em;background:#041028bd;border:1px solid #67eaff33;border-radius:999px;width:max-content;max-width:100%;margin:0 auto 4px;padding:2px 7px;font-size:6.5px;font-weight:900}.rch-canvas-frame[data-engine=fixed-step-rope-v3]{background:#040b1b;border-color:#65edff57;box-shadow:0 20px 56px -26px #3de2ff75,inset 0 0 0 1px #ffffff09}.rch-canvas-frame[data-engine=fixed-step-rope-v3]:after{content:"";z-index:2;border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 70px #00000038}@media (width<=500px){.rch-v3-hero{grid-template-columns:66px minmax(0,1fr) 50px}.rch-v3-badges{margin-top:6px}.rch-v3-badges span{min-height:19px;padding:0 5px;font-size:6.8px}.rch-v3-badges svg{width:9px;height:9px}}@media (width<=360px){.rch-v3-badges span:last-child,.rch-engine-chip{display:none}}.ss-board{--ss-sky-a:#ff7b54;--ss-sky-b:#4b2a78;--ss-sky-c:#101633;--ss-primary:#ffcb74;--ss-secondary:#ff6b6b;--ss-glow:#ffcb747a;color:#fff;background:linear-gradient(180deg, var(--ss-sky-a), var(--ss-sky-b) 46%, var(--ss-sky-c));-webkit-user-select:none;user-select:none;touch-action:manipulation;isolation:isolate;-webkit-tap-highlight-color:transparent;border:1px solid #ffffff21;border-radius:30px;width:min(100%,560px);height:min(680px,100dvh - 118px);min-height:540px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 30px 80px #03081e75,inset 0 1px #ffffff2e}.ss-board:focus-visible{outline:3px solid var(--ss-primary);outline-offset:3px}.ss-board.world-neon{--ss-sky-a:#071735;--ss-sky-b:#181356;--ss-sky-c:#020512;--ss-primary:#2de2e6;--ss-secondary:#ff42a1;--ss-glow:#2de2e680}.ss-board.world-gold{--ss-sky-a:#45230a;--ss-sky-b:#17142c;--ss-sky-c:#050714;--ss-primary:#ffd65a;--ss-secondary:#ff7a45;--ss-glow:#ffd65a80}.ss-board.world-aurora{--ss-sky-a:#061c36;--ss-sky-b:#102955;--ss-sky-c:#030812;--ss-primary:#72ffd0;--ss-secondary:#b27cff;--ss-glow:#72ffd080}.ss-board:before{content:"";z-index:-1;opacity:.46;background:radial-gradient(circle at 20% 15%, #ffffff47, transparent 16%), radial-gradient(circle at 78% 22%, color-mix(in srgb, var(--ss-primary) 45%, transparent), transparent 23%);position:absolute;inset:0}.ss-sky{pointer-events:none;position:absolute;inset:0;overflow:hidden}.ss-stars i{background:#fff;border-radius:50%;width:2px;height:2px;animation:2.5s ease-in-out infinite alternate ss-twinkle;position:absolute;box-shadow:0 0 8px #fff}.ss-stars i:first-child{top:14%;left:8%}.ss-stars i:nth-child(2){animation-delay:.4s;top:28%;left:18%}.ss-stars i:nth-child(3){animation-delay:1.1s;top:10%;left:28%}.ss-stars i:nth-child(4){animation-delay:.8s;top:22%;left:39%}.ss-stars i:nth-child(5){animation-delay:1.7s;top:13%;left:52%}.ss-stars i:nth-child(6){top:27%;left:65%}.ss-stars i:nth-child(7){animation-delay:.2s;top:11%;left:76%}.ss-stars i:nth-child(8){animation-delay:1.2s;top:24%;left:90%}.ss-stars i:nth-child(9){animation-delay:.7s;top:39%;left:12%}.ss-stars i:nth-child(10){top:35%;left:31%}.ss-stars i:nth-child(11){animation-delay:1.4s;top:40%;left:57%}.ss-stars i:nth-child(12){animation-delay:.5s;top:37%;left:83%}.ss-stars i:nth-child(13){animation-delay:1.8s;top:52%;left:5%}.ss-stars i:nth-child(14){top:48%;left:22%}.ss-stars i:nth-child(15){animation-delay:.3s;top:54%;left:46%}.ss-stars i:nth-child(16){animation-delay:1s;top:50%;left:69%}.ss-stars i:nth-child(17){animation-delay:.6s;top:49%;left:88%}.ss-stars i:nth-child(18){animation-delay:1.5s;top:8%;left:95%}.ss-moon{opacity:.9;background:linear-gradient(145deg,#fffad9,#ffd678);border-radius:50%;width:48px;height:48px;position:absolute;top:14%;right:12%;box-shadow:0 0 35px #ffe6968c}.world-neon .ss-moon,.world-gold .ss-moon{opacity:.65;width:38px;height:38px}.world-aurora .ss-moon{background:#ddf7ff;box-shadow:0 0 38px #9ee5ffb3}.ss-aurora{opacity:0;filter:blur(16px);position:absolute;inset:-20% -30% 35%;transform:rotate(-8deg)}.world-aurora .ss-aurora{opacity:.58}.ss-aurora i{border-top:16px solid #48ffbd;border-radius:50%;width:70%;height:24%;animation:5s ease-in-out infinite alternate ss-aurora;position:absolute}.ss-aurora i:first-child{top:28%;left:4%}.ss-aurora i:nth-child(2){border-color:#7aa6ff;animation-delay:1s;top:42%;left:26%}.ss-aurora i:nth-child(3){border-color:#c979ff;animation-delay:2s;top:55%;left:0}.ss-city{opacity:.75;filter:drop-shadow(0 -6px 22px #0003);align-items:flex-end;gap:3px;height:150px;display:flex;position:absolute;bottom:84px;left:-2%;right:-2%}.ss-city:after{content:"";background:#030716;height:42px;position:absolute;bottom:-20px;left:0;right:0}.ss-city>i{height:calc(35px + (var(--building,1) * 11px));background:linear-gradient(90deg,#05091b,#111b38 55%,#06091a);border-top:1px solid #ffffff1a;flex:1;min-width:18px;position:relative}.ss-city>i:nth-child(2n){height:82px}.ss-city>i:nth-child(3n){height:116px}.ss-city>i:nth-child(5n){height:63px}.ss-city>i:nth-child(7n){height:136px}.ss-city>i:nth-child(11n){height:96px}.ss-city>i>b{opacity:.65;background:repeating-linear-gradient(180deg,var(--ss-primary) 0 2px,transparent 2px 9px);position:absolute;inset:9px 5px;-webkit-mask:repeating-linear-gradient(90deg,#000 0 2px,#0000 2px 6px);mask:repeating-linear-gradient(90deg,#000 0 2px,#0000 2px 6px)}.ss-hud{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0307186b;border:1px solid #ffffff24;border-radius:19px;grid-template-columns:68px 1fr 68px;align-items:center;gap:12px;height:62px;padding:8px 12px;display:grid;position:absolute;top:14px;left:14px;right:14px;box-shadow:0 14px 34px #00000029}.ss-hud>div:first-child,.ss-hud>div:last-child{flex-direction:column;display:flex}.ss-hud>div:last-child{text-align:right}.ss-hud small{letter-spacing:.15em;color:#ffffff9e;font-size:8px;font-weight:900}.ss-hud b{font-variant-numeric:tabular-nums;text-shadow:0 3px 12px #00000040;font-size:22px;font-weight:950;line-height:1}.ss-hud b em{color:#ffffff8c;font-size:11px;font-style:normal}.ss-hud .hot b{color:var(--ss-primary);filter:drop-shadow(0 0 8px var(--ss-glow));animation:.32s ease-out ss-pop}.ss-progress{background:#0000004d;border-radius:99px;height:8px;overflow:hidden;box-shadow:inset 0 1px 3px #00000080}.ss-progress i{border-radius:inherit;background:linear-gradient(90deg,var(--ss-secondary),var(--ss-primary));height:100%;box-shadow:0 0 10px var(--ss-glow);transition:width .25s;display:block}.ss-stage{perspective:900px;position:absolute;inset:72px 0 102px;overflow:hidden}.ss-world{--camera-floor:0;--camera-step:19px;width:1px;height:1px;transform-style:preserve-3d;transform:translateY(calc(var(--camera-floor) * var(--camera-step))) rotateX(59deg) rotateZ(45deg);transition:transform .32s cubic-bezier(.2,.8,.2,1);position:absolute;top:57%;left:50%}.ss-foundation{opacity:1;background:radial-gradient(circle,#ffffff2e,#040818db 67%);border-radius:18px;width:350px;height:285px;transition:opacity .32s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)translateZ(-18px);box-shadow:0 30px 90px #000000bf,inset 0 0 0 2px #ffffff14}.ss-board.is-climbing .ss-foundation{opacity:0}.ss-block{width:var(--block-width);height:var(--block-depth);opacity:var(--block-opacity,1);transform-style:preserve-3d;transform:translate(-50%,-50%) translate3d(var(--block-x),var(--block-y),var(--block-z));background:hsl(var(--block-hue) 62% 24%);will-change:transform,width,height;border-radius:7px;transition:opacity .22s;position:absolute;top:50%;left:50%;box-shadow:0 16px 22px #00000042}.ss-block>i{background:linear-gradient(145deg,hsl(var(--block-hue) 88% 68%),hsl(calc(var(--block-hue) + 18) 76% 46%));border:1px solid #ffffff5c;border-radius:7px;position:absolute;inset:0;transform:translateZ(20px);box-shadow:inset 0 2px 5px #ffffff3d,inset -8px -9px 18px #0000002e}.ss-block>i:before{content:"";opacity:0;pointer-events:none;border-radius:4px;position:absolute;inset:6px}.world-neon .ss-block>i:before{opacity:.45;background:repeating-linear-gradient(90deg,#ffffff6b 0 1px,#0000 1px 17px),repeating-linear-gradient(0deg,#fff3 0 1px,#0000 1px 17px)}.world-gold .ss-block>i:before{opacity:.36;background:repeating-linear-gradient(135deg,#ffffff7a 0 2px,#0000 2px 14px)}.world-aurora .ss-block>i:before{opacity:.46;background:radial-gradient(circle at 18% 25%,#ffffffbf 0 2px,#0000 3px),linear-gradient(120deg,#ffffff40,#0000 42%)}.ss-block>b{transform-origin:top;background:linear-gradient(180deg,hsl(var(--block-hue) 65% 37%),hsl(var(--block-hue) 69% 20%));border-radius:0 0 5px 5px;height:20px;position:absolute;bottom:-20px;left:5%;right:5%;transform:rotateX(-90deg)}.ss-block.golden>i{background:linear-gradient(145deg,#fff4a9,#ffc52f 45%,#c87708);border-color:#fff6be;box-shadow:inset 0 2px 5px #ffffffa6,0 0 20px #ffce3fa6}.ss-block.golden>b{background:linear-gradient(#d89111,#714006)}.ss-block.perfect>i{animation:.52s ease-out ss-perfect-block}.ss-block.moving>i{box-shadow:inset 0 2px 5px #ffffff5c,0 0 25px var(--ss-glow)}.ss-block.moving:after{content:"";border:2px solid #ffffff94;border-radius:11px;animation:.75s ease-in-out infinite alternate ss-moving-outline;position:absolute;inset:-7px;transform:translateZ(21px)}.ss-block.moving.burst>i{animation:.34s ease-in-out infinite alternate ss-boost-block}.ss-block.moving.precision:after{border-style:dashed;border-color:#77fff0;box-shadow:0 0 20px #52ffe2cc}.ss-block.falling{pointer-events:none;animation:1.1s cubic-bezier(.35,.02,.7,.3) forwards ss-fall-piece}.ss-precision-zone{width:var(--zone-width);height:var(--zone-depth);transform:translate(-50%,-50%) translate3d(var(--zone-x),var(--zone-y),var(--zone-z));color:#d9fff7;pointer-events:none;background:radial-gradient(circle,#5bffd547,#2bffe014 48%,#0000 52%);border:3px dashed #74ffe0f2;border-radius:13px;place-items:center;animation:.64s ease-in-out infinite alternate ss-precision-zone;display:grid;position:absolute;top:50%;left:50%;box-shadow:inset 0 0 20px #3bffd85c,0 0 24px #3bffd86b}.ss-precision-zone>i{border:3px solid #eafff9;border-radius:50%;width:18px;height:18px;box-shadow:0 0 0 7px #5cffde38,0 0 18px #5cffdee6}.ss-precision-zone>b{letter-spacing:.12em;background:#021c1db8;border-radius:99px;padding:3px 7px;font-size:7px;position:absolute;top:8px}.ss-landmark{width:var(--landmark-width);height:var(--landmark-depth);transform:translate(-50%,-50%) translate3d(var(--landmark-x),var(--landmark-y),var(--landmark-z));border:2px solid color-mix(in srgb,var(--ss-primary) 76%,#fff);color:#07111e;background:radial-gradient(circle,#ffffffd1 0 8%,var(--ss-primary) 9% 19%,#ffffff1f 20% 48%,transparent 50%);box-shadow:0 0 22px var(--ss-glow),inset 0 0 14px #ffffff42;pointer-events:none;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%}.ss-landmark>i{border:1px solid #ffffff61;border-radius:50%;animation:2.4s linear infinite ss-landmark-ring;position:absolute;inset:-8px}.ss-landmark>b{background:#fff;border-radius:50%;place-items:center;width:24px;height:24px;font-size:10px;display:grid;box-shadow:0 0 14px #fff}.ss-crown{width:180px;height:145px;transform:translate(-50%,-50%) translate3d(0,0,var(--crown-z,514px)) rotateZ(-45deg) rotateX(-59deg);transform-style:preserve-3d;place-items:center;animation:.9s cubic-bezier(.2,.85,.2,1) both ss-crown-drop;display:grid;position:absolute;top:50%;left:50%}.ss-crown>i{transform-origin:bottom;clip-path:polygon(50% 0,100% 100%,0 100%);filter:drop-shadow(0 0 10px #ffcd41bf);background:linear-gradient(90deg,#ff9b20,#fff59d,#ffb318);width:44px;height:80px;position:absolute;bottom:45px}.ss-crown>i:first-child{left:24px;transform:rotate(-15deg)}.ss-crown>i:nth-child(2){height:104px;left:68px}.ss-crown>i:nth-child(3){right:24px;transform:rotate(15deg)}.ss-crown>b{color:#351b00;letter-spacing:.18em;background:linear-gradient(#fff7a8,#f2a411);border-radius:8px;place-items:center;height:38px;font-size:13px;display:grid;position:absolute;bottom:22px;left:12px;right:12px;box-shadow:0 8px 24px #ffbc1e8c}.ss-feedback{z-index:22;color:#fff;box-shadow:0 8px 28px #00000040,0 0 22px var(--ss-glow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.12em;white-space:nowrap;background:#03081cad;border:1px solid #ffffff47;border-radius:99px;padding:9px 16px;font-size:13px;font-weight:950;animation:.42s cubic-bezier(.2,.9,.2,1) both ss-feedback;position:absolute;top:23%;left:50%;transform:translate(-50%)}.ss-control{z-index:20;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;display:grid;position:absolute;bottom:14px;left:16px;right:16px}.ss-control>small{text-align:right;color:#ffffffb8;letter-spacing:.07em;justify-self:end;max-width:98px;font-size:8px;font-weight:900;line-height:1.2}.ss-axis{color:#ffffffb3;letter-spacing:.08em;align-items:center;gap:6px;font-size:8px;font-weight:900;line-height:1.2;display:flex}.ss-axis i{background:var(--ss-primary);width:20px;height:2px;box-shadow:0 0 8px var(--ss-glow);border-radius:99px;animation:1s ease-in-out infinite alternate ss-axis}.ss-tap{background:linear-gradient(145deg,var(--ss-primary),var(--ss-secondary));background:linear-gradient(145deg,color-mix(in srgb,var(--ss-primary) 80%,#fff),var(--ss-secondary));color:#07111e;min-width:154px;height:64px;box-shadow:0 10px 26px #0000004d,0 0 22px var(--ss-glow),inset 0 2px #fff6;letter-spacing:.07em;border:1px solid #ffffff4d;border-radius:22px;justify-content:center;align-items:center;gap:9px;font-size:12px;font-weight:950;animation:1.15s ease-in-out infinite alternate ss-tap-breathe;display:flex}.ss-tap i{border:3px solid;border-radius:50%;width:18px;height:18px;box-shadow:0 0 0 4px #ffffff3d}.ss-tap.precision{background:linear-gradient(145deg,#8dffe4,#28d6be)}.ss-tap.burst{background:linear-gradient(145deg,#fff177,#ff783c);animation-duration:.48s}.ss-tap.gold{background:linear-gradient(145deg,#fff5a2,#ffb51f)}.ss-board:active .ss-tap{transform:translateY(2px)scale(.98)}.ss-fireworks{z-index:19;pointer-events:none;position:absolute;inset:60px 0 90px}.ss-fireworks i{--ray:0deg;background:var(--ss-primary);border-radius:50%;width:6px;height:6px;animation:1.15s ease-out infinite ss-firework;position:absolute;top:40%;left:50%;box-shadow:0 0 10px}.ss-fireworks i:nth-child(3n){background:#ff60a8;top:34%;left:28%}.ss-fireworks i:nth-child(3n+1){background:#62eaff;top:29%;left:72%}.ss-fireworks i:nth-child(4n){animation-delay:.25s}.ss-fireworks i:nth-child(5n){animation-delay:.5s}.ss-fireworks i:first-child{--ray:15deg}.ss-fireworks i:nth-child(2){--ray:45deg}.ss-fireworks i:nth-child(3){--ray:75deg}.ss-fireworks i:nth-child(4){--ray:105deg}.ss-fireworks i:nth-child(5){--ray:135deg}.ss-fireworks i:nth-child(6){--ray:165deg}.ss-fireworks i:nth-child(7){--ray:195deg}.ss-fireworks i:nth-child(8){--ray:225deg}.ss-fireworks i:nth-child(9){--ray:255deg}.ss-fireworks i:nth-child(10){--ray:285deg}.ss-fireworks i:nth-child(11){--ray:315deg}.ss-fireworks i:nth-child(12){--ray:345deg}.ss-fireworks i:nth-child(n+13){--ray:225deg;animation-delay:.65s}.ss-board.is-won .ss-world{animation:5s ease-in-out infinite alternate ss-orbit}.ss-board.is-failed .ss-stage{animation:.36s ease-out ss-shake}@keyframes ss-twinkle{to{opacity:.25;transform:scale(.55)}}@keyframes ss-aurora{to{transform:translate(10%,8%)scaleY(1.3)}}@keyframes ss-pop{50%{transform:scale(1.22)}}@keyframes ss-moving-outline{to{opacity:.28;transform:translateZ(23px)scale(1.03)}}@keyframes ss-boost-block{to{filter:brightness(1.55)saturate(1.3);box-shadow:inset 0 2px 5px #ffffffb3,0 0 38px var(--ss-primary)}}@keyframes ss-precision-zone{to{filter:brightness(1.25);transform:translate(-50%,-50%) translate3d(var(--zone-x),var(--zone-y),calc(var(--zone-z) + 2px)) scale(.96)}}@keyframes ss-landmark-ring{to{opacity:.3;transform:rotate(360deg)}}@keyframes ss-perfect-block{0%{filter:brightness(2.4);box-shadow:0 0 #fff}55%{box-shadow:0 0 0 16px #fff0}}@keyframes ss-feedback{0%{opacity:0;transform:translate(-50%,16px)scale(.82)}}@keyframes ss-axis{to{opacity:.48;transform:translate(8px)}}@keyframes ss-tap-breathe{to{box-shadow:0 13px 30px #00000052,0 0 34px var(--ss-glow),inset 0 2px #ffffff80}}@keyframes ss-fall-piece{0%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) translate3d(calc(var(--block-x) + 120px),calc(var(--block-y) + 80px),-320px) rotateZ(130deg)}}@keyframes ss-crown-drop{0%{opacity:0;transform:translate(-50%,-50%)translateZ(700px)rotate(-45deg)rotateX(-59deg)scale(1.5)}}@keyframes ss-firework{0%{opacity:1;transform:rotate(var(--ray)) translateX(0) scale(1)}to{opacity:0;transform:rotate(var(--ray)) translateX(115px) scale(.2)}}@keyframes ss-orbit{to{transform:translateY(calc(var(--camera-floor) * var(--camera-step))) rotateX(59deg) rotateZ(62deg) scale(1.03)}}@keyframes ss-shake{25%{transform:translate(-6px)}55%{transform:translate(5px)}80%{transform:translate(-2px)}}@media (width<=520px){.ss-board{border-radius:24px;height:calc(100dvh - 108px);min-height:510px;max-height:680px}.ss-hud{top:10px;left:10px;right:10px}.ss-stage{inset:66px 0 92px}.ss-world{--camera-step:15px;transform:translateY(calc(var(--camera-floor) * var(--camera-step))) rotateX(59deg) rotateZ(45deg) scale(.78);top:58%}.ss-board.is-won .ss-world{animation-name:ss-orbit-mobile}.ss-control{grid-template-columns:70px 1fr 78px;bottom:10px;left:10px;right:10px}.ss-control>small{max-width:78px;font-size:7px}.ss-tap{width:100%;min-width:0;height:58px;font-size:11px}.ss-city{bottom:72px}}@media (height<=620px){.ss-board{border-radius:22px;height:calc(100dvh - 82px);min-height:486px}.ss-stage{inset:62px 0 82px}.ss-world{--camera-step:13px;transform:translateY(calc(var(--camera-floor) * var(--camera-step))) rotateX(59deg) rotateZ(45deg) scale(.68);top:59%}.ss-hud{height:52px}.ss-hud b{font-size:18px}.ss-control{bottom:8px}.ss-tap{height:52px}.ss-feedback{top:20%}}@keyframes ss-orbit-mobile{to{transform:translateY(calc(var(--camera-floor) * var(--camera-step))) rotateX(59deg) rotateZ(62deg) scale(.82)}}@media (prefers-reduced-motion:reduce){.ss-board *,.ss-board :before,.ss-board :after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.ss-world,.ss-progress i{transition:none}}.ss-page-loading{border-radius:24px;justify-content:center;align-items:center;gap:12px;max-width:460px;margin:18vh auto 0;padding:32px;display:flex}.ss-page-loading i,.ss-verifying i{border:2px solid #fff3;border-top-color:#6ee7ff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite ss-spin}@keyframes ss-spin{to{transform:rotate(360deg)}}.ss-campaign-page{width:min(100%,760px);margin:0 auto;padding:4px 0 40px}.ss-campaign-top,.ss-play-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.ss-campaign-top>div{gap:8px;display:flex}.ss-campaign-top span,.ss-play-top>span{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:99px;align-items:center;gap:5px;padding:7px 10px;font-size:12px;font-weight:800;display:flex}.ss-campaign-top svg,.ss-play-top>span svg{color:#f8c84b;width:14px;height:14px}.ss-campaign-hero{background:radial-gradient(circle at 16% 24%,#ffc16547,#0000 24%),linear-gradient(135deg,#321a55,#0e2753 52%,#061021);border:1px solid #6defff2e;border-radius:28px;align-items:center;min-height:168px;padding:25px 104px 24px 125px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 55px #050a1e47}.ss-campaign-hero:after{content:"";opacity:.2;background:repeating-linear-gradient(115deg,#0000 0 34px,#ffffff14 35px 36px);position:absolute;inset:0}.ss-campaign-hero>div:nth-child(2){z-index:2;position:relative}.ss-campaign-hero small{letter-spacing:.18em;color:#73e9ff;font-size:9px;font-weight:900}.ss-campaign-hero h1{letter-spacing:-.05em;margin:4px 0;font-size:clamp(30px,6vw,48px);font-weight:950;line-height:.92}.ss-campaign-hero h1 em{color:#ffd25b;font-style:normal}.ss-campaign-hero p{color:#ffffffab;margin:8px 0 0;font-size:12px}.ss-campaign-hero>strong{z-index:2;text-align:center;background:#0409196b;border:1px solid #ffffff29;border-radius:20px;place-content:center;width:66px;height:66px;font-size:25px;display:grid;position:absolute;top:20px;right:20px}.ss-campaign-hero>strong small{color:#ffffff8c;display:block}.ss-logo-tower{z-index:2;width:84px;height:135px;bottom:0;left:24px;transform:skewY(-4deg);position:absolute!important}.ss-logo-tower i{background:linear-gradient(90deg,#ff8a52,#ffd06a);border:1px solid #ffffff4d;border-radius:5px 5px 0 0;width:26px;position:absolute;bottom:0;box-shadow:0 0 20px #ffb84740}.ss-logo-tower i:after{content:"";background:repeating-linear-gradient(#4b2b56 0 3px,#0000 3px 10px);position:absolute;inset:8px 6px}.ss-logo-tower i:first-child{height:70px;left:0}.ss-logo-tower i:nth-child(2){background:linear-gradient(#61ebff,#486be8);height:110px;left:28px}.ss-logo-tower i:nth-child(3){background:linear-gradient(#ff70af,#9d55f3);height:88px;left:56px}.ss-logo-tower b{clip-path:polygon(50% 0,100% 100%,0 100%);filter:drop-shadow(0 0 7px #ffc932);background:#ffd85e;width:14px;height:18px;position:absolute;top:5px;left:34px}.ss-resume{background:linear-gradient(90deg,#1c5c8547,#48247333);border-color:#57daff40;border-radius:19px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-top:12px;padding:14px 16px;display:grid}.ss-resume>svg{color:#63eaff}.ss-resume small{color:#63eaff;letter-spacing:.16em;font-size:8px;font-weight:900;display:block}.ss-resume b{font-size:12px}.ss-level-chapter{background:#ffffff09;border:1px solid #ffffff14;border-radius:23px;margin-top:20px;padding:14px}.ss-level-chapter>header{justify-content:space-between;align-items:center;margin-bottom:11px;display:flex}.ss-level-chapter>header small{letter-spacing:.16em;color:#6ee7ff;font-size:8px;font-weight:900}.ss-level-chapter>header h2{margin:2px 0 0;font-size:17px;font-weight:900}.ss-level-chapter>header span{background:#ffffff12;border-radius:99px;padding:5px 9px;font-size:10px;font-weight:900}.ss-level-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.ss-level-grid button{color:#fff;background:#03071680;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:102px;padding:10px 6px;transition:all .18s;display:flex}.ss-level-grid button.open{background:linear-gradient(155deg,#357fa84d,#1f18516b);border-color:#5be5ff52;box-shadow:inset 0 1px #ffffff17}.ss-level-grid button.done{background:linear-gradient(155deg,#14805e40,#11384666);border-color:#5affb54d}.ss-level-grid button:disabled{opacity:.48}.ss-level-grid button:not(:disabled):hover{border-color:#6deaff;transform:translateY(-2px)}.ss-level-grid button>span{color:#071324;background:linear-gradient(145deg,#62e8ff,#7f5cff);border-radius:12px;place-items:center;width:34px;height:34px;font-size:14px;font-weight:950;display:grid;box-shadow:0 7px 15px #247ec047}.ss-level-grid button.done>span{background:linear-gradient(145deg,#76ffd0,#32c679)}.ss-level-grid button>span svg{width:18px}.ss-level-grid button>b{min-height:25px;font-size:10px;line-height:1.15}.ss-level-grid button>small{color:#ffffff80;letter-spacing:.05em;font-size:7px;font-weight:900}.ss-rule-note{background:#ffffff09;border-radius:19px;align-items:flex-start;gap:11px;margin:16px 0;padding:14px 16px;display:flex}.ss-rule-note>svg{color:#ffd463;flex:none;width:18px}.ss-rule-note p{color:#ffffff9c;margin:0;font-size:11px;line-height:1.45}.ss-rule-note b{color:#fff}.ss-page-error{color:#ffb1bd;text-align:center;background:#8214302b;border:1px solid #ff697d4d;border-radius:13px;margin:10px 0;padding:10px 12px;font-size:11px}.ss-play-page{width:min(100%,600px);margin:0 auto}.ss-play-top{height:46px;margin:0 auto 6px;padding:0 4px}.ss-play-top>div:nth-child(2){text-align:center;flex-direction:column;display:flex}.ss-play-top>div:nth-child(2) small{color:#6de8ff;letter-spacing:.16em;font-size:8px;font-weight:900}.ss-play-top>div:nth-child(2) b{font-size:13px}.ss-prestart{text-align:center;background:radial-gradient(circle at 50% 10%,#68e2ff38,#0000 30%),linear-gradient(160deg,#131f48,#11152f 55%,#080b19);border-radius:30px;max-width:500px;min-height:510px;margin:3vh auto 0;padding:42px 28px 24px;position:relative;overflow:hidden}.ss-prestart:before{content:"";opacity:.2;background:repeating-linear-gradient(120deg,#0000 0 36px,#ffffff17 37px 38px);position:absolute;inset:0}.ss-prestart>*{z-index:1;position:relative}.ss-prestart-icon{background:linear-gradient(145deg,#42e0ff52,#8848ff47);border:1px solid #fff3;border-radius:32px;place-items:center;width:112px;height:112px;margin:0 auto 22px;display:grid;box-shadow:0 16px 46px #00000052,0 0 28px #48d7ff33}.ss-prestart-icon svg{color:#7aedff;filter:drop-shadow(0 0 9px #47e1ff99);width:54px;height:54px}.ss-prestart>small{color:#6ee8ff;letter-spacing:.14em;font-size:9px;font-weight:900}.ss-prestart h1{letter-spacing:-.04em;margin:7px 0 5px;font-size:36px;font-weight:950;line-height:1}.ss-prestart>p{color:#ffffff96;margin:0;font-size:12px}.ss-economy-row{grid-template-columns:repeat(3,1fr);gap:7px;margin:24px 0 18px;display:grid}.ss-economy-row span{background:#ffffff0b;border:1px solid #ffffff1a;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:54px;padding:8px 4px;font-size:9px;font-weight:900;display:flex}.ss-economy-row svg{color:#ffd45d;width:16px;height:16px}.ss-start-button{width:100%;height:56px;box-shadow:0 10px 28px #45c2ff45;color:#07111f!important;background:linear-gradient(135deg,#6aebff,#9c74ff)!important;border-radius:18px!important;font-weight:950!important}.ss-need-token{margin-top:7px;display:block;color:#ff9da9!important}.ss-prestart .ss-tip{max-width:360px;margin:16px auto 0;font-size:10px;line-height:1.45}.ss-attempt-strip{color:#ffffff85;text-align:center;letter-spacing:.15em;margin:0 auto 5px;font-size:8px;font-weight:900}.ss-verifying{z-index:90;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020614d1;border:1px solid #ffffff26;border-radius:99px;align-items:center;gap:8px;padding:10px 14px;font-size:10px;font-weight:800;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.ss-result-card{text-align:center;background:radial-gradient(circle at 50% 0,#4ad9ff33,#0000 34%),linear-gradient(160deg,#111d42,#0c1026);border-radius:30px;max-width:500px;margin:8vh auto 0;padding:36px 25px 25px}.ss-result-card.won{background:radial-gradient(circle at 50% 0,#ffcd4940,#0000 36%),linear-gradient(160deg,#30204c,#0d1632)}.ss-result-icon{color:#77eaff;background:#61e1ff1a;border-radius:28px;place-items:center;width:88px;height:88px;margin:0 auto 18px;display:grid;box-shadow:inset 0 0 0 1px #75e9ff40,0 0 30px #47dbff1f}.ss-result-card.won .ss-result-icon{color:#ffd45b;background:#ffcb441a;box-shadow:inset 0 0 0 1px #ffdb6847,0 0 32px #ffc93d24}.ss-result-icon svg{width:43px;height:43px}.ss-result-card>small{color:#72e6ff;letter-spacing:.16em;font-size:9px;font-weight:900}.ss-result-card h1{letter-spacing:-.035em;margin:7px 0 9px;font-size:29px;font-weight:950;line-height:1.05}.ss-result-card>p{color:#ffffff9c;max-width:390px;margin:0 auto;font-size:12px;line-height:1.5}.ss-result-rewards{justify-content:center;gap:8px;margin:20px auto 0;display:flex}.ss-result-rewards span{color:#ffe584;background:#ffcd4114;border:1px solid #ffda5738;border-radius:12px;align-items:center;gap:5px;padding:9px 13px;font-size:11px;font-weight:900;display:flex}.ss-result-rewards svg{width:15px}.ss-result-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:24px;display:flex}.ss-result-actions button{border-radius:14px;min-width:138px}@media (width<=560px){.ss-campaign-hero{border-radius:23px;min-height:151px;padding:22px 72px 22px 92px}.ss-logo-tower{transform-origin:0 100%;left:13px;transform:scale(.78)}.ss-campaign-hero>strong{width:53px;height:53px;font-size:20px;top:14px;right:12px}.ss-campaign-hero h1{font-size:29px}.ss-campaign-hero p{font-size:10px}.ss-level-chapter{border-radius:19px;padding:11px}.ss-level-grid{gap:5px}.ss-level-grid button{border-radius:13px;min-height:91px;padding:8px 3px}.ss-level-grid button>span{width:29px;height:29px}.ss-level-grid button>b{font-size:8px}.ss-level-grid button>small{font-size:6px}.ss-prestart{border-radius:24px;min-height:calc(100dvh - 72px);margin:0;padding:28px 18px 18px}.ss-prestart-icon{width:94px;height:94px;margin-bottom:18px}.ss-result-card{margin:3vh auto 0}}@keyframes sr-fall{0%{opacity:0;transform:translateY(-12vh)rotate(-6deg)}8%{opacity:.55}to{transform:translate3d(var(--sr-drift,0px), 112vh, 0) rotate(8deg);opacity:0}}.sr-card:has(.sr-card-art) .sr-card-inner:before{content:none}.sr-card:has(.sr-card-art) .sr-card-inner:after{content:none}.sr-card.back:has(.sr-card-art) .sr-card-inner:before{content:none}.sr-card.back:has(.sr-card-art) .sr-card-inner:after{content:none}@keyframes sr-art-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.sr-face.spade,.sr-face.heart{color:var(--sr-gold-hi)}@keyframes sr-idle{0%,to{filter:brightness()}50%{filter:brightness(1.08)}}@keyframes sr-pulse{0%,to{box-shadow:0 0 0 2px #22d3eeb3,0 0 22px #22d3ee73,0 12px 28px #04061e8c}50%{box-shadow:0 0 0 4px #22d3ee,0 0 40px #22d3eecc,0 12px 28px #04061e8c}}@keyframes srHeroLeft{0%,to{transform:translate(-78px)rotate(-14deg)}50%{transform:translate(-82px)rotate(-16deg)translateY(-2px)}}@keyframes srHeroRight{0%,to{transform:translate(20px)rotate(14deg)}50%{transform:translate(24px)rotate(16deg)translateY(-2px)}}@keyframes srHeroDiamond{0%,to{transform:translate(-29px)rotate(0)translateY(-2px)}50%{transform:translate(-29px)rotate(0)translateY(-8px)}}@keyframes srHeroPulse{0%,to{opacity:.55}50%{opacity:.95}}@keyframes srSparkle{0%,to{opacity:0;transform:scale(.6)}40%{opacity:1;transform:scale(1.1)}60%{opacity:.8;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.sr-hero-card,.sr-hero-glow,.sr-hero-sparkle{animation:none}}@media (width<=380px){.sr-ladder{grid-template-columns:repeat(3,minmax(0,1fr))}}@keyframes sr-float-up{0%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-160px)scale(.6)}}@media (width<=380px){.sr-stage{height:230px}.sr-title{font-size:18px}}@media (prefers-reduced-motion:reduce){.sr-card.lift .sr-card-inner,.sr-card.lift-back .sr-card-inner,.sr-card.tappable .sr-card-inner,.sr-card.reveal-marked .sr-card-inner{animation:none}.sr-wallet-float{animation-duration:.7s}}.sr-root{--sr-bg-1:#0b0b2e;--sr-bg-2:#1b0f4a;--sr-bg-3:#2a1466;--sr-card:#1e40af;--sr-card-hi:#3b6ee0;--sr-card-warm:#4b3aa3;--sr-gold:#d4a13d;--sr-gold-hi:#f6d16b;--sr-cyan:#22d3ee;--sr-cyan-hi:#7ee7f7;--sr-violet:#8b5cf6;--sr-text:#f2f5ff;--sr-muted:#a8b0dc;--sr-danger:#ef4444;--sr-good:#22c55e;background:radial-gradient(120% 90% at 50% 0%, var(--sr-bg-3) 0%, var(--sr-bg-2) 40%, var(--sr-bg-1) 100%);width:100%;min-height:100dvh;color:var(--sr-text);padding:10px 12px calc(20px + env(safe-area-inset-bottom));-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;flex-direction:column;align-items:center;gap:12px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:flex;position:relative;overflow:hidden}.sr-qa-badge{z-index:30;background:var(--sr-danger);color:#fff;letter-spacing:.06em;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:800;position:absolute;top:8px;right:8px;box-shadow:0 0 12px #ef444499}.sr-distractors{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.sr-root>.sr-header,.sr-root>.sr-instruction,.sr-root>.sr-stage,.sr-root>.sr-actions,.sr-root>.sr-panel,.sr-root>.sr-lobby,.sr-root>.sr-qa-badge,.sr-root>.sr-countdown{z-index:1;position:relative}.sr-drop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);letter-spacing:.04em;will-change:transform, opacity;filter:blur(.2px);opacity:.55;background:#0a082852;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:4px;padding:3px 8px 3px 6px;font-weight:800;animation-name:sr-fall;animation-timing-function:cubic-bezier(.36,.08,.6,1);animation-fill-mode:forwards;display:inline-flex;position:absolute;top:0}.sr-drop .sr-drop-glyph{font-size:1em;line-height:1}.sr-drop .sr-drop-label{opacity:.85;font-size:.62em}.sr-drop.tint-gold{color:var(--sr-gold-hi);text-shadow:0 0 8px #f6d16b59}.sr-drop.tint-cyan{color:var(--sr-cyan-hi);text-shadow:0 0 8px #7ee7f759}.sr-drop.tint-violet{color:#e0d0ff;text-shadow:0 0 10px #8b5cf68c}.sr-header{flex-direction:column;gap:6px;width:100%;max-width:480px;display:flex}.sr-topline{justify-content:space-between;align-items:center;gap:8px;display:flex}.sr-title{letter-spacing:.14em;background:linear-gradient(90deg, var(--sr-gold-hi), var(--sr-cyan-hi));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:900}.sr-round{color:var(--sr-muted);letter-spacing:.14em;font-size:11px;font-weight:700}.sr-pot{color:var(--sr-gold-hi);background:linear-gradient(#f6d16b29,#d4a13d14);border:1px solid #f6d16b8c;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:800;display:inline-flex;box-shadow:inset 0 0 12px #d4a13d2e}.sr-progress{gap:5px;display:flex}.sr-step{background:#ffffff14;border-radius:3px;flex:1;height:5px;transition:background .22s}.sr-step.done{background:linear-gradient(90deg, var(--sr-cyan), var(--sr-violet))}.sr-step.current{background:linear-gradient(90deg, var(--sr-gold), var(--sr-gold-hi));box-shadow:0 0 8px #d4a13d8c}.sr-instruction{letter-spacing:.14em;min-height:22px;color:var(--sr-text);text-align:center;text-transform:uppercase;text-shadow:0 0 12px #22d3ee40;font-size:13px;font-weight:800}.sr-stage{width:min(100%,520px);height:clamp(280px,42dvh,430px);margin:2px auto 0;position:relative}.sr-v2-css-stage{position:absolute;inset:0}.sr-v2-css-stage .sr-card{--sr-card-w:clamp(76px, 23vw, 104px);touch-action:manipulation;background:0 0;border:0;width:clamp(76px,23vw,104px);padding:0}.sr-v2-css-stage .sr-card:disabled{opacity:1}.sr-card{width:var(--sr-card-w,96px);height:calc(var(--sr-card-w,96px) * 1.45);will-change:transform;cursor:default;z-index:1;position:absolute;top:0;left:0}.sr-card.swapping{z-index:5}.sr-card-path{width:100%;height:100%;position:relative}.sr-card-inner{background:linear-gradient(155deg, var(--sr-card-hi) 0%, var(--sr-card) 55%, #14307a 100%);border:2px solid var(--sr-gold);will-change:transform;border-radius:14px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden;transform:translateY(0)scale(1);box-shadow:0 12px 28px #04061e8c,inset 0 0 0 1px #ffffff14,inset 0 0 24px #0b145080}.sr-card-art{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;background-position:50%;background-repeat:no-repeat;background-size:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.sr-card-native{border:2px solid var(--sr-gold-hi);background:linear-gradient(155deg,#fffdf4 0%,#eaf8ff 100%);border-radius:14px;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 18px #22d3ee2e}.sr-card-native span{font-family:Georgia,serif;font-size:calc(var(--sr-card-w,96px) * .72);text-shadow:0 3px 8px #04061e33;font-weight:700;line-height:1}.sr-card-native.diamond span{color:#0891b2}.sr-card-native.spade span{color:#172554}.sr-card-native.heart span{color:#e11d48}.sr-card-native.back{background:linear-gradient(45deg,#0000 44%,#f6d16b33 45% 55%,#0000 56%) 0 0/18px 18px,linear-gradient(-45deg,#0000 44%,#7ee7f729 45% 55%,#0000 56%) 0 0/18px 18px,linear-gradient(155deg,#315fd1 0%,#193b9b 55%,#0b205f 100%)}.sr-card-native.back:after{content:"♦";aspect-ratio:1;border:2px solid var(--sr-gold-hi);width:46%;color:var(--sr-cyan-hi);font-size:calc(var(--sr-card-w,96px) * .34);border-radius:10px;place-items:center;display:grid;transform:rotate(45deg);box-shadow:0 0 16px #22d3ee59}.sr-card:has(.sr-card-art) .sr-card-inner{background:0 0;border:0;border-radius:14px;overflow:hidden;box-shadow:0 10px 22px #04061e8c}.sr-card:has(.sr-card-art) .sr-card-inner:before{content:none}.sr-card:has(.sr-card-art) .sr-card-inner:after{content:none}:is(.sr-card.back:has(.sr-card-art) .sr-card-inner,.sr-card.decoy-b:has(.sr-card-art) .sr-card-inner){background:0 0}.sr-card.back:has(.sr-card-art) .sr-card-inner:before{content:none}.sr-card.back:has(.sr-card-art) .sr-card-inner:after{content:none}.sr-card.tappable:has(.sr-card-art) .sr-card-art{animation:2.4s ease-in-out infinite sr-idle}.sr-card.tappable:has(.sr-card-art) .sr-card-inner{box-shadow:0 10px 22px #04061e8c,0 0 18px #22d3ee8c}.sr-card.reveal-marked:has(.sr-card-art) .sr-card-art{animation:.9s ease-in-out sr-art-pulse}.sr-card.reveal-marked:has(.sr-card-art) .sr-card-inner{box-shadow:0 10px 22px #04061e8c,0 0 26px #22d3eed9}.sr-card.correct:has(.sr-card-art) .sr-card-inner{box-shadow:0 10px 22px #04061e8c,0 0 26px #f6d16be6}.sr-card.wrong:has(.sr-card-art) .sr-card-inner{box-shadow:0 10px 22px #04061e8c,0 0 22px #ef4444d9}.sr-face{width:100%;height:100%;color:var(--sr-gold-hi);font-size:calc(var(--sr-card-w,96px) * .5);text-shadow:0 2px 8px #00000059;justify-content:center;align-items:center;font-weight:900;line-height:1;display:flex;position:relative}.sr-face:before,.sr-face:after{content:"";border:1.5px solid var(--sr-gold);opacity:.8;width:14px;height:14px;position:absolute}.sr-face:before{border-bottom:0;border-right:0;border-top-left-radius:6px;top:6px;left:6px}.sr-face:after{border-top:0;border-left:0;border-bottom-right-radius:6px;bottom:6px;right:6px}.sr-face.marked{color:var(--sr-cyan-hi);text-shadow:0 0 18px #22d3eed9,0 0 34px #22d3ee66}.sr-face.spade,.sr-face.heart{color:var(--sr-gold-hi)}.sr-card.decoy-b .sr-card-inner{background:linear-gradient(155deg,#5a4bc4 0%,#3f2fa0 55%,#24136e 100%)}.sr-card.back .sr-card-inner{background:radial-gradient(60% 60%,#f6d16b1a 0%,#0000 70%),linear-gradient(155deg,#2c53c8 0%,#1a3aa8 55%,#0f236a 100%)}.sr-card.back .sr-face{display:none}.sr-card.back .sr-card-inner:before{content:"";pointer-events:none;background:repeating-linear-gradient(45deg,#f6d16b0f 0 4px,#0000 4px 10px),repeating-linear-gradient(-45deg,#ffffff0d 0 4px,#0000 4px 10px);border:1.5px solid #f6d16b8c;border-radius:10px;position:absolute;inset:6px}.sr-card.back .sr-card-inner:after{content:"";pointer-events:none;background:linear-gradient(135deg,#22d3ee26,#8b5cf626);border:1.5px solid #f6d16be6;border-radius:6px;width:46%;height:46%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg);box-shadow:inset 0 0 12px #f6d16b59}.sr-card.back:has(.sr-card-art) .sr-card-inner{border:2px solid var(--sr-gold);background:linear-gradient(155deg,#14307a 0%,#0f236a 60%,#081a52 100%);border-radius:14px;overflow:hidden;box-shadow:0 12px 28px #04061e8c,inset 0 0 24px #0b14508c}.sr-card.back:has(.sr-card-art) .sr-card-art{filter:none;background-size:cover}.sr-card.tappable{cursor:pointer}.sr-card.tappable .sr-card-inner{animation:2.4s ease-in-out infinite sr-idle;box-shadow:0 12px 28px #04061e8c,inset 0 0 0 1px #ffffff1a,0 0 18px #22d3ee59}.sr-card.tapped .sr-card-inner{filter:brightness(.95);transform:translateY(3px)scale(.97)}.sr-card.reveal-marked .sr-card-inner{animation:.9s ease-in-out sr-pulse;box-shadow:0 0 0 3px #22d3eee6,0 0 28px #22d3ee99,0 12px 28px #04061e8c}.sr-card.correct .sr-card-inner{box-shadow:0 0 0 3px var(--sr-gold-hi), 0 0 26px #f6d16bbf, 0 0 44px #22d3ee66, 0 12px 28px #04061e8c}.sr-card.wrong .sr-card-inner{box-shadow:0 0 0 3px var(--sr-danger), 0 0 22px #ef44448c, 0 12px 28px #04061e8c}.sr-countdown{color:var(--sr-gold-hi);letter-spacing:.12em;z-index:6;background:#0b0b2eb3;border:1px solid #f6d16b8c;border-radius:999px;padding:4px 12px;font-size:14px;font-weight:900;position:absolute;bottom:6px;left:50%;transform:translate(-50%);box-shadow:0 0 12px #d4a13d59}.sr-actions{gap:10px;width:100%;max-width:480px;display:flex}.sr-btn{letter-spacing:.08em;color:#0a0a24;cursor:pointer;border:0;border-radius:14px;flex:1;min-height:54px;padding:0 14px;font-size:14px;font-weight:900;transition:transform .12s,filter .12s,box-shadow .2s}.sr-btn:focus-visible{outline:2px solid var(--sr-cyan-hi);outline-offset:2px}.sr-btn:active{filter:brightness(.95);transform:translateY(1px)}.sr-btn.primary{background:linear-gradient(180deg, var(--sr-cyan-hi), #0891b2);color:#041a24;box-shadow:0 8px 22px #0891b266,inset 0 0 0 1px #ffffff40}.sr-btn.collect{color:#061620;background:linear-gradient(#59d8f1,#1e88a8);box-shadow:0 8px 22px #1e88a86b,inset 0 0 0 1px #ffffff40}.sr-btn.risk{color:#fff;border:1px solid var(--sr-gold-hi);background:linear-gradient(#b394ff,#6c39d1);box-shadow:0 8px 22px #6c39d173,inset 0 0 0 1px #f6d16b99}.sr-btn.secondary{color:var(--sr-text);background:#ffffff0f;border:1px solid #ffffff2e}.sr-btn[disabled]{opacity:.6;cursor:not-allowed}.sr-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;background:linear-gradient(#14103ca6,#0a0a24bf);border:1px solid #8b5cf659;border-radius:16px;flex-direction:column;gap:8px;width:100%;max-width:480px;padding:14px;display:flex;box-shadow:0 10px 30px #04061e59}.sr-panel h2{letter-spacing:.12em;color:var(--sr-text);margin:0;font-size:18px;font-weight:900}.sr-panel h2.gold{color:var(--sr-gold-hi);text-shadow:0 0 14px #d4a13d59}.sr-panel .sr-big{color:var(--sr-gold-hi);font-size:28px;font-weight:900}.sr-panel .sr-sub{color:var(--sr-muted);font-size:13px}.sr-panel .sr-hint{color:var(--sr-muted);font-size:11px;font-style:italic}.sr-lobby{flex-direction:column;align-items:center;gap:12px;width:100%;max-width:480px;display:flex}.sr-lobby-hero{text-align:center;background:radial-gradient(60% 90% at 100% 0,#22d3ee24,#0000 60%),radial-gradient(60% 90% at 0 100%,#8b5cf629,#0000 60%),linear-gradient(#14103cb3,#0a0a24d9);border:1px solid #f6d16b59;border-radius:18px;width:100%;padding:14px 16px}.sr-lobby-hero .sr-brand{letter-spacing:.14em;background:linear-gradient(90deg, var(--sr-gold-hi), var(--sr-cyan-hi));color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:4px;font-size:clamp(28px,8vw,34px);font-weight:900}.sr-lobby-hero .sr-tagline{color:var(--sr-muted);letter-spacing:.1em;font-size:12px}.sr-diamond-word{color:var(--sr-cyan-hi);letter-spacing:.08em;text-shadow:0 0 8px #22d3ee8c;font-weight:800}.sr-hero-cards{pointer-events:none;width:190px;height:92px;margin:4px auto 10px;position:relative}.sr-hero-card{transform-origin:50% 90%;will-change:transform;background-color:#14307a;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:10px;width:58px;height:84px;position:absolute;top:4px;left:50%;box-shadow:0 6px 12px #00000073}.sr-hero-card.left{animation:3.6s ease-in-out infinite srHeroLeft;transform:translate(-78px)rotate(-14deg)}.sr-hero-card.right{animation:3.6s ease-in-out infinite srHeroRight;transform:translate(20px)rotate(14deg)}.sr-hero-card.diamond{z-index:2;border:1px solid #f6d16bbf;animation:2.4s ease-in-out infinite srHeroDiamond;transform:translate(-29px)rotate(0)translateY(-2px);box-shadow:0 0 24px #22d3ee73,0 8px 18px #00000080}.sr-hero-glow{z-index:0;filter:blur(6px);background:radial-gradient(closest-side,#22d3ee47,#0000 70%);animation:2.4s ease-in-out infinite srHeroPulse;position:absolute;inset:-8px}.sr-hero-sparkle{z-index:3;color:#fef3c7;text-shadow:0 0 8px #f6d16be6;opacity:0;font-size:14px;animation:2.6s ease-in-out infinite srSparkle;position:absolute}.sr-hero-sparkle.s1{animation-delay:0s;top:6px;left:46%}.sr-hero-sparkle.s2{font-size:12px;animation-delay:.6s;top:62px;left:32%}.sr-hero-sparkle.s3{animation-delay:1.2s;top:20px;left:66%}@media (prefers-reduced-motion:reduce){.sr-hero-card,.sr-hero-glow,.sr-hero-sparkle{animation:none}}.sr-stats{gap:8px;margin-top:12px;display:flex}.sr-stat{background:#0b0b2e8c;border:1px solid #8b5cf647;border-radius:10px;flex:1;padding:8px 6px}.sr-stat .k{color:var(--sr-muted);letter-spacing:.1em;font-size:10px;font-weight:700}.sr-stat .v{color:var(--sr-gold-hi);margin-top:2px;font-size:15px;font-weight:900}.sr-ladder{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.sr-ladder-step{text-align:center;background:#0b0b2e8c;border:1px solid #22d3ee47;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:8px 6px 10px;display:flex}.sr-ladder-step.top{background:#d4a13d24;border-color:#f6d16bbf}.sr-ladder-step .r{color:var(--sr-muted);letter-spacing:.08em;font-size:9px}.sr-ladder-step .d{color:var(--sr-gold-hi);flex-direction:column;align-items:center;gap:2px;font-size:15px;font-weight:900;display:flex}.sr-ladder-gem{filter:drop-shadow(0 0 8px #22d3ee8c);background-position:50%;background-repeat:no-repeat;background-size:contain;width:30px;height:30px}.sr-ladder-gem:before{content:"♦";width:100%;height:100%;color:var(--sr-cyan-hi);text-shadow:0 0 8px #22d3eebf;place-items:center;font-size:27px;line-height:1;display:grid}.sr-ladder-step.top .sr-ladder-gem{filter:drop-shadow(0 0 10px #f6d16bb3);width:34px;height:34px}.sr-ladder-num{line-height:1}@media (width<=380px){.sr-ladder{grid-template-columns:repeat(3,minmax(0,1fr))}}.sr-wallet-float{z-index:40;pointer-events:none;color:var(--sr-gold-hi);text-shadow:0 0 12px #d4a13db3;font-size:20px;font-weight:900;animation:1.4s cubic-bezier(.4,0,.2,1) forwards sr-float-up;position:fixed}@media (width<=380px){.sr-stage{height:230px}.sr-title{font-size:18px}}@media (prefers-reduced-motion:reduce){.sr-card.lift .sr-card-inner,.sr-card.lift-back .sr-card-inner,.sr-card.tappable .sr-card-inner,.sr-card.reveal-marked .sr-card-inner{animation:none}.sr-wallet-float{animation-duration:.7s}}.sr-v2-root{position:relative;overflow:visible!important}.sr-v2-stage,.sr-v2-catch-layer{overflow:visible!important}.sr-root:has(.sr-v2-root){overflow:visible!important}.sr-v2-bonus{background:radial-gradient(120% 90% at 50% 0,#3a1f8a 0%,#1c0f57 45%,#0a0730 100%)!important}.sr-v2-secured-pill{color:var(--sr-text);letter-spacing:.06em;background:#14193cb3;border:1px solid #7ee7f747;border-radius:999px;align-self:center;align-items:center;gap:10px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.sr-v2-secured-label{color:var(--sr-cyan-hi);letter-spacing:.14em}.sr-v2-bonus-step{color:var(--sr-gold-hi);border:1px solid #f6d16b59;justify-content:center;align-items:center;font-size:12px;display:inline-flex;background:#d4a13d1f!important;border-radius:50%!important;flex:0 0 22px!important;height:22px!important}.sr-v2-bonus-step.current{color:#1c1030;box-shadow:0 0 12px #f6d16ba6;background:linear-gradient(135deg, var(--sr-gold), var(--sr-gold-hi))!important}.sr-v2-stage{will-change:transform}.sr-v2-card-layer{pointer-events:none}.sr-v2-card-layer .sr-card{pointer-events:auto}.sr-v2-bubble{color:var(--sr-cyan-hi);cursor:pointer;pointer-events:auto;touch-action:manipulation;opacity:.85;transform-origin:50%;background:radial-gradient(circle at 32% 30%,#ffffff8c,currentColor 55%,#0f1432a6 100%);border:none;border-radius:50%;justify-content:center;align-items:center;font-weight:700;animation:.32s ease-out both sr-v2-bubble-fade;display:inline-flex;box-shadow:0 6px 14px #00000073,0 0 16px,inset 0 0 8px #fff3}.sr-v2-bubble:hover,.sr-v2-bubble:focus-visible{opacity:.95;transform:scale(1.08);box-shadow:0 6px 14px #00000080,0 0 18px,0 0 32px}.sr-v2-bubble-cyan{color:var(--sr-cyan-hi)}.sr-v2-bubble-gold{color:var(--sr-gold-hi)}.sr-v2-bubble-violet{color:#dcc9ff}.sr-v2-bubble-icon{margin-right:3px;font-size:18px;line-height:1}.sr-v2-bubble-amount{font-size:13px}.sr-v2-bubble-flash{white-space:nowrap;letter-spacing:.14em;color:var(--sr-good);text-shadow:0 0 8px #22c55e99;font-size:10px;animation:.62s ease-out both sr-v2-flash;position:absolute;top:-22px;left:50%;transform:translate(-50%)}.sr-v2-bubble-claimed{transform:scale(1.12)}.sr-v2-bubble-expired{animation:.2s ease-in both sr-v2-bubble-out}@keyframes sr-v2-bubble-fade{0%{opacity:0;transform:scale(.6)}to{opacity:.85;transform:scale(1)}}@keyframes sr-v2-bubble-out{to{opacity:0;transform:scale(.7)}}@keyframes sr-v2-flash{0%{opacity:0;transform:translate(-50%,4px)}30%{opacity:1;transform:translate(-50%,-2px)}to{opacity:0;transform:translate(-50%,-14px)}}.sr-v2-false-sparkle{background:radial-gradient(circle,#ffffffe6,#7ee7f759 60%,#0000 70%);border-radius:50%;animation:.52s ease-out both sr-v2-sparkle}@keyframes sr-v2-sparkle{0%{opacity:0;transform:scale(.4)}35%{opacity:.9;transform:scale(1.2)}to{opacity:0;transform:scale(.6)}}.sr-v2-particle{filter:blur(.5px);opacity:.55;pointer-events:none;background:radial-gradient(circle,#7ee7f78c,#7ee7f700 70%);border-radius:50%;animation:linear infinite sr-v2-particle-fall;position:absolute;top:-8px}@keyframes sr-v2-particle-fall{0%{opacity:0;transform:translateY(0)}20%{opacity:.7}to{opacity:0;transform:translateY(360px)}}.sr-v2-bonus-intro{border-color:#f6d16b80}.sr-v2-secured-summary{border-color:#7ee7f747}.sr-v2-secured-row{color:var(--sr-text);flex-wrap:wrap;justify-content:center;gap:10px;margin-top:4px;font-weight:700;display:flex}@media (prefers-reduced-motion:reduce){.sr-v2-particle,.sr-v2-bubble,.sr-v2-false-sparkle{animation:none!important}.sr-v2-stage{transform:none!important}}@keyframes sr-v2-orb-drift{0%{transform:translate(var(--sx), var(--sy));opacity:0}15%{opacity:.55}85%{opacity:.55}to{transform:translate(var(--ex), var(--ey));opacity:0}}@keyframes sr-v2-ghost-slide{0%{transform:translateX(var(--gx0)) scale(.9);opacity:0}35%{transform:translateX(var(--gx1)) scale(1);opacity:.55}70%{transform:translateX(var(--gx1)) scale(1);opacity:.35}to{transform:translateX(var(--gx2)) scale(.85);opacity:0}}.sr-v2-card-layer.sr-v2-wobble .sr-card{animation:2.4s ease-in-out infinite sr-v2-card-breath}.sr-v2-card-layer.sr-v2-wobble .sr-card:first-child{animation-delay:0s}.sr-v2-card-layer.sr-v2-wobble .sr-card:nth-child(2){animation-delay:.38s}.sr-v2-card-layer.sr-v2-wobble .sr-card:nth-child(3){animation-delay:.76s}@keyframes sr-v2-card-breath{0%,to{filter:brightness()}50%{filter:brightness(1.06)}}@media (prefers-reduced-motion:reduce){.sr-v2-orb,.sr-v2-ghost-feint{opacity:0!important;animation:none!important}.sr-v2-card-layer.sr-v2-wobble .sr-card{animation:none!important}}@keyframes sr-v2-balloon-fall{0%{transform:translate(0)rotate(-6deg)}20%{transform:translate(calc(var(--sr-drift-x) * .7), calc(var(--sr-drop-y) * .2)) rotate(5deg)}40%{transform:translate(calc(var(--sr-drift-x) * -.6), calc(var(--sr-drop-y) * .4)) rotate(-6deg)}60%{transform:translate(calc(var(--sr-drift-x) * .9), calc(var(--sr-drop-y) * .6)) rotate(6deg)}80%{transform:translate(calc(var(--sr-drift-x) * -.4), calc(var(--sr-drop-y) * .8)) rotate(-4deg)}to{transform:translate(calc(var(--sr-drift-x) * .2), var(--sr-drop-y)) rotate(3deg)}}.sr-v2-blank-balloon.popped{animation:.26s ease-out forwards sr-v2-balloon-pop!important}@keyframes sr-v2-balloon-pop{0%{opacity:.85;transform:scale(1)}55%{opacity:.65;filter:blur(.5px);transform:scale(1.35)}to{opacity:0;transform:scale(.2)}}@media (prefers-reduced-motion:reduce){.sr-v2-blank-balloon{animation:none!important;display:none!important}}@keyframes sr-v2-confetti-wind{0%{translate:var(--cw-sx) var(--cw-sy);opacity:.35;rotate:0deg}8%{opacity:.95}50%{translate:calc((var(--cw-sx) + var(--cw-ex)) / 2) calc(var(--cw-sy) - var(--cw-bob));rotate:calc(var(--cw-spin) * .5);opacity:.95}92%{opacity:.95}to{translate:var(--cw-ex) calc(var(--cw-sy) + var(--cw-bob));rotate:var(--cw-spin);opacity:.35}}@media (prefers-reduced-motion:reduce){.sr-v2-confetti{animation:none!important;display:none!important}}.stm-overlay{z-index:40;-webkit-backdrop-filter:blur(6px);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.stm-overlay-panel{text-align:center;min-width:240px;max-width:88%;color:var(--stm-white);background:linear-gradient(#0c1638f5,#050b1ff5);border:1px solid #4bd8ff59;border-radius:20px;padding:22px 22px 20px;box-shadow:0 0 40px #1f6bff59,inset 0 0 24px #4bd8ff1f}.stm-overlay-title{letter-spacing:.14em;text-shadow:0 0 14px #4bd8ff99;margin-bottom:8px;font-family:Orbitron,Inter,system-ui,sans-serif;font-size:28px;font-weight:800}.stm-overlay-sub{letter-spacing:.12em;color:#eaf4ffbf;text-transform:uppercase;margin-bottom:16px;font-size:12px}.stm-overlay-count{color:var(--stm-cyan-2);text-shadow:0 0 24px #4bd8ffcc,0 0 60px #1f6bff80;letter-spacing:.06em;font-family:Orbitron,Inter,system-ui,sans-serif;font-size:88px;font-weight:900}.stm-overlay-btn{color:#041127;letter-spacing:.16em;cursor:pointer;background:linear-gradient(#12eaff,#1f6bff);border:1px solid #ffffff59;border-radius:999px;justify-content:center;align-items:center;padding:12px 28px;font-size:13px;font-weight:800;display:inline-flex;box-shadow:0 6px 18px #12eaff59}.stm-overlay-btn:active{transform:translateY(1px)}.stm-root{--stm-navy:#050b1f;--stm-navy-2:#071230;--stm-blue:#1f6bff;--stm-cyan:#4bd8ff;--stm-cyan-2:#12eaff;--stm-amber:#ffbe2e;--stm-amber-2:#ffd45c;--stm-orange:#ff6b1a;--stm-red:#ff3d2e;--stm-green:#22e07a;--stm-green-2:#78ffa8;--stm-white:#eaf4ff;width:100%;min-height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);color:var(--stm-white);background:#030817;justify-content:center;align-items:stretch;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex}.stm-frame{background-color:#050b1f;background-position:top;background-size:cover;flex-direction:column;gap:10px;width:100%;max-width:480px;min-height:100dvh;padding:12px 14px 18px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 120px #00183c99,inset 0 0 40px #000000e6}@media (width>=500px){.stm-frame{border-radius:24px;max-width:460px;min-height:min(100dvh,177.778vw);margin:10px 0;box-shadow:0 0 60px #0078ff26,inset 0 0 120px #00183c99}}.stm-energy{pointer-events:none;opacity:.55;filter:blur(1px);width:45%;height:40%;position:absolute;top:30%}.stm-energy-left{clip-path:polygon(0 40%,100% 20%,100% 80%,0 60%);background:radial-gradient(at 100%,#4bd8ff80,#0000 70%);left:-10%}.stm-energy-right{clip-path:polygon(0 20%,100% 40%,100% 60%,0 80%);background:radial-gradient(at 0,#4bd8ff80,#0000 70%);right:-10%}.stm-header{z-index:2;flex-direction:column;gap:8px;display:flex}.stm-header-row{grid-template-columns:auto auto 1fr auto;align-items:center;gap:8px;display:grid}.stm-icon-btn{width:30px;height:30px;color:var(--stm-cyan);background:#0a1e4699;border:1px solid #4bd8ff40;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.stm-brand{letter-spacing:.2em;color:#b4dcffbf;font-family:Orbitron,Rajdhani,sans-serif;font-size:11px;font-weight:800}.stm-title-wrap{justify-content:center;align-items:center;min-width:0;display:flex}.stm-title-img{filter:drop-shadow(0 2px 12px #1f6bffcc);width:auto;max-height:56px}.stm-streak{background:linear-gradient(#091637e6,#040c20e6);border:1px solid #ff892f59;border-radius:10px;min-width:78px;padding:4px 8px 5px;box-shadow:0 0 14px #ff6c1a40}.stm-streak-inner{flex-direction:column;align-items:center;gap:2px;line-height:1;display:flex}.stm-streak-top{letter-spacing:.08em;color:#f0f0ffd9;align-items:center;gap:3px;font-size:8px;font-weight:700;display:flex}.stm-streak-value{color:var(--stm-amber-2);text-shadow:0 0 12px #ffbe2e99;font-family:Orbitron,sans-serif;font-size:20px;font-weight:800}.stm-streak-best{letter-spacing:.1em;color:#c8dcff99;font-size:8px}.stm-stats-row{grid-template-columns:auto 1fr 1fr 1.15fr;align-items:stretch;gap:6px;display:grid}.stm-level-badge{background:linear-gradient(#0a1e4b,#061033);border:1px solid #4bd8ff66;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-width:46px;padding:4px 6px;display:flex;box-shadow:0 0 10px #1f6bff59}.stm-level-label{letter-spacing:.14em;color:#b4dcffd9;font-size:8px;font-weight:700}.stm-level-value{color:var(--stm-cyan);text-shadow:0 0 10px #4bd8ffb3;font-family:Orbitron,sans-serif;font-size:22px;font-weight:800;line-height:1}.stm-stat{background:linear-gradient(#0a193ce6,#040c20e6);border:1px solid #4bd8ff47;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:4px;min-width:0;padding:4px 4px 4px 6px;display:grid}.stm-stat-gold{border-color:#ffbe2e59;box-shadow:inset 0 0 10px #ffbe2e14}.stm-stat-cyan{border-color:#4bd8ff59;box-shadow:inset 0 0 10px #4bd8ff14}.stm-stat-icon{justify-content:center;align-items:center;display:inline-flex}.stm-stat-value{color:#fff;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:Orbitron,sans-serif;font-size:13px;font-weight:700;overflow:hidden}.stm-stat-plus{color:#c8f0ffbf;opacity:.55;background:#4bd8ff26;border:1px solid #4bd8ff40;border-radius:6px;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.stm-xp-chip{background:linear-gradient(#0a193ce6,#040c20e6);border:1px solid #78b4ff4d;border-radius:10px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;gap:3px 5px;padding:4px 6px 5px;display:grid}.stm-xp-badge{color:var(--stm-cyan);letter-spacing:.1em;background:#1f6bff40;border:1px solid #4bd8ff66;border-radius:4px;grid-row:1;padding:2px 5px;font-family:Orbitron,sans-serif;font-size:9px;font-weight:800}.stm-xp-value{color:#fff;grid-row:1;font-family:Orbitron,sans-serif;font-size:12px;font-weight:700}.stm-xp-bar{background:#ffffff14;border-radius:999px;grid-area:2/1/auto/span 2;height:3px;overflow:hidden}.stm-xp-fill{background:linear-gradient(90deg, var(--stm-cyan), var(--stm-blue));height:100%;box-shadow:0 0 8px #4bd8ffb3}.stm-target{text-align:center;letter-spacing:.02em;z-index:2;margin:14px 0 8px;font-family:Orbitron,Rajdhani,sans-serif;font-size:clamp(26px,8.5vw,40px);font-style:italic;font-weight:900;line-height:1}.stm-target-lead{color:#eaf4ff;text-shadow:0 0 12px #4bd8ffe6,0 0 30px #1f6bff99}.stm-target-value{background:linear-gradient(#ffe28a,#ff9a2a);color:#0000;filter:drop-shadow(0 0 10px #ff9a2a99);-webkit-background-clip:text;background-clip:text}.stm-meter-wrap{z-index:2;margin:4px 2px 6px;padding-top:20px;position:relative}.stm-target-marker{z-index:3;pointer-events:none;flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute;top:0;transform:translate(-50%)}.stm-target-marker-label{color:var(--stm-green-2);text-shadow:0 0 6px #22e07abf;font-family:Orbitron,sans-serif;font-size:11px;font-weight:700}.stm-target-marker-tri{border-left:5px solid #0000;border-right:5px solid #0000;border-top:7px solid var(--stm-green);filter:drop-shadow(0 0 4px #22e07ae6);width:0;height:0}.stm-meter-frame{background:linear-gradient(#04122e,#020817);border:2px solid #4bd8ffbf;border-radius:999px;padding:8px 10px 22px;position:relative;box-shadow:0 0 18px #4bd8ff8c,0 0 42px #1f6bff8c,0 0 80px #1f6bff52,inset 0 2px #b4e6ff26,inset 0 0 24px #000000b3}.stm-meter-inner{background:linear-gradient(90deg,#0b2c66 0%,#1447a8 40%,#1a5fd0 60%,#0b2c66 100%);border-radius:999px;height:46px;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #ffffff1f,inset 0 -2px 6px #0009}.stm-meter-base{background:linear-gradient(90deg,#4bd8ff26 0%,#1f6bff59 50%,#4bd8ff26 100%);position:absolute;inset:0}.stm-meter-near{background:linear-gradient(#ffd23ca6,#ffaa14b3);position:absolute;top:0;bottom:0;box-shadow:inset 0 0 12px #ffdc6499,0 0 12px #ffaa1480}.stm-meter-perfect{z-index:2;background:linear-gradient(#96ffbee6,#22e07af2);position:absolute;top:0;bottom:0;box-shadow:inset 0 0 14px #ffffff8c,0 0 18px #22e07ad9}.stm-meter-ticks{pointer-events:none;z-index:3;justify-content:space-between;align-items:center;padding:0 4px;display:flex;position:absolute;inset:0}.stm-meter-ticks span{background:#ffffff38;width:1px;height:60%;display:inline-block}.stm-meter-ticks span:nth-child(5n){background:#fff6;height:90%}.stm-meter-cursor{z-index:4;pointer-events:none;width:6px;position:absolute;top:-3px;bottom:-3px;transform:translate(-50%)}.stm-meter-cursor-bar{background:linear-gradient(#fff,#b3ecff);border-radius:4px;position:absolute;inset:0;box-shadow:0 0 10px #fffffff2,0 0 24px #4bd8ffe6}.stm-meter-cursor-trail{filter:blur(2px);background:linear-gradient(-90deg,#4bd8ffb3,#0000);border-radius:999px 0 0 999px;width:60px;height:60%;position:absolute;top:50%;right:100%;transform:translateY(-50%)}.stm-scale{height:14px;position:absolute;bottom:4px;left:10px;right:10px}.stm-scale-mark{color:#b4dcffd9;letter-spacing:.05em;font-family:Orbitron,sans-serif;font-size:9px;position:absolute;bottom:0;transform:translate(-50%)}.stm-legend{flex-wrap:wrap;gap:14px;margin-top:8px;padding:0 4px;font-size:10px;display:flex}.stm-legend-item{align-items:center;gap:6px;display:flex}.stm-legend-dot{border-radius:2px;flex-shrink:0;width:12px;height:6px;display:inline-block}.stm-legend-dot-perfect{background:var(--stm-green);box-shadow:0 0 6px #22e07ae6}.stm-legend-dot-near{background:var(--stm-amber);box-shadow:0 0 6px #ffbe2ee6}.stm-legend-dot-miss{background:var(--stm-red);box-shadow:0 0 6px #ff3d2ee6}.stm-legend-title{color:#e6f0ffe6;letter-spacing:.06em;font-size:9px;font-weight:700}.stm-legend-range{color:#b4d2ffbf;font-family:Orbitron,sans-serif;font-size:10px}.stm-digital{z-index:2;background:linear-gradient(#4bd8ff99,#1f6bff59);border-radius:22px;width:78%;max-width:320px;margin:8px auto 4px;padding:3px;box-shadow:0 0 24px #4bd8ff80,0 0 40px #1f6bff4d}.stm-digital-inner{text-align:center;background:radial-gradient(#071a3f 0%,#020817 100%);border:1px solid #4bd8ff80;border-radius:20px;padding:10px 20px;box-shadow:inset 0 0 24px #4bd8ff40}.stm-digital-value{font-variant-numeric:tabular-nums;letter-spacing:.06em;color:#d6f3ff;text-shadow:0 0 14px #4bd8fff2,0 0 30px #1f6bffb3;font-family:Orbitron,Share Tech Mono,monospace;font-size:clamp(40px,12vw,58px);font-weight:700;line-height:1}.stm-cards{z-index:2;grid-template-columns:1fr 1.15fr 1fr;gap:6px;margin-top:8px;display:grid}.stm-card{text-align:center;background:linear-gradient(#091637e6,#040c20f2);border:1px solid #4bd8ff40;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:8px 8px 10px;display:flex}.stm-card-label{letter-spacing:.1em;color:#c8dcffd9;font-size:9px;font-weight:700;line-height:1.3}.stm-cards{align-items:stretch}.stm-cards>.stm-card{height:100%}.stm-card-reward{padding-top:10px;padding-bottom:12px}.stm-card-reward .stm-card-label{letter-spacing:.08em;margin-bottom:4px;font-size:8.5px}.stm-card-multiplier-value{color:var(--stm-amber-2);text-shadow:0 0 12px #ffbe2eb3;margin-top:4px;font-family:Orbitron,sans-serif;font-size:30px;font-weight:800;line-height:1}.stm-card-sub{color:var(--stm-cyan);letter-spacing:.14em;margin-top:2px;font-size:9px;font-weight:700}.stm-card-reward{border-color:#ffbe2e73;box-shadow:0 0 18px #ff9a2a47,inset 0 0 20px #ff9a2a14}.stm-card-reward-row{align-items:center;gap:6px;margin-top:4px;display:flex}.stm-card-reward-value{color:var(--stm-amber-2);text-shadow:0 0 12px #ffbe2ebf;font-family:Orbitron,sans-serif;font-size:26px;font-weight:800;line-height:1}.stm-card-guide{align-items:stretch;gap:3px;padding:6px 8px}.stm-guide-row{grid-template-columns:12px 1fr auto;align-items:center;gap:6px;font-size:10px;display:grid}.stm-guide-label{letter-spacing:.06em;color:#e6f0ffe6;font-weight:700}.stm-guide-mult{font-family:Orbitron,sans-serif;font-size:12px;font-weight:800}.stm-coin{background:radial-gradient(circle at 35% 30%,#ffe58a 0%,#ffb01f 55%,#a25b06 100%);border:1px solid #ffdc82d9;border-radius:50%;display:inline-block;box-shadow:0 0 8px #ffbe2eb3,inset 0 0 4px #fff0b499}.stm-gem{background:linear-gradient(135deg,#a8f4ff 0%,#4bd8ff 55%,#1c78c8 100%);border:1px solid #b4e6ffd9;border-radius:3px;display:inline-block;transform:rotate(45deg);box-shadow:0 0 8px #4bd8ffbf,inset 0 0 4px #e6faffb3}.stm-stop-row{z-index:2;grid-template-columns:1fr auto 1fr;place-items:center;gap:8px;margin-top:14px;display:grid}.stm-chevron{opacity:.9;filter:drop-shadow(0 0 8px #ff9a2a99);width:auto;height:46px}.stm-chevron-right{transform:scaleX(-1)}.stm-stop-btn{aspect-ratio:1.35;cursor:pointer;filter:drop-shadow(0 8px 22px #ff46008c);background:0 0;border:none;outline:none;width:54vw;max-width:216px;padding:0;transition:transform 80ms ease-out,filter 80ms ease-out;position:relative;transform:translateZ(0)}.stm-stop-btn img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%}.stm-stop-btn-text{letter-spacing:.05em;color:#fff;text-shadow:0 2px 4px #780a00e6,0 0 12px #ffc8a080;pointer-events:none;font-family:Orbitron,Rajdhani,sans-serif;font-size:clamp(34px,8.5vw,46px);font-style:italic;font-weight:900;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.stm-stop-btn.is-pressed{filter:drop-shadow(0 2px 8px #ff4600b3);transform:translateY(4px)scale(.97)}.stm-bottom-row{z-index:2;grid-template-columns:auto 1fr;align-items:center;gap:10px;margin-top:auto;padding-top:10px;display:grid}.stm-round-btn{width:40px;height:40px;color:var(--stm-cyan);background:linear-gradient(#0a1e4b,#061033);border:1px solid #4bd8ff73;border-radius:50%;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 0 12px #4bd8ff59}.stm-instruction{color:#dcebffe6;letter-spacing:.06em;text-align:center;white-space:nowrap;background:#061028bf;border:1px solid #4bd8ff4d;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:6px 10px;font-size:9px;font-weight:700;display:inline-flex}.stm-instruction-bolt{color:var(--stm-amber-2);text-shadow:0 0 6px #ffbe2ee6;font-size:12px}.stm-overlay-count{animation:.55s ease-out both stm-count-pop}.stm-overlay-count.is-ready{letter-spacing:.22em;font-size:44px;animation-duration:.5s}.stm-overlay-count.is-go{color:#eaffff;text-shadow:0 0 24px #4bd8ff,0 0 60px #1f6bffd9,0 0 100px #78ffff99;animation:.48s ease-out both stm-go-flash}@keyframes stm-count-pop{0%{opacity:0;transform:scale(.55)}30%{opacity:1;transform:scale(1.15)}70%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes stm-go-flash{0%{opacity:0;transform:scale(.6)}25%{opacity:1;transform:scale(1.3)}75%{opacity:1;transform:scale(1.05)}to{opacity:0;transform:scale(1.4)}}.stm-stop-btn.is-flashed{animation:.52s ease-out stm-stop-pulse}@keyframes stm-stop-pulse{0%{filter:drop-shadow(0 0 #ffdcb400)drop-shadow(0 8px 22px #ff46008c)}40%{filter:drop-shadow(0 0 22px #ffc88cf2)drop-shadow(0 0 46px #ff7828b3)}to{filter:drop-shadow(0 8px 22px #ff46008c)}}.stm-flash{pointer-events:none;z-index:35;opacity:0;position:absolute;inset:0}.stm-flash.is-perfect{background:radial-gradient(#78ffa88c,#1edc8c26 45%,#0000 70%);animation:1.2s ease-out stm-flash-anim}.stm-flash.is-near{background:radial-gradient(#ffd25a73,#ff8c281f 45%,#0000 70%);animation:.9s ease-out stm-flash-anim}.stm-flash.is-miss{background:radial-gradient(#ff5a4666,#b41e141a 45%,#0000 70%);animation:.7s ease-out stm-flash-anim}@keyframes stm-flash-anim{0%{opacity:0}15%{opacity:1}to{opacity:0}}.stm-meter-perfect.is-hit{animation:.9s ease-out stm-perfect-pulse}@keyframes stm-perfect-pulse{0%{transform:scaleY(1);box-shadow:inset 0 0 14px #ffffff8c,0 0 18px #22e07ad9}35%{transform:scaleY(1.55);box-shadow:inset 0 0 18px #ffffffe6,0 0 40px #78ffb4}to{transform:scaleY(1);box-shadow:inset 0 0 14px #ffffff8c,0 0 18px #22e07ad9}}.stm-meter-near.is-hit{animation:.7s ease-out stm-near-pulse}@keyframes stm-near-pulse{0%{transform:scaleY(1)}40%{transform:scaleY(1.35);box-shadow:inset 0 0 18px #ffeb8cd9,0 0 26px #ffbe2ee6}to{transform:scaleY(1)}}.stm-digital.is-perfect .stm-digital-value{color:#d9ffe9;text-shadow:0 0 18px #78ffa8,0 0 40px #22e07ad9}.stm-digital.is-near .stm-digital-value{color:#ffe9b6;text-shadow:0 0 16px #ffd25af2,0 0 34px #ff8c28b3}.stm-digital.is-miss .stm-digital-value{color:#ffc9c2;text-shadow:0 0 14px #ff5a46e6,0 0 28px #b41e1499}.stm-meter-cursor.is-miss .stm-meter-cursor-bar{background:linear-gradient(#ffd6d0,#ff3d2e);animation:.5s ease-out stm-cursor-miss;box-shadow:0 0 10px #ff5a46,0 0 26px #ff3c28e6}@keyframes stm-cursor-miss{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.25)}}.stm-spark{pointer-events:none;z-index:6;width:2px;height:2px;position:absolute;top:-6px;left:50%}.stm-spark span{background:radial-gradient(circle,#fff,#78ffa899);border-radius:50%;width:5px;height:5px;animation:.7s ease-out forwards stm-spark;position:absolute;top:0;left:0;transform:translate(-50%,-50%);box-shadow:0 0 8px #78ffb4e6}@keyframes stm-spark{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{transform:translate(var(--dx,0), var(--dy,-18px)) scale(.2);opacity:0}}@media (prefers-reduced-motion:reduce){.stm-overlay-count,.stm-stop-btn.is-flashed,.stm-flash,.stm-meter-perfect.is-hit,.stm-meter-near.is-hit,.stm-meter-cursor.is-miss .stm-meter-cursor-bar,.stm-spark span{animation:none!important}}.sdk-page{--ink:#17213d;--violet:#6657e8;--gold:#e7b448;min-height:100dvh;color:var(--ink);padding:env(safe-area-inset-top) max(12px,env(safe-area-inset-right)) calc(18px + env(safe-area-inset-bottom));background:radial-gradient(circle at 50% -10%,#fff 0,#f1efff 34%,#e8ecf8 100%);font-family:Inter,system-ui,sans-serif}.sdk-center{text-align:center;place-items:center;display:grid}.sdk-loader{border:4px solid #dcd8ff;border-top-color:var(--violet);border-radius:50%;width:42px;height:42px;animation:.8s linear infinite sdk-spin}.sdk-entry-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffd9;border:1px solid #ffffffb5;border-radius:28px;width:min(92vw,390px);padding:30px 24px;box-shadow:0 25px 70px #33308f26}.sdk-logo{color:#fff;background:linear-gradient(145deg,#7869f5,#4c3ac8);border-radius:25px;place-items:center;width:84px;height:84px;margin:auto;font-size:27px;font-weight:900;display:grid;box-shadow:0 15px 30px #6657e850}.sdk-kicker{color:#766ea5;letter-spacing:.22em;margin:18px 0 0;font-size:10px;font-weight:900}.sdk-entry-card h1{margin:6px 0 8px;font-size:42px;line-height:1}.sdk-rule{background:#f2f1fb;border-radius:14px;justify-content:space-between;margin-top:12px;padding:12px 14px;font-size:13px;display:flex}.sdk-primary{color:#fff;background:linear-gradient(135deg,#7465f1,#5140c7);border:0;border-radius:16px;place-items:center;width:100%;min-height:50px;margin-top:18px;font-weight:850;text-decoration:none;display:grid;box-shadow:0 12px 24px #5e4fe43d}.sdk-link{color:#6e6791;background:0 0;border:0;margin:14px auto 0;font-weight:700;text-decoration:none;display:block}.sdk-error{color:#c0394b;font-size:13px}.sdk-header{grid-template-columns:42px 1fr auto;align-items:center;gap:9px;max-width:520px;margin:auto;padding:10px 2px;display:grid}.sdk-header>a{width:40px;height:40px;color:var(--ink);background:#ffffffc7;border-radius:14px;place-items:center;display:grid}.sdk-header p{color:#77719d;letter-spacing:.13em;text-transform:uppercase;margin:0;font-size:9px;font-weight:900}.sdk-header h1{margin:0;font-size:21px}.sdk-timer{background:#ffffffc7;border-radius:13px;align-items:center;gap:5px;padding:9px;font-size:13px;display:flex}.sdk-timer svg{width:15px}.sdk-stats{color:#716b93;justify-content:center;gap:24px;max-width:500px;margin:2px auto 10px;font-size:12px;display:flex}.sdk-stats b{color:var(--ink)}.sdk-board{aspect-ratio:1;background:#26315d;border:3px solid #26315d;border-radius:10px;grid-template-columns:repeat(9,1fr);gap:1px;width:min(100vw - 24px,500px);margin:auto;display:grid;overflow:hidden;box-shadow:0 16px 45px #38356d30}.sdk-cell{color:#4f47c5;background:#fbfbff;border:0;place-items:center;min-width:0;padding:0;font-size:clamp(17px,5vw,27px);font-weight:750;transition:background .14s,transform .14s;display:grid;position:relative}.sdk-cell:nth-child(3n):not(:nth-child(9n)){border-right:2px solid #26315d}.sdk-cell:nth-child(n+19):nth-child(-n+27),.sdk-cell:nth-child(n+46):nth-child(-n+54){border-bottom:2px solid #26315d}.sdk-cell.is-given{color:#17213d;font-weight:900}.sdk-cell.is-related{background:#ecebfc}.sdk-cell.is-same{background:#ddd9ff}.sdk-cell.is-selected{z-index:2;background:#c9c2ff;box-shadow:inset 0 0 0 2px #6657e8}.sdk-cell.is-wrong{color:#fff;background:#ef5c70;animation:.42s sdk-shake}.sdk-cell.is-hint{animation:1s sdk-hint}.sdk-notes{color:#6a6490;grid-template-columns:repeat(3,1fr);font-size:clamp(6px,1.8vw,9px);font-weight:700;display:grid;position:absolute;inset:2px}.sdk-notes i{place-items:center;font-style:normal;display:grid}.sdk-tools{grid-template-columns:repeat(3,1fr);gap:8px;max-width:500px;margin:13px auto 10px;display:grid}.sdk-tools button{color:#645d8a;background:#ffffffc7;border:1px solid #d9d7ee;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:55px;font-size:10px;font-weight:750;display:flex}.sdk-tools svg{width:19px;height:19px}.sdk-tools button.is-active{color:#fff;background:#6657e8;border-color:#6657e8}.sdk-pad{grid-template-columns:repeat(9,1fr);gap:5px;max-width:500px;margin:auto;display:grid}.sdk-pad button{aspect-ratio:.78;color:#37305f;background:#fff;border:0;border-radius:10px;font-size:clamp(18px,5vw,25px);font-weight:850;box-shadow:0 5px 12px #37305f13}.sdk-pad button:active{color:#fff;background:#6657e8;transform:translateY(2px)}.sdk-toast{z-index:20;left:50%;bottom:calc(16px + env(safe-area-inset-bottom));color:#fff;background:#20284a;border-radius:14px;justify-content:space-between;align-items:center;width:min(90vw,420px);padding:12px 14px;font-size:12px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 12px 35px #1118}.sdk-toast button{color:#fff;background:0 0;border:0}.sdk-toast svg{width:17px}.sdk-modal{z-index:30;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#151b37a8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.sdk-modal>div{text-align:center;background:#fff;border-radius:25px;width:min(90vw,380px);padding:28px 24px;animation:.35s cubic-bezier(.2,.9,.25,1.3) sdk-pop;box-shadow:0 30px 80px #0005}.sdk-modal>div>svg{width:48px;height:48px;color:var(--violet);background:#f2edff;border-radius:16px;padding:11px}.sdk-modal h2{margin:14px 0 6px}.sdk-modal p{color:#716b8c;font-size:13px}.sdk-result>div>svg{color:#b27b12;background:#fff4d4}.sdk-reward{justify-content:center;gap:9px;margin:16px 0;display:flex}.sdk-reward b{color:#5949cc;background:#f2efff;border-radius:10px;padding:8px 10px;font-size:12px}.sdk-page.is-complete .sdk-board{animation:1.1s both sdk-clear}.sdk-result:before{content:"";pointer-events:none;background-image:radial-gradient(circle,#f5c95c 0 3px,#0000 4px),radial-gradient(circle,#8979ff 0 3px,#0000 4px);background-size:62px 62px,84px 84px;animation:1.5s ease-out both sdk-confetti;position:absolute;inset:0}@keyframes sdk-spin{to{transform:rotate(360deg)}}@keyframes sdk-shake{20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}@keyframes sdk-hint{0%{background:#fff;box-shadow:inset 0 0 0 2px #e7b448}50%{background:#fff3bc;box-shadow:inset 0 0 0 4px #e7b448,0 0 24px #e7b448}to{box-shadow:none}}@keyframes sdk-pop{0%{opacity:0;transform:scale(.82)translateY(20px)}}@keyframes sdk-clear{35%{box-shadow:0 0 0 8px #f1c75b66,0 25px 70px #5d4ee755}70%{transform:scale(1.015)}}@keyframes sdk-confetti{0%{opacity:0;transform:translateY(-15%)}25%{opacity:1}to{opacity:0;transform:translateY(20%)}}@media (height<=700px){.sdk-header{padding:4px 2px}.sdk-stats{margin-bottom:5px}.sdk-tools{margin:7px auto 5px}.sdk-tools button{flex-direction:row;min-height:42px}.sdk-tools svg{width:16px}.sdk-pad button{aspect-ratio:1}}@media (prefers-reduced-motion:reduce){.sdk-page *{transition-duration:.01ms!important;animation-duration:.01ms!important}}