:root{--color-paper:oklch(15% .012 150);--color-paper-2:oklch(19% .014 150);--color-paper-3:oklch(24% .016 150);--color-rule:oklch(30% .014 150);--color-ink:oklch(94% .01 150);--color-ink-2:oklch(72% .012 150);--color-ink-3:oklch(64% .01 150);--color-accent:oklch(78% .19 150);--color-accent-ink:oklch(14% .02 150);--color-focus:oklch(82% .18 150);--color-amount:oklch(78% .15 80);--color-danger:oklch(66% .19 25);--bg-bloom-opacity:.1;--bg-bloom-size:42%;--shadow-whisper:0 1px 2px oklch(8% .01 150/.4);--shadow-raised:0 12px 30px -12px oklch(8% .01 150/.55);--font-display:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--font-body:"IBM Plex Sans", system-ui, -apple-system, sans-serif;--text-scale:1;--text-2xs:calc(.6875rem * var(--text-scale));--text-xs:calc(.8125rem * var(--text-scale));--text-sm:calc(.9375rem * var(--text-scale));--text-md:calc(1.125rem * var(--text-scale));--text-lg:calc(1.375rem * var(--text-scale));--text-xl:calc(1.75rem * var(--text-scale));--text-display:clamp(2rem, 4vw + 1rem, 2.75rem);--space-3xs:.125rem;--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.5rem;--space-2xl:4rem;--radius-sm:6px;--radius-md:10px;--radius-pill:999px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-micro:.12s;--dur-short:.22s;--dur-long:.42s;--z-base:1;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-modal:400;--z-toast:500;--z-tutorial:600;font:var(--text-sm)/1.55 var(--font-body);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--color-ink);background:var(--color-paper);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{overflow-x:clip}*{box-sizing:border-box}body{background:radial-gradient(circle at 12% -6%, oklch(78% .19 150 / var(--bg-bloom-opacity)) 0%, transparent var(--bg-bloom-size)), var(--color-paper);background-attachment:fixed;min-height:100svh;margin:0}#root{flex-direction:column;min-height:100svh;display:flex}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;color:var(--color-ink);overflow-wrap:anywhere;min-width:0;margin:0;font-weight:600}p{margin:0}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed;opacity:.45}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}ul{margin:0;padding:0;list-style:none}textarea,input{font:inherit}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.15s!important;animation-duration:.15s!important;animation-iteration-count:1!important}}:root[data-reduced-motion=true] *,:root[data-reduced-motion=true] :before,:root[data-reduced-motion=true] :after{transition-duration:.15s!important;animation-duration:.15s!important;animation-iteration-count:1!important}:root[data-high-contrast=true]{--color-ink-2:oklch(88% .012 150);--color-ink-3:oklch(82% .01 150);--color-rule:oklch(46% .018 150)}.app{flex-direction:column;width:100%;max-width:960px;height:100svh;margin:0 auto;display:flex;overflow:hidden}.resource-bar{align-items:baseline;row-gap:var(--space-2xs);gap:var(--space-md);padding:var(--space-sm) var(--space-lg);background:var(--color-paper-2);border-bottom:1px solid var(--color-rule);flex-wrap:wrap;flex:none;display:flex}.resource-bar__main{align-items:baseline;gap:var(--space-2xs);display:flex}.resource-bar__tokens{min-width:6.5ch;font-family:var(--font-display);font-size:var(--text-xl);font-variant-numeric:tabular-nums;color:var(--color-accent);font-weight:700;display:inline-block}.resource-bar__label{color:var(--color-ink-2);font-size:var(--text-xs)}.resource-bar__rate{color:var(--color-ink-2);font-family:var(--font-display);font-size:var(--text-xs);font-variant-numeric:tabular-nums;white-space:nowrap}.resource-bar__rate-value{min-width:5ch;display:inline-block}.resource-bar__vibes{font-family:var(--font-display);font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--color-accent);white-space:nowrap;margin-left:auto}.resource-bar__golden{white-space:nowrap;font-family:var(--font-display);font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--color-accent-ink);background:var(--color-amount);padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-pill);align-items:center;font-weight:700;animation:1.6s ease-in-out infinite goldenBadgePulse;display:inline-flex}@keyframes goldenBadgePulse{0%,to{box-shadow:0 0 oklch(78% .15 80/.55)}50%{box-shadow:0 0 0 6px oklch(78% .15 80/0)}}@media (prefers-reduced-motion:reduce){.resource-bar__golden{animation:none}}.resource-bar__streak{white-space:nowrap;font-family:var(--font-display);font-size:var(--text-xs);color:var(--color-ink);background:var(--color-paper-3);border:1px solid var(--color-rule);border-radius:var(--radius-pill);padding:var(--space-2xs) var(--space-sm);transition:border-color var(--dur-short) var(--ease-out);font-weight:700;position:relative}.resource-bar__streak:hover{border-color:var(--color-accent)}.resource-bar__streak-badge{border-radius:var(--radius-pill);background:var(--color-amount);min-width:16px;height:16px;color:var(--color-accent-ink);justify-content:center;align-items:center;padding:0 4px;font-size:.625rem;display:flex;position:absolute;top:-6px;right:-6px}.app__main{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}@media (width>=47.5rem){.app__main{flex-direction:row}}.app__clicker-column{justify-content:center;align-items:center;gap:var(--space-lg);padding:var(--space-xl) var(--space-lg);flex-direction:column;flex:none;display:flex;position:relative}@media (width<=47.4375rem){.app__clicker-column{gap:var(--space-sm);padding:var(--space-md) var(--space-lg)}.clicker-panel__button{width:112px;height:112px;font-size:2.75rem}}@media (width>=47.5rem){.app__clicker-column{border-right:1px solid var(--color-rule);width:300px}}.app__panel-column{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.clicker-panel{align-items:center;gap:var(--space-sm);text-align:center;flex-direction:column;display:flex}.clicker-panel__button{border:1px solid var(--color-rule);background:var(--color-paper-2);width:152px;height:152px;box-shadow:var(--shadow-raised);transition:transform var(--dur-micro) var(--ease-out), background var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out);-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;font-size:3.5rem;display:flex;position:relative;overflow:hidden}.clicker-panel__button:hover{background:var(--color-paper-3);border-color:var(--color-accent)}.clicker-panel__button:active{transform:scale(.96)}.clicker-panel__ripple{border:2px solid var(--color-accent);opacity:.55;pointer-events:none;width:12px;height:12px;animation:clickerRipple .5s var(--ease-out) forwards;border-radius:50%;position:absolute;transform:translate(-50%,-50%)scale(.5)}@keyframes clickerRipple{to{opacity:0;transform:translate(-50%,-50%)scale(14)}}.clicker-panel__float{pointer-events:none;font-family:var(--font-display);font-weight:700;font-size:var(--text-sm);font-variant-numeric:tabular-nums;color:var(--color-accent);animation:floatUp var(--dur-long) var(--ease-out) forwards;position:absolute;transform:translate(-50%,-50%)}@keyframes floatUp{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-140%)}}.golden-prompt{border:2px solid var(--color-amount);background:var(--color-paper-2);width:64px;height:64px;animation:goldenPromptIn var(--dur-short) var(--ease-out) forwards, goldenPromptPulse 1.6s ease-in-out infinite .22s, goldenPromptDrift 7s ease-in-out infinite .22s;z-index:2;border-radius:50%;font-size:1.75rem;position:absolute;transform:translate(-50%,-50%)scale(.4);box-shadow:0 0 oklch(78% .15 80/.5)}.golden-prompt:hover{scale:1.08}.golden-prompt.is-leaving{animation:1.6s ease-in-out infinite goldenPromptPulse,7s ease-in-out infinite goldenPromptDrift,.35s steps(2,jump-none) infinite goldenPromptFlicker}@keyframes goldenPromptIn{0%{opacity:0;scale:.4}to{opacity:1;scale:1}}@keyframes goldenPromptPulse{0%,to{box-shadow:0 0 oklch(78% .15 80/.45)}50%{box-shadow:0 0 0 10px oklch(78% .15 80/0)}}@keyframes goldenPromptDrift{0%{translate:0}25%{translate:14px -10px}50%{translate:-10px 10px}75%{translate:10px 8px}to{translate:0}}@keyframes goldenPromptFlicker{0%,to{opacity:1}50%{opacity:.2}}@media (prefers-reduced-motion:reduce){.golden-prompt{animation:goldenPromptIn var(--dur-short) var(--ease-out) forwards}.golden-prompt.is-leaving{opacity:.4;animation:none}}.clicker-panel__power{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--color-ink);font-size:var(--text-sm)}.ad-button{justify-content:center;align-items:center;gap:var(--space-xs);width:100%;max-width:240px;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-pill);border:1px solid var(--color-rule);background:var(--color-paper-2);font-size:var(--text-xs);white-space:nowrap;transition:background var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out);font-weight:600;display:flex}.ad-button:not(:disabled):hover{background:var(--color-paper-3);border-color:var(--color-accent)}.ad-button--active{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-paper-3)}.ad-button--cooldown{color:var(--color-ink-3)}.ad-button--error{white-space:normal;text-align:center;max-width:280px;color:var(--color-danger);border-color:var(--color-danger);line-height:1.3}.ad-button__timer{font-family:var(--font-display);font-variant-numeric:tabular-nums}.ad-player__header{justify-content:space-between;align-items:center;display:flex}.ad-player__label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.1em;font-size:var(--text-2xs);color:var(--color-ink-3)}.ad-player__close{color:var(--color-ink-2);font-size:var(--text-sm);padding:var(--space-2xs);border-radius:var(--radius-sm);transition:color var(--dur-short) var(--ease-out), background var(--dur-short) var(--ease-out);background:0 0;border:none;line-height:1}.ad-player__close:hover{color:var(--color-ink);background:var(--color-paper-3)}.ad-player__container{aspect-ratio:16/9;background:var(--color-paper);border-radius:var(--radius-sm);width:100%;position:relative;overflow:hidden}.ad-player__video{border:0;width:100%;height:100%}.ad-player__hint{color:var(--color-ink-3);font-size:var(--text-2xs);text-align:center}.ad-player__support{color:var(--color-ink-2);font-size:var(--text-2xs);text-align:center;text-underline-offset:2px;padding:var(--space-2xs);background:0 0;border:none;text-decoration:underline}.ad-player__support:hover{color:var(--color-accent)}.tab-nav{border-bottom:1px solid var(--color-rule);scroll-snap-type:x proximity;flex:none;display:flex;position:relative;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 20px calc(100% - 20px),#0000);mask-image:linear-gradient(90deg,#0000,#000 20px calc(100% - 20px),#0000)}.tab-nav__btn{justify-content:center;align-items:center;gap:var(--space-3xs);padding:var(--space-sm) var(--space-xs);color:var(--color-ink-2);white-space:nowrap;scroll-snap-align:start;min-width:max-content;font-family:var(--font-display);font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.06em;transition:color var(--dur-short) var(--ease-out);background:0 0;border:none;flex:1;display:flex}.tab-nav__btn:hover{color:var(--color-ink)}.tab-nav__btn.is-active{color:var(--color-accent)}.tab-nav__caret{color:var(--color-accent);opacity:0;transition:opacity var(--dur-short) var(--ease-out)}.tab-nav__btn.is-active .tab-nav__caret{opacity:1}.tab-nav__indicator{background:var(--color-accent);height:2px;transition:transform var(--dur-short) var(--ease-out), width var(--dur-short) var(--ease-out);pointer-events:none;position:absolute;bottom:0;left:0}@media (prefers-reduced-motion:reduce){.tab-nav__indicator{transition:none}}.panel{padding:var(--space-md) var(--space-lg) var(--space-2xl);min-height:0;animation:panelIn var(--dur-short) var(--ease-out);flex:1;overflow-y:auto}@keyframes panelIn{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.panel{animation:none}}.panel__section-title{font-family:var(--font-display);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--color-ink-3);margin:var(--space-lg) 0 var(--space-sm)}.panel__section-title:before{content:"// ";color:var(--color-ink-3);opacity:.6}.panel__section-title:first-child{margin-top:0}.panel__empty{color:var(--color-ink-3);font-size:var(--text-sm)}.buy-amount-toggle{gap:var(--space-xs);margin-bottom:var(--space-sm);display:flex}.buy-amount-toggle__btn{padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-pill);border:1px solid var(--color-rule);background:var(--color-paper-2);color:var(--color-ink-2);font-family:var(--font-display);font-size:var(--text-xs);transition:border-color var(--dur-short) var(--ease-out), color var(--dur-short) var(--ease-out)}.buy-amount-toggle__btn.is-active{border-color:var(--color-accent);color:var(--color-accent)}.shop-list{gap:var(--space-xs);flex-direction:column;display:flex}.shop-item--locked{opacity:.55}.shop-item--mystery .shop-item__buy{opacity:.4;cursor:default;border-style:dashed}.shop-item--mystery .shop-item__name{font-family:var(--font-display);letter-spacing:.1em}.shop-item__buy{align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);background:var(--color-paper-2);border:1px solid var(--color-rule);border-radius:var(--radius-md);text-align:left;transition:background var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out), transform var(--dur-micro) var(--ease-out);display:flex;position:relative;overflow:hidden}.shop-item__flash{background:var(--color-accent);opacity:.35;animation:shopItemFlash var(--dur-long) var(--ease-out) forwards;pointer-events:none;position:absolute;inset:0}@keyframes shopItemFlash{0%{opacity:.35}to{opacity:0}}@media (prefers-reduced-motion:reduce){.shop-item__flash{animation-duration:.15s}}.shop-item__progress{background:var(--color-rule);height:2px;position:absolute;bottom:0;left:0;right:0}.shop-item__progress-fill{background:var(--color-amount);height:100%;transition:width var(--dur-short) var(--ease-out);display:block}.shop-item__buy:disabled{opacity:1}.shop-item__buy:not(:disabled):hover{background:var(--color-paper-3);border-color:var(--color-rule)}.shop-item__buy:not(:disabled):active{transform:scale(.994)}.shop-item__icon{font-size:var(--text-xl);flex:none}.shop-item__info{gap:var(--space-3xs);flex-direction:column;flex:1;min-width:0;display:flex}.shop-item__name{font-weight:600;font-size:var(--text-sm)}.shop-item__owned{color:var(--color-accent);font-family:var(--font-display);font-variant-numeric:tabular-nums;font-weight:400}.shop-item__flavor{color:var(--color-ink-3);font-size:var(--text-xs)}.shop-item__stats{color:var(--color-ink-2);font-family:var(--font-display);font-size:var(--text-2xs);font-variant-numeric:tabular-nums}.shop-item__cost{text-align:right;min-width:5.5rem;font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--color-ink-3);white-space:nowrap;transition:color var(--dur-short) var(--ease-out);flex:none;font-weight:700}.shop-item__cost.is-affordable{color:var(--color-amount)}.shop-item__qty{color:var(--color-ink-3);font-weight:400;font-size:var(--text-2xs)}.upgrade-grid,.achievement-grid{gap:var(--space-xs);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.upgrade-card,.achievement-card{gap:var(--space-2xs);width:100%;padding:var(--space-md);background:var(--color-paper-2);border:1px solid var(--color-rule);border-radius:var(--radius-md);text-align:left;transition:background var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out), transform var(--dur-micro) var(--ease-out);flex-direction:column;display:flex}.upgrade-card:not(:disabled):hover{background:var(--color-paper-3);border-color:var(--color-accent)}.upgrade-card:not(:disabled):active{transform:scale(.99)}.upgrade-card:disabled{opacity:1}.upgrade-card--owned{border-color:var(--color-accent)}.upgrade-card__icon,.achievement-card__icon{font-size:var(--text-lg)}.upgrade-card__name,.achievement-card__name{font-weight:600;font-size:var(--text-xs)}.upgrade-card__desc,.achievement-card__desc{color:var(--color-ink-2);font-size:var(--text-xs)}.upgrade-card__cost{font-family:var(--font-display);color:var(--color-ink-3);font-size:var(--text-xs);font-variant-numeric:tabular-nums;transition:color var(--dur-short) var(--ease-out)}.upgrade-card__cost.is-affordable{color:var(--color-amount)}.achievement-card{opacity:.75;border-style:dashed}.achievement-card:after{content:"locked";font-family:var(--font-display);font-size:var(--text-2xs);letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink-3)}.achievement-card.is-unlocked{border-style:solid;border-color:var(--color-accent);opacity:1}.achievement-card.is-unlocked:after{content:none}.achievements-panel__summary{margin-bottom:var(--space-md);font-family:var(--font-display);font-size:var(--text-sm);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:baseline;display:flex}.achievements-panel__bonus{color:var(--color-accent)}.prestige-panel__summary{gap:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-rule);margin-bottom:var(--space-2xs);flex-direction:column;display:flex}.prestige-panel__summary>p{color:var(--color-ink-2);font-size:var(--text-sm)}.prestige-panel__stats{gap:var(--space-lg);display:flex}.prestige-panel__stats>div{flex-direction:column;display:flex}.prestige-panel__stat-value{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-accent);font-variant-numeric:tabular-nums;font-weight:700}.prestige-panel__stat-label{color:var(--color-ink-3);font-size:var(--text-2xs)}.prestige-panel__confirm{gap:var(--space-xs);background:var(--color-paper-2);border:1px solid var(--color-danger);border-radius:var(--radius-md);padding:var(--space-md);flex-direction:column;display:flex}.prestige-panel__confirm-actions{gap:var(--space-xs);display:flex}.btn{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-pill);border:1px solid var(--color-rule);background:var(--color-paper-2);color:var(--color-ink);font-weight:600;font-size:var(--text-xs);white-space:nowrap;cursor:pointer;transition:background var(--dur-short) var(--ease-out), transform var(--dur-micro) var(--ease-out);text-decoration:none;display:inline-block}.btn:not(:disabled):hover{background:var(--color-paper-3)}.btn:not(:disabled):active{transform:translateY(1px)}.btn--primary{background:var(--color-accent);color:var(--color-accent-ink);border:none}.btn--primary:not(:disabled):hover{background:var(--color-accent);filter:brightness(1.08)}.btn--danger{border-color:var(--color-danger);color:var(--color-danger)}.buffs-panel__intro{color:var(--color-ink-2);font-size:var(--text-xs);margin-bottom:var(--space-md)}.buffs-panel__error{justify-content:space-between;align-items:center;gap:var(--space-sm);background:var(--color-paper-2);border:1px solid var(--color-danger);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-md);color:var(--color-danger);font-size:var(--text-xs);display:flex}.account-section__verify-banner{justify-content:space-between;align-items:center;gap:var(--space-sm);background:var(--color-paper-2);border:1px solid var(--color-accent);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);color:var(--color-ink-2);font-size:var(--text-xs);flex-wrap:wrap;display:flex}.account-section{gap:var(--space-xs);margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-rule);flex-direction:column;display:flex}.account-section__input{min-height:unset;resize:none}.account-section__synced{color:var(--color-ink-3);font-size:var(--text-2xs);font-family:var(--font-display)}.account-section__forgot-link{color:var(--color-ink-2);font-size:var(--text-2xs);align-self:flex-start;text-decoration:underline}.backup-reminder{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-xs) var(--space-lg);background:var(--color-paper-2);border-bottom:1px solid var(--color-amount);font-size:var(--text-xs);flex-wrap:wrap;flex:none;display:flex}.backup-reminder__actions{gap:var(--space-xs);flex:none;display:flex}.stats-list{gap:var(--space-2xs);font-size:var(--text-xs);flex-direction:column;display:flex}.stats-list li{padding:var(--space-2xs) 0;border-bottom:1px solid var(--color-rule);font-family:var(--font-display);font-variant-numeric:tabular-nums;justify-content:space-between;display:flex}.settings-panel__save-actions{gap:var(--space-xs);margin:var(--space-xs) 0;flex-wrap:wrap;display:flex}.settings-panel__textarea{background:var(--color-paper-2);border:1px solid var(--color-rule);border-radius:var(--radius-sm);width:100%;min-height:80px;color:var(--color-ink);padding:var(--space-xs);font-family:var(--font-display);font-size:var(--text-xs);resize:vertical}.settings-panel__message{color:var(--color-accent);font-size:var(--text-xs)}.settings-panel__legal-links{font-size:var(--text-xs);color:var(--color-ink-2)}.settings-panel__legal-links a{color:var(--color-ink-2)}.settings-panel__toggle{align-items:center;gap:var(--space-xs);font-size:var(--text-sm);color:var(--color-ink-2);cursor:pointer;display:flex}.settings-panel__toggle input{width:16px;height:16px;accent-color:var(--color-accent);cursor:pointer}.settings-panel__slider{align-items:center;gap:var(--space-xs);font-size:var(--text-sm);color:var(--color-ink-2);display:flex}.settings-panel__slider input{max-width:200px;accent-color:var(--color-accent);cursor:pointer;flex:1}.avatar-picker{gap:var(--space-xs);margin-bottom:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(44px,1fr));display:grid}.avatar-picker__option{aspect-ratio:1;border-radius:var(--radius-sm);border:1px solid var(--color-rule);background:var(--color-paper-2);font-size:var(--text-lg);transition:background var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out);justify-content:center;align-items:center;display:flex;position:relative}.avatar-picker__option:hover{background:var(--color-paper-3)}.avatar-picker__option.is-selected{border-color:var(--color-accent);background:var(--color-paper-3);box-shadow:inset 0 0 0 1px var(--color-accent)}.avatar-picker__option:disabled{opacity:.5}.avatar-picker__lock{white-space:nowrap;font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--color-accent);background:var(--color-paper-3);border:1px solid var(--color-rule);border-radius:var(--radius-pill);padding:0 var(--space-2xs);font-size:.5625rem;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--space-md);z-index:var(--z-modal);background:oklch(8% .01 150/.75);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--color-paper-2);border:1px solid var(--color-rule);padding:var(--space-xl);gap:var(--space-md);text-align:center;width:100%;max-width:320px;box-shadow:var(--shadow-raised);animation:modalIn var(--dur-long) var(--ease-out);border-radius:16px;flex-direction:column;display:flex}@keyframes modalIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.modal__highlight{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-accent);font-variant-numeric:tabular-nums;font-weight:700}.daily-challenges-modal{max-width:480px;max-height:85vh;overflow-y:auto}.daily-challenge__progress{border-radius:var(--radius-pill);background:var(--color-rule);height:4px;display:block;overflow:hidden}.daily-challenge__progress-fill{background:var(--color-amount);height:100%;transition:width var(--dur-short) var(--ease-out);display:block}.ad-player{gap:var(--space-sm);max-width:720px}.checkout-modal{text-align:left;max-width:480px;max-height:85vh;overflow-y:auto}.checkout-modal__header{justify-content:space-between;align-items:center;display:flex}.checkout-modal__header h2{margin:0}.checkout-modal__close{font-size:var(--text-lg);color:var(--color-ink-2);cursor:pointer;padding:var(--space-2xs);background:0 0;border:none;line-height:1}.checkout-modal__close:hover{color:var(--color-ink)}.checkout-modal__embed{min-height:420px}@media (width<=47.4375rem){.checkout-modal{max-width:100%}}.tutorial-overlay{z-index:var(--z-tutorial);position:fixed;inset:0}.tutorial-overlay__spotlight{border-radius:var(--radius-md);border:1px solid var(--color-accent);pointer-events:none;transition:top var(--dur-short) var(--ease-out), left var(--dur-short) var(--ease-out), width var(--dur-short) var(--ease-out), height var(--dur-short) var(--ease-out);position:fixed;box-shadow:0 0 0 9999px oklch(8% .01 150/.75)}.tutorial-overlay__card{background:var(--color-paper-2);border:1px solid var(--color-rule);border-radius:var(--radius-md);width:min(280px,100vw - 24px);padding:var(--space-md);box-shadow:var(--shadow-raised);gap:var(--space-xs);animation:modalIn var(--dur-long) var(--ease-out);flex-direction:column;display:flex;position:fixed}.tutorial-overlay__title{font-family:var(--font-display);color:var(--color-accent);font-weight:700}.tutorial-overlay__text{color:var(--color-ink-2);font-size:var(--text-sm)}.tutorial-overlay__actions{justify-content:flex-end;gap:var(--space-xs);margin-top:var(--space-2xs);display:flex}.tutorial-overlay__progress{color:var(--color-ink-3);font-size:var(--text-2xs);font-family:var(--font-display);text-align:right}.milestone-flash{z-index:var(--z-toast);pointer-events:none;padding:var(--space-lg);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.milestone-flash__glow{background:radial-gradient(circle, var(--color-accent), transparent 65%);animation:milestoneGlow 2.2s var(--ease-out) forwards;position:absolute;inset:0}.milestone-flash__text{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);letter-spacing:.04em;text-transform:uppercase;text-align:center;color:var(--color-accent);text-shadow:0 0 24px var(--color-paper);animation:milestoneTextIn 2.2s var(--ease-out) forwards;position:relative}@keyframes milestoneGlow{0%{opacity:0}15%{opacity:.22}70%{opacity:.1}to{opacity:0}}@keyframes milestoneTextIn{0%{opacity:0;transform:scale(.92)}15%{opacity:1;transform:scale(1)}75%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.02)}}@media (prefers-reduced-motion:reduce){.milestone-flash__text{opacity:1;animation-name:none}}.prestige-transition{z-index:var(--z-toast);background:var(--color-accent);animation:prestigeWipe .9s var(--ease-out) forwards;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.prestige-transition__text{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;color:var(--color-accent-ink);font-weight:700;font-size:var(--text-md);animation:prestigeTextFade .9s var(--ease-out) forwards}@keyframes prestigeWipe{0%{opacity:1}60%{opacity:.9}to{opacity:0}}@keyframes prestigeTextFade{0%{opacity:1}70%{opacity:1}to{opacity:0}}.achievement-toasts{bottom:var(--space-md);right:var(--space-md);gap:var(--space-xs);z-index:var(--z-toast);flex-direction:column;max-width:260px;display:flex;position:fixed}.achievement-toast{align-items:center;gap:var(--space-sm);text-align:left;background:var(--color-paper-2);border:1px solid var(--color-accent);border-radius:var(--radius-md);width:100%;padding:var(--space-sm) var(--space-md);font-size:var(--text-xs);box-shadow:var(--shadow-raised);animation:toastIn var(--dur-short) var(--ease-out);transition:background var(--dur-short) var(--ease-out);display:flex}.achievement-toast:hover{background:var(--color-paper-3)}.achievement-toast__icon{font-size:var(--text-lg);flex-shrink:0}.achievement-toast__body{min-width:0}.achievement-toast__desc{opacity:0;max-height:0;color:var(--color-ink-2);font-family:var(--font-body);transition:max-height var(--dur-long) var(--ease-out), opacity var(--dur-long) var(--ease-out);font-weight:400;display:block;overflow:hidden}.achievement-toast__desc.is-visible{opacity:1;max-height:3rem;margin-top:var(--space-2xs)}.achievement-toast--rare{border-width:2px;border-color:var(--color-amount);padding:var(--space-md) var(--space-lg);font-size:var(--text-sm);animation:toastInRare var(--dur-long) var(--ease-out)}.achievement-toast--rare .achievement-toast__icon{font-size:1.75rem}@keyframes toastInRare{0%{opacity:0;transform:translate(32px)scale(.96)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes toastIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}
