:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--game-ui-shell-width:30rem;--game-ui-space-1:.25rem;--game-ui-space-2:.5rem;--game-ui-space-3:.75rem;--game-ui-space-4:1rem;--game-ui-space-6:1.5rem;--game-ui-space-8:2rem;--game-ui-radius-sm:.5rem;--game-ui-radius-md:1rem;--game-ui-focus-color:currentColor;--game-ui-toast-bg:CanvasText;--game-ui-toast-text:Canvas}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;min-width:20rem;min-height:100%}body{min-height:100dvh;margin:0;overflow-x:hidden}button,a,input,select,textarea,.tap-target{min-width:2.75rem;min-height:2.75rem}button,a{touch-action:manipulation}:focus-visible{outline:.1875rem solid var(--game-ui-focus-color);outline-offset:.1875rem}.game-shell{width:min(100%, var(--game-ui-shell-width));min-height:100dvh;padding:max(var(--game-ui-space-4), env(safe-area-inset-top)) max(var(--game-ui-space-4), env(safe-area-inset-right)) max(var(--game-ui-space-4), env(safe-area-inset-bottom)) max(var(--game-ui-space-4), env(safe-area-inset-left));margin-inline:auto}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.game-toast{z-index:100;right:max(var(--game-ui-space-4), env(safe-area-inset-right));bottom:max(var(--game-ui-space-4), env(safe-area-inset-bottom));left:max(var(--game-ui-space-4), env(safe-area-inset-left));width:fit-content;max-width:min(28rem,100% - 2rem);padding:var(--game-ui-space-3) var(--game-ui-space-4);color:var(--game-ui-toast-text);background:var(--game-ui-toast-bg);border-radius:var(--game-ui-radius-sm);margin-inline:auto;position:fixed;box-shadow:0 .5rem 1.5rem #0003}@media (width>=48rem){body{place-items:center;display:grid}.game-shell{min-height:min(50rem,100dvh - 2rem)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{color:#15110e;font-synthesis:none;--cream:#f5e9ce;--paper:#fff7e5;--coffee:#5a2e18;--dark-coffee:#2c160d;--red:#d92d20;--yellow:#ffd43b;--ink:#15110e;--white:#fffdf5;--success:#d8a526;--failure:#c5241b;--outline:.25rem solid var(--ink);--shadow:0 .38rem 0 var(--ink);--game-ui-shell-width:27.5rem;--game-ui-focus-color:var(--yellow);--game-ui-toast-bg:var(--ink);--game-ui-toast-text:var(--white);background:#2c160d;font-family:Hiragino Kaku Gothic ProN,Yu Gothic,YuGothic,system-ui,sans-serif}html{background:radial-gradient(circle at 20% 20%, #ffd43b1f 0 1px, transparent 2px) 0 0 / 13px 13px, var(--dark-coffee)}body{color:var(--ink);background:linear-gradient(90deg, transparent 49.5%, #ffffff0a 50%, transparent 50.5%), var(--dark-coffee);overscroll-behavior-y:contain}button,a{color:inherit;font:inherit;font-weight:900}button{border:0}.phrase-line{line-break:strict;word-break:keep-all}.phrase{white-space:nowrap;display:inline-block}.coffee-shell{width:min(100%, var(--game-ui-shell-width));min-height:100dvh;padding:max(.48rem, env(safe-area-inset-top)) max(.48rem, env(safe-area-inset-right)) max(.48rem, env(safe-area-inset-bottom)) max(.48rem, env(safe-area-inset-left));isolation:isolate;background:radial-gradient(circle at 10% 30%, #5a2e1812 0 1px, transparent 1.5px) 0 0 / 9px 9px, linear-gradient(115deg, transparent 0 35%, #5a2e180d 35.5% 36%, transparent 36.5%), var(--cream);border-inline:.16rem solid var(--ink);position:relative;overflow:hidden;box-shadow:0 0 2.5rem #0000007a}.coffee-shell:before{z-index:-1;pointer-events:none;content:"";mix-blend-mode:multiply;background:repeating-linear-gradient(-8deg,#0000 0 11px,#2c160d05 12px 13px);position:absolute;inset:0}.screen{width:100%;min-height:calc(100dvh - .96rem);display:grid;position:relative;overflow:hidden}.poster-frame:after{z-index:20;pointer-events:none;content:"";border:1px dashed #5a2e1859;border-radius:.7rem;position:absolute;inset:.45rem}.arcade-button{white-space:nowrap;width:100%;min-height:4.6rem;color:var(--white);letter-spacing:.03em;text-shadow:.13rem .13rem 0 var(--ink), -.08rem -.08rem 0 var(--ink);cursor:pointer;background:linear-gradient(180deg, #ffffff3d, transparent 30%), var(--red);border:var(--outline);box-shadow:inset 0 -.45rem 0 #5a140c6b, var(--shadow);border-radius:999px;justify-content:center;align-items:center;padding:.7rem 1rem;font-size:clamp(1.35rem,7vw,2rem);font-weight:950;line-height:1;transition:transform 80ms,box-shadow 80ms;display:flex;position:relative}.arcade-button:disabled{color:#d4cec2;cursor:not-allowed;box-shadow:inset 0 -.35rem 0 #39342f, var(--shadow);opacity:1;background:#5e5851}.start-screen{background:linear-gradient(180deg, #fffdf5c2, #f5e9ced9), var(--cream);grid-template-rows:auto minmax(12.3rem,1fr) auto auto auto auto;align-content:stretch;gap:.5rem;padding:.95rem .8rem .8rem}.title-lockup{z-index:3;text-align:center}.retro-kicker{color:var(--paper);letter-spacing:.16em;background:var(--coffee);margin:0 0 .1rem;padding:.14rem .7rem;font-size:.68rem;font-weight:900;display:inline-block;transform:rotate(-1deg)}.title-lockup h1{letter-spacing:-.08em;text-wrap:balance;margin:0;font-size:clamp(2.05rem,10.6vw,3.3rem);font-weight:1000;line-height:.83;display:grid;transform:rotate(-1.2deg)}.title-lockup h1 span:first-child{color:var(--coffee);letter-spacing:.02em;text-shadow:.08rem .08rem 0 var(--paper), .16rem .16rem 0 var(--ink);font-size:.62em}.title-lockup h1 strong{color:var(--red);-webkit-text-stroke:.13rem var(--ink);paint-order:stroke fill;text-shadow:.14rem .14rem 0 var(--yellow), .27rem .27rem 0 var(--ink);font-size:.88em}.title-lockup h1 span:last-child{color:var(--yellow);-webkit-text-stroke:.16rem var(--ink);paint-order:stroke fill;text-shadow:.25rem .25rem 0 var(--coffee);font-size:1.08em}.catch-copy{width:fit-content;color:var(--paper);background:var(--ink);border-radius:999px;margin:.35rem auto 0;padding:.22rem .8rem;font-size:.9rem;font-weight:950;transform:rotate(.7deg)}.coffee-scene{--flow-intensity:1;isolation:isolate;background:radial-gradient(circle at 50% 52%, #ffd43b8c 0 28%, transparent 29%), repeating-conic-gradient(from -10deg at 50% 57%, #d92d2014 0 8deg, transparent 8deg 19deg);border-radius:.8rem;min-height:13.2rem;position:relative;overflow:hidden}.poster-rays{z-index:-1;opacity:.5;background:radial-gradient(circle at 50% 50%, transparent 0 24%, #fffdf5ad 25% 26%, transparent 27%), repeating-conic-gradient(from 4deg at 50% 55%, transparent 0 10deg, #d92d201f 11deg 16deg);position:absolute;inset:8% -20% -15%}.pot-wrap{z-index:5;transform-origin:28% 70%;width:50%;filter:drop-shadow(.23rem .28rem 0 var(--ink));position:absolute;top:-1%;right:3%;transform:rotate(14deg)}.cup-wrap{z-index:4;aspect-ratio:300/260;width:57%;filter:drop-shadow(.24rem .3rem 0 var(--ink));position:absolute;bottom:-1%;left:5%}.cup-liquid{z-index:2;height:calc(var(--fill-level) * .55);background:radial-gradient(ellipse at 50% 0, #875034 0 7%, var(--coffee) 8% 75%, var(--dark-coffee));border:.12rem solid var(--ink);border-radius:50% 50% 12% 12%/6% 6% 16% 16%;max-height:54%;transition:height 55ms linear;position:absolute;bottom:24%;left:19%;right:21%;overflow:hidden}.cup-liquid:before{content:"";border:.1rem solid var(--ink);background:#9a6240;border-radius:50%;height:.45rem;position:absolute;top:-.1rem;left:-2%;right:-2%}.coffee-stream{z-index:7;opacity:0;transform-origin:50% 0;width:18%;height:47%;filter:drop-shadow(.09rem .1rem 0 var(--ink));pointer-events:none;position:absolute;top:27%;left:45%;transform:rotate(4deg)}.coffee-stream--hero,.coffee-stream--pouring{opacity:var(--flow-intensity);animation:.26s ease-in-out infinite alternate stream-wobble}.coffee-stream--dripping{width:8%;height:39%;opacity:var(--flow-intensity);animation:.56s linear infinite falling-drop;top:30%;left:50%}.overflow-splash{z-index:7;pointer-events:none;width:88%;animation:.42s ease-out both overflow-pop;position:absolute;bottom:16%;right:5%}.coffee-puddle{z-index:1;background:var(--coffee);border:.2rem solid var(--ink);border-radius:50%;width:112%;height:18%;position:absolute;bottom:2%;right:-8%}.cup-wrap--worried:before{z-index:8;content:"";background:var(--paper);border-top:.2rem solid var(--ink);border-radius:50%;width:25%;height:11%;position:absolute;bottom:31%;left:38%;transform:rotate(-3deg)}.cup-wrap--worried:after{z-index:9;content:"";border:.12rem solid var(--ink);background:#72b8d4;border-radius:65% 35%;width:.65rem;height:1.1rem;position:absolute;top:39%;right:18%;transform:rotate(28deg)}.cup-measurement{z-index:12;color:var(--paper);justify-items:center;font-size:.95rem;font-weight:950;display:grid;position:absolute;top:20%;right:0}.cup-measurement span{background:var(--coffee);border:.13rem solid var(--ink);border-radius:.4rem;padding:.22rem .48rem}.cup-measurement i{border-left:.16rem dashed var(--ink);width:.16rem;height:4rem;display:block}.cup-measurement i:before,.cup-measurement i:after{content:"";background:var(--ink);width:.8rem;height:.14rem;margin-left:-.47rem;display:block}.cup-measurement i:after{margin-top:3.65rem}.start-button>span{width:2.35rem;height:2.35rem;color:var(--red);text-shadow:none;background:var(--paper);border:.18rem solid var(--ink);border-radius:50%;place-items:center;margin-right:.55rem;font-size:1rem;display:grid}.start-stats{grid-template-columns:1fr 1fr;gap:.45rem;margin:0;display:grid}.start-stats div{min-height:3.65rem;color:var(--paper);background:var(--ink);border:.16rem solid var(--coffee);box-shadow:0 .22rem 0 var(--coffee);border-radius:.65rem;grid-template-columns:auto 1fr;align-items:center;padding:.35rem .55rem;display:grid}.start-stats dt{color:var(--yellow);letter-spacing:.08em;font-size:.7rem;font-weight:950}.start-stats dd{text-align:right;margin:0;font-size:1.65rem;font-weight:1000;line-height:1}.start-stats small{margin-left:.12rem;font-size:.58rem}.game-format,.long-press-note{text-align:center;border:.14rem solid var(--ink);margin:0}.game-format{color:var(--coffee);background:var(--paper);border-radius:.45rem;padding:.35rem;font-size:.8rem;font-weight:950}.game-format strong{color:var(--red);font-size:1.28rem}.long-press-note{color:var(--paper);background:var(--coffee);border-radius:999px;justify-content:center;align-items:center;gap:.45rem;padding:.4rem;font-size:.82rem;font-weight:950;display:flex}.long-press-note span{width:1.5rem;height:1.5rem;color:var(--ink);background:var(--yellow);border:.12rem solid var(--ink);border-radius:50%;place-items:center;display:grid}.intro-screen{background:linear-gradient(160deg, #fffdf5d1, #f5e9cebf), var(--cream);grid-template-rows:auto auto auto minmax(17rem,1fr) auto;align-content:stretch;gap:.75rem;padding:1.1rem .9rem}.round-banner{color:var(--paper);background:var(--red);border-block:.2rem solid var(--ink);box-shadow:0 .25rem 0 var(--ink);justify-content:center;align-items:baseline;gap:.45rem;margin-inline:-.9rem;padding:.45rem;display:flex;transform:rotate(-.5deg)}.round-banner span{font-size:1.35rem;font-style:italic;font-weight:950}.round-banner strong{color:var(--yellow);-webkit-text-stroke:.1rem var(--ink);paint-order:stroke fill;font-size:3.1rem;line-height:.85}.flow-panel{color:var(--paper);background:var(--ink);border:.16rem solid var(--coffee);border-radius:.65rem;justify-content:center;align-items:center;gap:.6rem;padding:.55rem;display:flex}.flow-panel>strong{font-size:1.05rem;font-style:italic}.flow-panel>span,.hud-flow>i{gap:.25rem;display:flex}.flow-dot{background:#5e564f;border:.09rem solid #332d29;border-radius:50%;width:1.05rem;height:1.05rem;display:block}.comic-cue{width:fit-content;color:var(--paper);text-align:center;background:var(--coffee);border:.18rem solid var(--ink);box-shadow:0 .25rem 0 var(--ink);border-radius:999px;margin-inline:auto;padding:.55rem 1.4rem;font-size:clamp(1.1rem,5.6vw,1.55rem);font-weight:950;position:relative}.comic-cue:after{content:"";border-top:.85rem solid var(--ink);border-left:.45rem solid #0000;border-right:.45rem solid #0000;width:0;height:0;position:absolute;bottom:-.75rem;right:18%}.intro-screen .coffee-scene{border:.18rem solid var(--ink);min-height:18rem}.intro-screen .pot-wrap{top:5%}.hazard-callout{color:var(--yellow);text-align:center;letter-spacing:.03em;background:repeating-linear-gradient(135deg, var(--ink) 0 1rem, #332c27 1rem 2rem);border:.18rem solid var(--ink);box-shadow:inset 0 0 0 .11rem var(--yellow), 0 .25rem 0 var(--ink);margin:0;padding:.75rem;font-size:1.18rem;font-weight:1000}.play-screen{grid-template-rows:auto auto minmax(18rem,1fr) auto auto auto;align-content:stretch;gap:.55rem;padding:.4rem .35rem .5rem}.game-hud{grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem;display:grid}.game-hud>div{min-width:0;min-height:3.9rem;color:var(--paper);background:var(--ink);border:.13rem solid var(--coffee);box-shadow:0 .18rem 0 var(--coffee);text-align:center;border-radius:.5rem;align-content:center;justify-items:center;padding:.3rem .42rem;display:grid}.game-hud span{white-space:nowrap;font-size:clamp(.55rem,2.6vw,.72rem);font-weight:900;line-height:1}.game-hud strong{color:var(--yellow);font-size:clamp(1.45rem,7vw,1.9rem);font-weight:1000;line-height:1}.game-hud small{color:var(--paper);margin-left:.08rem;font-size:.45em}.hud-flow{gap:.4rem}.hud-flow>i{justify-content:center;margin-top:.35rem}.hud-flow .flow-dot{width:clamp(.62rem,3vw,.85rem);height:clamp(.62rem,3vw,.85rem)}.play-alert{min-height:2.55rem;color:var(--paper);background:var(--coffee);border:.15rem solid var(--ink);box-shadow:0 .18rem 0 var(--ink);border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;display:flex}.play-alert span{width:1.7rem;height:1.7rem;color:var(--ink);background:var(--yellow);border:.12rem solid var(--ink);border-radius:50%;place-items:center;font-weight:1000;display:grid}.play-alert h1{margin:0;font-size:1.15rem;font-weight:1000}.drip-warning{z-index:9;width:fit-content;color:var(--yellow);background:var(--ink);border:.14rem solid var(--red);box-shadow:0 .22rem 0 var(--red);white-space:nowrap;border-radius:999px;margin:0;padding:.48rem 1rem;font-size:1.05rem;font-weight:1000;position:absolute;top:6.9rem;left:50%;transform:translate(-50%)}.play-screen .coffee-scene{background:linear-gradient(180deg, #fff7e58c, #d8a5261f), repeating-conic-gradient(from 0deg at 50% 55%, transparent 0 11deg, #d92d2017 12deg 16deg);border:.16rem solid var(--ink);border-radius:.6rem;min-height:18rem}.play-screen--dripping .coffee-scene{background:radial-gradient(circle at 52% 54%, #ffd43b52, transparent 52%), var(--paper)}.pour-button{touch-action:none;-webkit-user-select:none;user-select:none;min-height:5.2rem}.hold-icon{background:radial-gradient(circle, var(--red) 0 25%, transparent 27%), repeating-radial-gradient(circle, transparent 0 37%, var(--red) 39% 47%, transparent 49% 62%);border:.14rem solid var(--paper);border-radius:50%;width:2.35rem;height:2.35rem;margin-right:.65rem}.control-note,.keyboard-note{text-align:center;margin:0;font-weight:850}.control-note{color:var(--paper);background:var(--ink);border:.12rem solid var(--coffee);border-radius:.48rem;padding:.55rem;font-size:.76rem;line-height:1.35}.keyboard-note{color:var(--coffee);font-size:.68rem}.result-screen{background:radial-gradient(circle at 50% 32%, #ffd43b4d, transparent 34%), var(--cream);grid-template-rows:auto auto minmax(15rem,1fr) auto auto auto;align-content:stretch;gap:.48rem;min-height:calc(100dvh - .96rem);padding:.4rem .45rem .55rem}.result-screen--overflow{background:radial-gradient(circle at 50% 28%, #d92d2047, transparent 40%), var(--cream)}.result-header{color:var(--paper);text-align:center;background:var(--red);border-block:.18rem solid var(--ink);margin-inline:-.45rem;padding:.42rem;font-size:1.1rem;font-style:italic;font-weight:1000}.result-header strong{color:var(--yellow);font-size:1.65rem}.result-confetti{z-index:3;pointer-events:none;height:27%;position:absolute;top:6%;left:4%;right:4%}.result-confetti i{background:var(--yellow);border:.08rem solid var(--ink);width:.55rem;height:.85rem;animation:1s ease-out infinite confetti-fall;position:absolute;transform:rotate(25deg)}.result-confetti i:first-child{animation-delay:-.15s;left:5%}.result-confetti i:nth-child(2){background:var(--red);animation-delay:-.7s;left:21%}.result-confetti i:nth-child(3){background:#2e8b57;animation-delay:-.35s;left:39%}.result-confetti i:nth-child(4){background:#2775bb;animation-delay:-.8s;right:35%}.result-confetti i:nth-child(5){animation-delay:-.5s;right:18%}.result-confetti i:nth-child(6){background:var(--red);animation-delay:-.1s;right:3%}.failure-flash{z-index:0;pointer-events:none;background:repeating-conic-gradient(from 0deg at 50% 50%, #d92d2029 0 8deg, transparent 8deg 18deg);height:19rem;animation:.45s ease-out 2 warning-pulse;position:absolute;inset:3rem 0 auto}.result-hero{z-index:4;text-align:center}.result-hero h1{color:var(--yellow);letter-spacing:-.08em;-webkit-text-stroke:.18rem var(--ink);paint-order:stroke fill;text-shadow:.25rem .28rem 0 var(--coffee);margin:0;font-size:clamp(2.2rem,12vw,3.5rem);font-weight:1000;line-height:.95;transform:rotate(-2deg)}.result-screen--overfilled .result-hero h1,.result-screen--overflow .result-hero h1{color:var(--red);text-shadow:.25rem .28rem 0 var(--yellow)}.result-hero p{width:fit-content;color:var(--paper);background:var(--ink);border-radius:999px;margin:.35rem auto 0;padding:.25rem .75rem;font-size:.92rem;font-weight:950}.result-screen .coffee-scene{min-height:15rem}.result-screen .pot-wrap{width:43%;top:0}.result-screen .cup-wrap{width:55%}.round-score-panel{z-index:3;min-height:5.4rem;color:var(--paper);background:var(--ink);border:.17rem solid var(--coffee);box-shadow:0 .25rem 0 var(--coffee);border-radius:.65rem;grid-template-columns:.9fr 1.4fr;display:grid;overflow:hidden}.round-score-panel p{text-align:center;align-content:center;justify-items:center;gap:.12rem;margin:0;padding:.4rem;display:grid}.round-score-panel p+p{border-left:.12rem solid #fffdf53b}.round-score-panel span{font-size:.64rem;font-weight:900}.round-score-panel p:first-child strong{color:var(--yellow);font-size:2.5rem;line-height:.9}.round-score-panel small{font-size:.32em}.round-score-panel p:last-child strong{color:var(--yellow);font-size:.92rem;line-height:1.2}.professor-card{z-index:3;background:var(--paper);border:.15rem solid var(--ink);border-radius:.65rem;grid-template-columns:4.8rem 1fr;align-items:center;min-height:4.6rem;display:grid;overflow:hidden}.professor-card img{object-fit:contain;object-position:bottom;align-self:end;width:100%;max-height:5.8rem}.professor-card p{margin:0;padding:.45rem .45rem .45rem 0;font-size:.68rem;font-weight:850;line-height:1.55}.professor-card strong{color:var(--red)}.result-progress{color:var(--paper);background:var(--coffee);border:.14rem solid var(--ink);border-radius:.5rem;grid-template-columns:1fr auto;align-items:center;gap:.25rem .5rem;padding:.35rem .55rem;display:grid}.result-progress span,.result-progress small{font-size:.62rem;font-weight:900}.result-progress small{color:var(--yellow)}.result-progress>i{background:var(--ink);border:.08rem solid var(--ink);border-radius:999px;grid-column:1/-1;height:.45rem;overflow:hidden}.result-progress b{background:var(--yellow);height:100%;animation:1.2s linear forwards result-progress;display:block}.is-debug .result-progress b{animation:none}.final-screen{background:linear-gradient(180deg, var(--ink) 0 8rem, transparent 8.05rem), var(--cream);grid-template-rows:auto auto minmax(15rem,1fr) auto auto auto;align-content:stretch;gap:.48rem;padding:.8rem .65rem .65rem}.final-title{color:var(--paper);text-align:center}.final-title p,.final-title h1{margin:0}.final-title p{letter-spacing:.16em;font-size:.64rem;font-weight:900}.final-title h1{color:var(--yellow);-webkit-text-stroke:.2rem var(--ink);paint-order:stroke fill;text-shadow:.12rem .12rem 0 var(--red), .27rem .27rem 0 var(--ink);font-size:clamp(3rem,13vw,4.1rem);font-weight:1000;line-height:.9}.final-summary{min-height:5.8rem;color:var(--paper);background:var(--coffee);border:.18rem solid var(--ink);box-shadow:0 .25rem 0 var(--ink);border-radius:.7rem;grid-template-columns:1.15fr .85fr;display:grid;overflow:hidden}.final-summary p{text-align:center;align-content:center;justify-items:center;margin:0;padding:.35rem;display:grid}.final-summary p+p{border-left:.13rem solid #fffdf540}.final-summary span{font-size:.68rem;font-weight:900}.final-summary strong{color:var(--yellow);font-size:2.45rem;font-weight:1000;line-height:.95}.final-summary p:last-child strong{font-size:1.65rem}.final-summary small{color:var(--paper);font-size:.42em}.final-summary p:last-child>small{margin-top:.25rem;font-size:.62rem;font-weight:900}.round-breakdown{background:var(--ink);border:.15rem solid var(--coffee);min-height:0;box-shadow:0 .22rem 0 var(--coffee);border-radius:.65rem;overflow:hidden}.round-breakdown h2{color:var(--paper);text-align:center;letter-spacing:.08em;border-bottom:.09rem solid #fffdf52e;margin:0;padding:.28rem;font-size:.75rem;font-style:italic}.round-breakdown ol{height:calc(100% - 1.55rem);margin:0;padding:.24rem;list-style:none;display:grid}.result-row{min-height:2.8rem;color:var(--paper);border-bottom:.08rem solid #fffdf529;grid-template-columns:2.5rem 2.2rem 1fr 3.6rem;align-items:center;gap:.25rem;padding:.18rem .3rem;display:grid}.result-row:last-child{border-bottom:0}.result-row.is-best{outline:.1rem solid var(--yellow);outline-offset:-.1rem;background:#d8a5262e}.result-round{text-align:center;font-size:1.3rem;font-weight:1000;line-height:.9;display:grid}.result-round small{font-size:.42rem}.mini-cup{background:var(--paper);border:.11rem solid var(--yellow);border-radius:.25rem .25rem .5rem .5rem;width:1.85rem;height:1.7rem;display:block;position:relative;overflow:hidden}.mini-cup i{height:calc(var(--mini-fill) * .014);background:var(--coffee);border-radius:.12rem .12rem .35rem .35rem;max-height:1.32rem;position:absolute;bottom:.12rem;left:.12rem;right:.12rem}.result-values{display:grid}.result-values strong{color:var(--yellow);font-size:.86rem}.result-values small{font-size:.62rem;font-weight:900}.result-row--overflow .result-values strong,.result-row--overfilled .result-values strong{color:#ff6559;font-size:.68rem}.result-outcome{color:var(--yellow);text-align:center;font-size:.62rem;font-weight:950}.result-row--overflow .result-outcome,.result-row--overfilled .result-outcome{color:#ff6559}.overall-title-card{background:var(--paper);border:.14rem solid var(--ink);border-radius:.55rem;grid-template-columns:4rem 1fr;align-items:center;min-height:4.4rem;display:grid;overflow:hidden}.overall-title-card img{object-fit:contain;object-position:bottom;align-self:end;width:100%;max-height:5rem}.overall-title-card p{text-align:center;justify-items:center;min-width:0;margin:0;padding:0 .55rem 0 0;display:grid}.overall-title-card span{font-size:.56rem;font-weight:900}.overall-title-card strong{width:100%;color:var(--coffee);font-size:1rem;font-weight:1000;line-height:1.2}.retry-button{min-height:3.6rem;font-size:1.15rem}.share-actions{grid-template-columns:repeat(3,1fr);gap:.32rem;display:grid}.share-actions a,.share-actions button{min-width:0;min-height:2.85rem;color:var(--paper);text-align:center;background:var(--coffee);border:.12rem solid var(--ink);box-shadow:0 .16rem 0 var(--ink);border-radius:.45rem;place-items:center;padding:.35rem .15rem;font-size:.63rem;text-decoration:none;display:grid}.share-actions span{white-space:nowrap}.share-actions a:nth-child(2){color:var(--ink);background:#62cf32}.share-actions button{color:var(--ink);background:var(--yellow);cursor:pointer}.pause-overlay{z-index:100;color:var(--paper);text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#15110ee0;place-content:center;gap:.4rem;display:grid;position:absolute;inset:0}.pause-overlay strong{color:var(--yellow);font-size:2rem}.pause-overlay span{font-size:.78rem;font-weight:800}@keyframes stream-wobble{to{transform:rotate(7deg)scaleX(.88)}}@keyframes falling-drop{0%{opacity:0;transform:translateY(-18%)scale(.7)}30%{opacity:var(--flow-intensity)}to{opacity:0;transform:translateY(32%)scale(1.05)}}@keyframes overflow-pop{0%{opacity:0;transform:scale(.35)rotate(-8deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes confetti-fall{0%{opacity:0;transform:translateY(-1rem)rotate(0)}to{opacity:1;transform:translateY(5rem)rotate(200deg)}}@keyframes warning-pulse{50%{opacity:.25}}@keyframes worried-wobble{to{transform:rotate(8deg)translate(-.3rem)}}@keyframes result-progress{0%{width:0}to{width:100%}}@media (width>=48rem){.coffee-shell{border-block:.16rem solid var(--ink);border-radius:1rem;min-height:min(52.75rem,100dvh - 1rem);max-height:calc(100dvh - 1rem)}.screen{min-height:min(51.8rem,100dvh - 1.96rem)}.title-lockup h1{font-size:3rem}}@media (height<=46rem) and (width>=48rem){.coffee-shell{--game-ui-shell-width:56rem;width:min(100%,56rem)}.screen{min-height:calc(100dvh - 1.96rem)}.start-screen,.intro-screen,.play-screen,.result-screen,.final-screen{grid-template-columns:minmax(18rem,1fr) minmax(18rem,1fr);grid-auto-flow:row}.start-screen .title-lockup,.start-screen .coffee-scene,.intro-screen .round-banner,.intro-screen .coffee-scene,.play-screen .game-hud,.play-screen .coffee-scene,.result-screen .result-header,.result-screen .coffee-scene,.final-screen .final-title,.final-screen .round-breakdown{grid-column:1}.start-screen .start-button,.start-screen .start-stats,.start-screen .game-format,.start-screen .long-press-note,.intro-screen .flow-panel,.intro-screen .comic-cue,.intro-screen .hazard-callout,.play-screen .play-alert,.play-screen .drip-warning,.play-screen .pour-button,.play-screen .control-note,.play-screen .keyboard-note,.result-screen .result-hero,.result-screen .round-score-panel,.result-screen .professor-card,.result-screen .result-continue-button,.final-screen .final-summary,.final-screen .overall-title-card,.final-screen .retry-button,.final-screen .share-actions{grid-column:2}.start-screen{grid-template-rows:auto 1fr auto auto}.start-screen .title-lockup{grid-row:1}.start-screen .coffee-scene{grid-row:2/5}.start-screen .start-stats,.play-screen .control-note,.result-screen .professor-card,.final-screen .overall-title-card{align-self:center}.intro-screen{grid-template-rows:auto auto 1fr auto}.intro-screen .round-banner{grid-row:1}.intro-screen .coffee-scene{grid-row:2/5}.play-screen{grid-template-rows:auto auto 1fr auto auto}.play-screen .game-hud{grid-row:1}.play-screen .coffee-scene{grid-row:2/6}.result-screen{grid-template-rows:auto auto 1fr auto}.result-screen .result-header{grid-row:1}.result-screen .coffee-scene{grid-row:2/5}.final-screen{grid-template-rows:auto minmax(0,1fr)}.final-screen .round-breakdown{grid-row:2/7}.coffee-scene{min-height:20rem}}@media (prefers-reduced-motion:reduce){.screen,.coffee-stream,.result-confetti i,.failure-flash,.overflow-splash,.result-progress b{animation:none}.cup-liquid{transition:none}}:root{--cream:#f4e5bd;--paper:#fff5d9;--coffee:#54230f;--dark-coffee:#251008;--red:#d71912;--yellow:#ffc928;--ink:#100e0c;--white:#fffaf0;--success:#e7a818;--failure:#c91c15;--outline:.2rem solid var(--ink);--shadow:0 .32rem 0 var(--ink)}html{background-color:var(--dark-coffee);background-image:url(/assets/coffee-liquid-texture-v2.webp);background-position:50%;background-size:56rem}body{color:var(--ink);background-color:#140905b8;background-image:none}#app{width:100%}.coffee-shell{width:min(100%, var(--game-ui-shell-width));min-height:100dvh;max-height:none;padding:max(.42rem, env(safe-area-inset-top)) max(.42rem, env(safe-area-inset-right)) max(.42rem, env(safe-area-inset-bottom)) max(.42rem, env(safe-area-inset-left));background-color:var(--cream);border-inline:.18rem solid var(--ink);box-shadow:0 0 0 .18rem var(--paper), 0 0 0 .34rem var(--ink), 0 0 2.8rem #000000a8;background-image:url(/assets/paper-poster-texture-v2.webp);background-position:50%;background-size:cover}.coffee-shell:before{content:none;display:none}.screen{transform-origin:50% 42%;view-transition-name:coffee-stop-screen;background-color:#0000;background-image:none;width:100%;min-height:calc(100dvh - .84rem);animation:.38s cubic-bezier(.2,.86,.28,1) both raster-screen-enter}.has-view-transitions .screen{animation:none}.intro-screen{animation-name:raster-screen-swipe-enter}.result-screen{animation-name:raster-screen-punch-enter}.final-screen{animation-name:raster-screen-final-enter}.poster-frame{border:.22rem solid var(--ink);box-shadow:inset 0 0 0 .15rem var(--paper), inset 0 0 0 .33rem var(--ink), 0 .34rem 0 var(--ink);border-radius:1.25rem}.poster-frame:after{border:1px dashed #54230f61;border-radius:.76rem;inset:.5rem}.arcade-button{isolation:isolate;min-height:4.6rem;color:var(--white);letter-spacing:.02em;box-shadow:none;text-shadow:.12rem .12rem 0 var(--ink), -.06rem -.06rem 0 var(--ink);background:0 0;border:0;border-radius:0;padding:.75rem 1.15rem .96rem;font-size:clamp(1.45rem,7.4vw,2.1rem);line-height:1;overflow:visible}.arcade-button:before{z-index:-1;pointer-events:none;content:"";background-image:url(/assets/arcade-button-red-v2.webp);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;transition:transform 80ms,filter 80ms;position:absolute;inset:-.22rem -.25rem -.3rem}.arcade-button:active,.arcade-button.is-pressed{box-shadow:none;transform:translateY(.18rem)}.arcade-button:active:before,.arcade-button.is-pressed:before{filter:brightness(.82)saturate(1.12);transform:scaleY(.97)}.arcade-button:disabled{color:#e0d8c7;box-shadow:none;opacity:1;background:0 0}.arcade-button:disabled:before{filter:grayscale()brightness(.62)}.start-screen{background-color:#0000;background-image:none;grid-template-rows:auto minmax(13rem,1fr) auto auto auto auto;gap:.82rem;padding:1.15rem .85rem 1.05rem}.title-lockup{z-index:6;justify-items:center;min-width:0;display:grid}.retro-kicker{z-index:2;color:var(--paper);letter-spacing:.2em;background:var(--ink);border:.08rem solid var(--paper);box-shadow:0 .12rem 0 var(--red);border-radius:999px;margin:0 0 -.44rem;padding:.12rem .8rem .16rem;font-size:.62rem;transform:rotate(-1.2deg)}.title-logo{width:min(100%,27rem);height:auto;filter:drop-shadow(0 .28rem 0 var(--ink));display:block;transform:rotate(-.8deg)}.catch-copy{z-index:2;color:var(--paper);background:var(--ink);border:.12rem solid var(--paper);box-shadow:0 .18rem 0 var(--ink);border-radius:999px;margin:-.22rem auto 0;padding:.3rem 1.15rem;font-size:.88rem}.catch-copy strong{color:var(--yellow)}.coffee-scene{--flow-intensity:1;border:.16rem solid var(--ink);min-height:13rem;box-shadow:inset 0 0 0 .1rem var(--paper), inset 0 0 0 .16rem #100e0c66;background-color:#fff5d99e;background-image:url(/assets/paper-poster-texture-v2.webp);background-position:50%;background-size:cover;border-radius:.8rem;overflow:hidden}.coffee-scene[data-pour-control]{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}.scene-burst{z-index:0;object-fit:contain;opacity:.56;pointer-events:none;width:108%;height:102%;position:absolute;inset:2% -4% -4%}.pot-wrap{z-index:7;transform-origin:28% 70%;width:56%;filter:drop-shadow(.2rem .28rem 0 var(--ink));top:-2%;right:-2%;transform:rotate(10deg)}.pot-wrap img,.cup-wrap>img{width:100%;height:auto;display:block}.pot-wrap--worried{animation:.17s ease-in-out 4 alternate raster-worried-wobble}.cup-wrap{z-index:5;aspect-ratio:5/4;width:66%;filter:drop-shadow(.22rem .3rem 0 var(--ink));bottom:-1%;left:1%}.cup-wrap>img{z-index:3;position:absolute;inset:0}.cup-wrap--translucent>.cup-art-layer{opacity:.5;mix-blend-mode:normal}.cup-wrap--opaque>.cup-art-layer{opacity:1;mix-blend-mode:normal}.cup-wrap>.cup-face-layer{z-index:4;opacity:1;mix-blend-mode:normal;pointer-events:none;transform:translate(-6.3%,10.1%)scale(.85)}.cup-wrap--overflow{width:72%;bottom:-6%;left:-1%}.cup-wrap--worried:before,.cup-wrap--worried:after{content:none;display:none}.cup-fill-clip{z-index:2;clip-path:polygon(3% 0,97% 0,96% 39%,90% 61%,80% 79%,66% 93%,52% 99%,37% 97%,23% 89%,12% 75%,5% 57%);position:absolute;inset:14% 21% 14% 11%;overflow:hidden}.cup-liquid{height:var(--fill-level);background-color:var(--coffee);background-blend-mode:screen;filter:saturate(.92);background-image:url(/assets/coffee-liquid-texture-v2.webp);background-position:top;background-size:auto 100%;border:0;border-radius:52% 52% 16% 16%/3% 3% 18% 18%;max-height:100%;transition:height 55ms linear;position:absolute;bottom:0;left:0;right:0}.cup-liquid:before{content:"";background:radial-gradient(at 50% 30%,#a76738 0 18%,#6d2e0c 52%,#351305 100%);border:.08rem solid #1a09029e;border-radius:50%;height:.52rem;position:absolute;top:-.1rem;left:-1%;right:-1%;box-shadow:inset 0 .08rem #ffc57047}.coffee-stream-layer{z-index:8;clip-path:inset(28% 28% 60% 32%);pointer-events:none;position:absolute;inset:0;overflow:hidden}.coffee-stream{z-index:1;object-fit:fill;opacity:0;width:6%;height:38%;filter:drop-shadow(.04rem .08rem 0 var(--ink));top:29%;left:47.75%;transform:rotate(-15deg)}.coffee-stream--hero,.coffee-stream--pouring{opacity:var(--flow-intensity)}.coffee-stream--steady{animation:none}.coffee-stream--dripping{--drip-angle:30deg;object-fit:contain;width:5.5%;height:38%;opacity:var(--flow-intensity);transform-origin:50% 0;animation:.68s linear infinite raster-falling-drips;top:29%;left:48%}.cup-measurement{z-index:12;color:var(--paper);top:8%;right:2%}.cup-measurement span{background:var(--red);border:.13rem solid var(--ink);box-shadow:0 .15rem 0 var(--ink);border-radius:.35rem;padding:.28rem .56rem}.cup-measurement i{height:4.2rem}.start-screen .coffee-scene{min-height:13rem}.start-screen .pot-wrap{width:72%;top:-4%;right:-9%}.start-screen .cup-wrap{width:76%;left:-2%}.start-button{min-height:4.55rem}.start-button>span{display:none}.start-stats{gap:.48rem}.start-stats div{min-height:3.72rem;color:var(--paper);background-color:var(--ink);background-blend-mode:multiply;border:.14rem solid var(--paper);box-shadow:0 0 0 .12rem var(--ink), 0 .2rem 0 var(--ink);background-image:url(/assets/paper-poster-texture-v2.webp);background-position:50%;background-size:34rem;border-radius:.6rem;padding:.34rem .62rem}.start-stats dt{color:var(--yellow)}.start-stats dd{font-size:1.8rem}.game-format,.long-press-note{border:.13rem solid var(--ink)}.game-format{color:var(--coffee);background-color:#fffaf0c2;background-image:url(/assets/paper-poster-texture-v2.webp);background-position:50%;background-size:32rem;border-radius:.45rem;padding:.35rem}.long-press-note{color:var(--paper);background:var(--coffee);box-shadow:0 .15rem 0 var(--ink);border-radius:.45rem;padding:.42rem}.long-press-note span{display:none}.intro-screen{background-color:#0000;background-image:none;grid-template-rows:auto minmax(22rem,1fr) auto;gap:.9rem;padding:1.1rem .82rem 1rem;position:relative}.intro-overlay{z-index:14;pointer-events:none;filter:drop-shadow(0 .32rem #100e0c9e);gap:.12rem;width:calc(100% + 3.4rem);display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-6deg)}.round-banner{isolation:isolate;width:100%;color:var(--paper);box-shadow:none;background:0 0;border:0;border-radius:0;margin-inline:0;padding:.58rem 1.5rem;position:relative;transform:none}.round-banner:before,.intro-overlay-message:before{z-index:-1;pointer-events:none;content:"";background-color:var(--red);background-blend-mode:multiply;clip-path:polygon(0 27%,4% 9%,16% 14%,28% 5%,42% 11%,56% 4%,70% 13%,83% 6%,96% 16%,100% 5%,99% 77%,91% 95%,77% 87%,64% 98%,48% 89%,33% 97%,18% 86%,5% 94%,0 74%);background-image:url(/assets/paper-poster-texture-v2.webp);background-position:50%;background-size:44rem;position:absolute;inset:-.16rem -.72rem}.round-banner span{text-shadow:.13rem .13rem 0 var(--ink);font-size:1.48rem}.round-banner strong{color:var(--yellow);font-size:3.35rem}.flow-panel{color:var(--paper);background:var(--ink);border:.14rem solid var(--paper);box-shadow:0 0 0 .1rem var(--ink), 0 .18rem 0 var(--ink);border-radius:.54rem;padding:.52rem}.flow-dot{background:#4d4740;border-color:#8e867d}.flow-dot.is-active{background:var(--yellow);border-color:var(--ink);box-shadow:inset -.12rem -.1rem #c88d08}.flow-panel>em{color:var(--ink);letter-spacing:.06em;background:var(--yellow);border-radius:999px;padding:.12rem .3rem;font-size:.55rem;font-style:normal;font-weight:1000}.intro-overlay-message{isolation:isolate;width:100%;color:var(--paper);text-align:center;letter-spacing:.04em;box-shadow:none;text-shadow:.12rem .12rem 0 var(--coffee);background:0 0;border:0;border-radius:0;justify-self:stretch;padding:.65rem 1.55rem;font-size:clamp(1.2rem,6vw,1.72rem);font-weight:1000;position:relative;transform:translate(.95rem)rotate(1.4deg)}.intro-overlay-message:before{background-color:var(--ink);clip-path:polygon(0 15%,8% 4%,21% 11%,35% 2%,51% 9%,67% 3%,82% 13%,95% 6%,100% 22%,99% 82%,90% 95%,75% 88%,61% 98%,45% 89%,30% 96%,14% 86%,0 94%);inset:-.12rem -.82rem}.intro-screen .coffee-scene{z-index:1;min-height:22rem}.intro-screen .pot-wrap{width:72%;top:1%;right:-9%}.intro-screen .cup-wrap{width:80%;bottom:-2%;left:-5%}.hazard-callout{color:var(--yellow);background:var(--ink);border:.16rem solid var(--yellow);box-shadow:0 0 0 .13rem var(--ink), 0 .22rem 0 var(--ink);padding:.68rem}.play-screen{background-color:#0000;background-image:none;grid-template-rows:auto auto auto minmax(16rem,1fr) auto auto auto;gap:.72rem;padding:.65rem .55rem .8rem}.play-screen--dripping{grid-template-rows:auto auto minmax(18rem,1fr) auto auto auto}.play-logo{z-index:5;width:min(82%,22rem);height:auto;filter:drop-shadow(0 .2rem 0 var(--ink));justify-self:center;margin:-.3rem 0 -.42rem;display:block}.game-hud{grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem}.game-hud>div{min-height:3.95rem;color:var(--paper);background-color:var(--ink);background-blend-mode:multiply;border:.12rem solid var(--paper);box-shadow:0 0 0 .08rem var(--ink), 0 .15rem 0 var(--ink);text-align:center;background-image:url(/assets/paper-poster-texture-v2.webp);background-position:50%;background-size:32rem;border-radius:.42rem;justify-items:center;padding:.3rem .4rem}.hud-flow>i{justify-content:center}.game-hud strong{color:var(--yellow)}.play-alert{min-height:2.55rem;color:var(--paper);background-color:var(--coffee);background-blend-mode:multiply;border:.14rem solid var(--ink);background-image:url(/assets/paper-poster-texture-v2.webp);background-position:50%;background-size:30rem;border-radius:.4rem}.play-alert span{display:none}.play-alert h1{text-shadow:.1rem .1rem 0 var(--ink);font-size:1.2rem}.drip-warning{color:var(--yellow);background:var(--ink);border:.13rem solid var(--red);border-radius:.35rem;padding:.42rem .86rem;top:6.75rem}.play-screen .coffee-scene,.play-screen--pouring .coffee-scene,.play-screen--dripping .coffee-scene{border:.15rem solid var(--ink);min-height:19rem;box-shadow:none;background-color:#fff5d99e;background-image:url(/assets/paper-poster-texture-v2.webp);background-position:50%;background-size:cover}.play-screen .pot-wrap{width:67%;right:-6%}.play-screen .cup-wrap{width:74%;left:-2%}.play-screen--pouring .coffee-scene{box-shadow:inset 0 0 0 .12rem var(--yellow), 0 0 0 .08rem var(--ink)}.play-screen--dripping .coffee-scene{box-shadow:inset 0 0 0 .12rem var(--red), 0 0 0 .08rem var(--ink)}.is-debug .coffee-stream--dripping{opacity:var(--flow-intensity);transform:translateY(7%) rotate(var(--drip-angle));animation:none}.pour-button{min-height:5rem}.hold-icon{display:none}.control-note{color:var(--paper);background:var(--ink);border:.11rem solid var(--coffee);border-radius:.4rem;padding:.5rem}.keyboard-note{color:var(--coffee)}.result-screen{background-color:#0000;background-image:none;grid-template-rows:auto auto minmax(14rem,1fr) auto auto auto;gap:.75rem;min-height:calc(100dvh - .84rem);padding:.65rem .58rem .8rem}.result-screen--overflow{background-color:#0000;background-image:none}.result-header{z-index:6;color:var(--paper);background-color:var(--red);background-blend-mode:multiply;border-block:.18rem solid var(--ink);background-image:url(/assets/paper-poster-texture-v2.webp);background-position:50%;background-size:40rem;margin-inline:-.42rem;padding:.38rem}.failure-flash{z-index:0;filter:hue-rotate(328deg)saturate(1.5);opacity:.34;background-color:#0000;background-image:url(/assets/success-burst-v2.webp);background-position:50%;background-repeat:no-repeat;background-size:contain;width:116%;height:22rem;animation:.45s ease-out 2 raster-warning-pulse;inset:2.6rem -8% auto}.result-hero{z-index:7}.result-headline-image{object-fit:contain;width:min(100%,24rem);max-height:6.2rem;filter:drop-shadow(0 .18rem 0 var(--ink));margin:-.12rem auto -.28rem;display:block}.result-hero p{color:var(--paper);background:var(--ink);border:.1rem solid var(--paper);box-shadow:0 .16rem 0 var(--ink);border-radius:.35rem;margin-top:.26rem;padding:.28rem .78rem}.result-screen .coffee-scene{min-height:14rem;box-shadow:none;background-color:#0000;background-image:none;border:0;overflow:hidden}.result-screen .pot-wrap{width:60%;top:-3%;right:-5%}.result-screen .cup-wrap{width:74%;bottom:-4%;left:-1%}.result-screen .cup-wrap--overflow{width:84%;bottom:-9%;left:-5%}.round-score-panel{z-index:5;min-height:5.2rem;color:var(--paper);background-color:var(--ink);background-blend-mode:multiply;border:.14rem solid var(--paper);box-shadow:0 0 0 .1rem var(--ink), 0 .2rem 0 var(--ink);background-image:url(/assets/paper-poster-texture-v2.webp);background-position:50%;background-size:36rem;border-radius:.55rem}.round-score-panel p:first-child strong{color:var(--yellow)}.result-screen--overfilled .round-score-panel p:first-child strong,.result-screen--overflow .round-score-panel p:first-child strong{color:#ff4a3e}.professor-card{z-index:5;border:.14rem solid var(--ink);min-height:4.7rem;box-shadow:0 .15rem 0 var(--ink);background-color:#fffaf0e0;background-image:url(/assets/paper-poster-texture-v2.webp);background-position:50%;background-size:32rem;border-radius:.48rem;grid-template-columns:5.2rem 1fr;overflow:visible}.professor-card img{object-fit:contain;align-self:end;width:5.5rem;max-height:6.2rem;margin:-1.25rem -.15rem -.08rem}.professor-card p{padding:.42rem .38rem .42rem 0;font-size:.7rem}.result-continue-button{z-index:5;min-height:3.7rem;font-size:1.24rem}.final-screen{background-color:#0000;background-image:none;grid-template-rows:auto auto minmax(13rem,1fr) auto auto auto;gap:.72rem;padding:.95rem .72rem .9rem}.final-title{color:var(--ink);justify-items:center;display:grid}.final-logo{width:min(92%,23rem);height:auto;filter:drop-shadow(0 .2rem 0 var(--ink));margin-bottom:-.35rem;display:block}.final-title p{z-index:2;color:var(--paper);background:var(--red);border:.1rem solid var(--ink);letter-spacing:.14em;border-radius:999px;padding:.08rem .65rem}.final-title h1{color:var(--yellow);-webkit-text-stroke:.2rem var(--ink);paint-order:stroke fill;text-shadow:.12rem .12rem 0 var(--red), .27rem .27rem 0 var(--ink);font-size:clamp(3rem,13vw,4.1rem);line-height:.9}.final-summary{min-height:5.55rem;color:var(--paper);background-color:var(--ink);background-blend-mode:multiply;border:.14rem solid var(--paper);box-shadow:0 0 0 .1rem var(--ink), 0 .2rem 0 var(--ink);background-image:url(/assets/paper-poster-texture-v2.webp);background-position:50%;background-size:38rem;border-radius:.55rem}.final-summary strong{color:var(--yellow)}.round-breakdown{background-color:var(--ink);background-blend-mode:multiply;border:.13rem solid var(--paper);box-shadow:0 0 0 .1rem var(--ink), 0 .18rem 0 var(--ink);background-image:url(/assets/paper-poster-texture-v2.webp);background-position:50%;background-size:42rem;border-radius:.48rem}.round-breakdown h2{color:var(--yellow);border-bottom-color:#fffaf047}.result-row{grid-template-columns:2.5rem 2.45rem 1fr 3.6rem;min-height:2.62rem}.result-row.is-best{outline-color:var(--yellow);background:#e7a81833}.mini-cup{object-fit:contain;background:0 0;border:0;border-radius:0;width:2.35rem;height:1.9rem;display:block;position:static;overflow:visible}.mini-cup i{display:none}.overall-title-card{border:.13rem solid var(--ink);min-height:4.3rem;box-shadow:0 .15rem 0 var(--ink);background-color:#fffaf0e0;background-image:url(/assets/paper-poster-texture-v2.webp);background-position:50%;background-size:30rem;border-radius:.46rem;grid-template-columns:4.6rem 1fr;overflow:visible}.overall-title-card img{align-self:end;width:4.9rem;max-height:5.4rem;margin:-1.1rem 0 -.05rem}.overall-title-copy{text-align:center;justify-items:center;min-width:0;padding:0 .55rem 0 0}.overall-title-card strong{width:100%;color:var(--coffee);font-size:1.05rem}.retry-button{gap:.5rem;min-height:3.65rem;font-size:1.18rem}.retry-button--wide{justify-self:stretch;width:100%}.retry-button--wide:before{background-color:var(--red);background-blend-mode:multiply;border:.14rem solid var(--paper);outline:.2rem solid var(--ink);box-shadow:inset 0 -.2rem 0 #5c120a6b, 0 .18rem 0 var(--ink);background-image:url(/assets/paper-poster-texture-v2.webp);background-position:50%;background-size:30rem;border-radius:.72rem;inset:.08rem .05rem .24rem}.retry-button img{object-fit:contain;width:2.15rem;height:2.15rem}.share-actions--split{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;width:100%}.final-action-contained{justify-self:stretch;width:100%;margin-inline:0}.share-actions a,.share-actions button{isolation:isolate;width:100%;min-width:0;min-height:3.15rem;color:var(--paper);box-shadow:none;text-shadow:.08rem .08rem 0 var(--ink);background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;gap:.3rem;padding:.5rem .52rem;font-size:.72rem;line-height:1.05;display:flex;position:relative;overflow:visible}.share-action--wide{grid-column:1/-1;width:100%}.share-action--half{grid-column:auto}.share-actions img{object-fit:contain;flex:none;width:1.45rem;height:1.45rem}.share-action--x img{width:1.9rem;height:1.9rem}.share-actions a:before,.share-actions button:before{z-index:-1;pointer-events:none;content:"";background-color:var(--share-surface,var(--ink));background-blend-mode:multiply;border:.1rem solid var(--paper);outline:.16rem solid var(--ink);box-shadow:inset 0 -.14rem 0 #0000003d, 0 .14rem 0 var(--ink);background-image:url(/assets/paper-poster-texture-v2.webp);background-position:50%;background-size:24rem;border-radius:.56rem;position:absolute;inset:.06rem}.share-actions a.share-action--threads{color:var(--paper);background:0 0}.share-action--line{--share-surface:#05842b;color:var(--white);background:0 0}.share-action--system,.share-action--copy{color:var(--ink);text-shadow:.06rem .06rem 0 var(--paper);background:0 0}.share-action--system{--share-surface:#e84a24}.share-action--copy{--share-surface:#f17e70}.sound-toggle{z-index:40;top:max(.85rem, env(safe-area-inset-top));right:max(.85rem, env(safe-area-inset-right));min-width:5.2rem;min-height:2.15rem;color:var(--paper);letter-spacing:.08em;cursor:pointer;background:var(--ink);border:.12rem solid var(--paper);box-shadow:0 0 0 .1rem var(--ink), 0 .16rem 0 var(--ink);border-radius:999px;grid-template-columns:auto auto;align-items:center;gap:.32rem;padding:.3rem .5rem;font-size:.62rem;display:grid;position:absolute}.sound-toggle strong{min-width:1.75rem;color:var(--ink);text-align:center;background:#817b72;border-radius:999px;padding:.12rem .24rem}.sound-toggle.is-on strong{background:var(--yellow)}.pause-overlay{color:var(--paper);background:#100e0ce6}.pause-overlay strong{color:var(--yellow)}@keyframes raster-falling-drips{0%{opacity:0;transform:translateY(-10%) rotate(var(--drip-angle)) scale(.74)}25%{opacity:var(--flow-intensity);transform:translateY(0) rotate(var(--drip-angle)) scale(.82)}to{opacity:0;transform:translateY(26%) rotate(var(--drip-angle)) scale(1)}}@keyframes raster-burst-pop{0%{opacity:0;transform:scale(.72)rotate(-3deg)}to{opacity:.72;transform:scale(1)rotate(0)}}@keyframes raster-warning-pulse{50%{opacity:.12;transform:scale(1.04)}}@keyframes raster-worried-wobble{to{transform:rotate(7deg)translate(-.24rem)}}@keyframes raster-screen-enter{0%{opacity:0;transform:translate(1.1rem)rotate(.65deg)scale(.985)}to{opacity:1;transform:translate(0)rotate(0)scale(1)}}@keyframes raster-screen-view-exit{0%{opacity:1;filter:saturate();transform:translate(0)rotate(0)scale(1)}to{opacity:0;filter:saturate(.65);transform:translate(-1.3rem)rotate(-.7deg)scale(.975)}}@keyframes raster-screen-swipe-enter{0%{opacity:0;clip-path:inset(0 100% 0 0);transform:rotate(-.8deg)scale(1.015)}to{opacity:1;clip-path:inset(0);transform:rotate(0)scale(1)}}@keyframes raster-screen-punch-enter{0%{opacity:0;transform:rotate(-1.2deg)scale(.91)}72%{opacity:1;transform:rotate(.35deg)scale(1.018)}to{opacity:1;transform:rotate(0)scale(1)}}@keyframes raster-screen-final-enter{0%{opacity:0;transform:translateY(1.4rem)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width>=48rem){.coffee-shell{border-block:.18rem solid var(--ink);border-radius:1rem;min-height:min(53rem,100dvh - 1rem);max-height:none}.screen{min-height:min(52.1rem,100dvh - 1.84rem)}}@media (height<=46rem){.start-screen,.intro-screen,.play-screen,.result-screen,.final-screen{gap:.55rem}.start-screen{grid-template-rows:auto minmax(10.7rem,1fr) auto auto auto auto;padding-top:.55rem}.retro-kicker{display:none}.title-logo{width:92%}.catch-copy{margin-top:-.42rem;font-size:.73rem}.start-screen .coffee-scene{min-height:10.7rem}.start-screen .pot-wrap{width:72%}.start-screen .cup-wrap{width:76%}.start-button{min-height:3.8rem}.start-stats div{min-height:3.2rem}.intro-screen{grid-template-rows:auto minmax(15.5rem,1fr) auto}.intro-screen .coffee-scene{min-height:15.5rem}.play-screen{grid-template-rows:auto auto auto minmax(11.7rem,1fr) auto auto auto}.play-screen--dripping{grid-template-rows:auto auto minmax(13.5rem,1fr) auto auto auto}.play-logo{width:62%;margin-block:-.38rem -.48rem}.play-screen .coffee-scene,.play-screen--pouring .coffee-scene,.play-screen--dripping .coffee-scene{min-height:14.5rem}.pour-button{min-height:4.15rem}.result-screen{grid-template-rows:auto auto minmax(10.5rem,1fr) auto auto auto;padding:.55rem .52rem .68rem}.result-screen .coffee-scene{min-height:10.5rem}.professor-card{min-height:4rem}.final-screen{grid-template-rows:auto auto minmax(10.5rem,1fr) auto auto auto;gap:.55rem;padding:.72rem .62rem .68rem}.final-logo{width:74%}.final-title h1{font-size:2.65rem}.final-summary{min-height:4.55rem}.overall-title-card{min-height:3.7rem}.retry-button,.result-continue-button{min-height:3.2rem}.share-actions a,.share-actions button{min-height:2.85rem;font-size:.68rem}.result-row{min-height:1.95rem}}@media (height<=46rem) and (width>=48rem){.coffee-shell{--game-ui-shell-width:27.5rem;width:min(100%,27.5rem)}.start-screen,.intro-screen,.play-screen,.result-screen,.final-screen{grid-template-columns:minmax(0,1fr);grid-auto-flow:row}.start-screen>*,.intro-screen>*,.play-screen>*,.result-screen>*,.final-screen>*{grid-area:auto/1!important}}::view-transition-group(coffee-stop-screen){z-index:50;animation-duration:.42s;overflow:clip}::view-transition-image-pair(coffee-stop-screen){isolation:isolate}::view-transition-old(coffee-stop-screen){animation:.17s ease-in both raster-screen-view-exit}::view-transition-new(coffee-stop-screen){animation:.42s cubic-bezier(.2,.86,.28,1) both raster-screen-enter}html[data-screen-transition-to=round-intro]::view-transition-new(coffee-stop-screen){animation-name:raster-screen-swipe-enter}html[data-screen-transition-to=round-result]::view-transition-new(coffee-stop-screen){animation-name:raster-screen-punch-enter}html[data-screen-transition-to=finished]::view-transition-new(coffee-stop-screen){animation-name:raster-screen-final-enter}@media (width<=22rem){.coffee-shell{padding-inline:max(.28rem, env(safe-area-inset-right)) max(.28rem, env(safe-area-inset-left))}.start-screen,.intro-screen,.final-screen{padding-inline:.5rem}.game-hud{grid-template-columns:repeat(3,minmax(0,1fr))}.game-hud>div{padding-inline:.26rem}.flow-panel{gap:.38rem}.flow-dot{width:.84rem;height:.84rem}.share-actions{gap:.4rem}.share-actions img{width:1.2rem;height:1.2rem}.sound-toggle{right:max(.55rem, env(safe-area-inset-right));min-width:4.7rem;font-size:.56rem}}@media (prefers-reduced-motion:reduce){.screen,.coffee-stream,.pot-wrap--worried,.failure-flash,.scene-burst{animation:none}.cup-liquid,.arcade-button:before{transition:none}::view-transition-old(coffee-stop-screen){animation:none}::view-transition-new(coffee-stop-screen){animation:none}}