.sliding-navigation{isolation:isolate}.navigation-selection{z-index:0;pointer-events:none;opacity:0;background:linear-gradient(145deg, var(--glass-panel), var(--glass-tint));border-radius:999px;transition:transform .38s cubic-bezier(.22,.85,.25,1.08),width .38s cubic-bezier(.22,.85,.25,1.08),height .25s,opacity .15s;position:absolute;inset:0 auto auto 0;box-shadow:inset 0 1px #fff,inset 0 0 0 1px #ffffffb3,0 3px 12px #2344801f}.sliding-navigation[data-selection-ready=true]>.navigation-selection{opacity:1}.tabs:not([data-selection-ready=true]) .tab.active{background:var(--glass-panel)}.sliding-navigation>button{z-index:1;position:relative}
.game-header{--header-control-height:50px;z-index:30;pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:center;height:72px;padding:0 24px;display:grid;position:absolute;inset:0 0 auto}.game-header>*{pointer-events:auto}.is-practice .game-header{top:44px}.wordmark{color:var(--ink);justify-self:start;align-items:center;gap:8px;display:inline-flex}.brand-name{font-family:var(--display);letter-spacing:-.04em;text-shadow:0 0 14px #ffffffe6,0 0 3px #ffffffe6;font-size:21px;font-weight:700}.header-context{min-width:0;display:none}.header-title{font-family:var(--display);letter-spacing:-.03em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:20px;font-weight:700;overflow:hidden}.tabs{height:var(--header-control-height);background:var(--glass-control);box-shadow:var(--glass-control-shadow);border-radius:999px;gap:4px;padding:5px;display:flex;position:relative}.tab{height:calc(var(--header-control-height) - 10px);color:var(--ink-2);background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;padding:0 18px;font-size:14.5px;font-weight:600;display:inline-flex}.tab:hover{color:var(--ink);background:#fffc}.tab.active{color:var(--accent-deep);background:0 0}.tab:active{transform:scale(.97)}.header-actions{justify-self:end;align-items:center;gap:12px;display:flex;position:relative}@media (min-width:1100px){.header-actions{--header-control-height:40px}}.how-button{height:var(--header-control-height);background:var(--glass-control);box-shadow:var(--glass-control-shadow);border:0;border-radius:999px;align-items:center;gap:8px;padding:0 14px 0 8px;font-size:14px;font-weight:600;display:inline-flex}.how-button-icon{background:var(--ink);color:#fff;width:24px;height:24px;font-family:var(--display);border-radius:50%;place-items:center;font-size:12px;display:grid}.menu-button{display:none}.header-menu-popover{background:var(--glass-panel);width:240px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 80px);color:var(--ink);box-shadow:var(--glass-shadow);border:0;border-radius:18px;margin:0;padding:8px;display:none;position:fixed;inset:68px 12px auto auto;overflow:auto}.header-menu-navigation,.header-menu-links{flex-direction:column;gap:2px;display:flex}.header-menu-navigation{border-bottom:1px solid var(--line);margin-bottom:8px;padding-bottom:8px}.header-menu-navigation button,.header-menu-links a{text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:10px;min-height:44px;padding:0 12px;font-size:14.5px;font-weight:600;text-decoration:none;display:flex}.header-menu-navigation button:hover,.header-menu-links a:hover{color:var(--accent-deep);background:#eef4fb}.header-menu-navigation button[aria-current=page]{background:var(--accent-tint);color:var(--accent-deep)}.header-menu-navigation svg{flex-shrink:0}.header-menu-meta{border-top:1px solid var(--line);color:var(--ink-2);justify-content:space-between;align-items:center;gap:12px;margin:6px 12px 4px;padding-top:10px;font-size:11.5px;display:flex}.header-actions .wallet-button{height:var(--header-control-height);border-radius:999px}.wallet-pill{background:var(--glass-control);box-shadow:var(--glass-control-shadow);border:0;align-items:center;gap:10px;padding:0 14px 0 9px;font-size:14px;font-weight:600;display:inline-flex}.wallet-pill.active{box-shadow:0 0 0 3px var(--accent), var(--shadow-soft)}.wallet-avatar{border-radius:50%;flex-shrink:0;display:inline-block;box-shadow:inset 0 0 0 2px #ffffffb3}.wallet-menu{z-index:35;top:calc(var(--header-control-height) + 10px);flex-direction:column;width:300px;padding:10px;animation:.18s ease-out dialog-in;display:flex;position:absolute;right:0}.wallet-menu-heading{align-items:center;gap:12px;padding:8px 8px 12px;display:flex}.wallet-menu-heading strong{font-family:var(--display);font-size:15px;font-weight:600;display:block}.wallet-menu-heading small{color:var(--ink-2);align-items:center;gap:7px;margin-top:3px;font-size:12.5px;display:flex}.wallet-copy{background:#eef4fb;border:0;border-radius:10px;place-items:center;width:34px;height:34px;margin-left:auto;padding:0;display:grid}.wallet-menu>button{height:44px;color:var(--ink);text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;padding:0 12px;font-size:14.5px;font-weight:600;display:flex}.wallet-menu>button:hover{background:#f1f5fb}.wallet-menu hr{background:#edf2f8;border:0;height:1px;margin:6px 4px}.wallet-menu .wallet-disconnect{color:var(--out-deep)}.practice-banner{z-index:31;background:var(--aero-peri);height:44px;color:var(--ink);justify-content:center;align-items:center;gap:10px;padding:0 16px;font-size:14px;display:flex;position:absolute;inset:0 0 auto}.practice-banner img{flex-shrink:0}.practice-banner .btn{height:30px;margin-left:8px}@media (min-width:640px) and (max-width:1099px){.game-header{grid-template-columns:auto minmax(0,1fr) auto;gap:10px;padding:0 16px}.brand-name,.how-button-label,.header-actions .wide-only{display:none}.tabs{justify-self:center}.tab{gap:6px;padding:0 11px;font-size:13.5px}.header-actions{--header-control-height:44px;gap:8px}.how-button{width:var(--header-control-height);justify-content:center;padding:0}.header-actions .wallet-button.btn{padding:0 14px;font-size:14px}.wallet-pill{gap:6px;padding:0 10px 0 9px}}@media (max-width:639px){.game-header{--header-control-height:44px;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;height:64px;padding:0 12px}.brand-name,.tabs,.how-button-label{display:none}.header-context{display:block}.header-actions{gap:8px}.how-button,.menu-button{width:var(--header-control-height);height:var(--header-control-height);background:var(--glass-control);color:var(--ink);box-shadow:var(--glass-control-shadow);border:0;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.header-menu-popover:popover-open{animation:.18s ease-out dialog-in;display:block}.is-practice .header-menu-popover{max-height:calc(100dvh - 124px);top:112px}.header-actions .wallet-button.btn{padding:0 14px;font-size:14px}.wallet-pill{gap:6px;padding:0 10px 0 9px}.wallet-menu{width:auto;position:fixed;top:68px;left:12px;right:12px}.is-practice .wallet-menu{top:112px}.practice-banner{gap:8px;font-size:12.5px}.practice-banner .btn{margin-left:4px}}
.sky-backdrop{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.sky-frame{position:absolute;inset:0}.sky-backdrop video,.sky-backdrop img{object-fit:cover;filter:brightness(1.06)saturate(.92);width:100%;height:100%;display:block}.sky-frame>img,.sky-frame>video{position:absolute;inset:0}.sky-frame>video{opacity:0}.sky-frame>video[data-ready=true]{opacity:1;transition:opacity .6s}.sky-backdrop:after{content:"";background:var(--sky-page-veil,linear-gradient(transparent, transparent)), linear-gradient(180deg, #f4f9ffb8 0, #f4f9ff6b 90px, #f0f7ff1f 200px, #ecf4ff1f 45%, #f0f6ff80 100%);position:absolute;inset:0}.site-stage:has(.page)>.sky-backdrop{--sky-page-veil:linear-gradient(180deg, #f0f6ff00 20%, #f0f6ff33 60%, #f0f6ff99 100%)}.sky-storm{opacity:0;background:linear-gradient(#26324e9e 0%,#36446275 55%,#46547266 100%);transition:opacity 2.4s;position:absolute;inset:0}.sky-light{opacity:0;background:radial-gradient(70% 55% at 50% 16%,#fff6de9e,#fff6de00 72%);transition:opacity 2.4s;position:absolute;inset:0}.sky-rainbow{opacity:0;--arc:ellipse 52% 58% at 50% 88%;background:radial-gradient(var(--arc), transparent 83%, #a070f080 85.5%, #5096ff80 87.5%, #6ed77d80 89.5%, #ffe45c8c 91.5%, #ffa0408c 93.5%, #ff4e4e80 95.5%, transparent 98%);transition:opacity 2.4s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 45%,#0000 78%);mask-image:linear-gradient(#000 45%,#0000 78%)}.sky-weather{width:100%;height:100%;position:absolute;inset:0}@media (max-width:1099px){.sky-rainbow{--arc:ellipse 85% 34% at 50% 72%}}
.onboarding{width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--ink);background:0 0;border:0;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.onboarding::backdrop{background:0 0}.onboarding:focus-visible{outline:none}.onboarding-shade{-webkit-mask-image:radial-gradient(circle var(--r) at var(--sx) var(--sy), transparent 96%, #000 100%);-webkit-mask-image:radial-gradient(circle var(--r) at var(--sx) var(--sy), transparent 96%, #000 100%);mask-image:radial-gradient(circle var(--r) at var(--sx) var(--sy), transparent 96%, #000 100%);background:#0e1a3a80;position:absolute;inset:0}.onboarding-ring{left:var(--sx);top:var(--sy);width:calc(var(--r) * 2);height:calc(var(--r) * 2);pointer-events:none;border:3px solid #fff;border-radius:50%;animation:2.4s ease-in-out infinite guide-ring;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 6px #9cadff99}.onboarding .onboarding-coach{left:max(16px, calc(var(--sx) - var(--r) - 384px));top:clamp(84px, calc(var(--sy) - 100px), calc(100dvh - 320px));border-radius:24px;flex-direction:column;gap:8px;width:340px;padding:20px 20px 16px;display:flex;position:absolute}.onboarding-count{color:var(--accent);font-size:12.5px;font-weight:700}.onboarding-coach h2{font-family:var(--display);letter-spacing:-.035em;margin:0;font-size:24px;font-weight:700}.onboarding-coach p{color:var(--ink-2);margin:0;font-size:15.5px;line-height:1.45}.onboarding-actions{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.onboarding-actions.is-final{flex-direction:column;align-items:stretch;gap:8px}.onboarding-skip{color:var(--haze);background:0 0;border:0;padding:0;font-weight:600}.onboarding-dots{justify-content:center;gap:6px;margin-top:4px;display:flex}.onboarding-dots i{background:#d7e0ec;border-radius:50%;width:7px;height:7px}.onboarding-dots i.active{background:var(--ink);border-radius:4px;width:20px}.onboarding-hand{left:var(--sx);top:var(--sy);pointer-events:none;width:46px;height:140px;position:absolute;transform:translate(-20%,-50%)}.onboarding-hand svg{filter:drop-shadow(0 6px 10px #0e1a3a40);animation:2.2s ease-in-out infinite guide-hand;position:absolute;top:52px;left:0}.onboarding-hand-track{background:linear-gradient(#0000,#154afacc 30% 70%,#0000);border-radius:2px;width:4px;height:140px;position:absolute;top:0;left:14px}@keyframes guide-ring{50%{box-shadow:0 0 0 12px #9cadff47}}@keyframes guide-hand{0%,to{transform:translateY(-38px)}50%{transform:translateY(30px)}}.range-gesture-hint{z-index:12;pointer-events:none;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:8px;width:150px;transition:left .3s,top .3s;animation:.45s ease-out both passive-guide-in;display:flex;position:fixed;transform:translate(-50%,-50%)}.range-gesture-motion{width:46px;height:86px;position:relative}.range-gesture-motion svg{filter:drop-shadow(0 3px 4px #0e1a3a26);width:30px;height:34px;animation:3.2s ease-in-out infinite passive-guide-drag;position:absolute;top:22px}.range-gesture-track{background:linear-gradient(#0000,#154afa52 25% 75%,#0000);border-radius:3px;width:3px;height:80px;position:absolute;top:2px;left:10px}@keyframes passive-guide-in{0%{opacity:0}to{opacity:1}}@keyframes passive-guide-drag{0%,15%,to{opacity:.75;transform:translateY(-16px)}50%,65%{opacity:1;transform:translateY(16px)}}@media (max-width:639px){.onboarding .onboarding-coach{width:auto;inset:auto 12px 20px}}@media (prefers-reduced-motion:reduce){.onboarding-hand svg{transform:translateY(-30px)}.range-gesture-hint,.range-gesture-motion svg{transition:none;animation:none}}