.qd-duo-top,.qd-duo-playername{color:var(--qd-ink);justify-content:space-between;align-items:center;gap:8px;display:flex}.qd-duo-top{border-bottom:1px dashed var(--qd-line);padding-block:12px}.qd-duo-views{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.qd-duo-player{min-width:0}.qd-duo-playername{padding:8px;font-size:.8rem}.qd-duo-playername.is-player-0 strong{color:var(--qd-blue)}.qd-duo-playername.is-player-1 strong{color:var(--qd-red)}.qd-duo-canvas{aspect-ratio:4/3;background:#c9dfe9;border-radius:3px;width:100%;display:block}.qd-duo-status{color:var(--qd-ink);background:var(--qd-paper-strong);flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;padding:15px;display:flex}.qd-duo-controls{justify-content:space-around;align-items:center;gap:8px;padding-top:10px;display:flex}.qd-duo-pad{grid-template-rows:repeat(2,44px);grid-template-columns:repeat(3,44px);gap:3px;display:grid}.qd-duo-pad button,.qd-duo-bag button{border:1px solid var(--qd-line);background:var(--qd-paper-strong);color:var(--qd-ink);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:3px}.qd-duo-pad button{font-size:1.3rem}.qd-duo-pad [data-dir="0"]{grid-column:2}.qd-duo-pad [data-dir="3"]{grid-area:2/1}.qd-duo-pad [data-dir="2"]{grid-area:2/2}.qd-duo-pad [data-dir="1"]{grid-area:2/3}.qd-duo-bag{grid-template-columns:repeat(2,minmax(44px,1fr));gap:4px;display:grid}.qd-duo-bag button{flex-direction:column;align-items:center;min-height:44px;padding:3px 10px;font-size:.75rem;display:flex}.qd-duo-bag small{opacity:.7}.qd-duo button:disabled{opacity:.45;cursor:default}.qd-duo button:focus-visible{outline:3px solid var(--qd-blue);outline-offset:3px}@media (width<=760px){.qd-duo-views{gap:8px}.qd-duo-controls{flex-direction:column}.qd-duo-bag{grid-template-columns:repeat(4,minmax(0,1fr));width:100%}.qd-duo-bag button{padding-inline:0}.qd-duo-playername{flex-direction:column;align-items:flex-start}}@media (width<=420px){.qd-duo-pad{grid-template-rows:repeat(2,44px);grid-template-columns:repeat(3,40px)}.qd-duo-top{flex-wrap:wrap}}@media (width<=760px){.qd-duo-views.is-shared .qd-duo-player{display:contents}.qd-duo-views.is-shared .qd-duo-player:first-child .qd-duo-playername{grid-area:1/1}.qd-duo-views.is-shared .qd-duo-player:last-child .qd-duo-playername{grid-area:1/2}.qd-duo-views.is-shared .qd-duo-player:first-child .qd-duo-canvas{grid-area:2/1/auto/-1}.qd-duo-views.is-shared .qd-duo-player:last-child .qd-duo-canvas{display:none}.qd-duo-views.is-shared .qd-duo-player:first-child .qd-duo-controls{grid-area:3/1}.qd-duo-views.is-shared .qd-duo-player:last-child .qd-duo-controls{grid-area:3/2}}.qd-duo-top{background:var(--qd-paper-strong);border-radius:3px;padding:12px}.qd-duo>.qd-hint{background:rgba(var(--qd-paper-rgb),.94);opacity:1;border-radius:3px;padding:10px 12px}.qd-duo-playername{background:rgba(var(--qd-paper-rgb),.94)}.qd{--qd-paper:#f5eee0;--qd-paper-strong:#fbf7ec;--qd-paper-rgb:251, 247, 236;--qd-ink:#5e5449;--qd-ink-soft:#7b6a4f;--qd-line:#7b6a4f4d;--qd-blue:#3f5c86;--qd-red:#a2543f;--qd-shadow:0 1px 0 #5e544924, 0 4px 8px -4px #5e54493d, 0 14px 24px -18px #5e544961;flex-direction:column;gap:14px;width:100%;display:flex}html[data-lamp=on] .qd{--qd-paper:#2a2116;--qd-paper-strong:#342a1c;--qd-paper-rgb:52, 42, 28;--qd-ink:#f2e6cd;--qd-ink-soft:#d6c5a2;--qd-line:#e0c79652;--qd-blue:#8fb0e0;--qd-red:#d08a5e;--qd-shadow:0 1px 0 #0006, 0 4px 8px -4px #00000080, 0 14px 24px -18px #0009}.qd-hud{color:var(--qd-ink-soft);letter-spacing:.02em;justify-content:space-between;align-items:center;gap:12px;font-size:.95rem;display:flex}.qd-round{opacity:.85;white-space:nowrap;font-size:.82rem}.qd-clock{font-variant-numeric:tabular-nums}.qd-board{aspect-ratio:3/2;touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair;background:0 0;border-radius:4px;width:min(100%,118vh);margin:0 auto;position:relative;overflow:hidden}@media (width<=640px){.qd-board{aspect-ratio:4/3;width:100%}}.qd-board:after{content:"";pointer-events:none;mix-blend-mode:multiply;opacity:.45;background-image:radial-gradient(#78685429 .5px,#0000 .6px);background-size:3px 3px;position:absolute;inset:0}.qd-canvas{width:100%;height:100%;display:block}.qd-overlay{text-align:center;background:rgba(var(--qd-paper-rgb), .86);-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px;display:flex;position:absolute;inset:0}.qd-overlay h2{color:var(--qd-ink);letter-spacing:.01em;margin:0;font-size:clamp(1.15rem,2.4vw,1.5rem);font-weight:600}.qd-levels{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.qd-level{background:var(--qd-paper-strong);min-width:148px;color:var(--qd-ink);text-align:left;cursor:pointer;box-shadow:var(--qd-shadow);border:none;border-radius:3px;flex-direction:column;gap:4px;padding:14px 16px;transition:transform .3s,box-shadow .3s;display:flex}.qd-level:hover,.qd-level:focus-visible{transform:translateY(-2px)rotate(-.4deg)}.qd-level__name{font-size:1.05rem;font-weight:600}.qd-level__note{color:var(--qd-ink-soft);font-size:.78rem;line-height:1.5}.qd-level__record{color:var(--qd-ink-soft);opacity:.75;font-variant-numeric:tabular-nums;font-size:.75rem}.qd-count{color:#5e54498c;font-variant-numeric:tabular-nums;pointer-events:none;justify-content:center;align-items:center;font-size:clamp(3.4rem,14vw,7rem);font-weight:600;animation:.62s cubic-bezier(.22,1,.36,1) both qd-stamp;display:flex;position:absolute;inset:0}html[data-lamp=on] .qd-count{color:#f2e6cd99}@keyframes qd-stamp{0%{opacity:0;transform:scale(1.7)}35%{opacity:1;transform:scale(1)}to{opacity:.55;transform:scale(.94)}}.qd-flash,.qd-toast{background:rgba(var(--qd-paper-rgb), .94);color:var(--qd-ink);white-space:nowrap;border-radius:2px;padding:8px 18px;font-size:.9rem;position:absolute;bottom:10%;left:50%;transform:translate(-50%);box-shadow:0 1px #5e544924,0 6px 14px -8px #5e54495c}.qd-toast{font-size:.84rem;animation:1.4s both qd-toast;top:8%;bottom:auto}@keyframes qd-toast{0%{opacity:0;transform:translate(-50%,-6px)}15%,80%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-4px)}}.qd-final{color:var(--qd-ink-soft);font-variant-numeric:tabular-nums;margin:0;font-size:.92rem}.qd-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.qd-btn{background:var(--qd-blue);color:#f7f2e6;cursor:pointer;border:none;border-radius:2px;padding:9px 20px;font-size:.9rem;transition:transform .3s;box-shadow:0 1px #5e54492e,0 6px 12px -7px #5e544966}html[data-lamp=on] .qd-btn{color:#1b140c}.qd-btn:hover{transform:translateY(-1px)}.qd-btn--ghost{color:var(--qd-ink-soft);box-shadow:inset 0 0 0 1px var(--qd-line);background:0 0}.qd-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.qd-hint{color:var(--qd-ink-soft);opacity:.85;margin:0;font-size:.78rem}.qd-toggles{gap:8px;display:flex}.qd-toggle{box-shadow:inset 0 0 0 1px var(--qd-line);color:var(--qd-ink-soft);cursor:pointer;background:0 0;border:none;border-radius:2px;padding:5px 12px;font-size:.75rem}.qd-toggle[aria-pressed=true]{background:#7b6a4f1f}.qd-rules{max-width:62ch;margin-top:34px}.qd-rules h2{color:var(--ink,#5e5449);margin:0 0 12px;font-size:1.05rem;font-weight:600}.qd-rules ul{color:var(--ink,#5e5449);flex-direction:column;gap:8px;margin:0;padding-left:1.1em;font-size:.92rem;line-height:1.75;display:flex}.qd-rules strong{font-weight:600}.qd-rules__note{color:var(--ink-soft,#7b6a4f);opacity:.9;margin:14px 0 0;font-size:.84rem}.qd-back{margin-top:30px;font-size:.88rem}.qd-endgame{color:var(--qd-red);letter-spacing:.08em;background:#a2543f29;border-radius:2px;margin-left:10px;padding:1px 8px;font-size:.75rem;font-style:normal}.qd-endgame.is-warning{isolation:isolate;position:relative}.qd-endgame.is-warning:after{z-index:-1;border-radius:inherit;content:"";opacity:0;pointer-events:none;background:#a2543f4f;animation:.5s steps(2,jump-none) infinite qd-blink;position:absolute;inset:0}@keyframes qd-blink{to{opacity:1}}html[data-tab-hidden] .qd-endgame.is-warning:after{animation-play-state:paused}.qd-stack{flex:none;width:62px;height:46px;display:block;position:relative}.qd-stack__sheet{left:calc(var(--i) * 6px);top:calc(var(--i) * 5px);background:rgba(var(--qd-paper-rgb), .55);width:46px;height:34px;box-shadow:inset 0 0 0 1px var(--qd-line);border-radius:1px;transition:background .3s,box-shadow .3s;position:absolute}.qd-stack__sheet.is-here{background:var(--qd-paper-strong);box-shadow:inset 0 0 0 1.5px var(--qd-ink-soft), 0 3px 6px -3px #00000059;z-index:1}.qd-stack__sheet i{border-radius:50%;width:5px;height:5px;transition:left .1s linear,top .1s linear;position:absolute;transform:translate(-50%,-50%)}.qd-stack__sheet i.is-me{width:7px;height:7px;box-shadow:0 0 0 1.5px #fffaeef2}.qd-bag{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%;max-width:440px;margin:0 auto;display:grid}.qd-slot{background:rgba(var(--qd-paper-rgb), .55);color:var(--qd-ink-soft);cursor:pointer;border:none;border-radius:3px;flex-direction:column;align-items:center;gap:1px;padding:6px 4px;font-size:.75rem;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:inset 0 0 0 1px #7b6a4f38}.qd-slot:disabled{cursor:default;opacity:.5}.qd-slot.is-filled{color:var(--qd-ink);background:var(--qd-paper-strong);box-shadow:var(--qd-shadow)}.qd-slot.is-filled:hover{transform:translateY(-2px)}.qd-slot__key{opacity:.6;font-variant-numeric:tabular-nums;font-size:.75rem}.qd-slot__glyph{font-size:1.05rem;font-weight:600;line-height:1.1}.qd-slot.is-boost.is-filled .qd-slot__glyph{color:#c98a2a}.qd-slot.is-eraser.is-filled .qd-slot__glyph{color:#c9668a}.qd-slot.is-jump.is-filled .qd-slot__glyph{color:#3f8a68}.qd-slot.is-drop.is-filled .qd-slot__glyph{color:#5e6ea8}.qd-slot.is-boost.is-filled{box-shadow:inset 0 0 0 2px #e8b45c}.qd-slot.is-eraser.is-filled{box-shadow:inset 0 0 0 2px #dd8ba6}.qd-slot.is-jump.is-filled{box-shadow:inset 0 0 0 2px #7fc0a4}.qd-slot.is-drop.is-filled{box-shadow:inset 0 0 0 2px #9aa8d8}.qd-scene-line{color:var(--qd-ink-soft);opacity:.9;margin:-6px 0 0;font-size:.82rem}.qd-scenes{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.qd-scene{box-shadow:inset 0 0 0 1px var(--qd-line);color:var(--qd-ink-soft);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:5px 14px;font-size:.78rem}.qd-scene.is-current{color:var(--qd-ink);box-shadow:inset 0 0 0 1px var(--qd-ink-soft);background:#7b6a4f29}.qd-scores{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.qd-chip{background:rgba(var(--qd-paper-rgb), .6);box-shadow:inset 0 0 0 1.5px var(--qd-chip,#7b6a4f66);color:var(--qd-ink-soft);white-space:nowrap;border-radius:999px;align-items:baseline;gap:5px;padding:2px 10px 3px;font-size:.78rem;display:inline-flex}.qd-chip.is-me{background:rgba(var(--qd-paper-rgb), .95)}.qd-chip strong{color:var(--qd-chip,var(--qd-ink));font-variant-numeric:tabular-nums;font-size:1.15rem}@media (prefers-reduced-motion:reduce){.qd-level,.qd-btn,.qd-slot,.qd-stack__sheet,.qd-stack__sheet i{transition:none}.qd-level:hover,.qd-level:focus-visible,.qd-btn:hover,.qd-slot.is-filled:hover{transform:none}.qd-count,.qd-toast,.qd-endgame.is-warning{animation:none}}@media (width<=640px){.qd-board.is-menu{aspect-ratio:auto}.qd-board.is-menu .qd-canvas{position:absolute;inset:0}.qd-board.is-menu .qd-overlay{gap:13px;min-height:350px;padding:20px 16px;position:relative}}
