@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;450;500;550;600;650;700;750&family=Noto+Sans+SC:wght@400;450;500;550;600;650;700;750;800&display=swap');

:root{font-family:'DM Sans','Noto Sans SC',sans-serif;color:#253339;background:#f6f8fa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink:#253339;--muted:#7a888c;--subtle:#a5afb0;--teal:#278c77;--teal-dark:#1f735f;--teal-soft:#e8f3ef;--teal-wash:#f1f7f5;--line:#e5e9e8;--white:#fff;--coral:#ce725b;--coral-soft:#faeeeb;--lavender:#7885a6;--mono:'DM Mono',monospace;--shadow:0 12px 36px rgba(37,51,57,.045)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(ellipse at 7% 4%,rgba(221,236,230,.4),transparent 31rem),#f6f8fa}.icon{width:18px;height:18px;flex:none}.site-shell{width:min(1160px,calc(100% - 80px));margin:auto}.topbar{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand,.nav-link,.sound-toggle,.back-btn,.text-link,.recent-arrow,.history-start,.number-key,.filter-control button,.pagination button,.mode-option,.primary-btn,.secondary-btn{font-family:inherit;cursor:pointer}.brand{border:0;background:none;padding:0;display:flex;align-items:center;gap:10px;color:var(--ink)}.brand-mark{width:35px;height:35px;border-radius:11px;background:#278c77;color:white;display:grid;place-items:center}.brand-mark .icon{width:19px;height:19px}.brand-name{font-weight:750;font-size:17px;display:flex;align-items:baseline;gap:7px}.brand-latin{font:500 9px var(--mono);letter-spacing:1.2px;color:var(--subtle)}.topnav{height:100%;display:flex;align-items:center;gap:35px}.nav-link{height:100%;display:flex;align-items:center;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;background:none;color:var(--muted);font-size:13px;transition:color .2s,border .2s}.nav-link:hover,.nav-link.selected{color:var(--ink)}.nav-link.selected{border-bottom-color:var(--teal)}.sound-toggle{height:36px;border:1px solid var(--line);background:white;border-radius:7px;color:#68797d;padding:0 11px;display:flex;align-items:center;gap:8px;font-size:12px;transition:border .2s,color .2s}.sound-toggle:hover{border-color:#94c5b6;color:var(--teal-dark)}.sound-toggle .icon{width:16px;height:16px;color:var(--teal)}main{min-height:calc(100svh - 130px)}.site-footer{height:52px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#9aa6a8;font-size:11px}.site-footer .icon{width:12px;height:12px;vertical-align:middle;margin-left:5px}.footer-dot{color:var(--teal);padding:0 3px}.home-view{display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,450px);gap:clamp(40px,8vw,112px);padding:74px 20px 72px;align-items:center}.home-intro{position:relative;min-width:0;padding:5px 0 0 8px}.eyebrow{display:flex;align-items:center;gap:9px;color:var(--teal-dark);font-size:12px;font-weight:600}.live-dot{width:7px;height:7px;background:#70ab8f;border-radius:50%;box-shadow:0 0 0 3px #70ab8f20}.home-intro h1,.game-heading h1,.history-heading h1,.complete-view h1{font-size:43px;line-height:1.45;letter-spacing:0;font-weight:700;margin:23px 0 12px;color:var(--ink)}.home-intro h1 span,.game-heading h1 span,.complete-view h1 span{color:var(--teal)}.home-intro>p{font-size:14px;color:#7e8a8c;line-height:2;margin:0}.intro-detail{margin-top:24px;display:flex;align-items:center;gap:15px;color:#899596;font-size:11px}.intro-detail span{display:flex;align-items:center;gap:7px}.intro-detail .icon{width:15px;height:15px;color:#629486}.intro-detail i,.complete-description i,.complete-mistakes i{width:3px;height:3px;background:#bcc4c4;border-radius:50%}.note-paper{position:relative;width:239px;min-height:131px;background:#fffef8;border:1px solid #eee9db;border-radius:4px;box-shadow:4px 6px 0 -3px #d8d1c0;padding:17px 21px;margin-top:42px;display:flex;flex-direction:column;gap:5px;transform:rotate(-2deg)}.note-paper:before{position:absolute;content:'';top:-5px;left:50%;width:37px;height:12px;background:#d7e9dbba;transform:translateX(-50%) rotate(2deg)}.note-kicker{font:500 9px var(--mono);letter-spacing:1.5px;color:#a9ad99;margin-bottom:4px}.note-line{font-size:12px;color:#737c70}.note-spark{position:absolute;right:20px;bottom:14px;color:#a3bba1;font-size:19px}.flower-art{position:absolute;width:108px;height:126px;color:#8ead9a;left:250px;bottom:-27px;opacity:.65}.setup-panel{background:#fff;padding:34px 34px 25px;border:1px solid #e7ebea;border-radius:9px;box-shadow:var(--shadow);min-width:0}.panel-kicker{font:500 10px var(--mono);letter-spacing:1.2px;color:#95a09f;display:flex;justify-content:space-between;align-items:center}.panel-kicker span{color:#b0b8b7}.setup-panel>h2{font-size:21px;font-weight:650;letter-spacing:0;margin:24px 0 4px}.panel-subtitle{font-size:12px;color:#929d9e;margin:0}.mode-field{padding:0;border:0;margin:23px 0 0}.mode-field legend{font-size:11px;color:#536264;font-weight:600;margin-bottom:9px}.mode-options{display:flex;flex-direction:column;gap:9px}.mode-option{height:69px;width:100%;padding:0 15px;display:flex;align-items:center;gap:12px;text-align:left;border:1px solid #e7ebea;background:white;color:var(--ink);border-radius:7px;transition:border-color .16s,background .16s,transform .16s}.mode-option:hover{border-color:#acd1c3;transform:translateY(-1px)}.mode-option.active{background:var(--teal-wash);border-color:#88bda9}.mode-option>span:nth-child(2){display:grid;gap:4px}.mode-option strong{font-size:12px;font-weight:600}.mode-option small{font-size:10px;color:#97a2a1}.radio-dot{width:17px;height:17px;border:1.5px solid #d5ddda;border-radius:50%;margin-left:auto;display:grid;place-items:center;flex:none}.mode-option.active .radio-dot{border-color:var(--teal)}.mode-option.active .radio-dot:after{content:'';width:9px;height:9px;background:var(--teal);border-radius:50%}.mini-grid{display:grid;grid-template-columns:repeat(3,7px);grid-auto-rows:7px;gap:2px;padding:2px;flex:none}.mini-grid i{background:#bed7c9;border-radius:1px}.mini-grid i:nth-child(3n+2){background:#7da991}.mini-grid-nine{grid-template-columns:repeat(3,5px);grid-auto-rows:5px;gap:2px;padding:2px}.mini-grid-nine i{background:#bdd2e0}.mini-grid-nine i:nth-child(3n+1){background:#85a7bd}.practice-summary{display:flex;align-items:center;gap:12px;padding:16px 2px;color:#8b9898;font-size:10px}.practice-summary>span:first-child{display:flex;align-items:center;gap:6px}.practice-summary .icon{width:14px;height:14px;color:#73a48c}.summary-separator{height:11px;width:1px;background:#e2e8e5}.primary-btn{width:100%;min-height:47px;border:1px solid var(--teal);border-radius:5px;background:#288c77;color:white;padding:0 16px;display:flex;justify-content:center;align-items:center;gap:10px;font-size:13px;font-weight:600;transition:background .18s,transform .18s,box-shadow .18s}.primary-btn:hover{background:#21735f;box-shadow:0 4px 12px #278c7726;transform:translateY(-1px)}.primary-btn:active{transform:translateY(0)}.arrow-end{transform:rotate(180deg);width:15px}.quiet-note{text-align:center;font-size:10px;color:#a8b2b0;margin:12px 0 0}.overview{padding:0 20px 58px}.section-heading{display:flex;justify-content:space-between;align-items:end;padding-bottom:17px;border-bottom:1px solid var(--line)}.eyebrow-small{font:500 10px var(--mono);letter-spacing:.6px;color:#91a09c}.section-heading h2{font-size:19px;font-weight:600;margin:8px 0 0}.text-link{border:0;background:none;color:#748582;font-size:11px;display:flex;gap:7px;align-items:center;padding:8px 0}.text-link:hover{color:var(--teal)}.text-link .icon{width:13px;transform:rotate(180deg)}.overview-grid{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.overview-stat{padding:19px 0 17px;display:flex;flex-direction:column;gap:8px}.overview-stat+.overview-stat{padding-left:25px;border-left:1px solid var(--line)}.overview-stat>span:first-child{font-size:10px;color:#909c9b}.overview-stat>strong{font:500 23px var(--mono);color:#344348}.overview-stat>strong small{font:400 11px 'Noto Sans SC',sans-serif;color:#98a29f}.stat-foot{font-size:10px;color:#a8b1af}.recent-strip{min-height:51px;display:flex;align-items:center;gap:18px;color:#929d9d;font-size:11px}.recent-label{font-size:10px;color:#647473}.recent-text{color:#83908e}.recent-text strong{font-weight:600;color:#536463}.empty-recent{color:#a3acab}.recent-arrow{width:29px;height:29px;border:1px solid var(--line);border-radius:50%;margin-left:auto;display:grid;place-items:center;background:transparent;color:#879691}.recent-arrow .icon{width:14px;transform:rotate(180deg)}.recent-arrow:hover{color:var(--teal);border-color:#8ab6a4}.history-view{padding:46px 20px 68px}.history-heading{display:flex;justify-content:space-between;align-items:end;padding-bottom:31px}.history-heading .eyebrow{font-size:11px}.history-heading h1{font-size:35px;line-height:1.2;margin:12px 0 7px}.history-heading>div>p{font-size:12px;color:#879391;margin:0}.history-start{border:1px solid var(--line);background:white;color:#516260;border-radius:5px;height:38px;padding:0 13px;display:flex;align-items:center;gap:8px;font-size:11px}.history-start .icon{color:var(--teal);width:15px}.history-start:hover{border-color:#91bca9;color:var(--teal-dark)}.history-stats{display:grid;grid-template-columns:repeat(4,1fr);padding:23px 0;border-block:1px solid var(--line);background:#f9fbfa}.history-stats>div{padding-left:26px;display:grid;gap:10px}.history-stats>div:first-child{padding-left:4px}.history-stats>div+div{border-left:1px solid var(--line)}.history-stats>div>span{font-size:10px;color:#909d9b}.history-stats strong{font:500 25px var(--mono);color:#39474b}.history-stats strong small{font:400 11px 'Noto Sans SC',sans-serif;color:#97a2a0}.records-heading{display:flex;justify-content:space-between;align-items:end;margin:29px 0 12px}.records-heading>div:first-child{display:flex;align-items:baseline;gap:11px}.records-heading h2{font-size:15px;font-weight:600;margin:0}.records-total{font-size:10px;color:#9da8a7}.filter-control{display:flex;align-items:center;gap:3px;padding:3px;border:1px solid var(--line);border-radius:5px;background:#fff}.filter-control button{border:0;border-radius:3px;background:transparent;color:#879392;padding:6px 12px;font-size:10px;transition:background .16s,color .16s}.filter-control button.active{background:#e9f3ef;color:#32765f;font-weight:600}.record-labels{height:35px;display:grid;grid-template-columns:1.8fr .8fr .7fr .6fr;align-items:center;border-block:1px solid var(--line);font-size:9px;color:#9ca7a6;padding:0 13px}.record-labels span:not(:first-child){text-align:center}.record-row{min-height:66px;display:grid;grid-template-columns:1.8fr .8fr .7fr .6fr;align-items:center;border-bottom:1px solid var(--line);padding:0 13px;transition:background .15s}.record-row:hover{background:#f1f7f4}.record-date{display:flex;align-items:center;gap:12px}.record-index{font:400 10px var(--mono);color:#adb6b4;width:19px}.record-mode-icon{width:29px;height:29px;display:grid;place-items:center;border:1px solid #e3ebe7;border-radius:6px;background:#f4f8f5;color:#599078}.record-mode-icon .icon{width:15px;height:15px}.record-date>span:last-child{display:grid;gap:3px}.record-date strong{font-size:11px;font-weight:550;color:#435252}.record-date small{font-size:9px;color:#97a3a1}.record-mistakes{text-align:center;font-size:10px;color:#909b99}.record-mistakes strong{color:#5c6968;font-weight:500}.record-time{text-align:center;font:500 14px var(--mono);color:#364549}.record-status{display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;color:#648d77}.record-status i{width:6px;height:6px;border-radius:50%;background:#71ad8c}.pagination{display:flex;align-items:center;justify-content:space-between;padding-top:17px;color:#98a2a1;font-size:10px}.pagination>div{display:flex;gap:6px}.pagination button{width:29px;height:29px;border:1px solid var(--line);background:#fff;color:#536261;border-radius:4px;font-size:17px}.pagination button:hover{border-color:#8ab6a4;color:var(--teal)}.records-loading{padding:36px 0;color:#9aa6a5;text-align:center;font-size:12px}.empty-history{min-height:272px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;border-bottom:1px solid var(--line);color:#909c9a}.empty-history-icon{display:grid;place-items:center;width:45px;height:45px;background:#eaf3ef;border-radius:12px;color:var(--teal)}.empty-history-icon .icon{width:22px;height:22px}.empty-history strong{font-size:13px;font-weight:550;color:#52615e}.empty-history>span:not(.empty-history-icon){font-size:10px}.secondary-btn{min-height:39px;background:white;border:1px solid #dce6e2;color:#547065;border-radius:5px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:11px;transition:border .16s,color .16s}.secondary-btn:hover{border-color:#81b39c;color:#277559}.secondary-btn .icon{width:14px}.game-view{padding:23px 20px 34px}.game-nav{display:flex;align-items:center;gap:11px;height:34px}.back-btn{display:grid;place-items:center;width:31px;height:31px;border:1px solid var(--line);border-radius:50%;background:#fff;color:#657472;transition:color .15s,border .15s}.back-btn:hover{color:var(--teal);border-color:#8ab6a4}.back-btn .icon{width:15px;height:15px}.game-breadcrumb{font-size:11px;color:#697775}.game-breadcrumb span{color:#c1c8c5;padding:0 4px}.game-nav-spacer{flex:1}.question-counter{font:500 13px var(--mono);color:#40524c}.question-counter span{color:#9aa8a3;padding:0 4px}.progress-track{height:3px;background:#e7ece9;border-radius:2px;margin:16px 0 30px;overflow:hidden}.progress-track span{display:block;height:100%;background:#67a38b;transition:width .35s}.game-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 19px}.game-heading .eyebrow{font-size:11px}.game-heading h1{font-size:26px;line-height:1.25;margin:11px 0 6px}.game-heading>div:first-child>p{margin:0;font-size:11px;color:#899492}.timer-badge{border:1px solid #e5ebe7;background:#fff;border-radius:5px;min-width:117px;padding:9px 12px;display:flex;flex-direction:column;align-items:center;gap:5px}.timer-badge>span{font-size:10px;color:#899592;display:flex;align-items:center;gap:5px}.timer-badge .icon{width:13px;height:13px;color:#77a088}.timer-badge strong{font:500 21px var(--mono);color:#3b4b4b;font-variant-numeric:tabular-nums}.board-layout{display:grid;grid-template-columns:minmax(0,1fr) 216px;gap:21px;align-items:start}.board-panel{min-width:0;padding:16px 19px 19px;border:1px solid #e5ebe8;border-radius:7px;background:white;box-shadow:var(--shadow)}.board-topline{height:25px;display:flex;justify-content:space-between;align-items:center;margin-bottom:11px;color:#899591;font-size:10px}.board-topline>span:first-child{display:flex;align-items:center;gap:7px}.board-topline strong{color:#587a69;font-weight:600}.target-dot{width:7px;height:7px;border-radius:50%;background:#78a589}.missing-indicator{color:#929d9b}.missing-indicator strong{font:500 11px var(--mono);color:#47785f}.puzzle-grid{--cell:min(53px,7.5vw);width:max-content;max-width:100%;margin:auto;display:grid;grid-template-columns:repeat(var(--size),var(--cell));grid-template-rows:repeat(var(--size),var(--cell));border:2px solid #667a76;background:#fff}.grid-cell{position:relative;border-right:1px solid #e1e8e5;border-bottom:1px solid #e1e8e5;display:flex;align-items:center;justify-content:center;background:white;color:#697775;font-size:17px;font-weight:500;transition:background .2s,color .2s}.grid-6 .grid-cell:nth-child(3n){border-right:1.7px solid #a4b4ae}.grid-9 .grid-cell:nth-child(3n){border-right:1.7px solid #879b94}.grid-6 .grid-cell:nth-child(6n){border-right:0}.grid-9 .grid-cell:nth-child(9n){border-right:0}.grid-6 .grid-cell:nth-child(n+7):nth-child(-n+12){border-bottom:1.7px solid #a4b4ae}.grid-6 .grid-cell:nth-child(n+13){border-bottom:0}.grid-9 .grid-cell:nth-child(n+19):nth-child(-n+27),.grid-9 .grid-cell:nth-child(n+46):nth-child(-n+54){border-bottom:1.7px solid #879b94}.grid-9 .grid-cell:nth-child(n+73){border-bottom:0}.grid-cell.is-target{background:#eef5ef}.grid-cell.is-given{color:#446a56}.grid-cell.is-target.is-given{color:#3f7455}.grid-cell.is-error{color:#bd6e5b}.empty-dot{width:5px;height:5px;border-radius:50%;background:#c2cec7}.error-mark{position:absolute;top:2px;right:3px;color:#cc7562;font-size:11px;line-height:1}.just-filled{animation:filled .45s ease-out}.question-arrived{animation:arrived .3s ease-out}.number-pad-label{display:flex;align-items:center;justify-content:space-between;margin:16px 0 9px;color:#687672;font-size:11px}.number-pad-label>span:last-child{color:#a1aaa8;font-size:9px;display:flex;align-items:center;gap:7px}.number-pad-label>span:last-child i{width:6px;height:6px;border:1px solid #db9b8e;border-radius:50%}.number-pad{display:grid;gap:8px}.number-pad-6{grid-template-columns:repeat(6,1fr)}.number-pad-9{grid-template-columns:repeat(9,1fr);gap:6px}.number-key{position:relative;aspect-ratio:1;min-width:0;border:1px solid #e2eae5;border-radius:5px;background:white;color:#43564d;font:500 17px var(--mono);font-variant-numeric:tabular-nums;touch-action:manipulation;transition:background .15s,color .15s,border .15s,transform .15s}.number-pad-9 .number-key{font-size:15px}.number-key:hover:not(:disabled){background:#edf6f0;border-color:#94c0a8;color:#357451;transform:translateY(-2px)}.number-key:active:not(:disabled){transform:translateY(0)}.number-key:focus-visible,.primary-btn:focus-visible,.secondary-btn:focus-visible,.nav-link:focus-visible,.mode-option:focus-visible,.number-key:focus-visible{outline:2px solid #4d9e7e;outline-offset:3px}.number-key:disabled{cursor:default}.number-key.key-correct{background:#e9f3ec;border-color:#a6c9b3;color:#39794f}.number-key.key-wrong{background:#fbefec;border-color:#edc6bb;color:#bd6d59;animation:wrongkey .32s ease-out}.key-feedback{position:absolute;top:2px;right:4px;font-family:'Noto Sans SC',sans-serif;font-size:8px;line-height:1}.key-correct .key-feedback{color:#43855b}.key-wrong .key-feedback{color:#cb7462}.number-key.shake{animation:wrongkey .32s ease-out}.game-aside{display:flex;flex-direction:column;border-top:2px solid #82aa91;background:#fff;border:1px solid #e5ebe8;border-top:2px solid #82aa91;border-radius:6px;overflow:hidden}.aside-note{display:flex;align-items:flex-start;gap:11px;padding:17px 14px 15px;background:#f4f8f4}.aside-note-icon{display:grid;place-items:center;width:28px;height:28px;background:#e5f0e6;color:#709275;border-radius:6px;flex:none}.aside-note-icon .icon{width:15px;height:15px}.aside-note>div{display:grid;gap:6px;padding-top:2px}.aside-note strong{font-size:11px;font-weight:600;color:#4c6155}.aside-note>div>span{font-size:9px;line-height:1.6;color:#8d9a90}.session-stats{padding:0 14px}.session-stat{padding:15px 0;display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px;border-bottom:1px solid #edf0ef}.session-stat>span:first-child{font-size:9px;color:#98a19f}.session-stat strong{grid-column:2;grid-row:1/3;font:500 21px var(--mono);color:#44554c}.session-stat strong small{font:400 10px 'Noto Sans SC',sans-serif;color:#96a19c}.session-stat>span:last-child{font-size:8px;color:#a3adab}.hint-strip{display:flex;align-items:center;gap:7px;padding:14px 14px;color:#8b9893;font-size:9px;line-height:1.6}.hint-strip .icon{width:14px;height:14px;color:#80a389}.sound-card{padding:12px 14px;border-top:1px solid #edf0ef;display:flex;justify-content:space-between;align-items:center;color:#65736e;font-size:10px}.sound-card>span{display:flex;align-items:center;gap:7px}.sound-card .icon{width:14px;height:14px;color:#789789}.switch{height:20px;width:34px;padding:2px;border:0;border-radius:12px;background:#d7dedb;cursor:pointer;transition:background .2s}.switch i{width:16px;height:16px;border-radius:50%;display:block;background:white;box-shadow:0 1px 2px #24372b24;transition:transform .2s}.switch.on{background:#70a58a}.switch.on i{transform:translateX(14px)}.game-encouragement{margin-top:13px;display:flex;align-items:center;gap:7px;justify-content:center;color:#9ba5a0;font-size:10px}.game-encouragement>span{color:#86aa90}.countdown{position:fixed;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;background:rgba(39,52,49,.82);backdrop-filter:blur(7px);z-index:5;animation:arrived .2s ease-out}.countdown>span{font-size:12px;color:#d6e2db}.countdown>strong{font:500 100px var(--mono);line-height:1;color:#fff;font-variant-numeric:tabular-nums;animation:countbeat .85s ease-in-out infinite alternate}.complete-view{min-height:calc(100svh - 130px);padding:54px 20px 70px;display:flex;align-items:center;flex-direction:column;text-align:center}.complete-icon{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:#e3f0e7;color:#3f9564;margin-bottom:19px}.complete-icon .icon{width:31px;height:31px}.complete-view>.eyebrow{display:block;font-size:11px}.complete-view h1{font-size:36px;line-height:1.38;margin:14px 0 10px}.complete-description{display:flex;align-items:center;gap:10px;font-size:11px;color:#84928f;margin:0}.complete-result{width:min(375px,100%);margin:32px 0 19px;padding:20px 22px;display:flex;align-items:center;flex-direction:column;gap:10px;background:white;border:1px solid #e6ece8;border-radius:7px;box-shadow:var(--shadow)}.complete-result>span:first-child{font-size:10px;color:#95a09d}.complete-result>strong{font:500 40px var(--mono);color:#346e56;line-height:1.2}.complete-mistakes{display:flex;align-items:center;gap:8px;font-size:10px;color:#879390}.complete-mistakes i{width:3px;height:3px}.complete-actions{width:min(300px,100%);display:grid;gap:8px}.complete-actions .secondary-btn{min-height:42px}.history-view{max-width:1120px;margin:auto}.countdown,.complete-view{animation:arrived .35s ease-out}@keyframes filled{0%{background:#dcecdf;color:#34744d}100%{background:#eef5ef;color:#3f7455}}@keyframes arrived{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes countbeat{from{transform:scale(.92);opacity:.8}to{transform:scale(1.06);opacity:1}}@keyframes wrongkey{0%{transform:translateX(0)}25%{transform:translateX(-3px)}75%{transform:translateX(3px)}100%{transform:translateX(0)}}@media(min-width:1440px){.site-shell{width:min(1220px,calc(100% - 100px))}.home-view{grid-template-columns:minmax(0,1fr) minmax(420px,460px)}.home-intro h1{font-size:47px}}@media(max-width:900px){.site-shell{width:min(100% - 44px,700px)}.home-view{grid-template-columns:1fr 1fr;gap:25px;padding:56px 5px 58px}.home-intro{padding-left:0}.home-intro h1{font-size:35px}.home-intro>p{font-size:12px}.setup-panel{padding:25px 22px 21px}.flower-art{left:auto;right:-10px;bottom:-25px;width:88px}.note-paper{width:215px}.overview{padding-inline:5px}.board-layout{grid-template-columns:minmax(0,1fr) 180px;gap:13px}.board-panel{padding:13px 12px}.puzzle-grid{--cell:min(47px,6.8vw)}.number-pad{gap:5px}.number-pad-9{gap:4px}.number-pad-9 .number-key{font-size:13px}.game-aside{min-width:0}.aside-note{padding:13px 10px}.session-stats{padding-inline:11px}.hint-strip{padding:11px;font-size:8px}.sound-card{padding-inline:11px}.game-view{padding-inline:8px}}@media(max-width:680px){body{background:radial-gradient(ellipse at 4% 4%,rgba(221,236,230,.38),transparent 26rem),#f6f8fa}.site-shell{width:calc(100% - 32px)}.topbar{height:63px}.brand-mark{width:32px;height:32px}.brand-name{font-size:16px}.brand-latin{font-size:8px}.topnav{gap:15px}.nav-link{font-size:11px}.sound-toggle{width:36px;height:36px;padding:0;justify-content:center}.sound-toggle>span{display:none}.site-footer{font-size:9px;height:44px}main{min-height:calc(100svh - 107px)}.home-view{grid-template-columns:1fr;gap:29px;padding:35px 0 35px;align-items:start}.home-intro{padding:0}.home-intro .eyebrow{font-size:10px}.home-intro h1{font-size:32px;line-height:1.4;margin:14px 0 7px}.home-intro>p{font-size:11px;line-height:1.8}.intro-detail{margin-top:13px;font-size:9px}.note-paper{display:none}.flower-art{width:83px;height:93px;bottom:-5px;right:8px}.setup-panel{padding:22px 18px 20px;border-radius:7px}.panel-kicker{font-size:9px}.setup-panel>h2{font-size:19px;margin-top:17px}.mode-field{margin-top:18px}.mode-option{height:64px;padding:0 12px}.practice-summary{padding:12px 0;font-size:9px}.primary-btn{min-height:45px}.quiet-note{font-size:9px}.overview{padding:0 0 32px}.section-heading h2{font-size:17px}.section-heading{padding-bottom:12px}.text-link{font-size:10px}.overview-grid{grid-template-columns:repeat(2,1fr)}.overview-stat{padding:14px 0}.overview-stat+.overview-stat{padding-left:13px}.overview-stat:nth-child(3){border-left:0;padding-left:0;border-top:1px solid var(--line)}.overview-stat:nth-child(4){border-top:1px solid var(--line)}.overview-stat>strong{font-size:20px}.stat-foot{font-size:9px}.recent-strip{gap:9px;min-height:46px;font-size:9px}.recent-label{font-size:9px}.history-view{padding:30px 0 46px}.history-heading{align-items:center;padding-bottom:21px}.history-heading h1{font-size:31px}.history-heading>div>p{font-size:10px}.history-start{height:34px;font-size:10px;padding:0 9px}.history-stats{grid-template-columns:repeat(2,1fr);row-gap:17px;padding:18px 0}.history-stats>div{padding-left:13px!important}.history-stats>div:nth-child(3){border-left:0;padding-left:0!important}.history-stats>div>span{font-size:9px}.history-stats strong{font-size:21px}.records-heading{align-items:start;flex-direction:column;gap:12px;margin:23px 0 10px}.records-heading h2{font-size:14px}.filter-control{align-self:flex-end;margin-top:-32px}.filter-control button{padding:6px 10px;font-size:9px}.record-labels,.record-row{grid-template-columns:minmax(0,1.6fr) .7fr .7fr}.record-labels{padding-inline:4px;font-size:8px}.record-labels span:nth-child(2){display:none}.record-labels span:nth-child(3),.record-row .record-time{text-align:right}.record-labels span:nth-child(4){display:none}.record-row{min-height:62px;padding:0 4px;grid-template-columns:minmax(0,1.6fr) .7fr .7fr}.record-date{gap:7px}.record-index{width:15px;font-size:8px}.record-mode-icon{width:24px;height:24px}.record-mode-icon .icon{width:13px}.record-date strong{font-size:10px}.record-date small{font-size:8px}.record-mistakes{font-size:9px}.record-time{font-size:12px}.record-status{font-size:8px;gap:4px}.game-view{padding:14px 0 24px}.game-nav{gap:8px;height:33px}.back-btn{width:29px;height:29px}.game-breadcrumb{font-size:10px}.question-counter{font-size:12px}.progress-track{margin:13px 0 20px}.game-heading{margin-bottom:14px}.game-heading h1{font-size:22px;margin:9px 0 5px}.game-heading .eyebrow{font-size:10px}.game-heading>div:first-child>p{font-size:10px}.timer-badge{min-width:88px;padding:7px 8px;gap:4px}.timer-badge>span{font-size:8px}.timer-badge strong{font-size:17px}.board-layout{grid-template-columns:1fr;gap:9px}.board-panel{padding:12px 11px 14px}.board-topline{font-size:9px;margin-bottom:8px;height:23px}.puzzle-grid{--cell:min(47px,calc((100vw - 66px) / 9));border-width:1.5px}.grid-cell{font-size:clamp(12px,4.1vw,16px)}.number-pad{gap:5px}.number-pad-9{gap:4px}.number-key{font-size:clamp(14px,5vw,17px)}.number-pad-9 .number-key{font-size:clamp(12px,4.1vw,16px)}.number-pad-label{margin:13px 0 8px;font-size:10px}.number-pad-label>span:last-child{font-size:8px}.game-aside{display:grid;grid-template-columns:1fr 1fr;border-top:2px solid #82aa91;border-radius:5px}.aside-note{padding:10px;align-items:center}.aside-note-icon{width:24px;height:24px}.aside-note strong{font-size:9px}.aside-note>div>span{font-size:8px}.session-stats{padding:2px 10px;display:flex;flex-direction:column;justify-content:center}.session-stat{padding:6px 0;gap:3px}.session-stat>span:first-child{font-size:8px}.session-stat strong{font-size:16px}.session-stat>span:last-child{font-size:7px}.hint-strip{border-top:1px solid #edf0ef;padding:8px;font-size:7px}.hint-strip .icon{width:12px;height:12px}.sound-card{padding:8px;font-size:9px}.switch{transform:scale(.9);transform-origin:right center}.game-encouragement{margin-top:10px;font-size:9px}.countdown>strong{font-size:76px}.complete-view{min-height:calc(100svh - 107px);padding-top:53px}.complete-view h1{font-size:31px}.complete-description{flex-wrap:wrap;justify-content:center;max-width:310px;font-size:9px;gap:7px}.complete-result{max-width:300px;margin-top:25px;padding:17px}.complete-result>strong{font-size:35px}}@media(max-width:380px){.site-shell{width:calc(100% - 24px)}.topnav{gap:10px}.nav-link{font-size:10px}.home-intro h1{font-size:29px}.setup-panel{padding-inline:15px}.mode-option{gap:9px}.game-breadcrumb{font-size:9px}.game-heading h1{font-size:20px}.board-panel{padding-inline:8px}.puzzle-grid{--cell:calc((100vw - 53px) / 9)}.record-status{font-size:7px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}