.pc{color:var(--scene-ink);font-variant-numeric:tabular-nums;grid-template-rows:auto auto minmax(0,1fr) auto auto auto;justify-items:center;padding:8px 12px 12px;display:grid;position:absolute;inset:0}.pc [hidden]{display:none!important}.pc-hud{justify-content:space-between;align-items:center;gap:8px;width:100%;max-width:640px;display:flex}.pc-stats{gap:20px;display:flex}.pc-stat{flex-direction:column;margin:0;line-height:1.1;display:flex}.pc-stat-label{text-transform:uppercase;letter-spacing:.06em;color:var(--scene-ink);opacity:.85;font-size:.75rem}.pc-stat-value{font-size:1.5rem;font-weight:700}.pc-hud-actions{gap:4px;display:flex}.pc-icon-btn{border:1px solid var(--control-border);background:var(--surface);width:44px;height:44px;color:var(--ink);cursor:pointer;border-radius:12px;place-items:center;display:inline-grid}.pc-icon-btn:hover{background:var(--surface-2)}.pc-intro{text-align:center;min-height:3.2em;margin-top:4px}.pc-pot-name{margin:0;font-weight:650}.pc-twist{margin:0;font-style:italic}.pc-scene-wrap{width:100%;max-width:560px;height:100%;min-height:0;position:relative}.pc-stove{cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:20px;width:100%;height:100%;padding:0;position:absolute;inset:0}.pc-stove:focus-visible{outline:3px solid var(--focus);outline-offset:-3px}.pc-scene{pointer-events:none;width:100%;height:100%;display:block}.pc-hint{text-align:center;margin:4px 0 0;font-size:1.125rem;font-weight:600}.pc-message{text-align:center;max-width:36ch;min-height:3em;margin:4px 0 0}.pc-cups{gap:8px;margin:4px 0 0;padding:0;list-style:none;display:flex}.pc-cup{border:2px dashed var(--control-border);border-radius:999px;place-items:center;width:40px;height:40px;font-size:1.25rem;line-height:1;display:grid}.pc-cup.is-current{border-style:solid;border-color:var(--accent)}.pc-cup.is-perfect,.pc-cup.is-close,.pc-cup.is-boil,.pc-cup.is-low{background:var(--surface);border-style:solid}.pc-cup.is-perfect{border-color:var(--good)}.pc-cup.is-boil{border-color:var(--bad)}.pc-stove-body{fill:var(--stove)}.pc-knob{fill:#6b6258}.pc-grate{fill:#4a433c}.pc-pot{fill:var(--pot)}.pc-pot-inner{fill:var(--pot-inner)}.pc-handle,.pc-rim{fill:var(--pot-dark)}.pc-milk-body{fill:var(--milk)}.pc-foam{fill:var(--foam);transition:fill .2s ease-out}.pc[data-heat=warm] .pc-milk .pc-foam{fill:var(--foam-warm)}.pc[data-heat=hot] .pc-milk .pc-foam{fill:var(--foam-hot)}.pc-bubble{fill:var(--milk);stroke:var(--foam-hot);stroke-width:1px;opacity:0}.pc-rim-casing{stroke:var(--rim-casing);stroke-width:4px}.pc-rim-line{stroke:var(--rim-line);stroke-width:2px;stroke-dasharray:6 5}.pc-gauge-track{fill:var(--gauge-track)}.pc-gauge-band{fill:var(--gauge-band)}.pc-gauge-label{fill:var(--scene-ink);font-size:13px;font-weight:600;font-family:var(--font)}.pc-peak-line{stroke:var(--scene-ink);stroke-width:2px}.pc-peak-text{fill:#1f1b16;font-size:15px;font-weight:700;font-family:var(--font)}.pc-flame{opacity:.15;transform-origin:200px 300px;transition:opacity .12s ease-out,transform .16s ease-out;transform:scaleY(.5)}.pc-flame-tongue{fill:var(--flame);stroke:var(--flame-core);stroke-width:1.5px}.pc.is-heating .pc-flame{opacity:1;transform:scaleY(1)}.pc-ring{fill:none;stroke:#ff7a1a;stroke-width:3px;opacity:0;transition:opacity 80ms ease-out}.pc[data-pot="4"] .pc-flame{display:none}.pc[data-pot="4"] .pc-ring{opacity:.2}.pc[data-pot="4"].is-heating .pc-ring{opacity:1}.pc[data-pot="4"] .pc-grate{fill:#111}.pc[data-pot="2"]{--pot:#c27a4a;--pot-dark:#8e5530}.pc[data-pot="3"]{--pot:#a7b0b8;--pot-dark:#707a83}.pc[data-pot="4"]{--pot:#5d6670;--pot-dark:#3c434a}.pc[data-pot="5"]{--pot:#b48a3c;--pot-dark:#7d5d22}.pc-spill{opacity:0;transform-origin:200px 104px;transform:scaleY(0)}.pc.is-spilled .pc-spill{opacity:1;transition:transform .45s cubic-bezier(.2,.8,.3,1),opacity .12s ease-out;transform:scaleY(1)}.pc-steam path{fill:none;stroke:var(--scene-ink);stroke-width:4px;stroke-linecap:round;opacity:0}.pc.is-steaming .pc-steam path{animation:1.6s ease-out forwards pc-steam}.pc.is-steaming .pc-steam .pc-steam-2{animation-delay:.15s}.pc.is-steaming .pc-steam .pc-steam-3{animation-delay:.3s}@keyframes pc-steam{0%{opacity:0;transform:translateY(12px)}30%{opacity:.45}to{opacity:0;transform:translateY(-16px)}}.pc.is-heating .pc-bubble{animation:1.2s ease-in-out infinite pc-bubble}.pc.is-heating .pc-bubble-1{animation-delay:.3s}.pc.is-heating .pc-bubble-2{animation-delay:.6s}.pc.is-heating .pc-bubble-3{animation-delay:.15s}.pc.is-heating .pc-bubble-4{animation-delay:.45s}@keyframes pc-bubble{0%,to{opacity:0;transform:translateY(4px)}50%{opacity:.9;transform:translateY(-3px)}}.pc.pc-reduced .pc-bubble,.pc.pc-reduced .pc-steam path{animation:none!important}.pc.pc-reduced.is-steaming .pc-steam path{opacity:.4}.pc.pc-reduced .pc-spill,.pc.pc-reduced .pc-flame{transition:none!important}@media (prefers-reduced-motion:reduce){.pc.is-steaming .pc-steam path{opacity:.4;animation:none}.pc .pc-spill,.pc .pc-flame{transition:none}}.pc-overlay{background:color-mix(in srgb, var(--bg) 70%, transparent);z-index:2;place-items:center;padding:16px;display:grid;position:absolute;inset:0;overflow-y:auto}.pc-panel{background:var(--surface);width:min(100%,420px);color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow);text-align:center;border-radius:20px;padding:24px}.pc-panel-title{margin:0 0 8px;font-size:1.25rem}.pc-panel-title:focus{outline:none}.pc-total{margin:0;font-size:3rem;font-weight:750;line-height:1.1}.pc-rank{margin:4px 0 12px;font-size:1.125rem;font-weight:600}.pc-cups-result{justify-content:center;margin-bottom:12px}.pc-best{color:var(--ink-muted);min-height:1.5em;margin:0 0 16px}.pc-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.pc-share-label{color:var(--ink-muted);margin:16px 0 4px;font-size:.875rem}.pc-share-text{background:var(--surface-2);-webkit-user-select:all;user-select:all;overflow-wrap:anywhere;border-radius:12px;margin:0;padding:8px 12px;font-size:.9375rem}.pc-share-status{min-height:1.5em;margin:8px 0 0;font-size:.875rem}.pc-dialog{border:1px solid var(--line);background:var(--surface);width:min(100% - 32px,420px);color:var(--ink);box-shadow:var(--shadow);border-radius:20px;padding:24px}.pc-dialog::backdrop{background:#17140f73}.pc-option{text-align:left;align-items:flex-start;gap:12px;margin:16px 0;display:flex}.pc-option input{width:24px;height:24px;accent-color:var(--accent);flex:none;margin:2px 0 0}.pc-option label{cursor:pointer;flex-direction:column;display:flex}.pc-option label span{color:var(--ink-muted);font-size:.9375rem}@media (height<=560px){.pc-intro{min-height:0}.pc-twist{display:none}.pc-message{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}}