.lg-card{--game:#1d6fb8;border:1px solid var(--card-border);background:var(--surface);border-radius:16px;margin:12px 0;padding:16px}.lg-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.lg-type{background:color-mix(in srgb, var(--game) 13%, var(--surface));color:var(--game);border-radius:999px;padding:3px 10px;font-size:.85rem;font-weight:800}:root[data-theme=dark] .lg-type,:root[data-theme=dark] .lg-card{--game:#6fb0f0}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .lg-card{--game:#6fb0f0}}.lg-clock{font-variant-numeric:tabular-nums;align-items:center;gap:4px;display:inline-flex}.lg-clock strong{text-align:right;min-width:2ch;font-size:1.15rem}.lg-bar{background:var(--surface-2);border-radius:3px;height:6px;margin-top:10px;overflow:hidden}.lg-bar span{background:var(--game);transform-origin:0;height:100%;transition:transform .2s linear,background .2s;display:block}.lg-bar span.is-low{background:var(--warm)}.lg-q{outline:none;margin:14px 0 12px;font-size:1.15rem;line-height:1.4}.lg-options{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (width>=560px){.is-odd .lg-options,.is-number .lg-options{grid-template-columns:repeat(4,1fr)}}.lg-option{border:2px solid var(--line-strong);background:var(--surface);min-height:84px;color:var(--text);font:inherit;cursor:pointer;border-radius:14px;place-items:center;padding:8px;display:grid}.lg-option:hover:not(:disabled){border-color:var(--game)}.lg-option:disabled{cursor:default;opacity:.7}.lg-option.is-right{border-color:var(--match);background:color-mix(in srgb, var(--match) 12%, var(--surface));opacity:1}.lg-option.is-wrong{border-color:var(--error);background:color-mix(in srgb, var(--error) 10%, var(--surface));opacity:1}.lg-big{font-variant-numeric:tabular-nums;font-size:1.9rem;font-weight:800}.lg-svg{width:64px;height:64px;display:block}.lg-shape{display:block}.lg-seq{flex-wrap:wrap;justify-content:center;gap:6px;margin:4px 0 16px;display:flex}.lg-seq span{background:var(--surface-2);text-align:center;font-variant-numeric:tabular-nums;border-radius:10px;min-width:44px;padding:8px 6px;font-size:1.25rem;font-weight:800}.lg-gap{border:2px dashed var(--game);color:var(--game);background:0 0!important}.lg-matrix{grid-template-columns:repeat(3,1fr);gap:6px;max-width:240px;margin:0 auto 16px;display:grid}.lg-matrix>span{aspect-ratio:1;border:1px solid var(--card-border);background:var(--surface-2);color:var(--text);border-radius:10px;place-items:center;font-size:2rem;font-weight:800;display:grid}.lg-matrix .lg-svg,.is-matrix .lg-option .lg-svg{width:72%;height:auto}.is-matrix .lg-options{grid-template-columns:repeat(4,1fr);gap:8px}.is-matrix .lg-option{aspect-ratio:1;min-height:0;padding:4px}.is-matrix .lg-option .lg-svg{width:88%}.lg-path{grid-template-columns:repeat(var(--size), 1fr);gap:6px;max-width:340px;margin:0 auto;display:grid}.lg-sq{aspect-ratio:1;border:2px solid var(--line-strong);background:var(--surface);color:var(--text);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;border-radius:10px;font-size:1.2rem;font-weight:800;position:relative}.lg-sq.is-on{border-color:var(--game);background:color-mix(in srgb, var(--game) 18%, var(--surface))}.lg-sq.is-here{box-shadow:0 0 0 3px var(--game)}.lg-sq.is-wrong{border-color:var(--error);background:color-mix(in srgb, var(--error) 15%, var(--surface));animation:.3s lg-shake}.lg-sq.is-start:after,.lg-sq.is-goal:after{font-size:.7rem;position:absolute;top:1px;right:3px}.lg-sq.is-start:after{content:"▶";color:var(--game)}.lg-sq.is-goal:after{content:"⚑";color:var(--warm);font-size:.85rem}.lg-sq:disabled{cursor:default}@keyframes lg-shake{25%{transform:translate(-3px)}75%{transform:translate(3px)}}.lg-after{margin-top:14px}.lg-verdict{margin:0 0 6px;font-size:1.1rem;font-weight:800}.lg-verdict.is-right{color:var(--match)}.lg-verdict.is-wrong{color:var(--error)}.lg-why{background:var(--surface-2);border-radius:12px;margin:0 0 12px;padding:10px 12px;line-height:1.5}@media (prefers-reduced-motion:reduce){.lg-sq.is-wrong{animation:none}.lg-bar span{transition:none}}
