:root{--bg:#15111c;--bg-glow:#2a1d33;--surface:#211a2b;--surface-2:#2c2338;--line:#3d3150;--text:#f3ead8;--muted:#b3a6c2;--accent:#e9a64f;--accent-ink:#2a1605;--brew:#6fd3c5;--danger:#ef5b4c;--warm:#f2c14e;--radius:14px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:radial-gradient(120% 60% at 50% 0%, var(--bg-glow), var(--bg) 70%) fixed, var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;font-family:Alegreya Sans,system-ui,sans-serif;font-size:17px;line-height:1.4}button{font:inherit;color:inherit}h1,h2,h3{letter-spacing:.01em;margin:0;font-family:Grenze Gotisch,Georgia,serif;font-weight:600}h2{align-items:center;gap:8px;font-size:1.35rem;display:flex}h3{margin-top:4px;font-size:1.15rem}p{margin:0}.muted{color:var(--muted);font-weight:400}.center{text-align:center}.app{max-width:520px;padding:0 16px calc(24px + env(safe-area-inset-bottom));margin:0 auto}.topbar{z-index:5;padding:calc(8px + env(safe-area-inset-top)) 0 8px;background:linear-gradient(var(--bg) 70%, transparent);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.title h1{color:var(--accent);font-size:1.7rem;line-height:1}.round{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:.85rem}.topbar-actions{gap:8px;display:flex}.icon-btn{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:12px;place-items:center;width:44px;height:44px;font-size:1.25rem;display:inline-grid;position:relative}.icon-btn.small{width:36px;height:36px}.icon-btn:disabled{opacity:.35}.badge{background:var(--accent);min-width:22px;height:22px;color:var(--accent-ink);border-radius:11px;padding:0 5px;font-size:.8rem;font-weight:700;line-height:22px;position:absolute;top:-6px;right:-6px}main{flex-direction:column;gap:12px;display:flex}.cauldron{border:1px solid var(--line);background:radial-gradient(90% 120% at 20%,#2f3d3c 0%,#1d2026 60%,#18141f 100%);border-radius:20px;align-items:center;gap:12px;padding:12px 14px 12px 10px;display:flex;box-shadow:inset 0 -30px 60px #6fd3c514}.readout{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.cauldron.exploded{background:radial-gradient(90% 120% at 20%,#5a1e17 0%,#2a1416 60%,#18141f 100%);border-color:#7a2a22;animation:.45s shake}.spotlight{flex:none;place-items:center;width:92px;height:92px;display:grid}.drawn{line-height:0;animation:.42s cubic-bezier(.2,1.4,.4,1) rise}.drawn svg{filter:drop-shadow(0 8px 14px #0000008c)}.drawn-name{font-family:Grenze Gotisch,Georgia,serif;font-size:1.25rem;line-height:1.1}.empty-ring{border:2px dashed var(--line);border-radius:50%;width:80px;height:80px}.status-line{min-height:1.3em;font-size:.92rem}.boom{color:#ffb3a8}.warm{color:var(--warm)}.hot{color:var(--danger)}.meter-label{color:var(--muted);justify-content:space-between;margin-bottom:4px;font-size:.85rem;display:flex}.meter-label strong{color:var(--text)}.meter-cells{grid-template-columns:repeat(7,1fr) 1.2fr;gap:4px;display:grid}.cell{background:#ffffff14;border-radius:4px;height:12px;transition:background .2s}.cell.filled{background:#dce8ef}.cell.filled.danger{background:var(--warm)}.cell.overflow{color:var(--muted);background:#ef5b4c1f;place-items:center;font-size:.75rem;display:grid}.cell.overflow.filled{background:var(--danger);color:#fff}.meter.over .cell.filled{background:var(--danger)}.controls{flex-direction:column;gap:8px;display:flex}.control-row{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.control-row .btn{gap:6px;min-height:44px;padding:8px 6px}.btn{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface-2);cursor:pointer;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:10px 14px;font-weight:500;transition:transform 80ms,opacity .15s;display:inline-flex}.btn:active:not(:disabled),.icon-btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.4;cursor:default}.btn.primary{background:linear-gradient(180deg, #f3b862, var(--accent));color:var(--accent-ink);border-color:#c9832c;font-weight:700}.draw-btn{min-height:60px;font-family:Grenze Gotisch,Georgia,serif;font-size:1.55rem;box-shadow:0 8px 24px #e9a64f40}.btn.effect{color:#fff1b8;background:#4a3c10;border-color:#8c7420}.btn.ghost{background:0 0}.btn.danger{color:#ffb3a8;background:#ef5b4c1f;border-color:#ef5b4c80}.flask-icon{flex:none}.chip-btn{cursor:pointer;background:0 0;border:0;border-radius:50%;padding:0;line-height:0;position:relative}.chip-btn:disabled{opacity:.4}.chip-row{flex-wrap:wrap;gap:4px;margin:10px 0 0;padding:0;list-style:none;display:flex}.chip-row li{animation:.25s ease-out pop}.chip-row.small{gap:2px}.pot,.card{background:var(--surface);border:1px solid var(--line);border-radius:18px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.pot h2{font-size:1.15rem}.pot .chip-row{margin-top:0}.shop{flex-direction:column;gap:6px;margin-top:4px;display:flex}.shop-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;padding:4px 0;display:flex}.shop-row:last-child{border-bottom:0}.shop-chips{gap:4px;display:flex}.added{flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;display:flex}.removable .x{background:var(--danger);color:#fff;border-radius:50%;width:18px;height:18px;font-size:13px;line-height:18px;position:absolute;top:-4px;right:-4px}.backdrop{z-index:20;background:#08050cb3;justify-content:center;align-items:flex-end;animation:.15s fade;display:flex;position:fixed;inset:0}.sheet,.dialog{background:var(--surface);border:1px solid var(--line);width:100%;max-width:520px;max-height:88vh;padding:18px 16px calc(20px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;flex-direction:column;gap:12px;animation:.22s ease-out slide;display:flex;overflow-y:auto}.dialog{border-color:#3f6c66;box-shadow:0 -10px 40px #6fd3c526}.sheet-head{justify-content:space-between;align-items:center;display:flex}.stack{flex-direction:column;gap:10px;display:flex}.peek-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.peek-item{border:1px solid var(--line);background:var(--surface-2);border-radius:16px;align-items:center;gap:12px;padding:8px;transition:border-color .15s,background .15s;display:flex}.peek-item.choice-place{border-color:var(--brew);background:#6fd3c51f}.peek-item.choice-remove{opacity:.6}.peek-item.choice-upgrade{border-color:var(--accent)}.peek-options{flex-wrap:wrap;flex:1;gap:4px;display:flex}.segmented{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.seg{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:10px;flex:1;min-height:40px;padding:6px 10px;font-size:.95rem}.seg.active{background:var(--brew);border-color:var(--brew);color:#08201d;font-weight:700}.seg:disabled{opacity:.35}.bag-list{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.bag-list li{background:var(--surface-2);border-radius:12px;align-items:center;gap:8px;padding:4px 6px;display:flex}.bag-count{flex:1;font-weight:700}.add-grid{grid-template-columns:repeat(auto-fill,minmax(48px,1fr));justify-items:center;gap:6px;display:grid}.stepper{justify-content:center;align-items:center;gap:24px;font-size:2rem;display:flex}.toggle{align-items:center;gap:10px;min-height:44px;display:flex}.toggle input{width:22px;height:22px;accent-color:var(--brew)}@keyframes rise{0%{opacity:0;transform:translateY(40px)scale(.4)rotate(-25deg)}to{opacity:1;transform:none}}@keyframes pop{0%{transform:scale(.3)}to{transform:none}}@keyframes shake{20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}@keyframes fade{0%{opacity:0}}@keyframes slide{0%{opacity:0;transform:translateY(40px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.card-option{background:var(--surface-2);border:1px solid var(--line);border-radius:14px;align-items:center;gap:10px;padding:10px 12px;display:flex}.card-text{flex-direction:column;flex:1;font-size:.95rem;line-height:1.25;display:flex}.card-text .muted{font-size:.85rem}.card-option .stepper{gap:8px;font-size:1.1rem}.card-option .btn{min-height:40px}.toggle-btn.on{border-color:var(--brew);background:#6fd3c524}.round-card{border:1px dashed #8c7420;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;font-size:.95rem;display:flex}.link-btn{color:var(--accent);cursor:pointer;background:0 0;border:0;padding:6px}.chip-row.centered{justify-content:center;margin:0}.sum{text-align:center;font-size:1.2rem}.sum strong{color:var(--accent);margin-left:6px;font-family:Grenze Gotisch,Georgia,serif;font-size:2.4rem}.bag-summary{gap:6px}.bag-summary li{background:var(--surface-2);border-radius:22px;align-items:center;gap:2px;padding-right:8px;animation:none;display:flex}.bag-summary .count{font-size:.95rem;font-weight:700}