:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font:ui-rounded, "SF Pro Rounded", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--bg-1:#fde7ef;--bg-2:#e6ecff;--surface:#ffffffc7;--surface-solid:#fff;--surface-2:#ffffff8c;--text:#2a2340;--text-2:#6b6485;--line:#2a23401f;--accent:#ff5d8f;--accent-ink:#fff;--accent-2:#7b6cff;--good:#2fb37a;--warn:#f5a524;--scrim:#1e163261;--r-xs:8px;--r-sm:12px;--r-md:18px;--r-lg:26px;--r-xl:36px;--r-pill:999px;--sh-1:0 1px 2px #2a234014, 0 2px 8px #2a23400f;--sh-2:0 4px 14px #2a23401f, 0 1px 3px #2a234014;--sh-3:0 18px 50px #2a234038;--fs-xs:12px;--fs-sm:14px;--fs-md:17px;--fs-lg:20px;--fs-xl:26px;--fs-2xl:34px;--fs-3xl:44px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--tap:44px;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--dur-1:.12s;--dur-2:.22s;--dur-3:.38s;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1)}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-1:#1d1830;--bg-2:#14223a;--surface:#282240c7;--surface-solid:#2a2442;--surface-2:#ffffff14;--text:#f4f0ff;--text-2:#b4acd0;--line:#ffffff1f;--accent:#ff7aa2;--accent-2:#9a8cff;--scrim:#05030c99;--sh-1:0 1px 2px #0000004d;--sh-2:0 4px 14px #00000059;--sh-3:0 18px 50px #00000080}@media (prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-1:#1d1830;--bg-2:#14223a;--surface:#282240c7;--surface-solid:#2a2442;--surface-2:#ffffff14;--text:#f4f0ff;--text-2:#b4acd0;--line:#ffffff1f;--accent:#ff7aa2;--accent-2:#9a8cff;--scrim:#05030c99;--sh-1:0 1px 2px #0000004d;--sh-2:0 4px 14px #00000059;--sh-3:0 18px 50px #00000080}}@media (prefers-reduced-motion:reduce){:root{--dur-1:0s;--dur-2:0s;--dur-3:0s}}:root[data-motion=reduce]{--dur-1:0s;--dur-2:0s;--dur-3:0s}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:var(--font);color:var(--text);background:linear-gradient(160deg, var(--bg-1), var(--bg-2));-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;overscroll-behavior:none;touch-action:manipulation;transition:background var(--dur-3) ease;background-attachment:fixed;overflow:hidden}button{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--accent-2);outline-offset:2px}#app{position:fixed;inset:0}.g-scene{position:absolute;inset:0}.g-screen{padding:calc(var(--safe-t) + var(--sp-3)) calc(var(--safe-r) + var(--sp-4)) calc(var(--safe-b) + var(--sp-4)) calc(var(--safe-l) + var(--sp-4));animation:g-fade-in var(--dur-2) var(--ease-out);flex-direction:column;display:flex;position:absolute;inset:0}.g-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;overflow-y:auto}.g-topbar{align-items:center;gap:var(--sp-2);min-height:var(--tap);display:flex}.g-topbar h1,.g-title{font-size:var(--fs-lg);letter-spacing:-.01em;text-align:center;flex:1;margin:0;font-weight:800}.g-spacer{width:var(--tap);flex:none}.g-btn{justify-content:center;align-items:center;gap:var(--sp-2);min-height:52px;padding:0 var(--sp-5);border-radius:var(--r-pill);background:var(--surface);color:var(--text);font-size:var(--fs-md);box-shadow:var(--sh-1);cursor:pointer;transition:transform var(--dur-1) var(--ease-out), box-shadow var(--dur-1);-webkit-backdrop-filter:blur(12px);border:0;font-weight:750;display:inline-flex}.g-btn:active{transform:scale(.96)}.g-btn[disabled]{opacity:.45;pointer-events:none}.g-btn svg{flex:none;width:22px;height:22px}.g-btn-primary{background:var(--accent);color:var(--accent-ink);box-shadow:0 6px 18px color-mix(in srgb, var(--accent) 45%, transparent)}.g-btn-block{width:100%}.g-btn-lg{min-height:60px;font-size:var(--fs-lg)}.g-icon-btn{width:var(--tap);height:var(--tap);min-width:var(--tap);border-radius:var(--r-pill);background:var(--surface);box-shadow:var(--sh-1);cursor:pointer;transition:transform var(--dur-1) var(--ease-out);-webkit-backdrop-filter:blur(12px);border:0;place-items:center;font-size:20px;line-height:1;display:inline-grid;position:relative}.g-icon-btn:active{transform:scale(.9)}.g-icon-btn[disabled]{opacity:.4;pointer-events:none}.g-icon-btn svg{width:22px;height:22px}.g-badge{border-radius:var(--r-pill);background:var(--accent);min-width:20px;height:20px;color:var(--accent-ink);text-align:center;padding:0 5px;font-size:12px;font-weight:800;line-height:20px;position:absolute;top:-4px;right:-4px}.g-card{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--sh-1);padding:var(--sp-2) var(--sp-4);-webkit-backdrop-filter:blur(14px)}.g-row{justify-content:space-between;align-items:center;gap:var(--sp-3);border-bottom:1px solid var(--line);min-height:56px;display:flex}.g-row:last-child{border-bottom:0}.g-row-stack{align-items:stretch;gap:var(--sp-2);padding:var(--sp-3) 0;flex-direction:column}.g-row-label{font-size:var(--fs-md);font-weight:650}.g-row-sub{font-size:var(--fs-xs);color:var(--text-2);margin-top:2px;font-weight:500}.g-section-title{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-2);margin:var(--sp-5) var(--sp-2) var(--sp-2);font-weight:800}.g-toggle{appearance:none;border-radius:var(--r-pill);background:var(--line);cursor:pointer;width:52px;height:32px;transition:background var(--dur-2);flex:none;margin:0;position:relative}.g-toggle:after{content:"";width:26px;height:26px;transition:transform var(--dur-2) var(--ease-spring);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 2px 4px #0003}.g-toggle:checked{background:var(--good)}.g-toggle:checked:after{transform:translate(20px)}.g-seg{border-radius:var(--r-pill);background:var(--line);gap:2px;padding:3px;display:inline-flex}.g-seg button{min-width:44px;min-height:36px;padding:0 var(--sp-3);border-radius:var(--r-pill);font-size:var(--fs-sm);cursor:pointer;color:var(--text-2);background:0 0;border:0;font-weight:700}.g-seg button[aria-pressed=true]{background:var(--surface-solid);color:var(--text);box-shadow:var(--sh-1)}.g-select{min-height:40px;padding:0 var(--sp-3);border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface-solid);color:var(--text);font:inherit;font-weight:650}.g-grid{gap:var(--sp-3);padding:var(--sp-2) 0 var(--sp-6);grid-template-columns:repeat(5,1fr);display:grid}.g-cell{aspect-ratio:1;min-height:var(--tap);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--sh-1);font-size:var(--fs-lg);cursor:pointer;transition:transform var(--dur-1) var(--ease-out);border:0;place-items:center;font-weight:800;display:grid;position:relative}.g-cell:active{transform:scale(.92)}.g-cell[data-state=locked]{opacity:.5;cursor:default}.g-cell[data-state=current]{background:var(--accent);color:var(--accent-ink);box-shadow:0 6px 16px color-mix(in srgb, var(--accent) 45%, transparent)}.g-cell .g-stars{letter-spacing:1px;text-align:center;color:var(--warn);font-size:9px;position:absolute;bottom:5px;left:0;right:0}.g-cell .g-lock{color:var(--text-2);display:grid}.g-cell .g-lock svg{width:18px;height:18px}.g-pager{justify-content:center;align-items:center;gap:var(--sp-3);padding-top:var(--sp-2);display:flex}.g-pager span{text-align:center;min-width:90px;color:var(--text-2);font-weight:700;font-size:var(--fs-sm)}.g-overlay{z-index:50;padding:calc(var(--safe-t) + var(--sp-4)) var(--sp-4) calc(var(--safe-b) + var(--sp-4));background:var(--scrim);animation:g-fade-in var(--dur-2) var(--ease-out);place-items:center;display:grid;position:absolute;inset:0}.g-modal{width:min(380px,100%);padding:var(--sp-6) var(--sp-5) var(--sp-5);border-radius:var(--r-xl);background:var(--surface-solid);box-shadow:var(--sh-3);text-align:center;animation:g-pop-in var(--dur-3) var(--ease-spring)}.g-modal h2{margin:0 0 var(--sp-2);font-size:var(--fs-2xl);letter-spacing:-.02em;font-weight:850}.g-modal p{margin:0 0 var(--sp-5);color:var(--text-2);font-size:var(--fs-md);line-height:1.4}.g-modal .g-actions{gap:var(--sp-3);display:grid}.g-stars-big{justify-content:center;gap:var(--sp-2);margin:var(--sp-2) 0 var(--sp-4);font-size:40px;display:flex}.g-stars-big span{filter:grayscale()opacity(.3);transition:transform var(--dur-3) var(--ease-spring), filter var(--dur-3);transform:scale(.6)}.g-stars-big span.on{filter:none;transform:scale(1)}.g-toast{left:50%;bottom:calc(var(--safe-b) + 96px);z-index:60;pointer-events:none;max-width:calc(100% - 32px);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-pill);background:var(--text);color:var(--surface-solid);font-size:var(--fs-sm);box-shadow:var(--sh-2);animation:g-toast var(--dur-3) var(--ease-out);pointer-events:none;font-weight:700;position:absolute;transform:translate(-50%)}.g-hold{position:relative;overflow:hidden}.g-hold:before{content:"";background:color-mix(in srgb, var(--accent) 35%, transparent);transform-origin:0;transform:scaleX(var(--hold,0));position:absolute;inset:0}.g-hold>*{position:relative}.g-tips .g-modal{padding-top:20px}.g-tips h2{font-size:var(--fs-xl)}.g-skip{box-shadow:none;min-height:44px;color:var(--text-2);background:0 0}.g-dots{justify-content:center;gap:6px;margin:-8px 0 16px;display:flex}.g-dots i{background:var(--line);width:8px;height:8px;transition:width var(--dur-2);border-radius:4px}.g-dots i.on{background:var(--accent);width:22px}@keyframes g-fade-in{0%{opacity:0}to{opacity:1}}@keyframes g-pop-in{0%{opacity:0;transform:scale(.85)translateY(12px)}to{opacity:1;transform:none}}@keyframes g-toast{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}:root[data-motion=reduce] *,:root[data-motion=reduce] :before,:root[data-motion=reduce] :after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}@media (max-height:640px){.g-btn{min-height:46px}.g-modal{padding:var(--sp-5) var(--sp-4) var(--sp-4)}.g-modal h2{font-size:var(--fs-xl)}}.g-lm{z-index:80;padding:calc(var(--safe-t) + 10px) 12px calc(var(--safe-b) + 10px);place-items:stretch stretch;overflow-y:auto}.g-lm-card{border-radius:var(--r-xl);background:var(--surface-solid);width:min(460px,100%);color:var(--text);box-shadow:var(--sh-3);animation:g-pop-in var(--dur-3) var(--ease-spring);flex-direction:column;gap:14px;margin:auto;padding:16px 16px 18px;display:flex;position:relative}.g-lm-card:focus{outline:none}.g-lm-top{align-items:center;gap:10px;min-height:44px;display:flex}.g-lm-badge{border-radius:var(--r-pill);background:color-mix(in srgb, var(--accent) 16%, transparent);color:var(--text);white-space:nowrap;padding:6px 12px;font-size:.9rem;font-weight:850}.g-lm-session{flex:1;justify-content:center;gap:5px;display:flex}.g-lm-session i{background:var(--line);border-radius:50%;width:10px;height:10px}.g-lm-session i.ok{background:var(--good)}.g-lm-session i.no{background:var(--warn)}.g-lm-session i.now{background:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 30%, transparent)}.g-lm-speak svg{width:22px;height:22px}.g-lm-visual{color:var(--text);justify-content:center;display:flex}.g-lm-svg{max-width:100%;height:auto;overflow:visible}.g-lm-groups{flex-wrap:wrap;justify-content:center;gap:18px;display:flex}.g-lm-groups .g-lm-dots+.g-lm-dots{border-left:2px dashed var(--line);padding-left:18px}.g-lm-dots{grid-template-columns:repeat(5,auto);justify-content:center;gap:4px 6px;font-size:2rem;line-height:1.1;display:grid}.g-lm-row{flex-wrap:wrap;justify-content:center;gap:6px;font-size:2.1rem;line-height:1.2;display:flex}.g-lm-prompt{text-align:center;letter-spacing:.01em;word-spacing:.06em;margin:0;font-size:clamp(1.5rem,6.4vw,2rem);font-weight:850;line-height:1.45}.g-lm-tiles{grid-template-columns:1fr 1fr;gap:10px;display:grid}.g-lm-tiles.long{grid-template-columns:1fr}.g-lm-tile{border-radius:var(--r-lg);cursor:pointer;background:color-mix(in srgb, var(--accent) 10%, var(--surface-solid));min-height:64px;color:var(--text);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--accent) 35%, transparent);font:inherit;overflow-wrap:anywhere;transition:transform var(--dur-1), background var(--dur-2);border:0;padding:10px 12px;font-size:clamp(1.15rem,5vw,1.5rem);font-weight:850;line-height:1.35}.g-lm-tiles.long .g-lm-tile{text-align:left;padding:12px 16px;font-size:1.15rem}.g-lm-tile:active{transform:scale(.96)}.g-lm-tile.emoji{font-size:2.4rem;line-height:1.1}.g-lm-tile:focus:not(:focus-visible),.g-lm-key:focus:not(:focus-visible),.g-lm-go:focus:not(:focus-visible){outline:none}.g-lm-tile.right{background:color-mix(in srgb, var(--good) 28%, var(--surface-solid));box-shadow:inset 0 0 0 3px var(--good)}.g-lm-tile.wrong{opacity:.45;box-shadow:inset 0 0 0 2px var(--warn);text-decoration:line-through;text-decoration-thickness:2px}.g-lm-dim .g-lm-tile:not(.wrong),.g-lm-dim .g-lm-key{opacity:.55}.g-lm-locked{pointer-events:none}.g-lm-display{border-radius:var(--r-lg);background:color-mix(in srgb, var(--accent) 8%, var(--surface-solid));min-height:60px;box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--accent) 35%, transparent);letter-spacing:.06em;font-variant-numeric:tabular-nums;place-items:center;margin-bottom:10px;font-size:2rem;font-weight:900;display:grid}.g-lm-pad{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.g-lm-pad.letters{grid-template-columns:repeat(4,1fr)}.g-lm-key{border-radius:var(--r-md);cursor:pointer;background:var(--line);min-height:56px;color:var(--text);font:inherit;border:0;place-items:center;font-size:1.6rem;font-weight:850;display:grid}.g-lm-key:active{transform:scale(.94)}.g-lm-key svg{width:26px;height:26px}.g-lm-ok{background:var(--accent);color:var(--accent-ink)}.g-lm-feedback{border-radius:var(--r-lg);animation:g-pop-in var(--dur-3) var(--ease-out);flex-direction:column;gap:10px;padding:14px;display:flex}.g-lm-feedback[hidden]{display:none}.g-lm-feedback.ok{background:color-mix(in srgb, var(--good) 16%, transparent);text-align:center}.g-lm-feedback.retry,.g-lm-feedback.done{background:color-mix(in srgb, var(--warn) 14%, transparent)}.g-lm-feedback h3{margin:0;font-size:1.5rem;font-weight:900}.g-lm-feedback.ok h3{font-size:1.9rem}.g-lm-steps{gap:8px;margin:0;padding-left:1.4em;font-size:1.15rem;font-weight:650;line-height:1.6;display:grid}.g-lm-steps li{animation:g-fade-in var(--dur-3) var(--ease-out)}.g-lm-go{margin-top:4px}.g-lm-live{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.g-lm-shake{animation:.4s g-lm-shake}@keyframes g-lm-shake{20%{transform:translate(-8px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(3px)}}.g-lm-intro{z-index:80}.g-lm-intro .g-modal{width:min(420px,100%)}.g-lm-intro-art{margin-bottom:6px;font-size:2.4rem}.g-lm-intro p{line-height:1.55}.g-lm-years{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px;display:grid}.g-lm-year{flex-direction:column;gap:0;min-height:60px;padding:6px;line-height:1.2}.g-lm-year small{opacity:.75;font-size:.8rem;font-weight:650}.g-lm-year:last-child:nth-child(odd){grid-column:1/-1}.g-lm-seg{border-radius:var(--r-md);flex-wrap:wrap}.g-lm-seg button{flex:auto;min-height:44px}.g-lm-select{width:100%;min-height:44px}.g-lm-stats{text-align:center;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px 12px 6px;display:grid}.g-lm-stats b{font-size:1.5rem;font-weight:900;display:block}.g-lm-stats small{color:var(--text-2);font-size:.75rem;font-weight:700}.g-lm-topic span{font-variant-numeric:tabular-nums;font-weight:800}@media (prefers-reduced-motion:reduce){.g-lm-card,.g-lm-feedback,.g-lm-steps li,.g-lm-shake{animation:none}}:root[data-motion=reduce] .g-lm-card,:root[data-motion=reduce] .g-lm-feedback,:root[data-motion=reduce] .g-lm-steps li,:root[data-motion=reduce] .g-lm-shake{animation:none}:root{--bg-1:#0b1033;--bg-2:#03040d;--neb-1:transparent;--neb-2:transparent;--sun-1:#fff3c4;--sun-2:#ffb938}:root[data-theme=dark]{--surface:#181e4cbd;--surface-solid:#121845;--surface-2:#ffffff0f;--text:#eef1ff;--text-2:#a7b0dc;--line:#aab9ff29;--accent:#ffd27a;--accent-ink:#1a1530;--accent-2:#8fa8ff;--good:#48d1a0;--warn:#ffd27a;--scrim:#02030ea8;--sh-1:0 1px 2px #0006, 0 0 0 1px #a0afff17 inset}:root[data-look=day]{--accent:#3348c8;--accent-ink:#fff;--accent-2:#7a55d8;--text:#1b2048;--text-2:#4f587f;--warn:#d08a00}body{background:var(--bg-2)}.g-scene{z-index:1}.ob-sky{pointer-events:none;background:radial-gradient(70% 42% at 18% 16%, var(--neb-1), transparent 72%), radial-gradient(62% 44% at 86% 80%, var(--neb-2), transparent 72%), radial-gradient(130% 85% at 50% 32%, var(--bg-1), var(--bg-2));position:fixed;inset:0;overflow:hidden}.ob-stars{will-change:transform;transition:opacity .6s;position:absolute;top:-24px;left:-24px}.ob-twinkle{animation:3.6s ease-in-out infinite alternate ob-twinkle}:root[data-look=day] .ob-stars{opacity:0;animation:none}@keyframes ob-twinkle{0%{opacity:.25}to{opacity:1}}.ob-home{justify-content:space-between}.ob-hero{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.ob-mark{aspect-ratio:1;width:min(62vw,34vh,260px)}.ob-mark svg{width:100%;height:100%;display:block;overflow:visible}.ob-mark .ob-r{animation:7s cubic-bezier(.3,1.25,.5,1) infinite ob-align}.ob-mark .ob-r0{--a:90deg}.ob-mark .ob-r1{--a:-135deg;animation-delay:.15s}.ob-mark .ob-r2{--a:45deg;animation-delay:.3s}.ob-mark .ob-r3{--a:-90deg;animation-delay:.45s}@keyframes ob-align{0%,8%{transform:rotate(var(--a))}38%,88%{transform:rotate(0)}to{transform:rotate(var(--a))}}.ob-wordmark{letter-spacing:-.04em;background:linear-gradient(100deg,#fff1c9 0%,#ffd27a 30%,#ff8fb8 62%,#8fa8ff 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:4px 0 0;font-size:clamp(46px,14vw,68px);font-weight:900;line-height:1}:root[data-look=day] .ob-wordmark{background:linear-gradient(100deg,#e0760b,#d0457d 45%,#3348c8);-webkit-background-clip:text;background-clip:text}.ob-tagline{font-size:var(--fs-sm);color:var(--text-2);letter-spacing:.2em;text-transform:uppercase;margin-top:8px;font-weight:800}.ob-menu{gap:10px;width:min(440px,100%);margin:0 auto;padding-bottom:6px;display:grid}.ob-row2{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;display:grid}.ob-item{text-align:left;border-radius:20px;justify-content:flex-start;gap:12px;min-width:0;min-height:60px;padding:8px 18px}.ob-item.ob-play{min-height:68px}.ob-row2 .ob-item{padding:8px 14px}.ob-ico{flex:none;width:22px;height:22px;display:inline-grid}.ob-ico svg{width:22px;height:22px}.ob-item-text{flex-direction:column;min-width:0;line-height:1.2;display:flex}.ob-item-text small{opacity:.78;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:650;overflow:hidden}.ob-play{padding-bottom:calc(var(--safe-b) + 6px)}.ob-head{flex-direction:column;flex:1;align-items:center;min-width:0;line-height:1.15;display:flex}.ob-title{font-size:var(--fs-lg);letter-spacing:-.01em;font-weight:850}.ob-sub{color:var(--text-2);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:13px;font-weight:700;overflow:hidden}.ob-sub.ob-over{color:var(--warn)}.ob-stage{flex:1;min-height:0;margin:2px -12px 0;position:relative}.ob-stage canvas{transition:filter 1.1s}.ob-tools{justify-content:space-between;align-items:flex-start;gap:6px;padding:4px 2px 0;display:flex}.ob-tool{cursor:pointer;min-width:0;color:var(--text-2);background:0 0;border:0;flex-direction:column;flex:1;align-items:center;gap:3px;padding:0;font-size:12px;font-weight:750;display:flex}.ob-tool-ico{width:52px;height:52px;position:relative}.ob-tool-ico svg{width:24px;height:24px}.ob-arrow .ob-tool-ico{background:var(--accent);color:var(--accent-ink);box-shadow:0 6px 18px color-mix(in srgb, var(--accent) 35%, transparent)}.ob-arrow .ob-tool-ico svg{width:28px;height:28px}.ob-tool:active .ob-tool-ico{transform:scale(.9)}.ob-tool[disabled]{opacity:.4}.ob-tool-label{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.ob-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ob-sr button{display:block}.ob-sun{pointer-events:none;border-radius:50%;position:absolute}.ob-core{background:radial-gradient(circle at 40% 36%, #fff 0%, var(--sun-1) 26%, var(--sun-2) 78%);box-shadow:0 0 14px 3px var(--sun-glow,#ffb93899), 0 0 34px 10px var(--sun-halo,#ffb93838);border-radius:50%;transition:background .9s,box-shadow .9s;animation:4.2s ease-in-out infinite ob-breathe;position:absolute;inset:27%}.ob-corona{opacity:.75;background:repeating-conic-gradient(var(--sun-glow,#ffb93899) 0deg 3deg, transparent 3deg 15deg);border-radius:50%;transition:inset .9s,opacity .9s;animation:46s linear infinite ob-spin;position:absolute;inset:4%;-webkit-mask:radial-gradient(circle,#0000 33%,#000 38%,#0000 70%);mask:radial-gradient(circle,#0000 33%,#000 38%,#0000 70%)}@keyframes ob-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes ob-spin{to{transform:rotate(360deg)}}.ob-glow{pointer-events:none;opacity:0;background:radial-gradient(circle, transparent 36%, var(--sun-halo,#ffd27a4d) 42%, transparent 60%);border-radius:50%;transition:opacity .6s;position:absolute}.ob-solved .ob-glow{opacity:1;animation:1.9s ease-in-out infinite ob-pulse}@keyframes ob-pulse{0%,to{opacity:.65;transform:scale(.97)}50%{opacity:1;transform:scale(1.03)}}.ob-eclipse canvas{filter:brightness(.42)saturate(.8)}.ob-eclipse .ob-core{background:radial-gradient(circle,#04050d 0 64%,#3a2a10 70%,#ffe7b0 74%,#0000 77%);animation:none;box-shadow:0 0 18px 6px #ffde96f2,0 0 60px 22px #ffb45073}.ob-eclipse .ob-corona{opacity:1;background:repeating-conic-gradient(#ffecbef2 0deg 2deg,#0000 2deg 9deg,#ffc878b3 9deg 10deg,#0000 10deg 17deg);animation:12s linear infinite ob-spin,1.4s ease-in-out infinite alternate ob-flare;inset:-38%}@keyframes ob-flare{0%{filter:brightness(.85)}to{filter:brightness(1.35)}}.ob-next{opacity:0;pointer-events:none;transition:opacity .4s, transform .4s var(--ease-spring);border-radius:999px;min-height:48px;padding:0 24px;position:absolute;bottom:10px;left:50%;transform:translate(-50%,20px)}.ob-next.on{opacity:1;pointer-events:auto;transform:translate(-50%)}.ob-win-eclipse .g-modal{color:#fff;box-shadow:0 0 0 1px #ffe2a040, var(--sh-3);background:radial-gradient(120% 90% at 50% 0,#2c2340 0%,#121845 55%,#0b1033 100%)}.ob-win-eclipse .g-modal p{color:#d9ddf5}.ob-win-eclipse .g-modal h2{background:linear-gradient(90deg,#fff1c9,#ffd27a);color:#0000;-webkit-background-clip:text;background-clip:text}.ob-card{color:#fff;text-align:left;background:radial-gradient(120% 100% at 15% 0,#33275e 0%,#151b4c 50%,#0b1033 100%);border-radius:22px;align-items:center;gap:14px;margin:2px 0 18px;padding:14px;display:flex;box-shadow:inset 0 0 0 1px #ffffff1f,0 10px 26px #0a0c2859}.ob-card-art{flex:none;width:112px;height:112px}.ob-card-art svg{width:100%;height:100%;display:block;overflow:visible}.ob-card-text{flex-direction:column;min-width:0;line-height:1.2;display:flex}.ob-card-label{letter-spacing:.14em;text-transform:uppercase;color:#b7c0f0;font-size:11px;font-weight:800}.ob-card-n{letter-spacing:-.03em;background:linear-gradient(90deg,#fff1c9,#ffd27a);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:40px;font-weight:950}.ob-card-moves{font-size:15px;font-weight:800}.ob-card-stars{letter-spacing:2px;color:#ffd27a;font-size:20px}.ob-card-eclipse-tag,.ob-card-streak{color:#c9d0f5;font-size:12px;font-weight:750}.ob-card-eclipse-tag{color:#ffe2a3}.ob-win:not(.ob-win-eclipse) .ob-card{margin-top:4px}.ob-packs{flex:1;align-content:start;gap:10px;padding:6px 2px 24px;display:grid}.ob-pack{text-align:left;cursor:pointer;min-height:74px;color:var(--text);background:radial-gradient(90% 140% at 0% 50%, var(--p1), transparent 70%), radial-gradient(70% 140% at 100% 50%, var(--p2), transparent 70%), var(--surface);box-shadow:var(--sh-1);border:0;border-radius:22px;align-items:center;gap:14px;padding:10px 16px 10px 12px;display:flex;position:relative}.ob-pack.current{box-shadow:0 0 0 2px var(--accent), var(--sh-1)}.ob-pack.locked{opacity:.55;cursor:default}.ob-pack:active:not(.locked){transform:scale(.98)}.ob-pack-sun{background:radial-gradient(circle at 40% 36%, #fff 0%, var(--s1) 28%, var(--s2) 80%);width:48px;height:48px;box-shadow:0 0 16px 2px var(--s2);border-radius:50%;flex:none}.ob-pack.locked .ob-pack-sun{filter:grayscale(.55)brightness(.62);box-shadow:none}.ob-pack-text{flex-direction:column;flex:1;min-width:0;line-height:1.2;display:flex}.ob-pack-text b{font-size:var(--fs-md);font-weight:850}.ob-pack-text small{color:var(--text-2);font-size:12px;font-weight:700}.ob-pack-dots{gap:4px;margin-top:5px;display:flex}.ob-pack-dots i{border-radius:50%;width:10px;height:10px;box-shadow:inset 0 -2px 3px #00000040}.ob-pack-stars{color:var(--text-2);white-space:nowrap;font-size:13px;font-weight:750}.ob-pack-stars b{font-size:var(--fs-md);color:var(--warn)}.ob-pack-lock{color:var(--text-2);display:grid}.ob-pack-lock svg{width:20px;height:20px}.ob-tip-art{justify-content:center;align-items:center;height:136px;margin-bottom:10px;display:flex;position:relative}.ob-tip-wheel{width:130px;height:130px}.ob-tip-wheel svg{width:100%;height:100%;overflow:visible}.ob-tip-turn .ob-r2{animation:2.6s cubic-bezier(.3,1.3,.5,1) infinite ob-tip-turn}@keyframes ob-tip-turn{0%,15%{transform:rotate(-60deg)}55%,to{transform:rotate(0)}}.ob-tip-solved{animation:1.9s ease-in-out infinite ob-pulse}.ob-hand{font-size:30px;animation:2.6s ease-in-out infinite ob-hand;position:absolute;top:6px;left:calc(50% + 34px)}@keyframes ob-hand{0%,15%{transform:translate(-46px,40px)}55%,to{transform:translate(6px,-6px)}}.ob-tip-chips{flex-wrap:wrap;gap:8px}.ob-chip{background:var(--accent);width:50px;height:50px;color:var(--accent-ink);box-shadow:var(--sh-2);animation:g-pop-in .5s var(--ease-spring) both;border-radius:18px;place-items:center;display:grid}.ob-chip svg{width:26px;height:26px}.ob-intro-art{height:8px}@media (max-height:640px){.ob-tool-ico{width:46px;height:46px}.ob-tool{font-size:11px}.ob-mark{width:min(44vw,26vh)}.ob-item{min-height:52px}.ob-item.ob-play{min-height:58px}.ob-tip-art{height:112px}.ob-tip-wheel{width:108px;height:108px}}.ob-win{padding-bottom:calc(var(--safe-b) + 10px);background:linear-gradient(#0000 30%,#02030e8c);place-items:end center}:root[data-look=day] .ob-win{background:linear-gradient(#0000 30%,#28326440)}.ob-win .g-modal{width:min(420px,100%);animation:ob-sheet .45s var(--ease-spring);border-radius:28px;padding:18px 18px 16px}.ob-win .g-modal h2{font-size:var(--fs-xl);margin-bottom:0}.ob-win .g-stars-big{margin:4px 0 6px;font-size:30px}.ob-win .g-modal p{font-size:var(--fs-sm);margin-bottom:14px}.ob-win .g-actions{grid-template-columns:1fr 1fr;gap:8px}.ob-win .g-actions .g-btn-primary{grid-column:1/-1}.ob-win .g-actions .g-btn{min-height:48px}@keyframes ob-sheet{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}.ob-win .g-actions .g-btn:last-child:nth-child(2){grid-column:1/-1}.ob-win .g-actions .g-btn:not(.g-btn-primary){white-space:nowrap;font-size:var(--fs-sm);padding-left:10px;padding-right:10px}
/*$vite$:1*/