:root{--sky-0: #241a4d;--sky-1: #2e2160;--sky-2: #1a1340;--panel: rgba(255, 255, 255, .08);--panel-2: rgba(255, 255, 255, .13);--stroke: rgba(255, 255, 255, .16);--text: #f6f0ff;--muted: #c3b6e8;--pink: #ff9ce0;--pink-2: #ff6fc7;--gold: #ffd36e;--violet: #b79bff;--good: #7ce0a3;--warn: #ffb26b;--radius: 18px;--nav-h: 66px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%}body{color:var(--text);background:radial-gradient(120% 90% at 50% -10%,#4b2a7a 0%,var(--sky-1) 42%,var(--sky-2) 100%) fixed;overflow:hidden}#app{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:radial-gradient(1.5px 1.5px at 20% 30%,#fff 40%,transparent),radial-gradient(1.5px 1.5px at 70% 20%,#ffe9fb 40%,transparent),radial-gradient(1px 1px at 40% 70%,#fff 40%,transparent),radial-gradient(1.5px 1.5px at 85% 60%,#d9c8ff 40%,transparent),radial-gradient(1px 1px at 60% 85%,#fff 40%,transparent),radial-gradient(1px 1px at 10% 80%,#fff 40%,transparent);opacity:.5}.screen-host{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column}.screen-in{animation:screenIn .34s cubic-bezier(.22,.9,.3,1)}@keyframes screenIn{0%{opacity:0;transform:translateY(16px) scale(.99)}to{opacity:1;transform:none}}.screen-pad{padding:12px 14px calc(var(--nav-h) + 18px);flex:1;position:relative;z-index:1}.screen-title{text-align:center;font-size:21px;margin:6px 0 14px;text-shadow:0 0 16px rgba(255,180,240,.4)}.btn{border:0;border-radius:14px;font:700 15px system-ui,sans-serif;color:#3a1d5e;padding:12px 18px;cursor:pointer;transition:transform .12s,filter .12s,box-shadow .12s;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:active{transform:scale(.95)}.btn-primary{background:linear-gradient(180deg,#ffe08a,var(--pink));color:#52235a;box-shadow:0 6px #c65aa0,0 10px 20px #ff6ec759}.btn-primary:active{box-shadow:0 2px #c65aa0,0 4px 10px #ff6ec759;transform:translateY(3px) scale(.98)}.btn-soft{background:var(--panel-2);color:var(--text);border:1px solid var(--stroke)}.btn-disabled{background:#ffffff14;color:var(--muted);box-shadow:none}.btn-xl{font-size:18px;padding:16px 26px;width:100%}.btn[disabled]{opacity:.5;pointer-events:none}.hud{position:sticky;top:0;z-index:5;display:flex;gap:8px;padding:10px 12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(180deg,#1a1340d9,#1a134059)}.hud-chip{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;background:var(--panel);border:1px solid var(--stroke);border-radius:12px;padding:7px 6px;font-size:14px;font-weight:600}.hud-chip b{font-weight:800}.hud-slash{color:var(--muted);font-size:12px}.hud-timer{color:var(--gold);font-size:12px}.hud-plus{color:var(--good);font-weight:900}.navbar{position:fixed;left:0;right:0;bottom:0;height:var(--nav-h);z-index:20;display:flex;padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#1e164899,#140e32f5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--stroke)}.nav-btn{flex:1;background:none;border:0;color:var(--muted);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 0;transition:color .15s,transform .12s}.nav-btn .nav-ico{font-size:21px;filter:grayscale(.3)}.nav-btn .nav-lbl{font-size:10.5px;font-weight:600}.nav-btn.on{color:var(--text)}.nav-btn.on .nav-ico{filter:none;transform:translateY(-2px) scale(1.12)}.nav-btn:active{transform:scale(.9)}.menu-wrap{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px 22px calc(var(--nav-h) + 20px);position:relative;z-index:1;gap:26px}.sky-deco{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.deco{position:absolute;font-size:24px;opacity:.8;animation:float 5s ease-in-out infinite}.deco.d1{top:8%;left:12%}.deco.d2{top:14%;right:14%;font-size:30px;animation-delay:.4s}.deco.d3{top:40%;left:8%;animation-delay:.8s}.deco.d4{top:30%;right:10%;font-size:28px;animation-delay:1.2s}.deco.d5{bottom:24%;left:16%;animation-delay:.6s}.deco.d6{bottom:30%;right:16%;font-size:26px;animation-delay:1s}@keyframes float{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-12px) rotate(4deg)}}.menu-hero{text-align:center;z-index:1}.menu-ponies{font-size:60px;filter:drop-shadow(0 6px 18px rgba(255,150,230,.5));animation:bob 3s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.menu-title{font-size:34px;line-height:1.02;margin:6px 0 4px;letter-spacing:.5px;text-shadow:0 0 24px rgba(255,150,230,.55)}.menu-title span{background:linear-gradient(90deg,var(--gold),var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent}.menu-sub{color:var(--muted);font-size:13.5px;margin:4px auto 0;max-width:260px}.menu-stars{display:inline-block;margin-top:12px;background:var(--panel-2);border:1px solid var(--stroke);border-radius:999px;padding:5px 14px;font-weight:700}.menu-actions{width:100%;max-width:320px;display:flex;flex-direction:column;gap:12px;z-index:1}.menu-daily{text-align:center;font-size:13.5px}.menu-daily.claimed{color:var(--muted);padding:10px}.map-track{display:flex;flex-direction:column;gap:14px;max-width:460px;margin:0 auto}.node{display:flex;align-items:center;gap:12px;width:78%;cursor:pointer;background:var(--panel);border:1px solid var(--stroke);border-radius:var(--radius);padding:12px 14px;color:var(--text);transition:transform .12s}.node.right{align-self:flex-end;flex-direction:row-reverse;text-align:right}.node:active{transform:scale(.97)}.node.locked{opacity:.55}.node.done{border-color:#7ce0a366;background:linear-gradient(180deg,rgba(124,224,163,.12),var(--panel))}.node.current{border-color:var(--pink);box-shadow:0 0 0 2px #ff9ce066,0 6px 20px #ff6ec740;animation:pulseCur 1.8s ease-in-out infinite}@keyframes pulseCur{0%,to{box-shadow:0 0 0 2px #ff9ce066}50%{box-shadow:0 0 0 4px #ff9ce026}}.node-num{flex:0 0 42px;height:42px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:18px;background:linear-gradient(180deg,var(--violet),#8a6fe0);color:#2a1750}.node.done .node-num{background:linear-gradient(180deg,var(--gold),var(--pink))}.node-info{display:flex;flex-direction:column;gap:3px}.node-name{font-weight:700;font-size:15px}.node-stars{font-size:12px;color:var(--muted)}.node-stars .dot{color:#ffffff40;font-size:15px}.node-stars .dot.on{color:var(--gold);text-shadow:0 0 8px rgba(255,211,110,.7)}.map-stars{text-align:center;color:var(--gold);font-weight:700;margin:-6px 0 14px}.loc-list{display:flex;flex-direction:column;gap:10px;max-width:480px;margin:0 auto}.loc-card{display:flex;align-items:center;gap:12px;width:100%;cursor:pointer;text-align:left;background:var(--panel);border:1px solid var(--stroke);border-radius:var(--radius);padding:12px 14px;color:var(--text);transition:transform .12s}.loc-card:active{transform:scale(.98)}.loc-card.locked{opacity:.62}.loc-card.done{border-color:#7ce0a366;background:linear-gradient(180deg,rgba(124,224,163,.1),var(--panel))}.loc-card.premium{border-color:#ffd36e73;box-shadow:0 0 0 1px #ffd36e26 inset}.loc-emoji{flex:0 0 46px;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:26px;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--glow) 45%,transparent),#ffffff0f);filter:drop-shadow(0 0 10px var(--glow))}.loc-body{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.loc-name{font-weight:700;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.loc-prog{font-size:12.5px;color:var(--muted)}.loc-gate{font-size:12.5px;color:var(--warn);font-weight:600}.loc-arrow{flex:0 0 auto;color:var(--muted);font-size:18px}.gate-box{text-align:center;background:#ffb26b1a;border:1px solid rgba(255,178,107,.35);border-radius:16px;padding:16px;margin:4px auto 14px;max-width:440px;display:flex;flex-direction:column;gap:10px}.gate-emoji{font-size:38px}.gate-title{font-weight:800;font-size:17px}.gate-need{color:var(--muted);font-size:14px}.node.boss .node-num{background:linear-gradient(180deg,var(--gold),var(--pink));box-shadow:0 0 12px #ffd36e80}.intro-loc{text-align:center;color:var(--violet);font-size:13px;margin-top:2px}.intro-attempts{text-align:center;color:var(--muted);font-size:13px;margin:12px 0 2px}.link-back{background:none;border:0;color:var(--muted);font-weight:600;font-size:14px;padding:6px 2px;cursor:pointer}.intro-card{max-width:440px;margin:4px auto;background:var(--panel);border:1px solid var(--stroke);border-radius:22px;padding:20px 18px;position:relative}.intro-badge{position:absolute;top:-18px;left:50%;transform:translate(-50%);width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:20px;background:linear-gradient(180deg,var(--gold),var(--pink));color:#52235a;box-shadow:0 6px 16px #ff6ec766}.intro-name{text-align:center;margin:16px 0 2px;font-size:20px}.intro-moves{text-align:center;color:var(--muted);font-size:14px;margin-bottom:6px}.intro-section-title{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--violet);margin:16px 0 8px;font-weight:700}.goal-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.goal-list li{background:var(--panel-2);border-radius:10px;padding:8px 12px;font-size:14px}.pony-row,.booster-row{display:flex;gap:8px;flex-wrap:wrap}.pony-chip{flex:1;min-width:70px;background:var(--panel-2);border:2px solid transparent;border-radius:14px;padding:8px 4px;cursor:pointer;color:var(--text);display:flex;flex-direction:column;align-items:center;gap:3px}.pony-chip .pony-emoji{font-size:26px}.pony-chip .pony-name{font-size:11px;font-weight:600}.pony-chip.sel{border-color:var(--pink);background:linear-gradient(180deg,rgba(255,156,224,.2),var(--panel-2))}.pony-chip.locked{opacity:.5}.pony-ability{margin-top:10px;font-size:12.5px;color:var(--muted);background:#b79bff1f;border-radius:10px;padding:8px 12px}.booster-chip{flex:1;min-width:90px;display:flex;align-items:center;gap:6px;justify-content:center;background:var(--panel-2);border:2px solid transparent;border-radius:12px;padding:8px;cursor:pointer;color:var(--text);font-size:13px}.booster-chip .b-qty{color:var(--muted);font-size:12px}.booster-chip.on{border-color:var(--good);background:linear-gradient(180deg,rgba(124,224,163,.18),var(--panel-2))}.booster-chip.empty{opacity:.5}.intro-nolife{text-align:center;color:var(--warn);font-size:13px;margin:12px 0 4px}.intro-start{margin-top:16px}.game-root{display:flex;flex-direction:column;height:100%}#g-top{padding:8px 12px 4px}.g-bar{display:flex;align-items:center;gap:10px}.g-pause{width:40px;height:40px;border-radius:12px;border:1px solid var(--stroke);background:var(--panel);color:var(--text);font-size:16px;cursor:pointer}.g-stat{flex:1;background:var(--panel);border:1px solid var(--stroke);border-radius:12px;padding:5px 10px;display:flex;align-items:center;justify-content:space-between}.g-stat-lbl{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.g-stat b{font-size:19px}.g-stat b.low{color:var(--warn);animation:blink 1s ease-in-out infinite}@keyframes blink{50%{opacity:.4}}.goal-bar{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:8px}.goal{display:flex;align-items:center;gap:5px;background:var(--panel);border:1px solid var(--stroke);border-radius:999px;padding:4px 10px;font-size:13px;font-weight:700}.goal.done{border-color:var(--good);color:var(--good)}.goal .g-ico{font-size:15px}.board-area{flex:1;display:flex;align-items:center;justify-content:center;position:relative;padding:6px}.board{width:100%;max-width:min(94vw,440px);display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:4px;padding:8px;border-radius:20px;background:#ffffff0d;border:1px solid var(--stroke);box-shadow:inset 0 0 40px #7850b433;touch-action:none}.cell{position:relative;aspect-ratio:1 / 1;border:0;cursor:pointer;border-radius:12px;background:#ffffff0d;display:grid;place-items:center;font-size:min(7.4vw,32px);padding:0;transition:transform .1s,background .15s}.cell .gem,.cell .sp{line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.35)) drop-shadow(0 0 6px var(--glow, transparent))}.cell.sel{background:#ff9ce059;box-shadow:0 0 0 2px var(--pink),0 0 14px #ff9ce099;transform:scale(1.06);z-index:2}.cell.armed:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;box-shadow:inset 0 0 0 2px #ffd36e99;animation:blink 1s infinite}.cell.hole{background:transparent;box-shadow:inset 0 0 18px #00000080;cursor:default}.cell.meteor{background:#785a464d}.cell .hp{position:absolute;bottom:2px;right:4px;font-size:11px;font-weight:800;color:#fff;text-shadow:0 1px 2px #000}.cell .sp.rocket.v{transform:rotate(90deg)}.cell .sp.galaxy{animation:spin 3s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.cell .sp.bomb{filter:drop-shadow(0 0 8px #ff8f5a)}.cell.appear{animation:pop-in .26s cubic-bezier(.2,1.2,.4,1)}@keyframes pop-in{0%{transform:scale(.1);opacity:0}to{transform:scale(1);opacity:1}}.cell.fall{animation:fall-drop var(--fallms, .23s) cubic-bezier(.36,.62,.5,1)}@keyframes fall-drop{0%{transform:translateY(calc(var(--drop, 1) * -108%))}74%{transform:translateY(0)}86%{transform:translateY(-7%)}to{transform:translateY(0)}}.score-pop{position:absolute;z-index:8;pointer-events:none;transform:translate(-50%,-50%);font-weight:900;font-size:18px;color:var(--gold);white-space:nowrap;text-shadow:0 2px 6px rgba(0,0,0,.6),0 0 12px rgba(255,211,110,.75);animation:score-pop .76s cubic-bezier(.2,.8,.3,1) forwards}.score-pop .sp-ico{font-size:14px;margin-right:2px;filter:drop-shadow(0 0 4px rgba(255,211,110,.6))}@keyframes score-pop{0%{opacity:0;transform:translate(-50%,-40%) scale(.6)}22%{opacity:1;transform:translate(-50%,-66%) scale(1.12)}to{opacity:0;transform:translate(-50%,-164%) scale(1)}}.cell.shake{animation:shake .3s}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.cell.frozen .gem{filter:saturate(.6) brightness(1.05)}.cell .ice-cover{position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:10px;pointer-events:none;background:linear-gradient(135deg,#b4e6ffbf,#8cc8ff73);box-shadow:inset 0 0 0 2px #fff9,inset 0 0 12px #ffffff80}.cell .ice-cover:after{content:"❄";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:.7em;color:#ffffffd9}.cell.crystal{background:radial-gradient(circle at 50% 40%,#ff9ce040,#ffffff0a)}.cell .crystal-gem{animation:floatCry 2.4s ease-in-out infinite;filter:drop-shadow(0 0 8px #ff9ce0)}@keyframes floatCry{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.cell.hint{animation:hintPulse 1s ease-in-out infinite}@keyframes hintPulse{0%,to{box-shadow:inset 0 0 #ffd36e00}50%{box-shadow:inset 0 0 0 3px #ffd36ee6,0 0 14px #ffd36e99;transform:scale(1.04)}}.cell .dust{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;pointer-events:none;background:repeating-linear-gradient(45deg,#d8e2ff80 0,#d8e2ff80 3px,#b79bff59 3px,#b79bff59 6px);box-shadow:inset 0 0 0 2px #fff6}.cell .dust.l1{opacity:.55}.cell .dust.l2{opacity:.8}.cell .dust.l3{opacity:1}.cell .burst{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none;animation:vanish .26s ease-in forwards}@keyframes vanish{0%{transform:scale(1) rotate(0);opacity:1;filter:blur(0)}55%{transform:scale(1.18) rotate(8deg);opacity:.85}to{transform:scale(.12) rotate(28deg);opacity:0;filter:blur(2px)}}.over-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:none;align-items:center;justify-content:center;background:#100a28b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.over-layer.on{display:flex;animation:screenIn .25s ease}.modal{background:var(--sky-1);border:1px solid var(--stroke);border-radius:22px;padding:24px 22px;width:min(84vw,320px);text-align:center;display:flex;flex-direction:column;gap:12px;box-shadow:0 20px 50px #00000080}.modal-emoji{font-size:46px}.modal-title{font-size:21px;font-weight:800}.modal-sub{color:var(--muted);font-size:14px;margin-top:-6px}#g-foot{padding:8px 12px calc(10px + env(safe-area-inset-bottom))}.foot-bar{display:flex;gap:8px;align-items:stretch}.foot-btn{border:1px solid var(--stroke);background:var(--panel);border-radius:14px;cursor:pointer;color:var(--text);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:8px 6px}.foot-btn:active{transform:scale(.94)}.ability{flex:2}.ability .ab-emoji{font-size:24px}.ability .ab-charge{width:100%;height:6px;border-radius:999px;background:#ffffff26;overflow:hidden;margin:3px 0}.ability .ab-fill{display:block;height:100%;background:linear-gradient(90deg,var(--violet),var(--pink));transition:width .3s}.ability .ab-name{font-size:10.5px;font-weight:700;color:var(--muted)}.ability.ready{border-color:var(--gold);box-shadow:0 0 14px #ffd36e80;animation:readyPulse 1.2s infinite}.ability.ready .ab-name{color:var(--gold)}@keyframes readyPulse{50%{box-shadow:0 0 6px #ffd36e4d}}.boost{flex:1}.boost .b-emoji{font-size:22px}.boost .b-qty{font-size:11px;color:var(--muted);font-weight:700}.boost.armed{border-color:var(--gold);box-shadow:0 0 12px #ffd36e80}.boost.empty{opacity:.45}.result-wrap{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:20px 24px calc(var(--nav-h));text-align:center;position:relative;z-index:1}.result-emoji,.result-ponies{font-size:62px;filter:drop-shadow(0 6px 18px rgba(255,150,230,.5));animation:bob 2.6s ease-in-out infinite}.result-title{font-size:26px;margin:0;text-shadow:0 0 20px rgba(255,180,240,.5)}.result-stars{display:flex;gap:10px}.result-stars .rstar{font-size:44px;color:#fff3}.result-stars .rstar.on{color:var(--gold);text-shadow:0 0 18px rgba(255,211,110,.8);animation:starPop .5s backwards}@keyframes starPop{0%{transform:scale(0) rotate(-40deg);opacity:0}to{transform:none;opacity:1}}.result-score{font-size:18px;font-weight:700}.result-rewards{display:flex;gap:10px}.reward-chip{background:var(--panel-2);border:1px solid var(--stroke);border-radius:999px;padding:8px 16px;font-weight:800;font-size:15px}.result-actions{width:100%;max-width:320px;display:flex;flex-direction:column;gap:10px;margin-top:10px}.confetti{position:absolute;top:10%;left:0;right:0;font-size:26px;letter-spacing:14px;opacity:.8;animation:float 4s ease-in-out infinite}.shop-list{display:flex;flex-direction:column;gap:10px;max-width:460px;margin:0 auto}.shop-card{display:flex;align-items:center;gap:12px;background:var(--panel);border:1px solid var(--stroke);border-radius:var(--radius);padding:12px}.shop-emoji{font-size:34px;flex:0 0 auto;width:46px;text-align:center}.shop-info{flex:1}.shop-name{font-weight:700;font-size:15px}.shop-desc{color:var(--muted);font-size:12.5px}.shop-buy{flex:0 0 auto;min-width:78px;padding:10px 12px}.shop-note{text-align:center;color:var(--muted);font-size:12px;margin:16px 0 4px}.pony-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:460px;margin:0 auto}.pony-card{background:var(--panel);border:1px solid var(--stroke);border-radius:18px;padding:14px 12px;text-align:center;display:flex;flex-direction:column;gap:6px}.pony-card.sel{border-color:var(--pink);box-shadow:0 0 0 2px #ff9ce059}.pony-card.locked{opacity:.75}.pony-card-emoji{font-size:44px}.pony-card-name{font-weight:800;font-size:16px}.pony-card-fav{font-size:12px;color:var(--muted)}.pony-card-ability{font-size:11.5px;color:var(--muted);background:#b79bff1f;border-radius:10px;padding:8px;min-height:62px}.pony-card-ability b{color:var(--violet)}.pony-btn{width:100%;padding:10px}.pony-selected{color:var(--good);font-weight:800;padding:10px;font-size:14px}.set-list{max-width:460px;margin:0 auto;display:flex;flex-direction:column;gap:10px}.set-row{display:flex;align-items:center;justify-content:space-between;width:100%;background:var(--panel);border:1px solid var(--stroke);border-radius:14px;padding:14px 16px;color:var(--text);font-size:15px;font-weight:600;cursor:pointer}.set-row.static{cursor:default}.set-row.danger{color:var(--pink-2);border-color:#ff6fc759}.set-row .ver{font-size:12px;color:var(--muted);font-weight:500}.switch{width:46px;height:26px;border-radius:999px;background:#ffffff2e;position:relative;transition:background .2s}.switch.on{background:var(--good)}.switch .knob{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:left .2s}.switch.on .knob{left:23px}#toast-host{position:fixed;left:0;right:0;bottom:calc(var(--nav-h) + 14px);z-index:100;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.toast{background:#140e32f2;color:var(--text);border:1px solid var(--stroke);border-radius:12px;padding:10px 18px;font-size:14px;font-weight:600;opacity:0;transform:translateY(12px);transition:opacity .25s,transform .25s;box-shadow:0 8px 24px #0006;max-width:86vw;text-align:center}.toast.toast-in{opacity:1;transform:none}.toast-ok{border-color:#7ce0a380}.toast-warn{border-color:#ffb26b99}#net-banner{position:fixed;top:0;left:0;right:0;z-index:200;text-align:center;background:var(--warn);color:#4a2a00;font-size:13px;font-weight:700;padding:6px;transform:translateY(-100%);transition:transform .3s}#net-banner.on{transform:none}#tutor-host{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;display:none;align-items:center;justify-content:center;background:#100a28b8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:20px}#tutor-host.on{display:flex;animation:screenIn .25s ease}.tut-card{background:var(--sky-1);border:1px solid var(--stroke);border-radius:24px;padding:26px 22px 22px;width:min(86vw,340px);text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;box-shadow:0 24px 60px #0000008c;position:relative}.tut-tag{position:absolute;top:-11px;left:50%;transform:translate(-50%);background:linear-gradient(90deg,var(--violet),var(--pink));color:#fff;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:4px 12px;border-radius:999px;box-shadow:0 6px 16px #b79bff66}.tut-emoji{font-size:52px;line-height:1;margin-top:4px;filter:drop-shadow(0 6px 14px rgba(0,0,0,.35));animation:tutPop .4s ease}@keyframes tutPop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.12)}to{transform:scale(1);opacity:1}}.tut-title{font-size:20px;font-weight:800}.tut-body{font-size:14px;line-height:1.5;color:var(--muted)}.tut-dots{display:flex;gap:6px;margin-top:2px}.tut-dots span{width:7px;height:7px;border-radius:999px;background:#ffffff38}.tut-dots span.on{background:var(--pink)}.tut-ok{width:100%;margin-top:6px}.board.coaching .cell:not(.coach-focus):not(.hole){opacity:.38;filter:grayscale(.35);transition:opacity .3s,filter .3s}.cell.coach-focus{z-index:3;animation:coachFocus 1.1s ease-in-out infinite}@keyframes coachFocus{0%,to{box-shadow:inset 0 0 0 2px #ffd36e8c}50%{box-shadow:inset 0 0 0 3px #ffd36e,0 0 18px #ffd36eb3;transform:scale(1.06)}}.coach-hand{position:absolute;z-index:9;font-size:34px;pointer-events:none;transform:translate(-50%,-50%);filter:drop-shadow(0 3px 7px rgba(0,0,0,.6));animation:coachBob 1s ease-in-out infinite}@keyframes coachBob{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(calc(-50% + var(--nx, 0px)),calc(-50% + var(--ny, 0px)))}}.coach-bubble{position:absolute;left:50%;bottom:8px;transform:translate(-50%);z-index:9;pointer-events:none;background:#140e32f5;border:1px solid var(--stroke);border-radius:14px;padding:9px 16px;font-size:14px;font-weight:700;color:var(--text);max-width:88%;text-align:center;box-shadow:0 10px 26px #00000073;animation:coachBubbleIn .3s ease}.coach-bubble.cheer{color:var(--gold);border-color:#ffd36e80}@keyframes coachBubbleIn{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}