:root{--color-bg: #0f0f1a;--color-surface: #1a1a2e;--color-surface-2: #252540;--color-surface-3: #2e2e50;--color-border: #3a3a5c;--color-text: #e2e2f0;--color-text-muted: #8888aa;--color-text-dim: #555577;--color-goo: #60a5fa;--color-essence: #a78bfa;--color-shards: #f472b6;--color-accent: #7c3aed;--color-accent-hover: #6d28d9;--color-success: #4ade80;--color-warning: #fbbf24;--color-danger: #f87171;--rarity-common: #9ca3af;--rarity-uncommon: #4ade80;--rarity-rare: #60a5fa;--rarity-epic: #c084fc;--rarity-legendary: #fbbf24;--rarity-mythic: #e879f9;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-md: 15px;--font-size-lg: 18px;--font-size-xl: 22px;--font-size-2xl: 28px;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--transition-fast: .12s ease;--transition-med: .22s ease;--transition-slow: .4s ease;--nav-height: 64px;--topbar-height: 52px;--currency-height: 48px;--summon-height: 56px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;background:#000;color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:var(--font-size-md);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;user-select:none}#app{width:100%;height:100%;max-width:480px;margin:0 auto;position:relative;overflow:hidden;display:flex;flex-direction:column;background:var(--color-bg);box-shadow:0 0 40px #000c}.screen{position:absolute;inset:0;display:flex;flex-direction:column;background:var(--color-bg);transform:translate(100%);transition:transform var(--transition-med);will-change:transform;overflow:hidden}.screen.active{transform:translate(0)}.screen.slide-left{transform:translate(-30%)}.topbar{height:var(--topbar-height);display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-4);background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-shrink:0;gap:var(--spacing-3);z-index:10}.topbar__zone{font-weight:700;font-size:var(--font-size-md);color:var(--color-text);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar__progress{font-size:var(--font-size-sm);color:var(--color-text-muted);white-space:nowrap}.topbar__settings{background:none;border:none;color:var(--color-text-muted);font-size:20px;cursor:pointer;padding:var(--spacing-2);border-radius:var(--radius-sm);transition:color var(--transition-fast);min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.topbar__settings:hover{color:var(--color-text)}.currency-bar{height:var(--currency-height);display:flex;align-items:center;justify-content:space-around;padding:0 var(--spacing-4);background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-shrink:0}.currency-item{display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-sm);font-weight:600}.currency-item__icon{font-size:16px}.currency-item__value{color:var(--color-text)}.currency-item__label{color:var(--color-text-muted);font-size:var(--font-size-xs)}.slime-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-2);padding:var(--spacing-3);overflow-y:auto;flex:1;align-content:start}@media (min-width: 480px){.slime-grid{grid-template-columns:repeat(5,1fr)}}.slime-grid__empty{grid-column:1 / -1;padding:var(--spacing-6) var(--spacing-4);text-align:center;color:var(--color-text-dim);font-size:var(--font-size-sm);line-height:1.6}.slime-cell{aspect-ratio:1;background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast);position:relative;overflow:hidden;min-height:72px;padding:var(--spacing-1)}.slime-cell:active{transform:scale(.94)}.slime-cell.merge-ready{animation:pulse-merge 1.5s ease-in-out infinite}.slime-cell.max-level{animation:glow-max 2s ease-in-out infinite}.slime-cell__emoji{font-size:22px;line-height:1}.slime-cell__name{font-size:9px;color:var(--color-text-muted);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;padding:0 2px}.slime-cell__level{font-size:9px;color:var(--color-text-dim)}.slime-cell__count{position:absolute;top:2px;right:4px;font-size:9px;color:var(--color-text-muted);font-weight:700}.summon-bar{display:flex;align-items:center;padding:var(--spacing-2) var(--spacing-3);background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-shrink:0;gap:var(--spacing-2)}.summon-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background:var(--color-accent);border:none;border-radius:var(--radius-md);color:#fff;font-size:var(--font-size-sm);font-weight:700;cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast),opacity var(--transition-fast);min-height:40px}.summon-btn:hover:not(:disabled){background:var(--color-accent-hover)}.summon-btn:active:not(:disabled){transform:scale(.96)}.summon-btn:disabled{opacity:.45;cursor:not-allowed}.btn--cant-afford{opacity:.45;cursor:not-allowed;filter:grayscale(.4)}.summon-btn__icon{font-size:16px}.summon-btn__cost{font-size:var(--font-size-xs);opacity:.85}.bulk-btn{flex:0 0 auto;padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-xs);gap:var(--spacing-1);background:var(--color-surface-2);border:1px solid var(--color-border);color:var(--color-text);min-width:76px}.bulk-btn:hover:not(:disabled){background:var(--color-accent);border-color:var(--color-accent);color:#fff}.bulk-btn:disabled{opacity:.35;cursor:not-allowed}.auto-breed-panel{margin:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--spacing-2)}.auto-breed-panel__header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3)}.auto-breed-panel__title{font-weight:700;font-size:var(--font-size-md)}.auto-breed-panel__status{font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:1.4}.auto-breed-panel__label{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--spacing-1)}.rarity-chip-row{display:flex;flex-wrap:wrap;gap:var(--spacing-1)}.rarity-chip{padding:3px 8px;border-radius:var(--radius-full);border:1.5px solid;background:transparent;font-size:var(--font-size-xs);font-weight:600;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.rarity-chip:hover{opacity:.85;transform:scale(1.05)}.rarity-chip--active{font-weight:700}.rarity-chip--any{border-color:var(--color-text-muted)!important;color:var(--color-text-muted)!important}.rarity-chip--any.rarity-chip--active{background:var(--color-text-muted)!important;color:var(--color-bg)!important}.production-bar{padding:var(--spacing-2) var(--spacing-3);background:var(--color-surface);border-top:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-text-muted);flex-shrink:0}.production-bar__value{color:var(--color-goo);font-weight:700}.tap-area{display:flex;align-items:center;justify-content:center;padding:var(--spacing-4);flex-shrink:0;position:relative}.tap-blob{width:140px;height:140px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#7c3aed,#4c1d95);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:56px;transition:transform var(--transition-fast);box-shadow:0 0 30px #7c3aed66,0 4px 20px #00000080;position:relative;user-select:none;-webkit-user-select:none}.tap-blob:active{transform:scale(.92)}.tap-blob.jiggle{animation:jiggle .15s ease-out}.bottom-nav{height:var(--nav-height);display:flex;align-items:stretch;background:var(--color-surface);border-top:1px solid var(--color-border);flex-shrink:0}.nav-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:var(--font-size-xs);transition:color var(--transition-fast),background var(--transition-fast);min-height:44px}.nav-tab:hover{background:#ffffff0a}.nav-tab.active{color:var(--color-accent)}.nav-tab__icon{font-size:20px}.nav-tab__label{font-size:10px}.screen-header{height:var(--topbar-height);display:flex;align-items:center;padding:0 var(--spacing-4);background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-shrink:0;gap:var(--spacing-3)}.back-btn{background:none;border:none;color:var(--color-text-muted);font-size:20px;cursor:pointer;padding:var(--spacing-2);min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:color var(--transition-fast)}.back-btn:hover{color:var(--color-text)}.screen-header__title{font-size:var(--font-size-lg);font-weight:700;flex:1}.screen-header__extra{font-size:var(--font-size-sm);color:var(--color-text-muted)}.scroll-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:10px 18px;border-radius:var(--radius-md);border:none;font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast);min-height:44px;white-space:nowrap}.btn--primary{background:var(--color-accent);color:#fff}.btn--primary:hover{background:var(--color-accent-hover)}.btn--primary:active{transform:scale(.96)}.btn--primary:disabled{background:var(--color-surface-3);color:var(--color-text-dim);cursor:not-allowed}.btn--secondary{background:var(--color-surface-2);color:var(--color-text);border:1px solid var(--color-border)}.btn--secondary:hover{background:var(--color-surface-3)}.btn--secondary:disabled{opacity:.5;cursor:not-allowed}.btn--danger{background:#7f1d1d;color:var(--color-danger)}.btn--danger:hover{background:#991b1b}.btn--sm{padding:6px 12px;font-size:var(--font-size-xs);min-height:36px}.panel-overlay{position:absolute;inset:0;background:#0009;z-index:100;opacity:0;transition:opacity var(--transition-med);pointer-events:none}.panel-overlay.open{opacity:1;pointer-events:all}.panel{position:absolute;bottom:0;left:0;right:0;background:var(--color-surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;border-top:1px solid var(--color-border);z-index:101;transform:translateY(100%);transition:transform var(--transition-med);max-height:80vh;display:flex;flex-direction:column}.panel.open{transform:translateY(0)}.panel__handle{width:36px;height:4px;background:var(--color-border);border-radius:var(--radius-full);margin:var(--spacing-3) auto var(--spacing-2);flex-shrink:0}.panel__content{padding:0 var(--spacing-4) var(--spacing-6);overflow-y:auto;flex:1}.slime-detail{display:flex;flex-direction:column;gap:var(--spacing-4)}.slime-detail__header{display:flex;align-items:center;gap:var(--spacing-3)}.slime-detail__emoji{font-size:48px;width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:var(--color-surface-2);border-radius:var(--radius-lg);border:2px solid var(--color-border);flex-shrink:0}.slime-detail__info{flex:1}.slime-detail__name{font-size:var(--font-size-lg);font-weight:700}.slime-detail__rarity{font-size:var(--font-size-sm);margin-top:2px}.slime-detail__lore{font-size:var(--font-size-sm);color:var(--color-text-muted);font-style:italic;line-height:1.5}.slime-detail__stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2)}.stat-item{background:var(--color-surface-2);border-radius:var(--radius-md);padding:var(--spacing-3)}.stat-item__label{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:2px}.stat-item__value{font-size:var(--font-size-md);font-weight:700;color:var(--color-text)}.level-bar{background:var(--color-surface-2);border-radius:var(--radius-md);padding:var(--spacing-3)}.level-bar__header{display:flex;justify-content:space-between;font-size:var(--font-size-sm);margin-bottom:var(--spacing-2)}.level-bar__track{height:6px;background:var(--color-surface-3);border-radius:var(--radius-full);overflow:hidden}.level-bar__fill{height:100%;background:var(--color-accent);border-radius:var(--radius-full);transition:width var(--transition-med)}.slime-detail__actions{display:flex;gap:var(--spacing-2)}.slime-detail__actions .btn{flex:1}.upgrade-tabs{display:flex;background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-shrink:0}.upgrade-tab{flex:1;padding:var(--spacing-3) var(--spacing-2);background:none;border:none;border-bottom:2px solid transparent;color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast);display:flex;flex-direction:column;align-items:center;gap:2px}.upgrade-tab.active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.upgrade-tab__icon{font-size:18px}.upgrade-card{margin:var(--spacing-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-5);display:flex;flex-direction:column;gap:var(--spacing-4)}.upgrade-card__level{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.upgrade-card__name{font-size:var(--font-size-xl);font-weight:700}.upgrade-card__effect{font-size:var(--font-size-md);color:var(--color-text-muted)}.upgrade-card__effect strong{color:var(--color-success)}.upgrade-card__cost{display:flex;align-items:center;justify-content:space-between;font-size:var(--font-size-sm);color:var(--color-text-muted)}.upgrade-card__cost-value{color:var(--color-goo);font-weight:700}.upgrade-progress{margin:0 var(--spacing-4);padding:var(--spacing-3);background:var(--color-surface);border-radius:var(--radius-md)}.upgrade-progress__bar{height:6px;background:var(--color-surface-3);border-radius:var(--radius-full);overflow:hidden;margin-top:var(--spacing-2)}.upgrade-progress__fill{height:100%;background:var(--color-accent);border-radius:var(--radius-full)}.milestones-list{margin:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-2)}.milestone-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);background:var(--color-surface);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.milestone-item.achieved{opacity:.5}.milestone-item__level{color:var(--color-accent);font-weight:700;min-width:32px}.milestone-item__text{color:var(--color-text-muted);flex:1}.breed-slot{margin:var(--spacing-3) var(--spacing-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-3)}.breed-slot.locked{opacity:.6}.breed-slot__header{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm);font-weight:700}.breed-slot__status{font-size:var(--font-size-xs);padding:2px 8px;border-radius:var(--radius-full);background:var(--color-surface-2)}.breed-slot__status.ready{color:var(--color-success)}.breed-slot__status.brewing{color:var(--color-warning)}.breed-slot__status.done{color:var(--color-accent)}.breed-slot__status.locked{color:var(--color-text-dim)}.breed-slot__parents{display:flex;align-items:center;gap:var(--spacing-2)}.parent-btn{flex:1;padding:var(--spacing-2) var(--spacing-3);background:var(--color-surface-2);border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);min-height:44px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.parent-btn.filled{border-color:var(--color-accent);color:var(--color-text);border-style:solid}.parent-btn:hover{background:var(--color-surface-3)}.breed-slot__multiply{color:var(--color-text-muted);font-size:var(--font-size-lg);flex-shrink:0}.breed-progress{height:4px;background:var(--color-surface-3);border-radius:var(--radius-full);overflow:hidden}.breed-progress__fill{height:100%;background:var(--color-warning);border-radius:var(--radius-full);transition:width .5s linear}.breed-result-banner{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);background:var(--color-surface-2);border-radius:var(--radius-md);border:1px solid var(--color-border)}.recent-breeds{margin:0 var(--spacing-4) var(--spacing-4)}.recent-breeds__title{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-2)}.recent-breed-item{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) 0;border-bottom:1px solid var(--color-border);font-size:var(--font-size-sm)}.recent-breed-item:last-child{border-bottom:none}.recent-breed-item__new{color:var(--color-success);font-size:var(--font-size-xs)}.recent-breed-item__fail{color:var(--color-warning);font-size:var(--font-size-xs)}.pedia-filters{display:flex;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);overflow-x:auto;flex-shrink:0;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.pedia-filter{padding:var(--spacing-1) var(--spacing-3);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-muted);font-size:var(--font-size-xs);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);min-height:32px}.pedia-filter.active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.pedia-search{padding:var(--spacing-3) var(--spacing-4);flex-shrink:0}.pedia-search input{width:100%;padding:var(--spacing-2) var(--spacing-3);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-sm);outline:none;transition:border-color var(--transition-fast)}.pedia-search input:focus{border-color:var(--color-accent)}.pedia-search input::placeholder{color:var(--color-text-dim)}.pedia-section{margin:var(--spacing-3) var(--spacing-4)}.pedia-section__header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-3) 0;border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-3)}.pedia-section__title{font-weight:700;font-size:var(--font-size-md)}.pedia-section__count{font-size:var(--font-size-sm);color:var(--color-text-muted)}.pedia-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-2)}@media (min-width: 480px){.pedia-grid{grid-template-columns:repeat(5,1fr)}}.pedia-cell{aspect-ratio:1;background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;transition:transform var(--transition-fast);min-height:72px;padding:var(--spacing-1);position:relative}.pedia-cell:active{transform:scale(.94)}.pedia-cell.undiscovered{opacity:.4;cursor:default}.pedia-cell.undiscovered .pedia-cell__emoji{filter:grayscale(1) brightness(.3)}.pedia-cell__emoji{font-size:22px}.pedia-cell__name{font-size:9px;color:var(--color-text-muted);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;padding:0 2px}.zone-list{display:flex;flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-4)}.zone-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-3);transition:border-color var(--transition-fast)}.zone-item.active-zone{border-color:var(--color-accent)}.zone-item.locked{opacity:.7}.zone-item__header{display:flex;align-items:center;gap:var(--spacing-3)}.zone-item__emoji{font-size:28px}.zone-item__info{flex:1}.zone-item__name{font-weight:700;font-size:var(--font-size-md)}.zone-item__status{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:2px}.zone-item__progress{display:flex;flex-direction:column;gap:var(--spacing-1)}.zone-item__progress-bar{height:4px;background:var(--color-surface-3);border-radius:var(--radius-full);overflow:hidden}.zone-item__progress-fill{height:100%;background:var(--color-accent);border-radius:var(--radius-full);transition:width var(--transition-med)}.zone-item__progress-text{display:flex;justify-content:space-between;font-size:var(--font-size-xs);color:var(--color-text-muted)}.fanfare-overlay{position:absolute;inset:0;background:#000000d9;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-6);opacity:0;transition:opacity var(--transition-slow);pointer-events:none}.fanfare-overlay.open{opacity:1;pointer-events:all}.fanfare-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4);text-align:center;max-width:320px}.fanfare-badge{font-size:var(--font-size-sm);font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);background:var(--color-surface-2);animation:fanfare-in .4s ease-out}.fanfare-emoji{font-size:80px;animation:fanfare-bounce .6s ease-out}.fanfare-title{font-size:var(--font-size-2xl);font-weight:900;animation:fanfare-in .5s ease-out .1s both}.fanfare-lore{font-size:var(--font-size-sm);color:var(--color-text-muted);font-style:italic;line-height:1.6;animation:fanfare-in .5s ease-out .2s both}.fanfare-stats{display:flex;gap:var(--spacing-4);animation:fanfare-in .5s ease-out .3s both}.fanfare-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.fanfare-stat__value{font-size:var(--font-size-lg);font-weight:700}.fanfare-stat__label{font-size:var(--font-size-xs);color:var(--color-text-muted)}.fanfare-reward{font-size:var(--font-size-md);color:var(--color-shards);font-weight:700;animation:fanfare-in .5s ease-out .4s both}.settings-section{padding:var(--spacing-4);border-bottom:1px solid var(--color-border)}.settings-section__title{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--spacing-3)}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3) 0;border-bottom:1px solid var(--color-border);min-height:52px}.settings-row:last-child{border-bottom:none}.settings-row__label{font-size:var(--font-size-md)}.settings-row__sub{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:2px}.toggle{position:relative;width:48px;height:26px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0}.toggle__track{position:absolute;inset:0;background:var(--color-surface-3);border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition-fast)}.toggle__track:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform var(--transition-fast)}.toggle input:checked+.toggle__track{background:var(--color-accent)}.toggle input:checked+.toggle__track:after{transform:translate(22px)}.floating-number{position:absolute;pointer-events:none;font-size:var(--font-size-md);font-weight:700;color:var(--color-goo);animation:float-up .8s ease-out forwards;z-index:50;white-space:nowrap}.notif-banner{position:absolute;top:calc(var(--topbar-height) + var(--currency-height) + var(--summon-height) + 8px);left:var(--spacing-4);right:var(--spacing-4);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-3) var(--spacing-4);display:flex;align-items:center;gap:var(--spacing-3);z-index:150;opacity:0;pointer-events:none;transform:translateY(-8px);transition:opacity var(--transition-med),transform var(--transition-med);font-size:var(--font-size-sm)}.notif-banner.show{opacity:1;pointer-events:auto;transform:translateY(0)}@keyframes jiggle{0%{transform:scale(1)}30%{transform:scale(.88) rotate(-3deg)}60%{transform:scale(1.06) rotate(2deg)}to{transform:scale(1)}}@keyframes pulse-merge{0%,to{box-shadow:0 0 #7c3aed66}50%{box-shadow:0 0 0 6px #7c3aed00}}@keyframes glow-max{0%,to{box-shadow:0 0 6px var(--color-warning)}50%{box-shadow:0 0 18px var(--color-warning)}}@keyframes float-up{0%{opacity:1;transform:translateY(0) scale(1)}80%{opacity:.8}to{opacity:0;transform:translateY(-60px) scale(.8)}}@keyframes fanfare-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fanfare-bounce{0%{transform:scale(.3) rotate(-15deg);opacity:0}60%{transform:scale(1.2) rotate(5deg);opacity:1}80%{transform:scale(.9) rotate(-2deg)}to{transform:scale(1) rotate(0)}}@keyframes screen-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px) rotate(-.5deg)}40%{transform:translate(6px) rotate(.5deg)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.reduce-motion *,.reduce-motion *:before,.reduce-motion *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.high-contrast{--color-border: #6666aa;--color-text-muted: #aaaacc}.large-text{--font-size-xs: 13px;--font-size-sm: 15px;--font-size-md: 17px;--font-size-lg: 20px;--font-size-xl: 24px;--font-size-2xl: 30px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.picker-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2);max-height:55vh;overflow-y:auto}.picker-cell{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);min-height:52px}.picker-cell:hover{background:var(--color-surface-3);border-color:var(--color-accent)}.picker-cell:active{transform:scale(.96)}.picker-cell__emoji{font-size:20px;flex-shrink:0}.picker-cell__info{flex:1;overflow:hidden}.picker-cell__name{font-size:var(--font-size-sm);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picker-cell__sub{font-size:var(--font-size-xs);color:var(--color-text-muted)}.picker-warning{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--color-warning);margin-bottom:var(--spacing-3)}