:root{--paper:#eff0eb;--ink:#23241f;--ink-soft:#5e625a;--ink-faint:#767a71;--glaze-flat:#d9e3d6;--glaze-pressed:#c7d6c5;--seal:#b5321e;--glaze:radial-gradient(circle at 50% 46%, #dee7db 0 60%, #c7d6c5 80%, #a9bdaa 100%)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--paper);height:100%;color:var(--ink);overscroll-behavior:none;-webkit-user-select:none;user-select:none;margin:0;font-family:Cormorant,Iowan Old Style,Georgia,serif;font-size:19px}button,a{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0}:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:4px}#root{height:100%}.screen{max-width:480px;min-height:100dvh;padding:max(8px, env(safe-area-inset-top)) 24px max(12px, env(safe-area-inset-bottom));flex-direction:column;align-items:center;margin:0 auto;display:flex}.play{height:100dvh;overflow:hidden}.top{flex:none;justify-content:space-between;align-items:center;width:100%;min-height:52px;display:flex}.top h1{margin:0;font-size:26px;font-weight:500;line-height:1.1}.top button{background:var(--glaze-flat);border-radius:20px;height:40px;margin:2px 0;padding:0 18px;font-size:19px;font-weight:600}.top button:active{background:var(--glaze-pressed)}.dish{background:var(--glaze);border-radius:50%;flex:none}.target{--size:clamp(84px, 15dvh, 124px);width:var(--size);height:var(--size);justify-content:center;align-items:center;margin-top:4px;display:flex}.target i{border-radius:50%;width:68%;height:68%;display:block}.gap{flex:8px;min-height:8px}.paints{flex:none;justify-content:space-between;width:100%;max-width:360px;margin-bottom:10px;display:flex}.paints button{justify-content:center;align-items:center;width:64px;height:64px;display:flex}.paints span{border-radius:50%;width:50px;height:50px;transition:transform .12s ease-out}.paints button:active span{transform:scale(.88)}.pale{box-shadow:inset 0 0 0 1px #c9cdc4}.mixing{--size:min(calc(100vw - 48px), 340px, calc(100dvh - 52px - 15dvh - 64px - 56px - 36px - 40px));width:var(--size);height:var(--size);touch-action:none;position:relative}.mixing canvas{touch-action:none;border-radius:50%;width:100%;height:100%;position:absolute;inset:0}.ring{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.flying{pointer-events:none;z-index:2;border-radius:50%;position:fixed}.bar{flex:none;align-items:center;gap:12px;width:100%;margin-top:4px;display:flex}.bar button{background:var(--glaze-flat);white-space:nowrap;border-radius:26px;flex:1 1 0;height:52px;font-size:21px;font-weight:600;transition:background-color .12s ease-out}.bar button:active{background:var(--glaze-pressed)}.bar .go{background:var(--ink);color:var(--paper)}.bar .go:active{background:#000}.bar button:disabled,.bar .go:disabled{color:var(--ink-faint);cursor:default;background:0 0;box-shadow:inset 0 0 0 1.5px #b9bfb5}.hint{min-height:28px;color:var(--ink-soft);text-align:center;flex:none;margin:8px 0 0;font-style:italic;line-height:28px}.notice{color:var(--ink-soft);text-align:center;margin:0;font-size:16px}.split{border-radius:50%;display:flex;overflow:hidden}.split i{flex:1}.result-dish{--size:min(300px, 78vw, 36dvh);width:var(--size);height:var(--size);justify-content:center;align-items:center;margin-top:16px;display:flex}.result-dish .split{width:75%;height:75%}.labels{width:min(224px,58vw);color:var(--ink-soft);justify-content:space-between;margin-top:10px;display:flex}.score{align-items:flex-end;gap:14px;margin-top:clamp(16px,4dvh,36px);display:flex}.score b{font-variant-numeric:lining-nums;font-size:clamp(80px,13dvh,112px);font-weight:300;line-height:.82}.seal{background:var(--seal);width:34px;height:34px;color:var(--paper);text-align:center;border-radius:3px;font-family:Ma Shan Zheng,serif;font-size:26px;line-height:34px}.verdict{margin:16px 0 0;font-size:24px;font-style:italic}.dots-rows{flex-direction:column;gap:12px;width:100%;margin-bottom:12px;display:flex}.dots-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.dots-row.soft{color:var(--ink-soft)}.dots{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.dots i{border-radius:50%;width:11px;height:11px}.section{justify-content:space-between;align-items:baseline;gap:12px;width:100%;margin:20px 0;display:flex}.section h2{margin:0;font-size:22px;font-weight:500}.section p{color:var(--ink-soft);margin:0}.rack+.section{margin-top:40px}.rack{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 16px;width:100%;display:grid}.past{flex-direction:column;align-items:center;gap:8px;display:flex}.past .dish{aspect-ratio:1;justify-content:center;align-items:center;width:min(96px,26vw);display:flex}.past .split{width:70%;height:70%}.past p{justify-content:space-between;width:100%;max-width:92px;margin:0;font-size:17px;display:flex}.past p span{color:var(--ink-soft)}.empty{width:100%;color:var(--ink-soft);margin:12px 0}@media (prefers-reduced-motion:reduce){.paints span{transition:none}}