.pm-app{--pm-ink:#2b1a12;--pm-paper:#fff6e6;--pm-coffee:#5a3220;--pm-crema:#c98b4e;--pm-gold:#ffcc4d;--pm-red:#e0503f;--pm-mint:#6fd3a8;--pm-night:#2a1f3d;--play-accent:#b0582c;overflow:hidden;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;height:100dvh;background:var(--pm-night);color:#fff}.pm-scene{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0;touch-action:none}.pm-app:not([data-phase=play]) :is(.pm-head,.pm-ticket,.pm-controls,.pm-keys,.pm-quit,.pm-pop,.pm-toast){display:none}.pm-head{position:absolute;z-index:4;left:0;right:0;top:calc(env(safe-area-inset-top, 0px) + 10px);pointer-events:none;display:flex;gap:6px;padding:0 100px 0 10px}.pm-head,.pm-pill{align-items:center}.pm-pill{display:inline-flex;gap:5px;height:36px;padding:0 10px;border-radius:18px;background:rgba(36,22,18,.74);border:2px solid rgba(255,236,205,.85);box-shadow:0 3px 0 rgba(0,0,0,.3);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#fff3df}.pm-pill b{font:800 19px/1 Playful,sans-serif;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pm-pill i{font-style:normal;font-size:16px}.pm-pill svg{flex-shrink:0}.pm-score{background:var(--pm-gold);color:var(--pm-ink);border-color:#fff4c8}.pm-hurry .pm-clock{background:var(--pm-red);animation:pm-pulse .5s ease-in-out infinite alternate}@keyframes pm-pulse{to{transform:scale(1.08)}}.pm-strikes{display:flex;gap:3px;margin-left:2px}.pm-strikes i{width:13px;height:13px;border-radius:50%;background:rgba(255,255,255,.22);border:2px solid rgba(255,255,255,.7)}.pm-strikes i.on{background:var(--pm-red);border-color:#fff;animation:pm-bump .5s cubic-bezier(.3,1.8,.5,1)}@keyframes pm-bump{40%{transform:scale(1.5)}}.pm-ticket{position:absolute;z-index:4;left:12px;top:calc(env(safe-area-inset-top, 0px) + 60px);width:170px;pointer-events:none;padding:10px 12px 12px;border-radius:6px 6px 14px 14px;background:var(--pm-paper);color:var(--pm-ink);box-shadow:0 6px 0 rgba(60,30,14,.35),0 10px 24px rgba(0,0,0,.25);transform:rotate(-2deg);background-image:radial-gradient(circle at 8px -2px,transparent 6px,var(--pm-paper) 6.5px);background-size:16px 12px;background-repeat:repeat-x;background-position:top}.pm-ticket.fresh{animation:pm-slip .45s cubic-bezier(.3,1.5,.5,1)}@keyframes pm-slip{0%{transform:translateY(-30px) rotate(-8deg);opacity:0}}.pm-ticket-top{display:flex;justify-content:space-between;align-items:center}.pm-ticket-no{font:800 13px/1 Playful,sans-serif;color:#9a7a62;letter-spacing:1px}.pm-tag{font:800 12px/1 Playful,sans-serif;padding:4px 8px;border-radius:9px;background:var(--pm-coffee);color:#fff;text-transform:uppercase;letter-spacing:.5px}.pm-tag[data-strength=light]{background:var(--pm-crema)}.pm-ticket-drink{margin:6px 0 0;font:800 20px/1.05 Playful,sans-serif;color:var(--pm-coffee)}.pm-ticket-local{margin:2px 0 0;color:#9a7a62}.pm-ticket-local,.pm-ticket-stir{font:700 13px/1.2 Playful,sans-serif}.pm-ticket-stir{margin:6px 0 8px}.pm-ticket-stir:before{content:"🥄 "}.pm-patience{height:8px;border-radius:4px;background:#eadbc4;overflow:hidden}.pm-patience i{display:block;height:100%;background:var(--pm-mint);transform-origin:left;transition:background .3s}.pm-patience i[data-mood=meh]{background:var(--pm-gold)}.pm-patience i[data-mood=cross]{background:var(--pm-red)}.pm-pop{position:absolute;z-index:7;left:50%;top:38%;transform:translate(-50%,-50%) scale(.6);opacity:0;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 20px 14px;border-radius:22px;background:var(--pm-paper);color:var(--pm-ink);border:3px solid #fff;box-shadow:0 6px 0 rgba(60,30,14,.4);min-width:200px}.pm-pop.show{animation:pm-pop 1.9s cubic-bezier(.3,1.4,.5,1) forwards}@keyframes pm-pop{0%{opacity:0;transform:translate(-50%,-30%) scale(.6)}14%{opacity:1;transform:translate(-50%,-50%) scale(1.06)}22%,82%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-70%) scale(.95)}}.pm-pop-stars{font-size:28px;line-height:1;color:var(--pm-gold);-webkit-text-stroke:1.5px #b9861d;letter-spacing:3px}.pm-pop-points{font:800 36px/1 Playful,sans-serif;color:var(--pm-coffee)}.pm-pop-note{font:700 14px/1.2 Playful,sans-serif;color:#8a6a52;text-align:center}.pm-pop[data-grade=perfect]{background:#fff3c4}.pm-pop[data-grade=meh] .pm-pop-stars{color:#d8c8b4;-webkit-text-stroke-color:#a89480}.pm-toast{position:absolute;z-index:7;left:50%;top:calc(env(safe-area-inset-top, 0px) + 200px);transform:translate(-50%);opacity:0;pointer-events:none;padding:8px 16px;border-radius:16px;font:800 18px/1.1 Playful,sans-serif;white-space:nowrap;background:rgba(36,22,18,.85);color:#fff;border:2px solid rgba(255,255,255,.8)}.pm-toast[data-kind=good]{background:#2f8f5f}.pm-toast[data-kind=bad]{background:var(--pm-red)}.pm-toast[data-kind=warn]{background:#b9741d}.pm-toast.show{animation:pm-toast 1.4s ease forwards}@keyframes pm-toast{0%{opacity:0;transform:translate(-50%,12px) scale(.85)}12%,75%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-14px)}}.pm-controls{position:absolute;z-index:5;left:50%;bottom:calc(env(safe-area-inset-bottom, 0px) + 14px);transform:translateX(-50%);width:min(94vw,440px);display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}.pm-step{margin:0;font:800 15px/1 Playful,sans-serif;letter-spacing:1.5px;color:#ffe3b8;text-shadow:0 2px 0 rgba(0,0,0,.45)}.pm-meter{width:100%;padding:8px 12px 10px;border-radius:18px;background:rgba(36,22,18,.78);border:2px solid rgba(255,236,205,.7);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:.35;transition:opacity .2s}.pm-meter.show{opacity:1}.pm-meter-label{display:block;font:800 12px/1 Playful,sans-serif;letter-spacing:1px;color:#e9cfae;margin-bottom:6px}.pm-meter-bar{position:relative;height:20px;border-radius:10px;background:#3d2a20;overflow:hidden;box-shadow:inset 0 2px 4px rgba(0,0,0,.5)}.pm-meter-zone{position:absolute;top:0;bottom:0;background:repeating-linear-gradient(45deg,#ffcc4d 0 6px,#ffd970 6px 12px);opacity:.85}.pm-meter-fill{position:absolute;inset:0;background:linear-gradient(90deg,#8a5326,#c98b4e);transform-origin:left;transform:scaleX(0);opacity:.75}.pm-meter-needle{position:absolute;top:-2px;bottom:-2px;width:4px;margin-left:-2px;background:#fff;border-radius:2px;box-shadow:0 0 8px #fff}.pm-meter[data-state=in] .pm-meter-fill{background:linear-gradient(90deg,#4aa878,#6fd3a8)}.pm-meter[data-state=over] .pm-meter-fill{background:linear-gradient(90deg,#c4422f,#e0503f)}.pm-hint{margin:0;min-height:17px;font:700 14px/1.2 Playful,sans-serif;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.6);text-align:center}.pm-buttons{display:flex;gap:10px;width:100%;pointer-events:auto}.pm-action,.pm-serve{height:74px;border-radius:24px;font:800 24px/1 Playful,sans-serif;letter-spacing:.5px;cursor:pointer;touch-action:none;transition:transform .08s,box-shadow .08s,background .2s}.pm-action{flex:1 1;color:#fff;background:linear-gradient(#c56a37,#9a4a22);border:3px solid #ffd9b0;box-shadow:inset 0 3px 0 rgba(255,255,255,.35),0 7px 0 #5e2a12}.pm-action.down{transform:translateY(5px);box-shadow:inset 0 3px 0 rgba(255,255,255,.25),0 2px 0 #5e2a12;background:linear-gradient(#a85a2d,#84401d)}.pm-app:is([data-stage=arrive],[data-stage=bloom],[data-stage=serve]) .pm-action{opacity:.55}.pm-app[data-stage=drip] .pm-action{background:linear-gradient(#f2b632,#d18a12);color:var(--pm-ink);animation:pm-glow .6s ease-in-out infinite alternate}@keyframes pm-glow{to{box-shadow:inset 0 3px 0 rgba(255,255,255,.35),0 7px 0 #8a5a08,0 0 24px #ffcc4d}}.pm-serve{display:none;flex:0 0 38%;color:var(--pm-ink);background:linear-gradient(#8ff0c4,#4fbf8c);border:3px solid #e4fff2;box-shadow:inset 0 3px 0 rgba(255,255,255,.45),0 7px 0 #24704c}.pm-serve:active{transform:translateY(5px);box-shadow:0 2px 0 #24704c}.pm-app[data-stage=stir] .pm-serve{display:block}.pm-keys{position:absolute;z-index:5;left:0;right:0;bottom:4px;text-align:center;font:600 12px/1 Playful,sans-serif;color:rgba(255,240,220,.6);pointer-events:none}@media (max-width:700px),(pointer:coarse){.pm-keys{display:none}}.pm-corner{position:absolute;z-index:8;top:calc(env(safe-area-inset-top, 0px) + 10px);right:12px;display:flex;gap:6px}.pm-app[data-phase=loading] .pm-corner{display:none}.pm-icon-btn{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:#fff3df;background:rgba(36,22,18,.74);border:2px solid rgba(255,236,205,.85);box-shadow:0 3px 0 rgba(0,0,0,.3)}.pm-icon-btn .off{display:none}.pm-icon-btn[aria-pressed=true] .off{display:block}.pm-icon-btn[aria-pressed=true] .on{display:none}.pm-app:is([data-phase=menu],[data-phase=results]) .pm-corner{top:calc(env(safe-area-inset-top, 0px) + 14px)}.pm-app .overlay{background:linear-gradient(180deg,rgba(42,31,61,.15),rgba(42,31,61,.55));backdrop-filter:none;-webkit-backdrop-filter:none}.pm-app .pm-loading{background:var(--pm-night)}.pm-card{width:min(400px,100%);margin:auto;padding:22px 22px 20px;border-radius:28px;text-align:center;color:var(--pm-ink);background:var(--pm-paper);border:4px solid #fff;box-shadow:0 8px 0 rgba(60,30,14,.45),0 20px 50px rgba(0,0,0,.35)}.pm-kicker{font:800 12px/1 Playful,sans-serif;letter-spacing:2px;color:var(--pm-crema)}.pm-title{margin:8px 0 6px;font:800 52px/.92 Playful,sans-serif;color:#fff6e6;letter-spacing:-1px;-webkit-text-stroke:2px var(--pm-coffee);paint-order:stroke fill;text-shadow:0 5px 0 var(--pm-coffee);transform:rotate(-2deg)}.pm-blurb{margin:8px 0 12px;font:700 15px/1.35 Playful,sans-serif;color:#6b4a34}.pm-rules{list-style:none;margin:0 0 16px;padding:0;display:grid;grid-gap:8px;gap:8px;text-align:left}.pm-rules li{display:grid;grid-template-columns:28px 1fr;grid-column-gap:10px;column-gap:10px;font:600 13px/1.3 Playful,sans-serif;color:#5b3e2c}.pm-rules li span{grid-row:span 2;width:28px;height:28px;border-radius:9px;background:var(--pm-coffee);color:#fff;display:grid;place-items:center;font:800 16px/1 Playful,sans-serif}.pm-rules li b{font:800 15px/1.1 Playful,sans-serif;color:var(--pm-coffee)}.pm-app button.big{width:100%;background:linear-gradient(#c56a37,#9a4a22);color:#fff;border-color:#ffd9b0;box-shadow:inset 0 3px 0 rgba(255,255,255,.35),0 5px 0 #5e2a12}.pm-app button.big:active{box-shadow:0 1px 0 #5e2a12}.pm-best{margin:12px 0 0;font:700 13px/1.3 Playful,sans-serif;color:#8a6a52}.pm-result-title{margin:0;font:800 34px/1 Playful,sans-serif;color:var(--pm-coffee)}.pm-result-line{margin:6px 0 10px;font:700 14px/1.35 Playful,sans-serif;color:#6b4a34}.pm-result-big{display:flex;align-items:baseline;justify-content:center;gap:8px}.pm-result-big b{font:800 64px/1 Playful,sans-serif;color:var(--pm-coffee)}.pm-result-big span{font:800 18px/1 Playful,sans-serif;color:#9a7a62}.pm-r-cupsrow{display:flex;justify-content:center;gap:6px;margin:10px 0 12px}.pm-r-cup{width:54px;padding:6px 0 4px;border-radius:14px;background:#f3e4cc;display:flex;flex-direction:column;align-items:center;gap:2px}.pm-r-cup i{font-style:normal;font-size:24px}.pm-r-cup span{font-size:11px;color:#c89418;letter-spacing:1px}.pm-r-cup.perfect{background:#ffe7a3;box-shadow:inset 0 0 0 2px #f2b632}.pm-r-cup.meh{opacity:.7}.pm-result-list{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px 14px;gap:6px 14px;margin:0 0 14px}.pm-result-list div{display:flex;justify-content:space-between;padding:6px 10px;border-radius:10px;background:#f6ead6;font:700 14px/1.2 Playful,sans-serif}.pm-result-list dt{color:#8a6a52}.pm-result-list dd{margin:0;color:var(--pm-coffee);font-weight:800}.pm-app .share-btn{width:100%;color:var(--pm-coffee)}.pm-link-btn{margin-top:10px;background:none;border:0;color:#8a6a52;font:700 14px/1 Playful,sans-serif;text-decoration:underline;cursor:pointer}@media (min-width:900px){.pm-ticket{left:24px;top:74px;width:210px;padding:14px 16px 16px}.pm-ticket-drink{font-size:26px}.pm-head{padding-left:24px;top:18px}.pm-controls{bottom:30px}}@media (max-height:700px) and (max-width:700px){.pm-action,.pm-serve{height:60px;font-size:21px}.pm-ticket{width:150px;padding:8px 10px 10px}.pm-ticket-drink{font-size:17px}.pm-rules li{font-size:12px}.pm-title{font-size:44px}}