:root{--ink:#131022;--ink-raised:#1c1832;--ink-sunken:#0e0c1a;--hairline:#2b2547;--parchment:#eee8da;--parchment-dim:#b7b0c8;--lavender:#9c93c8;--gold:#e2a93d;--gold-soft:#e2a93d33;--gold-glow:0 0 18px #e2a93d40;--blood:#c93b4c;--blood-soft:#c93b4c2e;--font-display:"Cormorant", "Georgia", serif;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius:14px;--tab-h:62px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{background:var(--ink);color:var(--parchment);font-family:var(--font-body);overscroll-behavior:none;min-height:100%;font-size:16px;line-height:1.45}#root{max-width:480px;min-height:100dvh;padding-bottom:calc(var(--tab-h) + env(safe-area-inset-bottom) + 12px);margin:0 auto}.display{font-family:var(--font-display);letter-spacing:.01em;font-weight:600}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--lavender);font-size:11px}.num{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-weight:700}.card{background:var(--ink-raised);border:1px solid var(--hairline);border-radius:var(--radius);padding:14px 16px}.screen{padding:18px 16px 8px;animation:.22s ease-out screen-in}@keyframes screen-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.btn{border:1px solid var(--hairline);background:var(--ink-raised);color:var(--parchment);border-radius:var(--radius);font-size:15px;font-family:var(--font-body);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-weight:600;transition:transform 80ms,border-color .15s,box-shadow .2s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-gold{color:#221a08;box-shadow:var(--gold-glow);background:linear-gradient(160deg,#e2a93d,#c8892a);border-color:#0000}.btn-ghost{background:0 0}.btn:disabled{opacity:.45;cursor:default;box-shadow:none}.btn:focus-visible,input:focus-visible,[role=button]:focus-visible{outline:2px solid var(--gold);outline-offset:2px}input[type=text],input[type=number]{background:var(--ink-sunken);border:1px solid var(--hairline);width:100%;color:var(--parchment);font-size:16px;font-family:var(--font-body);border-radius:10px;padding:12px 14px}input::placeholder{color:var(--lavender);opacity:.6}.bar{background:var(--ink-sunken);border:1px solid var(--hairline);border-radius:99px;height:10px;overflow:hidden}.bar>i{border-radius:99px;height:100%;transition:width .5s cubic-bezier(.22,1,.36,1);display:block}.bar-xp>i{background:linear-gradient(90deg, #a06f1e, var(--gold));box-shadow:0 0 8px #e2a93d55}.bar-hp>i{background:linear-gradient(90deg, #7e2530, var(--blood))}.row{align-items:center;gap:10px;display:flex}.spread{justify-content:space-between;align-items:center;display:flex}.stack{flex-direction:column;gap:10px;display:flex}.chip{border:1px solid var(--hairline);background:var(--ink-sunken);color:var(--parchment-dim);border-radius:99px;align-items:center;gap:6px;padding:4px 10px;font-size:13px;display:inline-flex}.divider{background:linear-gradient(90deg, transparent, var(--hairline) 20%, var(--hairline) 80%, transparent);height:1px;margin:4px 0}.glow-pulse{animation:1.6s ease-in-out infinite glow-pulse}@keyframes glow-pulse{0%,to{filter:drop-shadow(0 0 4px #e2a93d33)}50%{filter:drop-shadow(0 0 12px #e2a93d66)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}