.dwgs-dwg{max-width:480px;margin:0 auto}.dwgs-dwg__intro{color:var(--dwgs-text-muted);font-size:15px;line-height:1.6;margin:0 0 14px;text-align:center}.dwgs-dwg__legend{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin-bottom:18px;font-size:12px;color:var(--dwgs-text-muted)}.dwgs-dwg__legend-item{display:inline-flex;align-items:center;gap:6px}.dwgs-dwg__legend-swatch{display:inline-block;width:14px;height:14px;border-radius:3px}.dwgs-dwg__mode-select{display:flex;justify-content:center;gap:8px;margin-bottom:12px}.dwgs-dwg__mode-btn{appearance:none;border:1px solid var(--dwgs-border);background:var(--dwgs-surface);color:var(--dwgs-text-muted);font-weight:700;font-size:14px;padding:9px 22px;border-radius:10px;cursor:pointer}.dwgs-dwg__mode-btn.is-active{background:var(--dwgs-primary);color:#fff;border-color:var(--dwgs-primary)}.dwgs-dwg__mode-btn:focus-visible{outline:3px solid var(--dwgs-accent);outline-offset:2px}.dwgs-dwg__practice-banner{text-align:center;background:var(--dwgs-surface);border:1px solid var(--dwgs-border);border-radius:10px;padding:8px 12px;font-size:13px;font-weight:600;color:var(--dwgs-text-muted);margin:0 0 16px}.dwgs-dwg__practice-banner[hidden]{display:none}.dwgs-dwg__grid{display:flex;flex-direction:column;gap:6px;max-width:330px;margin:0 auto 18px}.dwgs-dwg__row{display:flex;gap:6px}.dwgs-dwg__row--shake{animation:dwgs-dwg-shake 0.35s ease}@keyframes dwgs-dwg-shake{10%,90%{transform:translateX(-2px)}20%,80%{transform:translateX(3px)}30%,50%,70%{transform:translateX(-5px)}40%,60%{transform:translateX(5px)}}.dwgs-dwg__tile{flex:1 1 0;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;border:2px solid var(--dwgs-border);border-radius:6px;background:var(--dwgs-bg);color:var(--dwgs-text);font-size:clamp(18px,6vw,28px);font-weight:800;text-transform:uppercase;line-height:1}.dwgs-dwg__tile--filled{border-color:var(--dwgs-text-muted)}.dwgs-dwg__tile--correct{background:#16a34a;border-color:#16a34a;color:#fff}.dwgs-dwg__tile--present{background:#d97706;border-color:#d97706;color:#fff}.dwgs-dwg__tile--absent{background:var(--dwgs-text-muted);border-color:var(--dwgs-text-muted);color:#fff}.dwgs-dwg__message{text-align:center;min-height:24px;font-weight:700;font-size:15px;color:var(--dwgs-primary);margin:0 0 14px}.dwgs-dwg__message.is-error{color:#dc2626}.dwgs-dwg__keyboard{display:flex;flex-direction:column;gap:8px;max-width:480px;margin:0 auto 20px}.dwgs-dwg__kbd-row{display:flex;justify-content:center;gap:6px}.dwgs-dwg__key{appearance:none;border:none;background:var(--dwgs-surface);color:var(--dwgs-text);font-weight:700;font-size:13px;border-radius:6px;padding:0;flex:1 1 0;min-width:0;height:46px;cursor:pointer}.dwgs-dwg__key--wide{flex:1.6 1 0;font-size:11px}.dwgs-dwg__key:focus-visible{outline:3px solid var(--dwgs-accent);outline-offset:2px}.dwgs-dwg__key--correct{background:#16a34a;color:#fff}.dwgs-dwg__key--present{background:#d97706;color:#fff}.dwgs-dwg__key--absent{background:var(--dwgs-text-muted);color:#fff}.dwgs-dwg__after[hidden]{display:none}.dwgs-dwg__stats-panel{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.dwgs-dwg__stat{background:var(--dwgs-surface);border:1px solid var(--dwgs-border);border-radius:10px;padding:10px 6px;text-align:center}.dwgs-dwg__stat-value{display:block;font-size:20px;font-weight:800;color:var(--dwgs-primary)}.dwgs-dwg__stat-label{display:block;margin-top:2px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.02em;color:var(--dwgs-text-muted)}.dwgs-dwg__stats-line{grid-column:1 / -1;text-align:center;font-weight:700;color:var(--dwgs-text);margin:0 0 4px}.dwgs-dwg__after-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}.dwgs-dwg__countdown{text-align:center}.dwgs-dwg__countdown[hidden]{display:none}.dwgs-dwg__countdown p{margin:0;color:var(--dwgs-text-muted);font-size:13px;font-weight:600}.dwgs-dwg__countdown-time{font-size:22px;font-weight:800;color:var(--dwgs-primary);font-variant-numeric:tabular-nums;margin-top:2px}.dwgs-dwg__section{margin-top:36px;padding-top:28px;border-top:1px solid var(--dwgs-border)}.dwgs-dwg__section h2{font-size:20px;font-weight:800;color:var(--dwgs-text);margin:0 0 14px}.dwgs-dwg__section p{color:var(--dwgs-text-muted);font-size:15px;line-height:1.7;margin:0}.dwgs-dwg__section ul{color:var(--dwgs-text-muted);font-size:15px;line-height:1.7;margin:0;padding-left:22px}.dwgs-dwg__section li{margin-bottom:8px}.dwgs-dwg__faq-list{display:flex;flex-direction:column;gap:10px}.dwgs-dwg__faq-item{background:var(--dwgs-surface);border:1px solid var(--dwgs-border);border-radius:12px;padding:14px 16px}.dwgs-dwg__faq-item summary{font-weight:700;color:var(--dwgs-text);cursor:pointer;list-style:none}.dwgs-dwg__faq-item summary::-webkit-details-marker{display:none}.dwgs-dwg__faq-item summary::before{content:'+';display:inline-block;width:18px;color:var(--dwgs-primary);font-weight:800}.dwgs-dwg__faq-item[open] summary::before{content:'−'}.dwgs-dwg__faq-item summary:focus-visible{outline:3px solid var(--dwgs-accent);outline-offset:2px;border-radius:6px}.dwgs-dwg__faq-item p{margin:10px 0 0 18px;color:var(--dwgs-text-muted);font-size:14px;line-height:1.6}@media (max-width:420px){.dwgs-dwg__grid{max-width:300px;gap:5px}.dwgs-dwg__row{gap:5px}.dwgs-dwg__key{height:42px;font-size:12px}.dwgs-dwg__stats-panel{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){.dwgs-dwg__row--shake{animation:none}}