#qa-dialog{--qa-accent:#bde2a0;--qa-ink:#273c38;margin:0;width:100vw;height:100dvh;max-width:none;max-height:none;border:0;padding:0;background:#f4f1e7;color:var(--qa-ink);font-family:inherit;overflow:auto}#qa-dialog [hidden]{display:none!important}#qa-dialog[data-quick-game=perfect-stop]{--qa-accent:#e9c28c}#qa-dialog[data-quick-game=number-rush]{--qa-accent:#abc9ed}#qa-dialog[data-quick-game=odd-one-out]{--qa-accent:#d1b9e5}#qa-dialog[data-quick-game=time-sense]{--qa-accent:#eab3a4}#qa-dialog button{font:inherit;color:inherit;cursor:pointer;border:2px solid var(--qa-ink);border-radius:10px;background:#fffaf0;padding:12px 20px;font-weight:750}#qa-dialog button:hover:not(:disabled){background:var(--qa-accent)}#qa-dialog button:disabled{cursor:default;opacity:.45}#qa-dialog button:focus-visible{outline:4px solid #578dce;outline-offset:4px}.qa-header{display:flex;align-items:center;gap:25px;border-bottom:2px solid var(--qa-ink);padding:20px 30px;background:#fffaf1}.qa-header div{margin-right:auto}.qa-header h2{font-size:clamp(23px,3vw,35px);margin:4px 0;letter-spacing:-.05em}.qa-header small{font-size:9px;letter-spacing:.2em}#qa-close{font-size:26px!important;line-height:1}.qa-shell{max-width:1450px;padding:25px;margin:auto}.qa-stats{display:flex;align-items:center;gap:35px;flex-wrap:wrap;margin-bottom:18px}.qa-stats small{display:block;font-size:10px;letter-spacing:.1em;color:#6b7972}.qa-stats b{font-size:clamp(20px,3vw,32px);font-variant-numeric:tabular-nums}.qa-stats>div:first-child{margin-right:auto}#qa-progress{font-size:14px;letter-spacing:.1em}#qa-board{position:relative;min-height:500px;height:clamp(480px,65vh,760px);border:2px solid var(--qa-ink);border-radius:20px;background:radial-gradient(ellipse at 50% 20%,#fffdf7,#e6e9dc);box-shadow:7px 8px 0 #273c3815;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:35px;gap:25px;overflow:hidden}#qa-overlay{position:absolute;inset:0;z-index:3;overflow:auto;display:flex;align-items:center;justify-content:center;background:#f6f3e9;padding:25px}.qa-intro{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:40px;width:min(900px,100%)}#qa-tag{font-size:10px;letter-spacing:.18em;color:#66806c}#qa-message{font-size:clamp(35px,5vw,66px);line-height:1.02;letter-spacing:-.055em;margin:13px 0}#qa-copy{font-size:16px;line-height:1.65;max-width:500px;color:#65726c}#qa-start{background:var(--qa-accent)!important;font-size:18px!important;padding:16px 36px!important;box-shadow:3px 4px 0 var(--qa-ink);margin-top:12px}#qa-art svg{width:100%;max-height:300px}#qa-details{margin:15px 0}#qa-result{font-size:clamp(24px,3vw,40px);font-weight:850;color:#2e6554}#qa-results{font-size:12px;line-height:1.7;list-style:none;padding:0;margin:9px 0}#qa-action{background:var(--qa-accent)!important;min-width:260px;font-size:23px!important;padding:20px 30px!important;touch-action:manipulation;user-select:none}#qa-signal{text-align:center}#qa-light{width:160px;height:160px;border-radius:50%;background:#d99887;border:12px solid #354843;box-shadow:0 8px 0 #263b3320,inset 0 0 0 5px #ffffff30;margin:auto auto 22px}#qa-light.on{background:#8edb74;box-shadow:0 0 70px #8edb7455,inset 0 0 0 5px #ffffff50}#qa-signal-label{font-size:35px;font-weight:900;letter-spacing:.1em}#qa-track-wrap{width:90%;max-width:1000px;text-align:center}#qa-track{height:65px;border:3px solid var(--qa-ink);border-radius:12px;background:#d6d6c9;position:relative;margin:25px 0;overflow:hidden}#qa-zone{position:absolute;height:100%;left:50%;transform:translateX(-50%);background:#a9d88c;border-inline:2px dashed #45704a}#qa-zone:after{content:'';position:absolute;left:50%;height:100%;border-left:1px solid #45704a55}#qa-needle{position:absolute;top:0;height:100%;width:8px;margin-left:-4px;background:#293a40;box-shadow:0 0 0 3px #fff9;border-radius:3px}#qa-speed{font-size:11px;letter-spacing:.14em}#qa-grid{display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:clamp(5px,1.2vw,12px);width:min(650px,100%);aspect-ratio:1.25;max-height:100%}#qa-grid button{padding:0;border-radius:10px;min-width:0;min-height:0;touch-action:manipulation;user-select:none}.qa-number{font-size:clamp(21px,3vw,38px)!important;box-shadow:0 4px 0 #293c3818}.qa-number.done{opacity:.16!important;box-shadow:none}.qa-color{border:0!important;box-shadow:0 3px 0 #293c3818}#qa-time-target{text-align:center}#qa-target-caption{font-size:11px;letter-spacing:.16em;color:#64756c}#qa-target{display:block;font-size:clamp(60px,10vw,120px);font-weight:850;letter-spacing:-.06em;font-variant-numeric:tabular-nums}#qa-time-target.running #qa-target{opacity:.45}#qa-feedback{height:24px;margin:0;text-align:center;font-variant-numeric:tabular-nums;font-size:16px;color:#4b6858}.qa-footer{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:22px}#qa-control-note{margin-right:auto;font-size:12px;color:#65726c}#qa-save,#qa-account-note{font-size:12px;color:#65726c}#qa-retry-save{font-size:12px!important}.quick-arcade-entry .fast-click-art{background:#c7dfb2;color:#283e36}.quick-perfect-stop .fast-click-art{background:#ebcf9e}.quick-number-rush .fast-click-art{background:#b6cee9}.quick-odd-one-out .fast-click-art{background:#d2bce5}.quick-time-sense .fast-click-art{background:#ecc2b2}@media(max-width:650px){.qa-header{padding:14px;gap:12px}.qa-shell{padding:13px}.qa-stats{gap:18px}.qa-intro{grid-template-columns:1fr;gap:10px}#qa-art{display:none}#qa-board{padding:18px;min-height:430px;height:63vh}#qa-overlay{padding:23px}#qa-action{min-width:220px}#qa-grid{gap:6px}#qa-grid button{border-radius:6px}#qa-light{width:130px;height:130px}.qa-stats b{font-size:22px}#qa-copy{font-size:14px}}@media(prefers-reduced-motion:reduce){#qa-dialog *{scroll-behavior:auto}}
