header.study-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;flex:0 0 auto;height:auto;min-height:64px;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);margin:0}.study-header .brand,.study-header .cw-brand{min-width:0;max-width:100%;grid-row:1;grid-column:1;justify-self:start}.study-header .brand,.study-header .cw-brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none}.study-header .brand-note,.study-header .cw-brand-note,.study-header .brand-sub{margin-left:6px;color:var(--muted);font-size:.72em;font-weight:500;letter-spacing:0}.study-header .brand-mark,.study-header .cw-brand-mark{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:11px;background:var(--accent);color:var(--page);font:23px/1 Georgia,serif}.study-header .brand-name,.study-header .cw-brand-name{min-width:0;font:750 18px/1.3 system-ui,sans-serif;letter-spacing:-.035em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.study-embedded .brand,.study-embedded .cw-brand{max-width:calc(50vw - 48px)}.study-header-description{grid-row:2;grid-column:1 / -1;margin:0;color:var(--muted);font:400 12px/1.4 system-ui,sans-serif}.study-toolbar{grid-row:3;grid-column:1 / -1;display:flex;align-items:center;gap:8px}.study-toolbar button,.study-audio{border:1px solid var(--line);border-radius:10px;background:var(--card, #222923);color:var(--ink);padding:9px 12px;font:700 13px/1.4 system-ui,sans-serif;cursor:pointer}.study-toolbar>button{display:inline-flex;flex:1 1 0;min-width:0;width:auto;height:44px;min-height:44px;padding:4px 7px;white-space:normal}.study-toolbar button[aria-pressed=true]{background:var(--accent-soft, #2e4033)}.study-toolbar [hidden]{display:none!important}.study-romaji{display:block;font:400 12px/1.5 system-ui,sans-serif;color:var(--muted)}.study-japanese ruby{ruby-position:over}.study-japanese rt{font-size:.5em}:root[data-japanese-font] [lang=ja]{font-family:var(--study-jp-font),"Yu Gothic",Meiryo,sans-serif}:root[data-study-furigana=false] .study-japanese rt{display:none}:root[data-study-romaji=false] .study-romaji{display:none}:root[data-study-audio=false] .study-audio,:root[data-study-audio=false] [data-audio]{display:none}@media(min-width:1100px){header.study-header{grid-template-columns:minmax(0,1fr) auto auto}.study-toolbar{grid-row:3;grid-column:1 / -1;display:flex}.study-toolbar>button{flex:0 0 auto;width:auto;white-space:nowrap}.study-theme{grid-column:3}}@media(max-width:430px){.study-toolbar{gap:5px}.study-toolbar button{padding:4px;font-size:11px}}.study-reading{display:inline-flex;align-items:center;flex-wrap:wrap;gap:.3rem;margin:.2rem .65rem .2rem 0}.font-preview{display:grid;gap:4px;background:var(--soft);border:1px solid var(--line);border-radius:8px;padding:8px;margin-top:6px;text-align:center}.font-preview-sample{font-size:20px}.font-preview-name{color:var(--muted);font:11px/1.5 system-ui}.study-intro{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;width:100%}.study-intro-content{flex:1;min-width:0;text-align:left}body .study-intro-content>:is(h1,h2,p){margin-left:0;margin-right:0;text-align:left}body .study-intro-content>:is(.eyebrow,.cw-eyebrow){color:var(--text-warm)}body .study-intro-content .study-contribute a:first-of-type{color:var(--text-blue);text-decoration:underline}body .study-intro-content .study-contribute a:last-of-type{color:var(--text-plum);text-decoration:underline}body :is(.shell,.cw-shell,.practice-shell){width:min(calc(100% - 40px),1280px);max-width:1280px;margin-inline:auto;padding-inline:0}body :is(#settingsPanel,#settingsDrawer,.puzzle-settings)>summary,body details:has(>#settings)>summary{color:var(--accent-strong);font-size:16px;font-weight:750;padding:12px 0}body :is(.shell,.cw-shell,.practice-shell)>main{padding-inline:0}body .main-column{width:100%}body :is(.settings-body,.cw-settings-grid){padding-inline:16px}.study-support{flex:0 0 auto;margin-left:auto}.study-support form{display:inline-grid;justify-items:center;align-content:start;gap:.5rem}.study-support .pp-BGUN4RBRVZKKJ{display:inline-flex;gap:7px;text-align:center;border:none;border-radius:8px;min-width:0;padding:0 14px;height:44px;font:700 13px/1.2 Helvetica Neue,Arial,sans-serif;background:#ffd140;color:#000;cursor:pointer}.study-support button img{width:20px;height:20px;object-fit:contain;flex:0 0 20px}.study-support form>img{width:160px;height:auto}.study-support span{font-size:.75rem}.study-support span img{height:.875rem;vertical-align:middle}.study-support .study-support-brand{display:none}.study-support .study-support-label{font:inherit;color:#000}@media(max-width:600px){body :is(.shell,.cw-shell,.practice-shell){width:calc(100% - 24px)}.study-intro{flex-direction:column;gap:.75rem}.study-intro-content{width:100%}.study-support form{gap:0}.study-support form>img,.study-support form>span{display:none}.study-support .pp-BGUN4RBRVZKKJ{display:inline-flex;min-height:44px;height:44px;padding:0 10px;font-size:12px}.study-support .study-support-brand{display:block;padding:0 9px;border-radius:4px 0 0 4px;background:#555;color:#fff;font:inherit}.study-support .study-support-label{padding:0 10px;border-radius:0 4px 4px 0;background:#ffd140;color:#000}}@media(max-width:760px){#shortcutHint,.shortcut-hint,.option-key,.quiz-shortcut{display:none!important}}body:not([data-quiz-mode=multiple]) .quiz-shortcut,body:not([data-quiz-mode=multiple]) .option-key,body:not([data-quiz-mode=multiple]) #shortcutHint{display:none!important}header.study-embedded{grid-template-columns:minmax(0,1fr) auto}.study-embedded .study-appearance{grid-column:2}.study-embedded .study-toolbar{grid-row:3;grid-column:1 / -1}@media(max-width:600px){.study-embedded .study-appearance{grid-row:1;grid-column:2;justify-self:end}}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans JP,sans-serif;color:#233d33;background:#f6f5f1;color-scheme:light;--bg: #f6f5f1;--card: #fffefa;--soft: #eeeee6;--ink: #233d33;--muted: #62726a;--line: #d8ded4;--accent: #356653;--tint: #e7efe4;--error: #a03d32;--shadow: 0 8px 32px #243d3307;--scale: 1;--accent-soft: var(--tint)}:root[data-theme=dark]{color-scheme:dark;--bg: #151b18;--card: #1e2722;--soft: #28332c;--ink: #e3ebdf;--muted: #abbcaf;--line: #3e5044;--accent: #b6d4a5;--tint: #303f31;--error: #ffb5a5}:root[data-contrast=true]{--muted: var(--ink);--line: var(--ink)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-size:calc(15px * var(--scale));line-height:1.6}button,input,select{font:inherit}button,select{cursor:pointer}button,input,select{border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);padding:10px 15px}button{min-height:44px;font-weight:600;transition:background .15s,border-color .15s}button:hover:not(:disabled){border-color:var(--accent);background:var(--tint)}button:disabled{opacity:.48;cursor:not-allowed}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}[hidden]{display:none!important}a{color:var(--accent)}h1,h2,h3,p{margin-top:0}h2{font-size:1.1em}h3{font-size:1em}.shell{max-width:1240px;margin:auto;padding:0 32px 42px}.brand{display:flex;align-items:center;gap:12px;margin-right:auto;font-weight:650}.brand-mark{display:grid;place-items:center;width:40px;height:40px;background:var(--accent);color:var(--bg);border-radius:12px;font:26px serif}.brand small{color:var(--muted);font-weight:400}.intro{margin:35px 0 25px}.eyebrow{display:block;font-size:.74em;text-transform:uppercase;letter-spacing:.16em;color:var(--muted);font-weight:650}.intro h1{font-size:clamp(30px,4vw,46px);letter-spacing:-.035em;line-height:1.3;margin:8px 0 12px}.intro h1 span{font:.76em serif;margin-left:10px;color:var(--accent)}.intro p{color:var(--muted);max-width:640px;margin:0}.help-button{border-radius:50%;min-height:26px;height:26px;width:26px;padding:0;font-size:14px;vertical-align:middle}.toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:20px}.toolbar .tag{margin-right:auto}.tag{display:inline-flex;align-items:center;border-radius:99px;background:var(--tint);padding:5px 12px;font-size:.8em;color:var(--accent);gap:8px}.primary{background:var(--accent);color:var(--bg);border-color:var(--accent)}.entry-row .primary{white-space:nowrap}.primary:hover:not(:disabled){background:var(--ink);color:var(--bg)}.layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;align-items:start}.main-column,.sidebar{display:grid;gap:20px;min-width:0}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:23px;min-width:0}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.card-heading h2,.card-heading p{margin:0}.muted,.small{color:var(--muted)}.small{font-size:.82em}.turn-strip{display:flex;justify-content:space-between;align-items:center;gap:8px}.turn-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-right:8px}.timer{font-size:1.1em;font-variant-numeric:tabular-nums;font-weight:700}.timer.urgent{color:var(--error)}.prompt{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;text-align:center;margin:24px 0}.previous-word{font-size:calc(32px * var(--scale));overflow-wrap:anywhere}.previous-word .study-romaji{font-size:13px}.connection-arrow{color:var(--muted);font-size:24px}.required-wrap{background:var(--tint);border:1px solid var(--line);border-radius:18px;padding:13px}.start-options{list-style:none;margin:8px 0 0;padding:0;text-align:left;display:inline-grid;gap:4px;max-height:calc(190px * var(--scale));overflow-y:auto}.start-options li{display:flex;align-items:baseline;gap:10px;font-family:var(--study-jp-font, "Noto Sans JP"),sans-serif;font-size:calc(26px * var(--scale));font-weight:600;color:var(--accent)}.start-options li:before{content:"•";color:var(--muted);font-size:.7em}.start-options small{font-size:.5em;color:var(--muted);font-weight:500}.entry-label{display:block;font-weight:600;margin-bottom:8px}.entry-row{display:flex;gap:9px}#wordInput{width:100%;min-width:0;font-size:calc(23px * var(--scale));padding:13px 16px}.entry-note{margin:8px 0 14px}.actions{display:flex;flex-wrap:wrap;gap:8px}.actions button{font-size:.86em}.feedback{border-radius:10px;padding:12px 14px;background:var(--tint);margin:15px 0 0;overflow-wrap:anywhere}.feedback:empty{display:none}.feedback[data-error=true]{color:var(--error);border:1px solid currentColor;background:transparent}.candidates{display:grid;gap:8px;margin-top:12px}.candidates button{text-align:left;font-weight:400}.candidates strong{font-size:1.3em}.chain{--cell: calc(34px * var(--scale));position:relative;list-style:none;margin:0;padding:0;overflow-x:auto;width:100%;min-width:0;--gap: calc(var(--cell) * 1.8);height:calc(var(--cell) * 3 + var(--gap) + 90px * var(--scale))}.chain.kanji-chain{--cell: calc(54px * var(--scale));--gap: calc(var(--cell) * 1.55)}.chain.kanji-chain .chain-word{font-size:calc(38px * var(--scale));line-height:1.15}.chain.kanji-chain .chain-furi{font-size:calc(12px * var(--scale));padding:0 2px}.chain:before{content:"";display:block;width:calc(var(--cols, 1) * var(--cell) + 8px);height:1px}.chain li{position:absolute;box-sizing:border-box;padding:0 3px;left:calc(var(--col) * var(--cell));width:calc(var(--len) * var(--cell))}.chain li.lane-0{top:calc(var(--cell) * 1.2)}.chain li.lane-1{top:calc(var(--cell) * 1.2 + var(--gap))}.chain li.lane-0 .chain-gloss{position:absolute;bottom:100%;left:0}.chain li.lane-1 .chain-gloss{position:absolute;top:100%;left:0}.chain button{width:100%;min-height:calc(var(--cell) * 1.2);padding:4px 3px 3px;box-sizing:border-box;overflow:hidden;text-align:center;border:0;border-radius:0;background:linear-gradient(160deg,color-mix(in srgb,var(--pc) 55%,#fff) 0%,var(--pc) 45%,color-mix(in srgb,var(--pc) 70%,#000) 100%);box-shadow:inset 0 1px #ffffff73,inset 0 -2px 6px #0000002e,0 2px 6px color-mix(in srgb,var(--pc) 35%,transparent);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.55)}.chain .chain-meta{color:#ffffffe6}.chain .chain-word{display:block;font-size:calc(26px * var(--scale));line-height:1.1;white-space:nowrap}.chain .chain-meta{font-size:calc(11px * var(--scale));margin-top:2px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chain .chain-gloss{font-size:.75em;font-style:italic;color:var(--muted);width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.chain li:last-child button{outline:2px solid var(--accent)}[data-player="0"]{--pc: #1f63e8}[data-player="1"]{--pc: #e8244f}[data-player="2"]{--pc: #0a9a58}[data-player="3"]{--pc: #8a35e6}[data-player="4"]{--pc: #e07800}[data-player="5"]{--pc: #0097b8}[data-player=starter]{--pc: #7c8a85}.discovery-list button[data-player]{background:linear-gradient(160deg,color-mix(in srgb,var(--pc) 55%,#fff),var(--pc) 50%,color-mix(in srgb,var(--pc) 70%,#000));border-color:var(--pc);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.4)}.discovery-list button[data-player] .small{color:#ffffffe6}.swatch{display:inline-block;width:.8em;height:.8em;border-radius:50%;background:var(--pc);margin-right:.5em}.empty-state{padding:20px 8px;text-align:center;color:var(--muted)}.empty-icon{display:block;font:40px serif;margin-bottom:8px;color:var(--accent)}.score-row{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line);gap:8px}.score-row.active{color:var(--accent);font-weight:650}.score-row strong{font-variant-numeric:tabular-nums}.stats{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding-top:20px}.stats strong{display:block;font-size:1.7em;line-height:1.2}.stats span{font-size:.74em;color:var(--muted)}.detail-word{font-size:calc(36px * var(--scale));margin-bottom:8px;overflow-wrap:anywhere}.detail-reading{font-size:1.2em}.detail-tags{display:flex;gap:5px;flex-wrap:wrap;margin:14px 0}.detail-tags .tag{padding:3px 8px;font-size:.72em}.kanji-buttons{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.kanji-buttons button{font-size:24px;width:48px;padding:2px}.example{border-left:3px solid var(--accent);margin:18px 0;padding-left:14px}.example p{margin-bottom:6px}.example .study-japanese{font-size:1.14em}.example a{font-size:.72em}.rule-note{font-size:.84em;padding:18px;background:var(--tint);box-shadow:none}.rule-note p:last-child{margin-bottom:0}.results{border:2px solid var(--accent)}.results h2{font-size:1.8em;margin-bottom:8px}.discovery-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}.discovery-list button{text-align:left;font-weight:400;overflow-wrap:anywhere}.discovery-list strong{display:block;font-size:1.3em}footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:25px 2px 0;font-size:.74em;color:var(--muted)}dialog{background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:20px;padding:0;width:min(780px,calc(100vw - 28px));max-height:88dvh;box-shadow:0 24px 90px #0005}dialog::backdrop{background:#0a1b1470;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog-head{position:sticky;top:0;background:var(--card);display:flex;justify-content:space-between;align-items:center;gap:15px;padding:20px 26px;border-bottom:1px solid var(--line);z-index:2}.dialog-head h2{margin:0;font-size:1.35em}.dialog-body{padding:24px 26px}.close{padding:4px 12px;font-size:24px}.card.game-settings{padding:0;margin-bottom:20px}.game-settings>summary{padding:14px 20px;min-height:44px;color:var(--accent);cursor:pointer;font-weight:700;list-style-position:inside}.game-settings>.settings-body{padding:23px;border-top:1px solid var(--line)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 24px}.setting{display:grid;gap:7px;min-width:0;align-content:start}.setting-title{display:flex;align-items:center;gap:7px;font-size:.85em;font-weight:650}.setting select,.setting input{width:100%;min-height:44px}.setting input[type=checkbox]{width:22px;height:22px;min-height:0;accent-color:var(--accent)}.settings-section{border:0;padding:0;margin:0 0 26px;min-width:0}.settings-section legend{font-weight:700;font-size:1em;margin-bottom:15px;padding-bottom:8px;border-bottom:1px solid var(--line);width:100%}.settings-footer{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.help-example{display:flex;flex-wrap:wrap;gap:12px;padding:18px;background:var(--tint);border-radius:14px;font-size:1.6em;margin-bottom:20px}@media(max-width:950px){.layout{grid-template-columns:minmax(0,1fr) 285px;gap:16px}.shell{padding:0 20px 30px}.card{padding:18px}.prompt{gap:12px}}@media(max-width:740px){.layout,.sidebar{grid-template-columns:1fr}.intro{margin-top:24px}.shell{padding:0 14px 28px}.brand small{display:none}.settings-grid{grid-template-columns:1fr}.game-settings>.settings-body{padding:18px}.dialog-body{padding:20px}.stats{grid-template-columns:repeat(3,1fr)}.previous-word{font-size:calc(26px * var(--scale))}.entry-row .primary{padding:10px 14px}.toolbar button{padding:8px 12px}.prompt{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}.chain .chain-furi{display:block;font-size:.42em;line-height:1.1;opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:calc(11px * var(--scale))}.mode-pills{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 8px}.mode-pill{padding:6px 12px;border:1px solid var(--line);border-radius:99px;background:var(--soft);color:var(--ink);font-size:calc(13px * var(--scale));font-weight:700}.mode-pill:hover{border-color:var(--accent)}.mode-pill[aria-pressed=true]{border-color:var(--accent);background:var(--accent);color:#fff}:root[data-theme=dark] .mode-pill[aria-pressed=true]{color:#142219}.mode-notes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px;margin:16px 0 24px}.mode-notes>div{padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--soft)}.mode-notes dt{font-weight:700;color:var(--ink)}.mode-notes dd{margin:4px 0 0}.score-row[data-player]>span:first-child{font-weight:800;color:var(--accent-strong);background:linear-gradient(110deg,var(--accent-soft),var(--soft));border:1px solid var(--line);border-radius:999px;padding:6px 12px;box-shadow:inset 0 1px color-mix(in srgb,var(--ink) 12%,transparent)}.proper-field .chips-radio .chip,.proper-field .chips .chip{min-height:34px;padding-block:0}.start-error{margin:-10px 0 18px;padding:10px 14px;border:1px solid #d14343;border-radius:10px;background:color-mix(in srgb,#d14343 10%,transparent);color:var(--ink);font-size:13px;font-weight:600;text-align:right}.start-error[hidden]{display:none}body details .help-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:stretch}body details .help-group{margin:0;min-width:0}body details .help-group .settings-grid{grid-template-columns:1fr 1fr;align-items:end}@media(max-width:740px){body details .help-pair,body details .help-group .settings-grid{grid-template-columns:1fr}.start-error{text-align:left}}