#playfield.study-mode{grid-template-columns:minmax(0,1fr);gap:0;padding:24px 0 18px}#playfield.study-mode>.prompt-zone{display:none}#playfield.study-mode>.interaction-panel{width:min(100%,1240px);margin-inline:auto}#playfield.study-mode :is(.study-card,.study-grid-card){border:1px solid rgb(var(--blue-rgb) / .06);background:var(--paper-light);min-width:0;min-height:0;color:var(--ink);text-shadow:none;border-radius:12px;padding:clamp(24px,3.2vw,44px);transition:box-shadow .16s;position:relative;box-shadow:0 16px 55px #264a8717}#playfield.study-mode :is(.study-card,.study-grid-card):before,#playfield.study-mode :is(.study-card,.study-grid-card):after{content:none;display:none}#playfield.study-mode .study-grid-card{padding:18px}#playfield.study-mode .study-grid-card:hover{transform:none;box-shadow:0 18px 50px #264a8721}#playfield.study-mode .study-grid-card-head{align-items:flex-start;gap:16px;min-height:54px}#playfield.study-mode .study-grid-index{background:rgb(var(--red-rgb) / .09);font:500 12px/1.4 var(--mono);letter-spacing:.07em;border-radius:6px;padding:6px 10px}#playfield.study-mode .study-grid-tools{gap:12px}#playfield.study-mode .study-grid-custom{background:var(--paper-light);color:#27314a;border:1px solid #dce2ed;border-radius:50%;flex:none;width:54px;height:54px;margin:0;padding:0;display:inline-grid}#playfield.study-mode .study-grid-custom.active{border-color:var(--blue);background:rgb(var(--blue-rgb) / .065);color:var(--blue)}#playfield.study-mode .study-grid-custom .action-icon{width:24px;height:24px}#playfield.study-mode .study-grid-card .study-grid-custom{width:42px;height:42px}#playfield.study-mode :is(.study-grid-favorite,.study-grid-lookup-link,.study-grid-pronounce){background:var(--paper-light);color:#27314a;opacity:1;cursor:pointer;border:1px solid #dce2ed;border-radius:50%;flex:none;place-items:center;width:54px;height:54px;padding:0;transition:background-color .14s,transform .14s,border-color .14s;display:inline-grid;box-shadow:0 4px 12px #264a870a}#playfield.study-mode :is(.study-grid-favorite,.study-grid-lookup-link,.study-grid-pronounce):hover{background:#f1f5ff;border-color:#b9c9f4;transform:translateY(-2px)}#playfield.study-mode :is(.study-grid-pronounce,.study-grid-favorite.active){border-color:rgb(var(--blue-rgb) / .22);background:rgb(var(--blue-rgb) / .065);color:var(--blue)}#playfield.study-mode .study-grid-favorite svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}#playfield.study-mode .study-grid-favorite.active svg{fill:currentColor}#playfield.study-mode :is(.study-grid-pronounce,.study-grid-lookup-link) svg{width:24px;height:24px;display:block}#playfield.study-mode .study-grid-pronounce svg{transform:translate(-1px)}#playfield.study-mode .study-grid-pronounce.speaking{background:var(--blue);color:#fff}#playfield.study-mode .study-grid-word-link{align-self:flex-start;max-width:100%;margin-top:0}#playfield.study-mode .study-vocabulary{display:contents}#playfield.study-mode .study-grid-word-link:hover{color:var(--blue)}#playfield.study-mode .study-grid-word-link:focus-visible{outline:3px solid var(--blue);outline-offset:6px;border-radius:4px}#playfield.study-mode .study-grid-word{font:500 clamp(48px, 7.5vw, 96px)/1.3 var(--jp);letter-spacing:-.045em;overflow-wrap:anywhere;margin:0}#playfield.study-mode .study-grid-reading-row{flex-wrap:wrap;align-items:center;gap:18px;margin-top:4px;display:flex}#playfield.study-mode .study-grid-reading{color:var(--blue);font:700 clamp(27px, 3.4vw, 42px)/1.4 var(--jp);overflow-wrap:anywhere;opacity:1;margin:0}#playfield.study-mode .study-grid-meaning-row{align-items:baseline;gap:18px;margin:14px 0 24px;display:flex}#playfield.study-mode .study-grid-meaning{background:0 0;border:0;border-radius:0;margin:0;padding:0;font-size:clamp(18px,2vw,24px);line-height:1.5}#playfield.study-mode .sentence-example-study{color:var(--ink);background:linear-gradient(115deg,#f3f7ff,#edf5ff);border:1px solid #c4dcff;border-radius:13px;flex-direction:column;align-items:flex-start;margin:0 0 24px;padding:22px 24px;display:flex}#playfield.study-mode .sentence-example-header{display:contents}#playfield.study-mode .sentence-example-japanese{width:100%;font:600 clamp(24px, 2.8vw, 34px)/1.65 var(--jp)}#playfield.study-mode .sentence-example-japanese mark{font-weight:inherit}#playfield.study-mode .sentence-example-romaji{color:#636d82;font-size:19px;line-height:1.6;margin-top:6px!important}#playfield.study-mode .sentence-example-english{font-size:22px;line-height:1.5;margin-top:6px!important}#playfield.study-mode .sentence-example-play{border:1px solid var(--blue);border-radius:50%;order:1;place-items:center;width:44px;height:44px;margin-top:18px;padding:0;display:grid}#playfield.study-mode .sentence-example-source{color:#636d82;order:2;margin-top:10px}#playfield.study-mode .study-grid-breakdown{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:0}#playfield.study-mode .study-grid-part{min-width:0;color:var(--ink);background:0 0;border:1px solid #dce2ed;border-radius:11px;align-items:center;gap:18px;padding:10px 14px;text-decoration:none;transition:border-color .14s,background-color .14s;display:flex}#playfield.study-mode .study-grid-part:hover{background:rgb(var(--blue-rgb) / .025);border-color:#a6b9f1}#playfield.study-mode .study-grid-part:focus-visible{outline:3px solid var(--blue);outline-offset:3px}#playfield.study-mode .study-part-character{background:rgb(var(--red-rgb) / .085);min-height:60px;font:700 30px/1.3 var(--jp);overflow-wrap:anywhere;border-radius:9px;flex:0 0 60px;place-items:center;padding:6px;display:grid}#playfield.study-mode .is-kana .study-part-character{background:rgb(var(--blue-rgb) / .065)}#playfield.study-mode .study-part-copy{min-width:0}#playfield.study-mode .study-part-copy strong{font:600 21px/1.4 var(--jp);overflow-wrap:anywhere}#playfield.study-mode .study-part-copy span{color:#616a80;font:400 11px/1.5 var(--mono);text-transform:uppercase;overflow-wrap:anywhere;opacity:1;margin-top:3px}#playfield.study-mode .study-part-chevron{color:#616a80;flex:0 0 18px;width:18px;height:18px;margin-left:auto}#playfield.study-mode .study-navigation{margin-top:24px}#playfield.study-mode .study-previous{border:1px solid #dce2ed;border-radius:12px}#playfield.study-mode .study-next{border:1px solid var(--blue);background:var(--blue);color:#fff;box-shadow:none;border-radius:12px}#playfield.study-mode .study-next:hover{box-shadow:0 6px 18px rgb(var(--blue-rgb) / .18);transform:translateY(-2px)}#playfield.study-mode .study-grid{grid-auto-rows:1px;align-items:start;gap:0 12px}#playfield.study-mode .study-grid-card{height:max-content}#playfield.study-mode .study-grid-card .study-grid-card-head{flex-wrap:wrap;gap:12px;min-height:42px;margin-bottom:6px}#playfield.study-mode .study-grid-card .study-vocabulary{flex-direction:column;align-items:flex-start;gap:4px;display:flex}#playfield.study-mode .study-grid-card .study-grid-tools{gap:8px;margin-left:auto}#playfield.study-mode .study-grid-card :is(.study-grid-favorite,.study-grid-lookup-link,.study-grid-pronounce){width:42px;height:42px;padding:0}#playfield.study-mode .study-grid-card .study-grid-word{font-size:clamp(36px,4vw,54px);line-height:1.18}#playfield.study-mode .study-grid-card .study-grid-reading-row{gap:8px;margin-top:0}#playfield.study-mode .study-grid-card .study-grid-reading{font-size:26px}#playfield.study-mode .study-grid-card .study-grid-meaning-row{gap:12px;margin-block:8px 12px}#playfield.study-mode .study-grid-card .study-grid-meaning{font-size:16px}#playfield.study-mode .study-grid-card .sentence-example-study{grid-template-columns:minmax(0,1fr) 44px;gap:4px 10px;margin-bottom:12px;padding:12px;display:grid}#playfield.study-mode .study-grid-card .sentence-example-japanese{grid-area:1/1;font-size:22px;line-height:1.45}#playfield.study-mode .study-grid-card .sentence-example-romaji{grid-column:1;font-size:14px;line-height:1.45;margin-top:0!important}#playfield.study-mode .study-grid-card .sentence-example-english{grid-column:1;font-size:16px;line-height:1.45;margin-top:0!important}#playfield.study-mode .study-grid-card .sentence-example-play{grid-area:1/2/span 3;align-self:center;margin-top:0;font-size:14px}#playfield.study-mode .study-grid-card .sentence-example-source{grid-column:1/-1;margin-top:4px}#playfield.study-mode .study-grid-card .study-grid-breakdown{gap:8px}#playfield.study-mode .study-grid-card .study-grid-part{gap:8px;padding:8px}#playfield.study-mode .study-grid-card .study-part-character{flex-basis:38px;min-height:40px;font-size:24px}#playfield.study-mode .study-grid-card .study-part-copy strong{font-size:16px}#playfield.study-mode .study-grid-card .study-part-copy span{font-size:9px}#playfield.study-mode .study-grid-card .study-part-chevron{display:none}@media (width<=600px){#playfield.study-mode :is(.study-card,.study-grid-card){padding:20px 16px}#playfield.study-mode .study-grid-card-head{align-items:center;min-height:44px}#playfield.study-mode .study-grid-tools{gap:7px}#playfield.study-mode .study-grid-custom{width:42px;height:42px}#playfield.study-mode :is(.study-grid-favorite,.study-grid-lookup-link,.study-grid-pronounce){width:42px;height:42px;padding:0}#playfield.study-mode .study-grid-index{padding:5px 7px;font-size:10px}#playfield.study-mode .study-grid-word{font-size:clamp(40px,11vw,60px)}#playfield.study-mode .study-grid-reading{font-size:28px}#playfield.study-mode .study-grid-meaning-row{align-items:flex-start;gap:10px}#playfield.study-mode .study-grid-meaning{font-size:17px}#playfield.study-mode .sentence-example-study{padding:17px 15px}#playfield.study-mode .sentence-example-japanese{font-size:23px}#playfield.study-mode .sentence-example-romaji{font-size:15px}#playfield.study-mode .sentence-example-english{font-size:17px}#playfield.study-mode .study-grid-breakdown{grid-template-columns:minmax(0,1fr)}#playfield.study-mode .study-part-copy strong{font-size:19px}#playfield.study-mode .study-part-character{flex-basis:50px;min-height:50px;font-size:27px}#playfield.study-mode .study-grid-card{padding:16px}#playfield.study-mode .study-grid-card .study-grid-card-head{gap:8px}#playfield.study-mode .study-grid-card .study-grid-tools{gap:4px}}:where(.time-scene[data-theme=sky])~#playfield.study-mode{--ink:#1c3144;--ink-rgb:28 49 68;--blue:#285b9a;--blue-rgb:40 91 154}:where(.time-scene[data-theme=sky])~#playfield.study-mode :is(.study-card,.study-grid-card){-webkit-backdrop-filter:blur(2px);color:var(--ink);background:#ffffffab;border:1px solid #ffffffa6;border-radius:20px;padding:clamp(20px,2.5vw,32px);box-shadow:0 8px 28px #132a401f}:where(.time-scene[data-theme=sky])~#playfield.study-mode .study-grid-card:hover{box-shadow:0 10px 32px #132a402e}:where(.time-scene[data-theme=sky])~#playfield.study-mode .study-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}:where(.time-scene[data-theme=sky])~#playfield.study-mode .study-grid-card-head{flex-wrap:wrap;align-items:center;gap:12px;min-height:44px;margin-bottom:16px}:where(.time-scene[data-theme=sky])~#playfield.study-mode .study-grid-index{color:#345774;white-space:nowrap;background:#e8eff7;padding:6px 9px;font-size:11px}:where(.time-scene[data-theme=sky])~#playfield.study-mode .study-grid-tools{justify-content:flex-end;gap:6px;margin-left:auto}:where(.time-scene[data-theme=sky])~#playfield.study-mode :is(.study-grid-custom,.study-grid-favorite,.study-grid-lookup-link,.study-grid-pronounce){color:#345774;width:44px;height:44px;box-shadow:none;background:#fff;border:1px solid #d4dfe9}:where(.time-scene[data-theme=sky])~#playfield.study-mode .study-grid-card :is(.study-grid-custom,.study-grid-favorite,.study-grid-lookup-link,.study-grid-pronounce){width:44px;height:44px}:where(.time-scene[data-theme=sky])~#playfield.study-mode :is(.study-grid-custom.active,.study-grid-favorite.active,.study-grid-pronounce){color:var(--blue);background:#eaf1f9;border-color:#c8d9ec}:where(.time-scene[data-theme=sky])~#playfield.study-mode .study-grid-pronounce.speaking{background:var(--blue);color:#fff}:where(.time-scene[data-theme=sky])~#playfield.study-mode .study-grid-word{letter-spacing:-.025em;font-size:clamp(48px,6vw,80px)}:where(.time-scene[data-theme=sky])~#playfield.study-mode .study-grid-reading{color:var(--blue);font-size:clamp(24px,3vw,34px);font-weight:600}:where(.time-scene[data-theme=sky])~#playfield.study-mode .study-grid-reading-row{gap:12px}:where(.time-scene[data-theme=sky])~#playfield.study-mode .study-grid-meaning-row{background:#fff9;border-radius:10px;align-items:baseline;gap:12px;margin-block:16px 24px;padding:10px 12px}:where(.time-scene[data-theme=sky])~#playfield.study-mode .study-grid-meaning{overflow-wrap:anywhere;min-width:0;font-size:21px}:where(.time-scene[data-theme=sky])~#playfield.study-mode .sentence-example-study{background:#edf3fab8;border-color:#fff9}:where(.time-scene[data-theme=sky])~#playfield.study-mode .sentence-example-japanese{overflow-wrap:anywhere;font-weight:500}:where(.time-scene[data-theme=sky])~#playfield.study-mode .sentence-example-japanese mark{color:#204f86;background:#d9e7f7;border-radius:3px}:where(.time-scene[data-theme=sky])~#playfield.study-mode :is(.sentence-example-romaji,.sentence-example-source){color:#536b80;overflow-wrap:anywhere}:where(.time-scene[data-theme=sky])~#playfield.study-mode .study-grid-breakdown{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:10px}:where(.time-scene[data-theme=sky])~#playfield.study-mode .study-grid-part{background:#ffffffa8;border-color:#fff9;gap:12px;padding:12px}:where(.time-scene[data-theme=sky])~#playfield.study-mode .study-part-character{background:#eaf1f9;flex-basis:50px;min-height:50px;font-size:28px;font-weight:500}:where(.time-scene[data-theme=sky])~#playfield.study-mode .is-kana .study-part-character{background:#edf2f4}:where(.time-scene[data-theme=sky])~#playfield.study-mode .study-part-copy strong{font-size:18px;font-weight:500}:where(.time-scene[data-theme=sky])~#playfield.study-mode .study-part-copy span{color:#536b80;font:400 13px/1.5 var(--sans);text-transform:none;margin-top:4px}:where(.time-scene[data-theme=sky])~#playfield.study-mode .study-part-chevron{color:#536b80}:where(.time-scene[data-theme=sky])~#playfield.study-mode .study-previous{color:var(--ink);background:#f5f9fd}:where(.time-scene[data-theme=sky])~#playfield.study-mode .study-grid-card{padding:18px}:where(.time-scene[data-theme=sky])~#playfield.study-mode .study-grid-card .study-grid-word{font-size:clamp(36px,4vw,54px)}:where(.time-scene[data-theme=sky])~#playfield.study-mode .study-grid-card .study-grid-reading{font-size:25px}:where(.time-scene[data-theme=sky])~#playfield.study-mode .study-grid-card .study-grid-meaning{font-size:18px}:where(.time-scene[data-theme=sky])~#playfield.study-mode .study-grid-card .study-part-character{flex-basis:38px;min-height:40px;font-size:25px}:where(.time-scene[data-theme=sky])~#playfield.study-mode .study-grid-card .study-part-copy strong{font-size:17px}:where(.time-scene[data-theme=sky])~#playfield.study-mode .study-grid-card .study-part-copy span{font:400 13px/1.5 var(--sans)}@media (width<=860px){:where(.time-scene[data-theme=sky])~#playfield.study-mode .study-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=600px){:where(.time-scene[data-theme=sky])~#playfield.study-mode :is(.study-card,.study-grid-card){border-radius:16px;padding:20px 16px}:where(.time-scene[data-theme=sky])~#playfield.study-mode .study-grid-card-head{gap:8px;margin-bottom:12px}:where(.time-scene[data-theme=sky])~#playfield.study-mode .study-grid-index{padding:5px 6px;font-size:10px}:where(.time-scene[data-theme=sky])~#playfield.study-mode .study-grid-tools{gap:4px}:where(.time-scene[data-theme=sky])~#playfield.study-mode .study-grid-word{font-size:clamp(38px,11vw,56px)}:where(.time-scene[data-theme=sky])~#playfield.study-mode .study-grid-reading{font-size:26px}:where(.time-scene[data-theme=sky])~#playfield.study-mode .study-grid-meaning-row{margin-block:14px 20px}:where(.time-scene[data-theme=sky])~#playfield.study-mode .study-grid-meaning{font-size:18px}:where(.time-scene[data-theme=sky])~#playfield.study-mode .study-grid-breakdown{grid-template-columns:minmax(0,1fr)}:where(.time-scene[data-theme=sky])~#playfield.study-mode .study-grid-card{padding:16px}}@media (prefers-reduced-motion:reduce){#playfield.study-mode .study-grid-card{animation:none}#playfield.study-mode :is(button,a,.study-card,.study-grid-card){transition:none}}#playfield.study-mode .study-grid-part.is-word{grid-column:1/-1;min-height:0;padding:14px 16px}#playfield.study-mode .study-part-character{white-space:nowrap;overflow-wrap:normal;word-break:keep-all}#playfield.study-mode .study-part-copy{flex:1}#playfield.study-mode .study-grid-card .study-grid-part.is-word{padding:10px 12px}
