*{box-sizing:border-box}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--cell-font: 26px}body{margin:0;background:var(--page);color:var(--ink);line-height:1.6}button,input,select{font:inherit;color:inherit}button,select,input{border:1px solid var(--line);border-radius:10px;background:var(--card);padding:9px 13px}button{cursor:pointer;font-size:13px;font-weight:650}button:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft)}button:disabled{cursor:default;opacity:.5}button:focus-visible,select:focus-visible,input:focus-visible,.board-scroll:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.puzzle-settings summary:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}button.primary{color:var(--page);background:var(--accent);border-color:var(--accent)}button.primary:hover{color:var(--page);background:var(--accent-strong)}a{color:var(--accent);text-underline-offset:3px}[hidden]{display:none!important}.shell{max-width:1240px;padding:0 32px;margin:auto}.intro{padding:44px 0 34px}.eyebrow{color:var(--accent);font-size:11px;text-transform:uppercase;letter-spacing:.16em;font-weight:700}h1{font-size:clamp(32px,4vw,48px);line-height:1.15;letter-spacing:-.045em;margin:12px 0 16px;font-weight:650}h1>span{color:var(--accent)}.intro p{max-width:580px;color:var(--muted);font-size:14px;margin:0}h2{font-size:17px;letter-spacing:-.02em;margin:0;font-weight:650}h3{font-size:13px;margin-top:24px}.small{font-size:12px;color:var(--muted)}.toolbar,.actions,.card-heading,.board-heading,.progress-row,.board-bottom,footer,.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.toolbar{margin-bottom:14px;flex-wrap:wrap}.actions{justify-content:flex-start;flex-wrap:wrap;gap:8px}.tag{display:inline-block;font-size:11px;font-weight:650;padding:4px 9px;border-radius:7px;background:var(--accent-soft);color:var(--accent)}#notice{font-size:13px;color:var(--accent);margin:10px 0}#notice:empty{display:none}#notice[data-error=true],#settingsError{color:light-dark(#a22730,#ffaaaa)}.layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;align-items:start}main,aside{min-width:0}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px;margin-bottom:20px;box-shadow:0 4px 18px #00000006}.board-card{padding:26px}.card.puzzle-settings{padding:0;overflow:hidden}.puzzle-settings summary{padding:14px 17px;color:var(--accent-strong);cursor:pointer;font-size:13px;font-weight:750;list-style-position:inside}.puzzle-settings .settings-body{padding:16px 22px 22px;border-top:1px solid var(--line)}.board-heading{align-items:flex-start;margin-bottom:23px}.board-heading h2{margin-top:5px;font-size:15px}.clock{text-align:right;min-width:65px}.clock span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.clock strong{font-size:21px;font-variant-numeric:tabular-nums;font-weight:550}.progress-row{font-size:11px;color:var(--muted);flex-wrap:wrap;gap:4px}#progressText{color:var(--accent);font-weight:650}progress{width:100%;height:5px;border:0;border-radius:10px;appearance:none;display:block;margin:10px 0 24px;background:var(--soft);color:var(--accent)}progress::-webkit-progress-bar{background:var(--soft);border-radius:10px}progress::-webkit-progress-value{background:var(--accent);border-radius:10px;transition:width .25s}progress::-moz-progress-bar{background:var(--accent)}.board-scroll{width:100%;overflow:auto;border-radius:12px;padding:5px}#grid{--cell-size: max(34px, calc(var(--cell-font) + 16px));display:grid;grid-template-rows:repeat(var(--size),1fr);width:max-content;min-width:min(100%,calc(var(--size) * 50px));margin:auto;user-select:none;-webkit-user-select:none;touch-action:none}.grid-row{display:grid;grid-template-columns:repeat(var(--size),minmax(var(--cell-size),1fr))}#grid [data-cell]{display:grid;place-items:center;font:500 var(--cell-font)/1.35 var(--study-jp-font, "Noto Sans JP"),"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;border:2px solid transparent;border-radius:9px;background:transparent;padding:4px;aspect-ratio:1;min-height:var(--cell-size);min-width:0;position:relative}#grid [data-cell]:focus-visible{outline-offset:-2px;z-index:1}#grid [data-cell].found{background:var(--accent-soft);color:var(--accent-strong)}#grid [data-cell].found:after{content:"";position:absolute;bottom:4px;left:30%;right:30%;height:2px;background:var(--accent)}#grid [data-cell].revealed{border:2px dashed var(--accent)}#grid [data-cell].selecting,#grid [data-cell].anchor{background:var(--accent);color:var(--page)}#grid [data-cell].anchor{outline:2px solid var(--accent);outline-offset:1px;z-index:1}#grid [data-cell].wrong{background:light-dark(#fce2df,#61282b);color:light-dark(#95242b,#ffd6d3);border-color:light-dark(#a62730,#f2a2a9)}#grid [data-cell].hint-area{border-color:var(--accent);border-style:dotted}:root[data-animate=true] #grid [data-cell].found{animation:discover .35s ease-out}@keyframes discover{0%{transform:scale(.9)}60%{transform:scale(1.08)}to{transform:scale(1)}}.selection-status{min-height:48px;margin:15px 0 5px;font-size:12px;color:var(--accent);overflow-wrap:anywhere}.board-bottom{padding-top:16px;border-top:1px solid var(--line);flex-wrap:wrap;justify-content:flex-start;gap:8px}.board-bottom select{font-size:12px;max-width:160px}.instructions{margin:15px 0 0;font-size:11px}#emptyBoard{padding:55px 20px;text-align:center}#emptyBoard>span{font-size:35px;color:var(--accent);letter-spacing:.15em}#emptyBoard p{font-size:14px;color:var(--muted)}.card-heading{margin-bottom:14px}.word-list{list-style:none;padding:0;margin:15px 0 0}.word-list li+li{margin-top:4px}.word-list button{display:flex;width:100%;gap:12px;padding:12px 7px;border:1px solid transparent;border-radius:10px;text-align:left!important;justify-content:flex-start!important;background:transparent;font-size:15px;font-weight:500}.word-list button:disabled{opacity:1}.word-check{font-size:10px;color:var(--muted);flex:0 0 24px;width:24px;height:24px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center}.word-label{min-width:0;overflow-wrap:anywhere}.word-label .study-japanese{font-size:19px}.word-meaning{font-size:11px;color:var(--muted);display:block;margin-top:4px;font-weight:400}.is-found .word-check{background:var(--accent);border-color:var(--accent);color:var(--page)}.is-found button{background:var(--accent-soft)}.word-status{color:var(--accent);font-size:10px;display:block;margin-top:3px}.clue-icon{font-size:23px;margin-right:7px}.notebook{background:linear-gradient(145deg,var(--card),var(--soft))}.notebook-empty{text-align:center;padding:20px 10px}.notebook-empty>span{font-size:27px;letter-spacing:.1em;color:var(--accent)}.notebook-empty p{font-size:12px}.detail-word{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:30px;margin-top:22px}.detail-reading{color:var(--muted);margin:5px 0;font-size:15px}#wordDetails{font-size:13px;overflow-wrap:anywhere}#saveWord{display:block;margin-top:15px}.kanji-buttons{display:flex;flex-wrap:wrap;gap:8px}.kanji-buttons button{font-size:24px}.kanji-glyph{font-size:40px;color:var(--accent)}#kanjiPreview:not(:empty){margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.source-note{padding:0 6px;font-size:10px;line-height:1.9}footer{margin:20px 0;padding:20px 0;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}dialog{padding:0;border:1px solid var(--line);border-radius:20px;color:var(--ink);background:var(--card);width:min(740px,calc(100vw - 24px));max-height:90dvh;box-shadow:var(--shadow)}dialog::backdrop{background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog-head{padding:20px 24px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--card);z-index:2}.dialog-head button{font-size:23px;padding:0 10px}.dialog-body{padding:22px 24px}fieldset{border:0;padding:0;margin:22px 0 28px;min-width:0}legend{font-weight:700;font-size:14px;margin-bottom:16px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.setting{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:12px}.setting select,.setting input{width:100%;min-width:0;font-size:13px}.setting.check{flex-direction:row;align-items:center;gap:9px}.setting.check input{width:17px;height:17px;accent-color:var(--accent)}.review-entry{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:15px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.review-entry>div{min-width:0}.results h2{font-size:26px;margin:8px 0 20px}.result-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.result-stats strong{display:block;font-size:24px;color:var(--accent);font-weight:600}.result-stats span{font-size:10px;color:var(--muted)}.results p{font-size:12px}@media(min-width:1500px){.shell{max-width:1400px}.layout{grid-template-columns:minmax(0,1fr) 370px}}@media(max-width:980px){.layout{grid-template-columns:minmax(0,1fr) 280px;gap:15px}.shell{padding:0 20px}.card,.board-card{padding:18px}}@media(max-width:780px){.layout{grid-template-columns:minmax(0,1fr)}aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}aside .card{margin-bottom:0}.source-note{grid-column:1 / -1}.intro{padding-top:28px}}@media(max-width:500px){.shell{padding:0 12px}.toolbar{align-items:flex-start}.toolbar>.actions{width:100%;display:grid;grid-template-columns:1fr 1.2fr}.toolbar button{padding:9px 6px;font-size:12px}.card{padding:16px 12px}aside{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}.dialog-body,.puzzle-settings .settings-body{padding:16px}.board-bottom{gap:6px}.board-bottom button{font-size:11px}.board-bottom select{font-size:11px;max-width:135px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}#settingsForm>fieldset:first-child .settings-grid>label:first-child{grid-column:1 / -1}#settingsForm .settings-section h3{margin-top:0}#settingsForm .settings-section .setting{margin-block:12px}@media(min-width:900px){#settingsForm>fieldset:first-child .settings-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.word-label .word-clue{display:block}.word-label .word-clue+.word-clue{margin-top:2px;opacity:.85}.setting-name{font-size:12.5px;font-weight:650;line-height:1.4;color:var(--muted)}.setting.check>.setting-name{font-size:13px;font-weight:500;cursor:pointer;color:var(--ink)}.start-error{margin:8px 0 0;font-size:13px;color:light-dark(#a22730,#ffaaaa)}.start-error:empty{display:none}#emptyBoard .start-error{text-align:center}#settingsForm .settings-grid.clue-grid{gap:0}#settingsForm .clue-grid>.chips-field{margin-bottom:0}#settingsForm .clue-grid>.setting.check{margin-top:-6px}