:root{--bg-page: #000000;--window-core: #211a14;--window-edge: #0c0906;--fur: #e08a4d;--fur-shade: #b1622c;--cream: #f5e2c4;--ink: #3a2415;--blush: #ff8f95;--heart: #ff7a86;--glow: #ffc978;--skin: #ecc59a;--text-primary: #f2e9dc;--text-muted: #8f8574;--focus-ring: #ffc978;--focus-glow: rgba(255, 201, 120, .35)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:ui-rounded,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-page);color:var(--text-primary);width:600px;height:600px;overflow:hidden}#app-root{width:100%;height:100%}#app{width:100%;height:100%;position:relative}.screen{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;position:absolute;top:0;left:0;padding:28px 24px 24px}.screen.hidden{display:none}.content{flex:1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}.focusable{cursor:pointer}.focusable:focus{outline:none}.porthole{position:relative;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle at 50% 42%,var(--window-core) 0%,var(--window-edge) 72%,#000 100%);display:flex;align-items:center;justify-content:center;transition:transform 475ms cubic-bezier(.6,0,.4,1)}.porthole:focus{outline:none}.menu{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#000000b8}.menu-card{width:300px;padding:26px 28px 22px;border-radius:22px;background:radial-gradient(circle at 50% 0%,var(--window-core) 0%,var(--window-edge) 100%);box-shadow:0 0 0 1px #ffc97840,0 0 40px #000c;display:flex;flex-direction:column;gap:12px}.menu-title{font-family:ui-serif,Georgia,Iowan Old Style,serif;font-style:italic;font-size:16px;color:var(--text-muted);text-align:center;margin-bottom:4px}.menu-item{font-family:ui-serif,Georgia,Iowan Old Style,serif;font-size:19px;padding:12px 16px;border-radius:12px;border:none;background:transparent;color:var(--text-primary);text-align:center;cursor:pointer}.menu-item:focus{outline:none;background:#ffc9781f;box-shadow:0 0 0 2px var(--focus-ring),0 0 20px var(--focus-glow);color:var(--glow)}.hud{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px}.hud-balance{position:relative;display:inline-flex}.readout{display:flex;align-items:baseline;gap:5px;font-variant-numeric:tabular-nums}.readout-count{font-family:ui-serif,Georgia,Iowan Old Style,serif;font-size:22px;font-weight:600;color:var(--glow)}.readout-label{font-size:14px;letter-spacing:.04em;color:var(--text-muted);text-transform:lowercase}.hud-level{display:flex;align-items:center;gap:8px;flex-shrink:0}.hud-level-badge{font-size:12px;letter-spacing:.04em;color:var(--text-muted);text-transform:lowercase;font-variant-numeric:tabular-nums}.hud-xp-track{width:80px;height:4px;border-radius:2px;background:#ffc97826;overflow:hidden}.hud-xp-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,var(--fur-shade),var(--glow));transition:width .3s ease}.reaction{min-height:18px;font-family:ui-serif,Georgia,Iowan Old Style,serif;font-style:italic;font-size:15px;color:var(--text-muted);opacity:0;transition:opacity .2s ease}.reaction.visible{opacity:1}.hint{font-size:12px;letter-spacing:.08em;color:var(--text-muted);opacity:.7;text-align:center}.shop{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#000000b8}.shop-card{width:460px;padding:22px 24px 18px;border-radius:22px;background:radial-gradient(circle at 50% 0%,var(--window-core) 0%,var(--window-edge) 100%);box-shadow:0 0 0 1px #ffc97840,0 0 40px #000c;display:flex;flex-direction:column;gap:10px}.shop-header{display:flex;align-items:baseline;justify-content:space-between;padding:0 4px 4px}.shop-title{font-family:ui-serif,Georgia,Iowan Old Style,serif;font-style:italic;font-size:16px;color:var(--text-muted)}.shop-balance{font-size:13px;color:var(--glow);font-variant-numeric:tabular-nums}.shop-rows{display:flex;flex-direction:column;gap:6px}.shop-row{font-family:ui-rounded,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;flex-direction:column;gap:3px;padding:9px 14px;border-radius:12px;border:none;background:#ffffff08;color:var(--text-primary);text-align:left;cursor:pointer}.shop-row:disabled{opacity:.45;cursor:default}.shop-row:focus{outline:none;background:#ffc9781f;box-shadow:0 0 0 2px var(--focus-ring),0 0 20px var(--focus-glow)}.shop-row-top{display:flex;align-items:center;justify-content:space-between;font-size:16px}.shop-row-name{font-family:ui-serif,Georgia,Iowan Old Style,serif;font-style:italic}.shop-row-bottom{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--text-muted)}.shop-row-cost{color:var(--glow);font-variant-numeric:tabular-nums}.shop-pips{display:inline-flex;gap:3px}.shop-pip{width:6px;height:6px;border-radius:50%;background:#ffc97833}.shop-pip.filled{background:var(--glow)}.shop-tier-label{font-size:12px;color:var(--glow);font-variant-numeric:tabular-nums}.shop-back{align-self:center;margin-top:2px;padding:8px 20px;background:transparent;color:var(--text-muted);font-family:ui-serif,Georgia,Iowan Old Style,serif;text-align:center}.shop-back:focus{color:var(--glow)}.catselect{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#000000b8}.catselect-card{width:320px;padding:24px 24px 20px;border-radius:22px;background:radial-gradient(circle at 50% 0%,var(--window-core) 0%,var(--window-edge) 100%);box-shadow:0 0 0 1px #ffc97840,0 0 40px #000c;display:flex;flex-direction:column;gap:12px}.catselect-title{font-family:ui-serif,Georgia,Iowan Old Style,serif;font-style:italic;font-size:16px;color:var(--text-muted);text-align:center}.catselect-rows{display:flex;flex-direction:column;gap:8px}.catselect-row{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:14px;border:none;background:#ffffff08;cursor:pointer;text-align:left}.catselect-row:disabled{opacity:.45;cursor:default}.catselect-row:focus{outline:none;background:#ffc9781f;box-shadow:0 0 0 2px var(--focus-ring),0 0 20px var(--focus-glow)}.catselect-row.selected{box-shadow:0 0 0 1px var(--glow)}.catselect-swatch{width:34px;height:34px;border-radius:50%;flex-shrink:0;box-shadow:inset 0 0 0 1px #0000004d}.catselect-info{display:flex;flex-direction:column;gap:2px}.catselect-name{font-family:ui-serif,Georgia,Iowan Old Style,serif;font-size:16px}.catselect-tag{font-size:11px;letter-spacing:.03em;color:var(--text-muted);text-transform:lowercase}.catselect-back{align-self:center;padding:8px 20px;background:transparent;border:none;color:var(--text-muted);font-family:ui-serif,Georgia,Iowan Old Style,serif;cursor:pointer}.catselect-back:focus{outline:none;color:var(--glow)}.guide{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#000000c7}.guide-card{width:300px;padding:30px 26px 24px;border-radius:22px;background:radial-gradient(circle at 50% 0%,var(--window-core) 0%,var(--window-edge) 100%);box-shadow:0 0 0 1px #ffc97840,0 0 40px #000c;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;cursor:pointer}.guide-card:focus{outline:none;box-shadow:0 0 0 2px var(--focus-ring),0 0 0 1px #ffc97840,0 0 40px #000c}.guide-glyph{height:52px;display:flex;align-items:center;justify-content:center}.guide-title{font-family:ui-serif,Georgia,Iowan Old Style,serif;font-style:italic;font-size:18px;color:var(--glow)}.guide-body{font-size:14px;line-height:1.5;color:var(--text-primary)}.guide-dots{display:flex;gap:6px;margin-top:4px}.guide-dot{width:6px;height:6px;border-radius:50%;background:#ffc97840}.guide-dot.active{background:var(--glow)}.welcome{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#000000c7;cursor:pointer}.welcome-card{width:280px;padding:28px 26px 22px;border-radius:22px;background:radial-gradient(circle at 50% 0%,var(--window-core) 0%,var(--window-edge) 100%);box-shadow:0 0 0 1px #ffc97840,0 0 40px #000c;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.welcome-heading{font-family:ui-serif,Georgia,Iowan Old Style,serif;font-style:italic;font-size:19px;color:var(--text-muted)}.welcome-amount{font-family:ui-serif,Georgia,Iowan Old Style,serif;font-size:38px;font-weight:600;color:var(--glow);font-variant-numeric:tabular-nums}.welcome-sub{font-size:13px;color:var(--text-muted)}.welcome-dismiss{margin-top:10px;padding:10px 24px;border-radius:12px;border:none;background:#ffc9781f;color:var(--glow);font-family:ui-serif,Georgia,Iowan Old Style,serif;font-size:15px;cursor:pointer}.welcome-dismiss:focus{outline:none;box-shadow:0 0 0 2px var(--focus-ring),0 0 20px var(--focus-glow)}.resetconfirm{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#000000b8}.resetconfirm-card{width:320px;padding:26px 28px 22px;border-radius:22px;background:radial-gradient(circle at 50% 0%,var(--window-core) 0%,var(--window-edge) 100%);box-shadow:0 0 0 1px #ffc97840,0 0 40px #000c;display:flex;flex-direction:column;gap:14px;text-align:center}.resetconfirm-title{font-family:ui-serif,Georgia,Iowan Old Style,serif;font-style:italic;font-size:20px;color:var(--text-primary)}.resetconfirm-body{font-size:14px;line-height:1.5;color:var(--text-muted)}.resetconfirm-ok,.resetconfirm-back{font-family:ui-serif,Georgia,Iowan Old Style,serif;font-size:18px;padding:12px 16px;border-radius:12px;border:none;background:transparent;color:var(--text-primary);cursor:pointer}.resetconfirm-ok:disabled{color:var(--text-muted);opacity:.6;cursor:default;font-variant-numeric:tabular-nums}.resetconfirm-ok:not(:disabled){color:var(--blush)}.resetconfirm-ok:focus,.resetconfirm-back:focus{outline:none;background:#ffc9781f;box-shadow:0 0 0 2px var(--focus-ring),0 0 20px var(--focus-glow)}.hidden{display:none!important}@media (prefers-reduced-motion: reduce){.porthole{animation:none!important;transition-duration:1ms!important}.hud-xp-fill{transition-duration:1ms!important}}.readout-coin,.shop-balance-coin,.shop-row-cost-coin,.welcome-amount-coin{flex-shrink:0}.shop-balance{display:inline-flex;align-items:center;gap:5px}.shop-row-cost{display:inline-flex;align-items:center;gap:4px}.welcome-amount{display:inline-flex;align-items:center;gap:6px}.gain-popup-layer{position:absolute;left:0;right:0;top:100%;height:0;pointer-events:none;overflow:visible;z-index:5}.gain-popup{position:absolute;left:calc(50% + var(--gain-jitter, 0px));top:10px;transform:translate(-50%);display:inline-flex;align-items:center;gap:4px;font-family:ui-serif,Georgia,Iowan Old Style,serif;font-style:italic;font-size:15px;font-weight:600;color:var(--glow);text-shadow:0 0 10px rgba(255,201,120,.45);white-space:nowrap;will-change:transform,opacity;animation:gain-popup-float .8s ease-out forwards}.gain-popup-coin svg{display:block}.gain-popup-crit{font-size:20px;color:#ffe3a8;text-shadow:0 0 16px rgba(255,201,120,.75),0 0 28px rgba(255,143,149,.4)}@keyframes gain-popup-float{0%{opacity:0;transform:translate(-50%)}15%{opacity:1}to{opacity:0;transform:translate(-50%,-22px)}}.gain-popup-reduced{animation:gain-popup-fade .8s ease-out forwards!important}@keyframes gain-popup-fade{0%{opacity:0}15%{opacity:1}70%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion: reduce){.gain-popup{animation-name:gain-popup-fade}}