@font-face{font-family:Nunito;src:url(/fonts/nunito.ttf) format("truetype-variations");font-weight:200 1000;font-display:swap}:root{--font: "Nunito", system-ui, sans-serif;--bg: #14111a;--panel: rgba(26, 22, 34, .96);--card: #241e2e;--card-hover: #2d2639;--line: #38304a;--accent: #a795f6;--accent-soft: rgba(167, 149, 246, .16);--amber: #ffb46a;--text: #efe9f4;--dim: #9c92ac;--danger: #ff8a8a;--r-sm: 10px;--r-md: 14px;--r-lg: 20px;--shadow: 0 12px 40px rgba(0, 0, 0, .45)}*{box-sizing:border-box;margin:0}html,body,#root{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text)}button,input{font-family:var(--font)}.login-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:radial-gradient(ellipse at top,#2a2130,#14111a)}.login-modal{display:flex;flex-direction:column;gap:.75rem;width:min(90vw,22rem);padding:2rem;border-radius:20px;background:#eef1f599;-webkit-backdrop-filter:blur(26px) saturate(1.25);backdrop-filter:blur(26px) saturate(1.25);border:1px solid var(--glass-line);box-shadow:0 18px 60px #14101e59,inset 0 1px #fff9;color:var(--ink)}.login-modal h1{font-size:1.2rem;font-weight:800;margin-bottom:.5rem}.login-modal input{padding:.7rem 1rem;border-radius:999px;border:none;background:#fff9;box-shadow:inset 0 0 0 1px #ffffff80;color:var(--ink);font-size:.95rem}.login-modal input::placeholder{color:var(--ink-dim)}.login-modal input:focus{outline:2px solid var(--lav);outline-offset:-1px}.login-modal button{padding:.75rem;border-radius:999px;border:none;cursor:pointer;background:var(--peach);color:var(--peach-ink);font-size:.95rem;font-weight:800;box-shadow:0 4px 14px #ffbe8c80;transition:transform .15s ease,filter .15s ease}.login-modal button:hover{filter:brightness(1.05);transform:translateY(-1px)}.login-modal button:disabled{opacity:.6;cursor:wait;transform:none}.login-modal a{color:var(--peach-ink);font-size:.85rem;text-align:center;text-decoration:none;font-weight:700}.login-error{color:#c05a5a;font-size:.85rem;font-weight:700}.chatbox{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);width:min(92vw,34rem);display:flex;flex-direction:column;gap:.5rem;pointer-events:none}.chatbox-log{max-height:34vh;overflow-y:auto;display:flex;flex-direction:column;gap:.4rem;padding:.5rem;pointer-events:auto;scrollbar-width:thin;scrollbar-color:rgba(140,135,160,.35) transparent}.chat-msg{padding:.55rem .9rem;border-radius:16px;font-size:.94rem;max-width:85%;line-height:1.4;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:msg-in .25s ease}@keyframes msg-in{0%{opacity:0;transform:translateY(6px)}}.chat-user{align-self:flex-end;background:#c5b8f8c7;color:#352e50;font-weight:700;border-bottom-right-radius:6px}.chat-assistant{align-self:flex-start;background:#f4f6fa9e;color:var(--ink);box-shadow:inset 0 0 0 1px #ffffff80;border-bottom-left-radius:6px}.chat-history-hint{text-align:center;color:#ffffffb3;font-size:.8rem}.chat-close{position:absolute;top:-.4rem;right:.15rem;z-index:1;width:1.7rem;height:1.7rem;border:none;border-radius:999px;cursor:pointer;background:#f0f2f659;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px #ffffff59;color:var(--ink-dim);font-size:.75rem;pointer-events:auto;transition:all .15s ease}.chat-close:hover{background:#f0f2f6bf;color:var(--ink)}.chatbox-input{display:flex;gap:.5rem;pointer-events:auto}.chatbox-input input{flex:1;padding:.72rem 1.05rem;border-radius:999px;border:none;background:#f0f2f69e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:inset 0 0 0 1px #ffffff80;color:var(--ink);font-size:.94rem}.chatbox-input input::placeholder{color:var(--ink-dim)}.chatbox-input input:focus{outline:2px solid var(--lav);outline-offset:-1px}.chatbox-input button{padding:.72rem 1.3rem;border-radius:999px;border:none;cursor:pointer;background:var(--peach);color:var(--peach-ink);font-weight:800;box-shadow:0 4px 14px #ffbe8c73}.chatbox-input button:disabled{opacity:.6;box-shadow:none}.chatbox-input .chat-voice{padding:.72rem .85rem;background:#f0f2f69e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:inset 0 0 0 1px #ffffff80;font-size:.95rem}.loading-overlay{position:fixed;left:50%;top:58%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:.85rem 1.4rem;border-radius:18px;background:var(--glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-line);color:var(--ink);font-size:.92rem;font-weight:700;opacity:1;transition:opacity .6s ease;pointer-events:none}.loading-overlay.done{opacity:0}.loading-bar{width:13rem;height:.35rem;border-radius:999px;background:#3c3a4826;overflow:hidden}.loading-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#ffc9a2,var(--lav));transition:width .25s ease}#avatar-drop-zone{position:fixed;pointer-events:none}#thought-bubble{position:fixed;display:none;pointer-events:none;z-index:8;transform:translate(-50%,-100%);padding:.35rem .55rem;font-size:1.15rem;line-height:1;background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--glass-line);border-radius:14px 14px 14px 3px;box-shadow:0 6px 18px #14101e40;animation:bubble-pop .35s cubic-bezier(.3,1.4,.5,1)}@keyframes bubble-pop{0%{transform:translate(-50%,-100%) scale(.4);opacity:0}to{transform:translate(-50%,-100%) scale(1);opacity:1}}#thought-bubble .bar{display:block;width:2.4rem;height:3px;margin-top:.3rem;border-radius:2px;background:#ffffff38;overflow:hidden}#thought-bubble .bar>i{display:block;width:0;height:100%;border-radius:2px;background:var(--amber);transition:width .2s linear}:root{--glass: rgba(234, 239, 242, .42);--glass-panel: rgba(255, 255, 255, .3);--glass-card: rgba(255, 255, 255, .62);--glass-line: rgba(255, 255, 255, .55);--ink: #3f3d49;--ink-dim: #6b6878;--text-halo: 0 1px 4px rgba(255, 255, 255, .85), 0 0 10px rgba(255, 255, 255, .45);--peach: linear-gradient(135deg, #ffdcba, #ffc09a);--peach-ink: #8a5430;--lav: #b9aaf2;--lav-soft: rgba(185, 170, 242, .22)}.shop-window{position:fixed;right:1.1rem;top:50%;transform:translateY(-50%);width:min(92vw,24rem);height:min(58vh,33rem);max-height:min(88vh,46rem);display:grid;grid-template-columns:3.9rem 1fr;background:var(--glass);-webkit-backdrop-filter:blur(26px) saturate(1.25);backdrop-filter:blur(26px) saturate(1.25);border:1px solid var(--glass-line);border-radius:20px;box-shadow:0 18px 60px #14101e47,inset 0 1px #fff9;color:var(--ink);overflow:hidden;z-index:10;animation:win-in .35s cubic-bezier(.34,1.3,.5,1)}@keyframes win-in{0%{opacity:0;transform:translateY(calc(-50% + 14px)) scale(.97)}}.shop-rail{display:flex;flex-direction:column;align-items:center;gap:.85rem;padding:1rem .25rem .9rem}.shop-rail button{width:3.3rem;padding:0;border:none;background:transparent;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.2rem;color:var(--ink-dim)}.shop-rail .rail-ico{width:1.85rem;height:1.85rem;border-radius:999px;display:grid;place-items:center;font-size:.82rem;filter:grayscale(.55) opacity(.92);transition:all .2s cubic-bezier(.34,1.56,.64,1)}.shop-rail .rail-label{font-size:.58rem;font-weight:800;letter-spacing:.02em;max-width:3.3rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:var(--text-halo)}.shop-rail button:hover .rail-ico{transform:scale(1.1);filter:none}.shop-rail button.active{color:var(--peach-ink)}.shop-rail button.active .rail-ico{background:#ffffffeb;filter:none;box-shadow:0 3px 10px #d6925447}.shop-rail .rail-topup{margin-top:auto;width:1.85rem;height:1.85rem;border-radius:999px;background:#ffffff80;font-size:.85rem;color:var(--ink-dim);display:grid;place-items:center;transition:all .2s ease}.shop-rail .rail-topup:hover{background:#ffffffd9;color:var(--ink)}.shop-main{display:flex;flex-direction:column;min-height:0;min-width:0}.shop-topbar{display:flex;align-items:center;gap:.4rem;padding:.75rem .8rem .55rem 0}.stardust-pill,.collection-pill{padding:.24rem .65rem;border-radius:999px;background:#ffffff80;font-size:.78rem;font-weight:700;color:var(--ink-dim);box-shadow:inset 0 0 0 1px #ffffff73}.stardust-pill b{color:#d98a3c;font-variant-numeric:tabular-nums;font-weight:800}.shop-topbar .spacer{flex:1}.win-close{width:1.8rem;height:1.8rem;border:none;border-radius:999px;background:#fff6;color:var(--ink-dim);font-size:.8rem;cursor:pointer;transition:all .15s ease}.win-close:hover{background:#fffc;color:var(--ink)}.shop-grid{flex:1;min-height:12rem;overflow-y:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem .55rem;align-content:start;margin:0 .8rem .6rem 0;padding:.7rem;background:transparent;border-radius:14px;box-shadow:inset 0 0 0 1px #ffffff59;scrollbar-width:thin;scrollbar-color:rgba(140,135,160,.35) transparent}.shop-tile{display:flex;flex-direction:column;gap:.3rem;position:relative;cursor:pointer;padding:0;border:none;animation:card-in .3s cubic-bezier(.34,1.3,.5,1) backwards}.shop-tile:nth-child(2){animation-delay:.04s}.shop-tile:nth-child(3){animation-delay:.08s}.shop-tile:nth-child(4){animation-delay:.12s}.shop-tile:nth-child(n+5){animation-delay:.16s}@keyframes card-in{0%{opacity:0;transform:translateY(8px) scale(.95)}}.shop-tile.draggable{cursor:grab}.tile-img{border-radius:999px;aspect-ratio:1;padding:.4rem;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.shop-tile:hover .tile-img{transform:translateY(-2px)}.shop-tile.selected .tile-img{background:radial-gradient(circle,#ffffffa6 30%,#fff0 72%)}.shop-tile.bought .tile-img{animation:bought-pulse .7s ease}@keyframes bought-pulse{0%{box-shadow:0 0 #ffbe8cbf}to{box-shadow:0 0 0 16px #ffbe8c00}}.tile-img img{width:100%;height:100%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 3px 6px rgba(20,16,30,.18));transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.shop-tile:hover .tile-img img{transform:scale(1.07) rotate(-1.5deg)}.tile-name{font-size:.66rem;font-weight:800;color:var(--ink);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:var(--text-halo)}.shop-tile.selected .tile-name{color:var(--peach-ink)}.tile-check{position:absolute;top:.28rem;left:.28rem;z-index:1;min-width:1.15rem;height:1.15rem;padding:0 .25rem;border-radius:999px;background:#4a4854d9;color:#fff;font-size:.62rem;font-weight:800;display:grid;place-items:center;box-shadow:0 2px 6px #14101e40}.shop-footer{display:flex;align-items:center;gap:.55rem;padding:0 .8rem .85rem 0}.detail-pill{flex:1;min-width:0;display:flex;align-items:center;gap:.4rem;padding:.52rem .85rem;border-radius:999px;background:#ffffff8c;box-shadow:inset 0 0 0 1px #ffffff80;font-size:.74rem;white-space:nowrap;overflow:hidden}.detail-pill b{font-size:.78rem;font-weight:800;flex-shrink:0}.detail-liked{font-size:.7rem;flex-shrink:0}.detail-flavor{color:var(--ink-dim);overflow:hidden;text-overflow:ellipsis}.detail-error{color:#c05a5a;font-weight:700}.cta-primary{flex-shrink:0;padding:.55rem 1.25rem;border:none;border-radius:999px;cursor:pointer;background:var(--peach);color:var(--peach-ink);font-size:.84rem;font-weight:800;box-shadow:0 4px 14px #ffbe8c80;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.cta-primary:hover:not(:disabled){filter:brightness(1.05);transform:scale(1.03)}.cta-primary:disabled{opacity:.55;cursor:default;box-shadow:none}.cta-secondary{flex-shrink:0;padding:.55rem 1.25rem;border-radius:999px;cursor:pointer;background:#fff9;border:none;box-shadow:inset 0 0 0 1px #ffffff80;color:var(--ink);font-size:.84rem;font-weight:700;transition:all .2s ease}.cta-secondary:hover{background:#ffffffd9}.panel-empty{grid-column:1 / -1;color:var(--ink-dim);font-size:.85rem;text-align:center;padding:1.5rem 0;text-shadow:var(--text-halo)}.sparkle{position:absolute;font-size:.9rem;pointer-events:none;z-index:5;animation:sparkle-fly .7s cubic-bezier(.2,.6,.4,1) forwards}@keyframes sparkle-fly{0%{transform:translate(0) scale(.6);opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(1.15);opacity:0}}.shop-fab{position:fixed;right:1.2rem;bottom:1.2rem;z-index:10;width:3.2rem;height:3.2rem;border:1px solid var(--glass-line);border-radius:999px;background:var(--glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);font-size:1.3rem;cursor:pointer;box-shadow:0 10px 30px #14101e59;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.shop-fab:hover{transform:scale(1.1)}.needs-hud{position:fixed;top:1rem;right:1rem;z-index:9;display:flex;flex-direction:column;gap:0;padding:.4rem .55rem;background:var(--glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--glass-line);border-radius:16px;box-shadow:0 8px 26px #14101e4d;cursor:pointer;-webkit-user-select:none;user-select:none}.needs-hud-pill{display:flex;align-items:center;gap:.35rem;justify-content:flex-end}.needs-hud-pill .mood-face{font-size:1.05rem;line-height:1}.needs-hud-pill .mood-chevron{font-size:.6rem;color:var(--ink-dim)}.needs-hud-bars{display:flex;flex-direction:column;gap:.32rem;max-height:0;opacity:0;overflow:hidden;transition:max-height .28s ease,opacity .25s ease,margin-top .28s ease}.needs-hud.open .needs-hud-bars{max-height:8rem;opacity:1;margin-top:.45rem}.needs-hud-row{display:grid;grid-template-columns:1.1rem 9rem;align-items:center;gap:.4rem}.needs-hud-row .icon{font-size:.78rem}.needs-hud-row .bar{height:.32rem;border-radius:999px;background:#3c3a4824;overflow:hidden}.needs-hud-row .bar>div{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--lav),#d4c9ff);transition:width .8s cubic-bezier(.3,1,.4,1)}