.wg-page{max-width:880px;padding:var(--space-4) 0 var(--space-8);margin:0 auto}.wg-page-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-5);display:flex}.wg-title{font-size:var(--font-size-2xl);margin:0 0 var(--space-1);color:var(--color-text);font-weight:800}.wg-subtitle{color:var(--color-text-muted);max-width:60ch;margin:0}.wg-back{min-height:var(--tap-min);flex-shrink:0;align-items:center;display:inline-flex}.wg-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);padding:var(--space-5)}.wg-section-title{font-size:var(--font-size-base);margin:0 0 var(--space-3);color:var(--color-text);font-weight:700}.wg-muted{color:var(--color-text-muted)}.wg-menu-grid{gap:var(--space-6);grid-template-columns:minmax(0,3fr) minmax(0,2fr);display:grid}.wg-menu-side{background:var(--color-surface-2);border-radius:var(--radius-md);padding:var(--space-4);align-self:start}.wg-rules{margin:0 0 var(--space-4);color:var(--color-text);padding-left:1.2em}.wg-rules li+li{margin-top:var(--space-1)}.wg-best{font-size:var(--font-size-sm);color:var(--color-text-muted);flex-direction:column;gap:2px;margin:0;display:flex}.wg-best-label{color:var(--color-text);font-weight:700}.wg-menu-actions{margin-top:var(--space-5);align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.wg-start{min-width:160px;min-height:48px;font-weight:700}.wg-start-reason{color:var(--color-caution-text);font-size:var(--font-size-sm);margin:0}.wg-field{margin:0 0 var(--space-4);border:0;min-width:0;padding:0}.wg-field legend{font-size:var(--font-size-sm);color:var(--color-text);margin-bottom:var(--space-2);float:none;width:auto;padding:0;font-weight:700}.wg-field-hint{margin:calc(-1 * var(--space-1)) 0 var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted)}.wg-segment{gap:var(--space-2);flex-wrap:wrap;display:flex}.wg-segment-option{min-height:var(--tap-min);min-width:88px;padding:0 var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast);justify-content:center;align-items:center;display:inline-flex;position:relative}.wg-segment-option input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.wg-segment-option:hover{border-color:var(--color-brand)}.wg-segment-option.is-selected{background:var(--color-brand-soft);border-color:var(--color-brand);color:var(--color-brand-soft-text);font-weight:700}.wg-segment-option:has(input:focus-visible){outline:3px solid var(--focus-ring);outline-offset:2px}.wg-segment-option:has(input:disabled):not(.is-selected){opacity:.55;cursor:not-allowed}.wg-segment-option:has(input:disabled) input{cursor:not-allowed}.wg-hud{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.wg-hud-stats{gap:var(--space-2);flex-wrap:wrap;margin:0;display:flex}.wg-hud-stat{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-1) var(--space-3);min-width:84px}.wg-hud-stat dt{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:600}.wg-hud-stat dd{font-size:var(--font-size-lg);font-variant-numeric:tabular-nums;color:var(--color-text);margin:0;font-weight:800}.wg-hud-stat.is-low{border-color:var(--color-danger);background:var(--color-danger-soft)}.wg-hud-stat.is-low dd{color:var(--color-danger)}.wg-hud-stat.is-combo{border-color:var(--color-brand);background:var(--color-brand-soft)}.wg-hud-stat.is-combo dd{color:var(--color-brand-soft-text)}.wg-quit{min-height:var(--tap-min)}.wg-choices{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.wg-choice{align-items:center;gap:var(--space-3);width:100%;min-height:64px;padding:var(--space-3) var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);text-align:left;font-size:var(--font-size-lg);transition:border-color var(--transition-fast), background var(--transition-fast), transform var(--transition-fast);display:flex}.wg-choice:hover:not(:disabled){border-color:var(--color-brand)}.wg-choice:active:not(:disabled){transform:scale(.98)}.wg-choice:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.wg-choice:disabled{cursor:default}.wg-choice-key{border-radius:var(--radius-sm);background:var(--color-surface-2);width:28px;height:28px;color:var(--color-text-muted);font-size:var(--font-size-sm);flex-shrink:0;place-items:center;font-weight:700;display:inline-grid}.wg-choice-body{flex-direction:column;flex:1;min-width:0;display:flex}.wg-choice-text{overflow-wrap:anywhere;font-weight:700}.wg-choice-reading{font-size:var(--font-size-sm);color:var(--color-text-muted)}.wg-choice-mark{font-size:var(--font-size-xl);flex-shrink:0;font-weight:800;line-height:1}.wg-choice.is-selected{border-color:var(--color-brand);background:var(--color-brand-soft)}.wg-choice.is-correct,.wg-choice.is-reveal{border-color:var(--color-success);background:var(--color-success-soft)}.wg-choice.is-correct .wg-choice-mark,.wg-choice.is-reveal .wg-choice-mark{color:var(--color-success-text)}.wg-choice.is-wrong{border-color:var(--color-danger);background:var(--color-danger-soft)}.wg-choice.is-wrong .wg-choice-mark{color:var(--color-danger)}.wg-choice.is-dim{opacity:.6}.wg-feedback{min-height:1.6em;margin:var(--space-3) 0 0;font-weight:700}.wg-feedback.is-correct{color:var(--color-success-text)}.wg-feedback.is-wrong{color:var(--color-danger)}.wg-card-grid{gap:var(--space-2);display:grid}.wg-lang-tag{font-size:var(--font-size-xs);padding:1px var(--space-2);border-radius:var(--radius-pill);background:var(--color-surface-2);color:var(--color-text-muted);font-weight:700;display:inline-block}.wg-result-title{font-size:var(--font-size-xl);margin:0 0 var(--space-3);font-weight:800}.wg-result-title:focus{outline:none}.wg-new-best{margin:0 0 var(--space-3);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--color-caution-soft);color:var(--color-caution-text);font-weight:800;display:inline-block}.wg-result-stats{gap:var(--space-3);margin:0 0 var(--space-5);flex-wrap:wrap;display:flex}.wg-result-stats>div{background:var(--color-surface-2);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);min-width:120px}.wg-result-stats dt{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:600}.wg-result-stats dd{font-size:var(--font-size-2xl);font-variant-numeric:tabular-nums;margin:0;font-weight:800}.wg-missed{margin:0 0 var(--space-5);gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding:0;list-style:none;display:grid}.wg-missed li{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;display:flex}.wg-missed-primary{font-weight:700}.wg-missed-reading{font-size:var(--font-size-sm);color:var(--color-text-muted)}.wg-missed-secondary{color:var(--color-text-muted)}.wg-result-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.wg-result-actions .btn{min-height:var(--tap-min);align-items:center;display:inline-flex}@keyframes wg-pop{0%{transform:scale(.96)}to{transform:scale(1)}}.wg-pop{animation:.18s ease-out wg-pop}.wg-answer{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.wg-answer-input{min-width:0;min-height:52px;padding:0 var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-lg);flex:220px}.wg-answer-input:focus-visible{outline:3px solid var(--focus-ring);outline-offset:1px;border-color:var(--color-brand)}.wg-answer-input:disabled{background:var(--color-surface-2)}.wg-answer-submit,.wg-answer .btn{min-width:88px;min-height:52px;font-weight:700}.wg-answer-status{font-size:var(--font-size-sm);color:var(--color-text-muted);flex-basis:100%;margin:0}.wg-review-note{align-items:center;gap:var(--space-1) var(--space-3);margin:0 0 var(--space-5);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-brand-soft);color:var(--color-brand-soft-text);flex-wrap:wrap;display:flex}.wg-review-note a{color:inherit;min-height:var(--tap-min);align-items:center;font-weight:700;text-decoration:underline;display:inline-flex}.wg-icon-btn{align-items:center;gap:var(--space-2);min-height:var(--tap-min);display:inline-flex}.wg-icon-btn svg{flex-shrink:0;width:20px;height:20px}@media (max-width:700px){.wg-page{padding-top:var(--space-2)}.wg-page-header{gap:var(--space-2);flex-direction:column}.wg-title{font-size:var(--font-size-xl)}.wg-panel{padding:var(--space-4)}.wg-menu-grid{gap:var(--space-4);grid-template-columns:1fr}.wg-segment-option{flex:1 1 calc(50% - var(--space-2));min-width:0}.wg-choices{grid-template-columns:1fr}.wg-choice{min-height:56px;font-size:var(--font-size-base)}.wg-hud{align-items:flex-start}.wg-hud-stat{min-width:0;padding:var(--space-1) var(--space-2)}.wg-hud-stat dd{font-size:var(--font-size-base)}}@media (prefers-reduced-motion:reduce){.wg-pop{animation:none}.wg-choice,.wg-segment-option{transition:none}.wg-choice:active:not(:disabled){transform:none}}.hub-group+.hub-group{margin-top:var(--space-6)}.hub-group-title{font-size:var(--font-size-lg);margin:var(--space-5) 0 0;color:var(--color-text);font-weight:800}