shigoto-sim,.sg-figure{--sim-ani:#1e6fb8;--sim-otouto:#c05600;--sim-unknown:#8a939e;--sim-day:#fff;display:block}@media (prefers-color-scheme:dark){shigoto-sim,.sg-figure{--sim-ani:#7cc0f5;--sim-otouto:#ffab61;--sim-unknown:#6b7480;--sim-day:#14202c}}.sg rt{font-size:.5em}.sg-tabs{border-radius:var(--radius);background:var(--c-border);grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;display:grid}.sg-tabs [role=tab]{border-radius:calc(var(--radius) - 4px);min-height:44px;color:var(--c-text);cursor:pointer;background:0 0;border:0;font-weight:700}.sg-tabs [role=tab][aria-selected=true]{background:var(--c-surface);color:var(--c-primary);box-shadow:0 1px 2px #00000026}.sg-panel{border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-surface);margin-top:.75rem;padding:1rem}.sg-panel>:first-child{margin-top:0}.sg-problem{margin:0 0 .25rem;font-size:1.0625rem;font-weight:700;line-height:2}.sg-mission{color:var(--c-muted);margin:0 0 .75rem;line-height:2}.sg-scene{border-radius:var(--radius);background:var(--c-surface-2);padding:.5rem}.sg-wall{width:100%;max-width:420px;height:auto;margin-inline:auto;display:block}.sg-wall .wall__frame{fill:var(--c-surface);stroke:var(--c-border);stroke-width:1.5px}.sg-wall .cell rect{fill:var(--c-surface);stroke:var(--c-border);stroke-width:1px}.sg-wall .cell--ani rect,.sg-wall .sw--ani{fill:var(--sim-ani);stroke:none}.sg-wall .cell--otouto rect,.sg-wall .sw--otouto{fill:var(--sim-otouto);stroke:none}.sg-wall .cell--unknown rect{fill:var(--sim-unknown);stroke:none}.sg-wall .cell__day{fill:var(--sim-day);font-variant-numeric:tabular-nums;font-weight:800}.sg-wall .cell.is-dim{opacity:.35}.sg-wall .cell.is-hl rect{stroke:var(--c-text);stroke-width:1.5px}.sg-wall .lbl{fill:var(--c-text);font-size:13px;font-weight:700}.sg-wall .line--answer .lbl{fill:var(--c-primary)}.sg-compare{border:1px solid var(--c-border);border-radius:var(--radius);margin-top:.75rem;padding:.5rem .75rem}.sg-compare__title{color:var(--c-muted);margin:0 0 .25rem;font-size:.8125rem;font-weight:700}.sg-compare__list{text-align:center;grid-template-columns:repeat(3,1fr);gap:.25rem;margin:0;padding:0;list-style:none;display:grid}.sg-compare__item{background:var(--c-surface-2);border-radius:8px;padding:.25rem;font-size:.875rem;line-height:1.8;display:grid}.sg-compare__item strong{color:var(--c-muted);font-variant-numeric:tabular-nums;font-size:1.125rem}.sg-compare__item.is-done strong{color:var(--c-primary)}.sg-compare__note{color:var(--c-muted);margin:.25rem 0 0;font-size:.875rem;line-height:2}.sg-status{text-align:center;margin-block:.75rem}.sg-meter{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.25rem 1.5rem;display:flex}.sg-meter p{margin:0}.sg-now strong{color:var(--c-primary);font-variant-numeric:tabular-nums;font-size:2rem}.sg-count strong{color:var(--c-accent);font-variant-numeric:tabular-nums;font-size:1.5rem}.sg-judge{background:var(--c-surface-2);border-radius:999px;margin:.25rem 0 0;padding:.2rem 1rem;font-weight:700;display:inline-block}.sg-judge.is-match{background:var(--c-primary);color:var(--c-on-primary);font-size:1.125rem}@media (prefers-reduced-motion:no-preference){.sg-status.is-match .sg-judge{animation:.6s ease-out sg-cheer}}@keyframes sg-cheer{0%{transform:scale(.8)}50%{transform:scale(1.12)}to{transform:scale(1)}}.sg-controls{grid-template-columns:1fr 1.3fr;gap:.5rem;display:grid}.sg-controls .btn,.sg-play{padding-inline:.5rem;font-size:.9375rem}.sg-play{width:100%;margin-top:.5rem}shigoto-sim.is-playing .sg-play{pointer-events:none;opacity:.6}.sg-legend{margin:.75rem 0 0;padding:0;font-size:.9375rem;line-height:2;list-style:none}.sg-legend li{align-items:baseline;gap:.5rem;display:flex}.sg-swatch{border-radius:3px;flex:none;width:1em;height:.5em;transform:translateY(-.1em)}.sg-swatch--ani{background:var(--sim-ani)}.sg-swatch--otouto{background:var(--sim-otouto)}.sg-swatch--blank{border:1px solid var(--c-border);background:var(--c-surface)}.sg-legend .sg-note{color:var(--c-muted);display:block}.sg-legend .sg-insight{border-radius:var(--radius);background:var(--c-primary-soft);margin-top:.5rem;padding:.5rem .75rem;font-weight:700;display:block}.sg-actions{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.sg-actions .btn{flex:auto}.sg-seg{grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;margin-bottom:.75rem;display:grid}.sg-seg__btn{border:2px solid var(--c-border);border-radius:var(--radius);background:var(--c-surface);min-height:44px;color:var(--c-text);cursor:pointer;padding:.25rem;font-weight:700}.sg-seg__btn[aria-pressed=true]{border-color:var(--c-primary);background:var(--c-primary-soft);color:var(--c-primary)}.sg-chart{border-radius:var(--radius);background:var(--c-surface-2);margin:.75rem 0 0;padding:.5rem}.sg-chart figcaption{color:var(--c-muted);text-align:center;margin-top:.25rem;font-size:.8125rem;line-height:2}.sg-answer{flex-wrap:wrap;align-items:end;gap:.75rem;margin-top:.75rem;display:flex}.sg-answer__field{align-items:center;gap:.4rem;font-weight:700;display:flex}.sg-answer__field input{border:2px solid var(--c-border);background:var(--c-bg);width:6em;min-height:44px;color:var(--c-text);text-align:right;border-radius:8px;padding:0 .5rem;font-size:1.25rem}.sg-answer__field input:focus{border-color:var(--c-primary)}.sg-result-area:not(:empty){border-radius:var(--radius);background:var(--c-surface-2);margin-top:1rem;padding:.75rem 1rem}.sg-result-area p{margin:0;line-height:2}.sg-result{font-size:1.25rem;font-weight:800}.sg-result.is-correct{color:var(--c-success)}.sg-result.is-wrong{color:var(--c-danger)}.sg-score{color:var(--c-muted);margin:.75rem 0 0;font-size:.875rem}.sg-steps{counter-reset:sg-step;margin:1rem 0 0;padding:0;list-style:none}.sg-step{counter-increment:sg-step;border-radius:var(--radius);background:var(--c-surface-2);opacity:.75;margin-top:.5rem;padding:.5rem .75rem .5rem 2.75rem;position:relative}.sg-step.is-current{opacity:1;outline:2px solid var(--c-primary)}.sg-step:before{content:counter(sg-step);background:var(--c-primary);width:1.5rem;height:1.5rem;color:var(--c-on-primary);border-radius:50%;place-items:center;font-size:.875rem;font-weight:800;display:grid;position:absolute;top:.6rem;left:.75rem}.sg-step p{margin:0;line-height:2}.sg-step__title{font-weight:800}.sg-step__formula{font-variant-numeric:tabular-nums;color:var(--c-primary);font-size:1.125rem;font-weight:700}.sg-stepnav{grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;margin-top:1rem;display:grid}.sg-stepnav__count{font-variant-numeric:tabular-nums;font-weight:700}.sg-noscript{color:var(--c-danger);margin-top:.75rem}
