:root{--bg:#f4efe4;--surface:#fffdf8;--cell:#ebe4d4;--cell-visited:#d8ebe9;--line:#d9d1c0;--text:#2a2825;--muted:#6f6a60;--thread:#1f6f78;--thread-done:#2e8b57;--accent:#e0792b;--wp:#2a2825;--wp-text:#fffdf8;--wp-visited:#1f6f78;--btn:#fffdf8;--btn-text:#2a2825;--btn-border:#c9c1b0;--primary:#1f6f78;--primary-text:#fffdf8;--focus:#e0792b;--thread-width:30}@media (prefers-color-scheme:dark){:root{--bg:#15181c;--surface:#1d2126;--cell:#242930;--cell-visited:#1f3a3d;--line:#2f353d;--text:#ece7dc;--muted:#a39d92;--thread:#5cc0cb;--thread-done:#6fcf97;--accent:#f2a65a;--wp:#ece7dc;--wp-text:#15181c;--wp-visited:#5cc0cb;--btn:#242930;--btn-text:#ece7dc;--btn-border:#3b424b;--primary:#5cc0cb;--primary-text:#15181c;--focus:#f2a65a}}@media (prefers-contrast:more){:root{--bg:#fff;--surface:#fff;--cell:#e6e6e6;--cell-visited:#cfe3e6;--line:#000;--text:#000;--muted:#333;--thread:#004d57;--thread-done:#00611f;--accent:#b34700;--wp:#000;--wp-text:#fff;--wp-visited:#004d57;--btn-border:#000;--thread-width:36}@media (prefers-color-scheme:dark){:root{--bg:#000;--surface:#000;--cell:#262626;--cell-visited:#1e4a50;--line:#fff;--text:#fff;--muted:#ddd;--thread:#7fe3ee;--thread-done:#9ff0b8;--accent:#ffb070;--wp:#fff;--wp-text:#000;--wp-visited:#7fe3ee;--btn:#000;--btn-text:#fff;--btn-border:#fff}}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;overscroll-behavior:none;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.app{min-height:100dvh;padding:max(12px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));flex-direction:column;align-items:center;gap:12px;max-width:560px;margin:0 auto;display:flex}.top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 12px;width:100%;display:flex}.title{letter-spacing:.02em;margin:0;font-size:1.25rem;font-weight:700}.meta{color:var(--muted);align-items:baseline;gap:12px;font-size:.95rem;display:flex}.meta__time{font-variant-numeric:tabular-nums;color:var(--text);text-align:right;min-width:3.5ch;font-weight:600}.board-wrap{justify-content:center;width:100%;display:flex}.board{aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:var(--surface);width:min(100%,100dvh - 190px);box-shadow:0 1px 0 var(--line);border-radius:18px;padding:6px;display:block}.cell{fill:var(--cell);transition:fill .12s}.cell--visited{fill:var(--cell-visited)}.thread{fill:none;stroke:var(--thread);stroke-width:var(--thread-width);stroke-linecap:round;stroke-linejoin:round;transition:stroke .3s}.board--solved .thread{stroke:var(--thread-done)}.head{fill:var(--accent);stroke:var(--surface);stroke-width:6px}.wp circle{fill:var(--wp);stroke:var(--surface);stroke-width:6px}.wp--visited circle{fill:var(--wp-visited)}.wp text{fill:var(--wp-text);pointer-events:none;font-size:40px;font-weight:700}.hint-dot{fill:var(--surface);opacity:.9}.controls{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;display:grid}.btn{min-height:52px;font:inherit;border:2px solid var(--btn-border);background:var(--btn);color:var(--btn-text);cursor:pointer;touch-action:manipulation;border-radius:14px;padding:0 16px;font-size:1.05rem;font-weight:600}.btn:disabled{opacity:.45;cursor:default}.btn:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.btn--primary{background:var(--primary);color:var(--primary-text);border-color:var(--primary)}.win{background:var(--surface);border:2px solid var(--line);border-radius:16px;flex-direction:column;align-items:stretch;gap:12px;width:100%;padding:16px;animation:.32s ease-out rise;display:flex}.win h2{margin:0;font-size:1.4rem}.win__stats{grid-template-columns:repeat(3,1fr);gap:8px;margin:0;display:grid}.win__stats dt{color:var(--muted);font-size:.85rem}.win__stats dd{font-variant-numeric:tabular-nums;margin:0;font-size:1.3rem;font-weight:700}.muted{color:var(--muted)}.error{color:#b00020}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.cell,.thread{transition:none}.win{animation:none}}.nav{gap:4px;margin-left:auto;display:flex}.nav__item{min-height:44px;color:var(--muted);border-radius:12px;align-items:center;padding:0 12px;font-weight:600;text-decoration:none;display:inline-flex}.nav__item--active{color:var(--text);background:var(--surface);box-shadow:0 1px 0 var(--line)}.nav__item:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.meta{justify-content:space-between;width:100%}.card{background:var(--surface);border:2px solid var(--line);border-radius:16px;flex-direction:column;gap:12px;width:100%;padding:16px;display:flex}.card h2{margin:0;font-size:1.3rem}.card p{margin:0}.seg{grid-auto-columns:1fr;grid-auto-flow:column;gap:6px;display:grid}.seg__item{min-height:48px;font:inherit;border:2px solid var(--btn-border);background:var(--btn);color:var(--btn-text);cursor:pointer;text-transform:capitalize;border-radius:12px;font-weight:600}.seg__item--on{background:var(--primary);color:var(--primary-text);border-color:var(--primary)}.seg__item:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.win__actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.win__toast{text-align:center;color:var(--muted);min-height:1.2em;margin:0;font-size:.9rem}.table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);padding:6px 4px}.table th{color:var(--muted);font-size:.85rem;font-weight:600}.footer{width:100%;color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 16px;margin-top:auto;padding-top:8px;font-size:.85rem;display:flex}.footer a{color:var(--muted);align-items:center;min-height:32px;display:inline-flex}.footer__lang{gap:2px;display:inline-flex}.footer__langbtn{font:inherit;min-width:36px;min-height:32px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;font-weight:600}.footer__langbtn--on{color:var(--text);border-color:var(--btn-border)}.card--tight{gap:4px}.board-wrap--small .board{width:min(100%,360px,100dvh - 330px)}.btn--link{color:var(--muted);background:0 0;border-color:#0000;min-height:44px}.legal h3{margin:8px 0 0;font-size:1.05rem}.legal p{line-height:1.5}