.playful-game.milk-tea-pour-app{--mtp-bg:#dfe9e6;--mtp-ink:#1f2b28;--mtp-soft-ink:#5b6b67;--mtp-green:#1d6b56;--mtp-green-hi:#237c63;--mtp-green-lo:#0f4a3b;--mtp-pink:#c8336a;--mtp-line:#2a3a36;--play-accent:var(--mtp-green);--play-ink:var(--mtp-ink);--play-paper:#ffffff;--play-soft:#e6f0ed;--play-shadow:#b9cbc5;background:var(--mtp-bg) var(--mtp-backdrop,none) center /cover no-repeat;color:var(--mtp-ink);font-family:Playful,Avenir Next,Noto Sans,sans-serif;height:100dvh;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}@media (orientation:portrait){.playful-game.milk-tea-pour-app{background-image:var(--mtp-backdrop-portrait,var(--mtp-backdrop,none))}}.milk-tea-pour-app .mtp-shell{position:absolute;inset:0;margin:0 auto;max-width:520px;display:flex;flex-direction:column;padding:max(8px,env(safe-area-inset-top,0px)) max(12px,env(safe-area-inset-right,0px)) max(10px,env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px));background:rgba(223,233,230,.86)}@media (min-width:700px) and (min-height:560px){.milk-tea-pour-app .mtp-shell{max-width:470px;box-shadow:0 0 0 1px rgba(31,43,40,.06),0 20px 60px rgba(31,60,52,.18);background:rgba(223,233,230,.94)}}.milk-tea-pour-app .mtp-top{display:flex;align-items:center;gap:4px;min-height:52px;padding:0 2px}.milk-tea-pour-app .mtp-title{flex:1 1 auto;min-width:0;margin:0;font-size:clamp(16px,4.6vw,30px);font-weight:800;letter-spacing:0;color:var(--mtp-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.milk-tea-pour-app .mtp-dots{display:flex;gap:3px;margin:0 2px 0 0;padding:0;list-style:none}.milk-tea-pour-app .mtp-dots li{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;border:2px solid #4d5d59;color:#4d5d59;font-size:13px;font-weight:800;line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@media (min-width:440px){.milk-tea-pour-app .mtp-dots{gap:5px}.milk-tea-pour-app .mtp-dots li{width:28px;height:28px;font-size:14px}}.milk-tea-pour-app .mtp-dots li[data-state=current]{border-color:var(--mtp-green);color:var(--mtp-green);box-shadow:0 0 0 2px rgba(29,107,86,.18)}.milk-tea-pour-app .mtp-dots li[data-state=done]{background:var(--mtp-green);border-color:var(--mtp-green);color:#fff}.milk-tea-pour-app .mtp-dots li[data-state=perfect]{background:var(--mtp-pink);border-color:var(--mtp-pink);color:#fff}.milk-tea-pour-app .mtp-dots li[data-state=overflow]{background:#fff;border-color:#b9a6ad;color:#b9a6ad;text-decoration:line-through}.milk-tea-pour-app .mtp-round{flex:0 0 auto;width:44px;height:44px;display:grid;place-items:center;padding:0;cursor:pointer;border:0;border-radius:50%;background:#fff;color:var(--mtp-ink);box-shadow:0 2px 6px rgba(31,60,52,.12)}.milk-tea-pour-app .mtp-round .off,.milk-tea-pour-app .mtp-round[aria-pressed=true] .on{display:none}.milk-tea-pour-app .mtp-round[aria-pressed=true] .off{display:inline}.milk-tea-pour-app .mtp-pause-btn{background:transparent;box-shadow:none;color:#4d5d59;margin:0 -6px}.milk-tea-pour-app .mtp-card{position:relative;display:grid;grid-template-columns:1fr auto;grid-template-areas:"main target" "seg seg";grid-gap:6px 10px;gap:6px 10px;margin:4px 0 0;padding:12px 16px 14px 22px;background:#fff;border-radius:6px;-webkit-mask:radial-gradient(circle 5px at 0 50%,#0000 98%,#000) 0 0 /100% 30px repeat-y;mask:radial-gradient(circle 5px at 0 50%,#0000 98%,#000) 0 0 /100% 30px repeat-y}.milk-tea-pour-app .mtp-card-main{grid-area:main;min-width:0}.milk-tea-pour-app .mtp-card-meta{margin:0;font-size:13px;font-weight:700;color:var(--mtp-soft-ink);letter-spacing:.04em}.milk-tea-pour-app .mtp-drink{margin:2px 0 0;font-size:clamp(20px,6.2vw,28px);line-height:1.12;font-weight:800;color:var(--mtp-ink);line-break:strict;text-wrap:balance}.milk-tea-pour-app .mtp-spec{margin:3px 0 0;font-size:14px;font-weight:600;color:#3c4a46}.milk-tea-pour-app .mtp-target{grid-area:target;margin:0;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;color:var(--mtp-pink)}.milk-tea-pour-app .mtp-target b{font-size:clamp(40px,12vw,52px);line-height:.95;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.01em}.milk-tea-pour-app .mtp-target span{font-size:13px;font-weight:700;color:var(--mtp-soft-ink);letter-spacing:.12em}.milk-tea-pour-app .mtp-seg{display:inline-flex;border:2px solid var(--mtp-line);border-radius:999px;overflow:hidden;background:#fff}.milk-tea-pour-app .mtp-card-seg{grid-area:seg;justify-self:start}.milk-tea-pour-app .mtp-seg button{min-height:40px;padding:6px 18px;border:0;background:transparent;color:var(--mtp-ink);font-size:15px;font-weight:700;cursor:pointer;white-space:nowrap}.milk-tea-pour-app .mtp-seg button[aria-checked=true]{background:#1f2b28;color:#fff}.milk-tea-pour-app .mtp-seg button:disabled{cursor:default}.milk-tea-pour-app .mtp-seg:has(button:disabled){opacity:.55}.milk-tea-pour-app .mtp-stamp{position:absolute;right:14px;bottom:10px;display:flex;flex-direction:column;align-items:center;gap:0;padding:3px 10px;border:2px solid var(--mtp-green);border-radius:6px;color:var(--mtp-green);transform:rotate(-8deg) scale(1.4);opacity:0;pointer-events:none;background:rgba(255,255,255,.85)}.milk-tea-pour-app .mtp-stamp span{font-size:10px;font-weight:800;letter-spacing:.12em}.milk-tea-pour-app .mtp-stamp b{font-size:16px;line-height:1.05;letter-spacing:.06em}.milk-tea-pour-app .mtp-stamp.show{opacity:1;transform:rotate(-8deg) scale(1);transition:transform .22s cubic-bezier(.2,1.6,.4,1),opacity .12s}.milk-tea-pour-app .mtp-stamp[data-grade=perfect]{border-color:var(--mtp-pink);color:var(--mtp-pink)}.milk-tea-pour-app .mtp-stamp[data-grade=meh],.milk-tea-pour-app .mtp-stamp[data-grade=overflow]{border-color:#8a7a80;color:#8a7a80}.milk-tea-pour-app .mtp-hint{margin:8px 4px 0;text-align:center;font-size:15px;font-weight:600;color:#3c4a46;line-height:1.3;min-height:1.3em;position:relative;z-index:2}.milk-tea-pour-app .mtp-hint small{display:block;font-size:13px;color:var(--mtp-green);font-weight:700}.milk-tea-pour-app .mtp-hint small:empty{display:none}.milk-tea-pour-app .mtp-stage{position:relative;flex:1 1 auto;min-height:0}.milk-tea-pour-app .mtp-scene{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.milk-tea-pour-app .mtp-cup-label,.milk-tea-pour-app .mtp-line-label{position:absolute;left:0;top:0;pointer-events:none;white-space:nowrap;transition:opacity .18s}.milk-tea-pour-app .mtp-line-label{transform:translateY(-50%);color:var(--mtp-pink);font-size:17px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.milk-tea-pour-app .mtp-cup-label{transform:translate(-50%);color:var(--mtp-soft-ink);font-size:14px;font-weight:700}.milk-tea-pour-app .mtp-grade{position:absolute;left:50%;top:40%;display:flex;flex-direction:column;align-items:center;gap:2px;pointer-events:none;transform:translate(-50%,-50%) scale(.6);opacity:0}.milk-tea-pour-app .mtp-grade.show{animation:mtp-grade 1.6s cubic-bezier(.2,1.4,.4,1) forwards}.milk-tea-pour-app .mtp-grade b{font-size:clamp(40px,13vw,64px);line-height:1;font-weight:800;letter-spacing:.04em;color:var(--mtp-green);-webkit-text-stroke:6px #fff;paint-order:stroke fill;text-shadow:0 4px 0 rgba(31,60,52,.15)}.milk-tea-pour-app .mtp-grade[data-grade=perfect] b{color:var(--mtp-pink)}.milk-tea-pour-app .mtp-grade[data-grade=meh] b{color:#7d8c88}.milk-tea-pour-app .mtp-grade[data-grade=overflow] b{color:#b4482b;font-size:clamp(34px,11vw,54px)}.milk-tea-pour-app .mtp-grade span{padding:3px 12px;border-radius:999px;background:#fff;color:var(--mtp-ink);font-size:17px;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.milk-tea-pour-app .mtp-grade em{font-style:normal;font-size:16px;font-weight:800;color:var(--mtp-green)}@keyframes mtp-grade{0%{opacity:0;transform:translate(-50%,-30%) scale(.5)}18%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}30%{transform:translate(-50%,-50%) scale(1)}to{opacity:1;transform:translate(-50%,-62%) scale(1)}}.milk-tea-pour-app .mtp-actions{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 4px 0}.milk-tea-pour-app .mtp-pour{width:min(100%,470px);min-height:70px;padding:10px 24px;border:0;border-radius:999px;cursor:pointer;background:var(--mtp-green-hi);color:#fff;font-size:27px;font-weight:700;letter-spacing:.06em;box-shadow:0 7px 0 var(--mtp-green-lo);transition:transform .08s,box-shadow .08s,background .15s;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.milk-tea-pour-app .mtp-pour span{pointer-events:none}.milk-tea-pour-app .mtp-pour.held,.milk-tea-pour-app .mtp-pour:active{transform:translateY(5px);box-shadow:0 2px 0 var(--mtp-green-lo);background:var(--mtp-green)}.milk-tea-pour-app .mtp-pour:disabled{opacity:.6;cursor:default}.milk-tea-pour-app .mtp-pour[data-action=next]{background:#fff;color:var(--mtp-green);box-shadow:0 7px 0 #b9cbc5,inset 0 0 0 3px var(--mtp-green)}.milk-tea-pour-app .mtp-keys{margin:4px 0 0;font-size:13px;color:var(--mtp-soft-ink)}.milk-tea-pour-app .mtp-keys kbd{padding:1px 7px;border:solid #9fb1ab;border-width:1.5px 1.5px 3px;border-radius:6px;background:#fff;font:inherit;font-weight:800}@media (hover:none),(pointer:coarse){.milk-tea-pour-app .mtp-controls-mouse,.milk-tea-pour-app .mtp-keys{display:none}}@media (hover:hover) and (pointer:fine){.milk-tea-pour-app .mtp-controls-touch{display:none}}.milk-tea-pour-app:is([data-phase=loading],[data-phase=menu]) :is(.mtp-actions,.mtp-hint){visibility:hidden}.milk-tea-pour-app:is([data-phase=loading],[data-phase=menu]) .mtp-card{opacity:.65}.playful-game.milk-tea-pour-app .overlay{background:rgba(214,228,223,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:24px}.playful-game.milk-tea-pour-app .mtp-menu{align-items:flex-end;background:linear-gradient(90deg,transparent 45%,rgba(31,60,52,.18));-webkit-backdrop-filter:none;backdrop-filter:none;padding-right:max(24px,4vw)}.milk-tea-pour-app .mtp-sheet{width:min(420px,100%);max-height:100%;overflow-y:auto;padding:22px 22px 20px;text-align:left;background:#fff;border-radius:22px;box-shadow:0 18px 50px rgba(31,60,52,.22);color:var(--mtp-ink);touch-action:pan-y;overscroll-behavior:contain}.milk-tea-pour-app .mtp-small-sheet{width:min(340px,100%);text-align:center;display:flex;flex-direction:column;gap:8px}.milk-tea-pour-app .mtp-sheet-title{margin:0 0 8px;font-size:30px;color:var(--mtp-ink)}.milk-tea-pour-app .mtp-kicker{display:block;font-size:12px;font-weight:800;letter-spacing:.16em;color:var(--mtp-pink)}.milk-tea-pour-app .mtp-logo{margin:2px 0 6px;font-size:clamp(32px,8vw,44px);line-height:1.02;font-weight:800;color:var(--mtp-ink)}.milk-tea-pour-app .mtp-sub{margin:0 0 12px;font-size:16px;line-height:1.4;color:#3c4a46}.milk-tea-pour-app .mtp-howto{margin:16px 0 0;padding:12px 0 0;border-top:2px dashed #e1e9e6;list-style:none;display:grid;grid-gap:7px;gap:7px;font-size:14px;line-height:1.35;color:#3c4a46}.milk-tea-pour-app .mtp-howto b{display:block;color:var(--mtp-green);font-size:15px}.milk-tea-pour-app .mtp-label{margin:0 0 6px;font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--mtp-soft-ink)}.milk-tea-pour-app .mtp-note{margin:6px 0 10px;font-size:13px;color:var(--mtp-soft-ink);min-height:2.6em}.milk-tea-pour-app .mtp-best-line{margin:0 0 10px;font-size:15px;color:var(--mtp-soft-ink)}.milk-tea-pour-app .mtp-best-line b{color:var(--mtp-pink);font-size:20px}.playful-game.milk-tea-pour-app button.big{width:100%;min-height:56px;border:0;border-radius:999px;background:var(--mtp-green-hi);color:#fff;box-shadow:0 5px 0 var(--mtp-green-lo);font-size:22px;letter-spacing:.04em}.playful-game.milk-tea-pour-app button.big:active{box-shadow:0 1px 0 var(--mtp-green-lo)}.playful-game.milk-tea-pour-app .a-secondary{border-color:#b9cbc5;background:#eef4f2;box-shadow:0 3px 0 #c9d8d3}.milk-tea-pour-app .mtp-settings{display:flex;gap:8px;margin-top:12px}.milk-tea-pour-app .mtp-setting{flex:1 1;min-height:44px;padding:6px 12px;border:2px solid #c9d8d3;border-radius:14px;background:#f4f8f7;color:var(--mtp-ink);font-size:15px;font-weight:700;cursor:pointer}.milk-tea-pour-app .mtp-setting b{color:var(--mtp-green)}.milk-tea-pour-app .mtp-controls{margin:10px 0 0;font-size:12px;color:var(--mtp-soft-ink);text-align:center}.playful-game.milk-tea-pour-app .backlink{position:absolute;top:max(14px,env(safe-area-inset-top,0px));left:max(14px,env(safe-area-inset-left,0px));min-height:44px;display:inline-flex;align-items:center;border-color:#fff;background:#fff;color:var(--mtp-ink);box-shadow:0 2px 8px rgba(31,60,52,.15);z-index:2}.milk-tea-pour-app .mtp-receipt{text-align:center;width:min(460px,100%)}.milk-tea-pour-app .mtp-r-score{margin:2px 0 0;font-size:56px;line-height:1;font-weight:800;color:var(--mtp-pink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.milk-tea-pour-app .mtp-r-new{margin:4px 0 0;font-size:14px;font-weight:800;letter-spacing:.1em;color:var(--mtp-green)}.milk-tea-pour-app .mtp-r-new:not(.show){display:none}.milk-tea-pour-app .mtp-r-best{margin:4px 0 10px;font-size:14px;color:var(--mtp-soft-ink)}.milk-tea-pour-app .mtp-r-table{width:100%;border-collapse:collapse;font-size:14px;margin-bottom:10px}.milk-tea-pour-app .mtp-r-table th{padding:4px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--mtp-soft-ink);border-bottom:2px dashed #d3dfdb}.milk-tea-pour-app .mtp-r-table td{padding:6px 4px;border-bottom:1px dashed #e1e9e6;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.milk-tea-pour-app .mtp-r-table td:first-child{text-align:left;font-weight:700}.milk-tea-pour-app .mtp-r-table th:first-child{text-align:left}.milk-tea-pour-app .mtp-r-table .g{font-weight:800;color:var(--mtp-green);font-size:13px}.milk-tea-pour-app .mtp-r-table .g[data-grade=perfect]{color:var(--mtp-pink)}.milk-tea-pour-app .mtp-r-table .g[data-grade=meh],.milk-tea-pour-app .mtp-r-table .g[data-grade=overflow]{color:#8a7a80}.milk-tea-pour-app .mtp-r-stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:6px;gap:6px;margin:0 0 12px;padding:0;list-style:none}.milk-tea-pour-app .mtp-r-stats li{display:flex;flex-direction:column;align-items:center;padding:6px 4px;border-radius:12px;background:#f1f6f4}.milk-tea-pour-app .mtp-r-stats b{font-size:22px;color:var(--mtp-green)}.milk-tea-pour-app .mtp-r-stats span{font-size:11px;font-weight:700;color:var(--mtp-soft-ink);line-height:1.2}.milk-tea-pour-app .mtp-r-row{display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:wrap}.milk-tea-pour-app .mtp-r-row .a-secondary,.milk-tea-pour-app .mtp-r-row .share-btn{margin-top:12px;min-height:44px}@media (max-aspect-ratio:4/5),(max-width:700px){.playful-game.milk-tea-pour-app .overlay{justify-content:flex-end;align-items:stretch;padding:0}.playful-game.milk-tea-pour-app .mtp-menu{align-items:stretch;padding:0;background:linear-gradient(180deg,transparent 30%,rgba(31,60,52,.22))}.milk-tea-pour-app .mtp-sheet{width:100%;max-width:560px;margin:0 auto;max-height:86dvh;border-radius:24px 24px 0 0;padding-bottom:max(18px,env(safe-area-inset-bottom,0px))}.milk-tea-pour-app .mtp-menu .mtp-sheet{max-height:64dvh}.milk-tea-pour-app .mtp-small-sheet{width:100%}.milk-tea-pour-app .mtp-sheet:before{content:"";display:block;width:44px;height:5px;margin:-8px auto 10px;border-radius:3px;background:#d3dfdb}}@media (max-width:380px){.milk-tea-pour-app .mtp-dots li{width:24px;height:24px;font-size:12px}.milk-tea-pour-app .mtp-dots{gap:3px}.milk-tea-pour-app .mtp-seg button{padding:6px 12px;font-size:14px}}@media (max-height:700px) and (orientation:portrait){.milk-tea-pour-app .mtp-card{padding:9px 14px 11px 20px}.milk-tea-pour-app .mtp-pour{min-height:60px;font-size:24px}.milk-tea-pour-app .mtp-seg button{min-height:38px}}@media (orientation:landscape) and (max-height:560px){.milk-tea-pour-app .mtp-shell{max-width:none;display:grid;grid-template-columns:minmax(300px,44%) 1fr;grid-template-rows:auto auto auto 1fr auto;grid-template-areas:"top stage" "card stage" "hint stage" ". stage" "act stage";grid-column-gap:12px;column-gap:12px;background:rgba(223,233,230,.9)}.milk-tea-pour-app .mtp-top{grid-area:top;min-height:46px}.milk-tea-pour-app .mtp-title{font-size:20px}.milk-tea-pour-app .mtp-dots li{width:24px;height:24px;font-size:12px}.milk-tea-pour-app .mtp-card{grid-area:card;padding:8px 12px 10px 18px}.milk-tea-pour-app .mtp-drink{font-size:21px}.milk-tea-pour-app .mtp-spec{font-size:13px}.milk-tea-pour-app .mtp-target b{font-size:38px}.milk-tea-pour-app .mtp-seg button{min-height:38px;padding:4px 14px;font-size:14px}.milk-tea-pour-app .mtp-hint{grid-area:hint;font-size:13px;margin-top:6px}.milk-tea-pour-app .mtp-stage{grid-area:stage}.milk-tea-pour-app .mtp-actions{grid-area:act;padding-top:4px}.milk-tea-pour-app .mtp-pour{min-height:56px;font-size:22px}.milk-tea-pour-app .mtp-keys{display:none}.milk-tea-pour-app .mtp-sheet{max-height:calc(100dvh - 16px);padding:14px 18px}.playful-game.milk-tea-pour-app .overlay{padding:8px max(12px,env(safe-area-inset-right,0px)) 8px 12px;justify-content:center}.milk-tea-pour-app .mtp-howto{display:none}.milk-tea-pour-app .mtp-sub{font-size:14px}}