:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff4e6;--bg-deep:#f7d9b0;--ink:#3b2414;--ink-soft:#7a5340;--card:#fffaf3;--line:#f0c89a;--orange:#ef7b2a;--orange-deep:#d45c12;--danger:#c23b2a;--ok:#2f7d4a;--shadow:0 10px 28px #5a2a0c1f;font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,system-ui,sans-serif;line-height:1.45}*{box-sizing:border-box}html,body,#root{background:var(--bg);min-height:100%;color:var(--ink);overscroll-behavior:none;margin:0}body{min-height:100dvh}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.app{background:radial-gradient(120% 80% at 50% -10%, #ffe7c2 0%, transparent 55%), linear-gradient(180deg, #fff7ec 0%, var(--bg) 40%, #f8d7a8 100%);width:min(100%,430px);min-height:100dvh;margin:0 auto}.app:has(.screen--play){touch-action:none;overscroll-behavior:none;height:100svh;min-height:100svh;max-height:100svh;overflow:hidden}.screen{min-height:100dvh;padding:20px 18px calc(20px + env(safe-area-inset-bottom));flex-direction:column;gap:16px;display:flex}.screen--play{height:100svh;min-height:0;max-height:100svh;padding:10px 10px max(8px, env(safe-area-inset-bottom));touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;gap:8px;overflow:hidden}.play-board{flex-direction:column;flex:1 1 0;gap:10px;min-height:0;display:flex;overflow:hidden}.hero h1,.screen h1{letter-spacing:.02em;margin:0 0 8px;font-size:1.85rem}.eyebrow{color:var(--orange-deep);letter-spacing:.08em;margin:0 0 6px;font-size:.78rem;font-weight:700}.lede,.hint{color:var(--ink-soft);margin:0;font-size:.92rem}.panel{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;flex-direction:column;gap:14px;padding:16px;display:flex}.stepper{justify-content:space-between;align-items:center;gap:12px;display:flex}.stepper__label{font-weight:700}.stepper__ctrl{align-items:center;gap:8px;display:flex}.stepper__ctrl button{border:1px solid var(--line);width:36px;height:36px;color:var(--ink);background:#fff;border-radius:10px}.stepper__value{text-align:center;min-width:1.6em;font-size:1.2rem;font-weight:800}.mode-field{border:0;margin:0;padding:0}.mode-field legend{margin-bottom:8px;font-weight:700}.mode-toggle{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mode-toggle button{border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px 8px;font-weight:700}.mode-toggle button.is-active{background:var(--orange);border-color:var(--orange);color:#fff}.btn{border:0;border-radius:14px;padding:12px 16px;font-weight:800}.btn--primary{background:linear-gradient(180deg, #ff8a3d, var(--orange-deep));color:#fff;box-shadow:0 8px 16px #d45c1247}.btn--ghost{color:var(--ink-soft);border:1px solid var(--line);background:0 0}.btn--danger{background:var(--danger);color:#fff}.btn--block{width:100%}.btn--small{padding:8px 10px;font-size:.85rem}.stack-actions{flex-direction:column;gap:10px;margin-top:auto;display:flex}.play-bar{flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.timer{font-variant-numeric:tabular-nums;margin:0;font-size:1.65rem;font-weight:800}.timer span{color:var(--ink-soft);margin-left:4px;font-size:.95rem}.section-label{color:var(--ink-soft);letter-spacing:.06em;margin:0 0 8px;font-size:.78rem;font-weight:700}.shelf{box-shadow:var(--shadow);background:#fff;border:1px solid #f3e0c6;border-radius:18px;flex:0 auto;min-height:0;max-height:38%;padding:8px}.slot-row{grid-template-columns:repeat(auto-fit,minmax(48px,1fr));gap:8px;display:grid}.slot{background:#fff8ee;border:2px dashed #e7c39a;border-radius:14px;justify-content:center;align-items:center;min-height:0;max-height:100%;padding:4px;transition:border-color .12s,background .12s,box-shadow .12s;display:flex}.slot.is-over{border-style:solid;border-color:var(--orange);background:#ffe0b8;box-shadow:inset 0 0 0 2px #ef7b2a}.slot__placeholder{color:#c9a27c;font-weight:800}.pool{background:var(--card);border:1px solid var(--line);touch-action:none;border-radius:18px;flex-direction:column;flex:1 1 0;min-height:0;padding:8px 6px;display:flex;overflow:hidden}.pool.is-over{outline:2px solid var(--orange);background:#fff0dc}.pool__row{grid-template-columns:repeat(var(--pool-count,6), minmax(0, 1fr));flex:auto;align-items:stretch;gap:3px;min-height:0;display:grid}.pool__cell{flex-direction:column;justify-content:flex-end;align-items:center;width:100%;min-width:0;height:100%;min-height:0;display:flex}.pool__hole{flex-direction:column;align-items:center;gap:4px;display:flex}.pool__hole:before{content:"";aspect-ratio:8/11;background:#fff8ee;border:2px dashed #e7c39a;border-radius:12px;width:100%;max-height:calc(100% - 1.2em)}.pool__hole:after{content:"";height:1.15em}.drag-handle{appearance:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;width:100%;height:100%;min-height:0;padding:0}.drink-card{flex-direction:column;align-items:center;gap:4px;width:100%;min-height:0;display:flex}.drink-card--pool,.drink-card--slot{justify-content:flex-end;height:auto;max-height:100%}.drink-card.is-dimmed{opacity:.38}.drink-card__frame{aspect-ratio:8/11;flex:none;justify-content:center;align-items:flex-end;width:100%;min-height:0;display:flex;overflow:hidden}.drink-card__art,.drink-card__photo{aspect-ratio:8/11;pointer-events:none;background:#fff;border-radius:12px;width:100%;max-width:100%;height:100%;max-height:100%}.drink-card__photo{object-fit:contain;object-position:center bottom;border:1px solid #5a2a0c24}.drink-card--slot .drink-card__photo,.drink-card--slot .drink-card__art{max-height:22vh}.drink-card__photo[hidden]{display:none}.drink-card__art{background:linear-gradient(180deg, color-mix(in srgb, var(--drink-hue) 55%, white), var(--drink-hue));border:2px solid var(--drink-accent);position:relative;overflow:hidden}.drink-card--bottle .drink-card__art{clip-path:polygon(28% 0,72% 0,86% 14%,86% 100%,14% 100%,14% 14%);border-radius:18px 18px 10px 10px}.drink-card--placeholder .drink-card__art{background:repeating-linear-gradient(135deg,#d9d9d9,#d9d9d9 8px,#c4c4c4 8px 16px)}.drink-card__shine{background:#ffffff73;border-radius:999px;height:18%;position:absolute;inset:8% 18% auto}.drink-card__p1{color:#333;place-items:center;font-size:clamp(.7rem,3.2vw,1.1rem);font-weight:900;display:grid;position:absolute;inset:0}.drink-card__label{color:var(--ink);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:clamp(.48rem,2.4vw,.7rem);font-weight:800;line-height:1.15;overflow:hidden}.drink-card--slot .drink-card__label,.drink-card--ghost .drink-card__label{font-size:.62rem}.drag-ghost{opacity:.94;pointer-events:none;z-index:40;filter:drop-shadow(0 12px 16px #3c180047);width:84px;margin:0;position:fixed;transform:translate(-50%,-54%)scale(1.04)}.drag-ghost .drink-card__frame{flex:none;height:116px}.submit-history{background:var(--card);border:1px solid var(--line);border-radius:14px;flex-direction:column;flex:0 auto;min-width:0;min-height:0;display:flex;overflow:hidden}.submit-history__toggle{appearance:none;width:100%;color:var(--ink);text-align:left;background:0 0;border:0;flex:none;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;font-size:.86rem;font-weight:800;display:flex}.submit-history__toggle:focus-visible{outline:2px solid var(--orange);outline-offset:-2px}.submit-history__action{color:var(--ink-soft);flex:none;font-size:.78rem;font-weight:700}.submit-history__list{overscroll-behavior:contain;touch-action:pan-y;flex-direction:column;flex:auto;gap:6px;min-width:0;min-height:0;max-height:min(128px,22dvh);margin:0;padding:0 8px 8px;list-style:none;display:flex;overflow:hidden auto}.submit-history__row{align-items:center;gap:8px;min-width:0;display:flex}.submit-history__thumbs{flex:auto;align-items:flex-end;gap:2px;min-width:0;display:flex}.submit-history__thumbs .drink-card--thumb{flex:1 1 0;gap:0;width:auto;min-width:0;max-width:36px;overflow:hidden}.submit-history__count,.submit-history__empty{white-space:nowrap;flex:none;margin:0;font-size:.78rem;font-weight:800;line-height:1.2}.submit-history__count{color:var(--orange-deep)}.submit-history__empty{color:var(--ink-soft);padding:2px 2px 4px;font-weight:700}.drink-card--thumb .drink-card__label{display:none}.drink-card--thumb .drink-card__photo,.drink-card--thumb .drink-card__art{border-radius:6px}.play-footer{z-index:6;background:linear-gradient(#f8d7a800,#f8d7a8 10px);flex-direction:column;flex:none;gap:8px;padding-top:2px;display:flex}.feedback{text-align:center;border:2px solid var(--line);min-height:2em;color:var(--ink-soft);background:#fffaf3;border-radius:12px;flex-shrink:0;place-items:center;margin:0;padding:6px 10px;font-size:.92rem;font-weight:800;display:grid}@media (height<=700px){.timer{font-size:1.35rem}.screen--play{gap:6px;padding-top:8px}.feedback{min-height:1.7em;padding:4px 8px;font-size:.84rem}.btn{padding:10px 14px}}.feedback.is-result{border-color:var(--orange);color:var(--orange-deep);background:#fff1dc;box-shadow:0 4px 12px #d45c1229}.score{align-items:baseline;gap:6px;margin:8px 0 0;display:flex}.score__value{font-variant-numeric:tabular-nums;font-size:3rem;font-weight:900}.score__unit{color:var(--ink-soft);font-weight:700}.compare-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.compare-list li{background:var(--card);border:1px solid var(--line);border-radius:14px;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.compare-list li.is-winner{border-color:var(--ok);background:#eef8f0}.dialog-backdrop{z-index:30;background:#28140873;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dialog{width:min(100%,340px);box-shadow:var(--shadow);background:#fff;border-radius:18px;padding:18px}.dialog h2{margin:0 0 8px;font-size:1.2rem}.dialog__actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}