.qd-play{flex-direction:column;align-items:center;gap:12px;width:100%;max-width:560px;margin:0 auto;display:flex}.qd-field{border:2px solid var(--line);border-radius:var(--radius);background:var(--sunk);width:100%;min-height:300px;color:var(--ink);font:inherit;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:16px;display:flex}.qd-field.go{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.qd-field.foul{background:var(--bad-tint);border-color:var(--bad)}.qd-field.done{background:var(--good-tint);border-color:var(--good)}.qd-field:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.qd-call{font-family:var(--f-display);font-size:40px;line-height:1}.qd-duck{width:140px;height:auto;color:var(--ink)}.qd-duck.on{animation:.25s ease-out qd-hop}.qd-results{flex-direction:column;gap:4px;width:100%;max-width:360px;margin:0;padding:0;list-style:none;display:flex}.qd-results li{border-radius:8px;justify-content:space-between;gap:12px;padding:4px 10px;display:flex}.qd-results li.win{background:var(--good-tint);font-weight:700}.qd-results li.foul{color:var(--bad)}.qd-results b{font-family:var(--f-mono);font-variant-numeric:tabular-nums}.qd-duel{grid-template-rows:1fr auto 1fr;gap:8px;width:100%;height:calc(100svh - 190px);min-height:420px;display:grid}.qd-duel .qd-field{height:100%;min-height:0}.qd-duel .qd-top{transform:rotate(180deg)}.qd-duel .qd-call{font-size:32px}.qd-duel .qd-duck{width:90px}.qd-mid{font-family:var(--f-mono);justify-content:center;align-items:center;gap:12px;font-size:14px;display:flex}.qd-who{font-size:15px;font-weight:700}@keyframes qd-hop{50%{transform:translateY(-8px)scale(1.05)}}@media (prefers-reduced-motion:reduce){.qd-duck.on{animation:none}}.qd-duel>div{min-height:0;display:flex}.qd-duel>div>.qd-field{flex:1}