*{box-sizing:border-box}:root{background:#f4f7fb;color:#142033;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}body{margin:0;min-width:320px}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.app{display:grid;grid-template-rows:auto 1fr;min-height:100vh}.appHeader{align-items:center;background:#e5edf8;border-bottom:1px solid #c7d4e6;display:flex;gap:18px;justify-content:space-between;padding:18px 28px}.appTitle{display:grid;gap:3px;min-width:0}.appTitle span,.sectionLabel,.label{color:#60758f;font-size:.74rem;font-weight:850;letter-spacing:0;text-transform:uppercase}.appTitle h1,.screenIntro h2,.playHeader h2,.resultHeader h2{color:#142033;line-height:1.08;margin:0}.appTitle h1{font-size:1.35rem}.appNav{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.soundToggle{align-items:center;background:#f7fbff;border:1px solid #c6d3e3;border-radius:8px;color:#17406d;cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:900;gap:8px;min-height:40px;padding:8px 10px;-webkit-user-select:none;user-select:none}.soundToggle input{height:1px;opacity:0;position:absolute;width:1px}.soundSwitch{align-items:center;background:#c6d3e3;border-radius:999px;display:inline-flex;flex:0 0 auto;height:20px;padding:2px;transition:background .12s ease;width:36px}.soundSwitch span{background:#fff;border-radius:50%;box-shadow:0 1px 3px #14203340;display:block;height:16px;transform:translate(0);transition:transform .12s ease;width:16px}.soundToggle input:checked+.soundSwitch{background:#17406d}.soundToggle input:checked+.soundSwitch span{transform:translate(16px)}.soundToggle:focus-within{outline:3px solid rgb(85 134 199 / .28);outline-offset:2px}.navButton,.helpButton,.primaryButton,.secondaryButton,.modalCloseButton,.touchKeypad button,.answerPanel button{align-items:center;border:1px solid #8aa0bd;border-radius:8px;cursor:pointer;display:inline-flex;font-weight:900;justify-content:center;min-height:40px;padding:8px 14px}.navButton,.secondaryButton,.helpButton{background:#f7fbff;border-color:#c6d3e3;color:#17406d}.navButton.active{background:#17406d;border-color:#17406d;color:#fff}.navButton:disabled{cursor:not-allowed;opacity:.55}.primaryButton,.answerPanel button,.modalCloseButton{background:#17406d;border-color:#17406d;color:#fff}.primaryButton{min-height:48px}.secondaryButton{min-height:44px}.screen{align-content:start;display:grid;gap:24px;justify-items:center;margin:0 auto;max-width:1120px;padding:32px;width:100%}.screenIntro{display:grid;gap:8px;justify-self:stretch;max-width:760px}.screenIntro h2{font-size:1.85rem}.screenIntro p,.playHeader p{color:#405872;font-weight:750;line-height:1.55;margin:0}.modeCards{display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr));justify-self:stretch}.gameKindTabs{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));justify-self:stretch;max-width:620px;width:100%}.gameKindTab{background:#f7fbff;border:1px solid #c6d3e3;border-radius:8px;color:#17406d;cursor:pointer;display:grid;gap:4px;min-height:68px;padding:10px 12px;text-align:center}.gameKindTab span{font-weight:950}.gameKindTab strong{color:#405872;font-size:.86rem;font-weight:850}.gameKindTab.active{background:#17406d;border-color:#17406d;color:#fff}.gameKindTab.active strong{color:#ffffffdb}.modeCard{background:#fff;border:1px solid #c7d4e6;border-radius:8px;color:#142033;cursor:pointer;display:grid;gap:16px;min-height:230px;padding:18px;text-align:left}.modeCard:hover,.modeCard:focus-visible,.gameKindTab:hover,.gameKindTab:focus-visible,.secondaryButton:hover,.helpButton:hover,.navButton:hover{border-color:#17406d;box-shadow:0 0 0 3px #17406d1f;outline:none}.modeCardTop{align-items:center;display:flex;justify-content:space-between;gap:10px}.modeCardTop span{color:#17406d;font-size:1.2rem;font-weight:950}kbd{background:#eef5fd;border:1px solid rgba(20,32,51,.22);border-radius:6px;color:#142033;font-size:.8rem;font-weight:900;min-width:30px;padding:3px 7px;text-align:center}.modeCard strong{color:#22344d;font-size:1rem;line-height:1.4}.modeCardPrompt{color:#60758f;font-size:.95rem;font-weight:800;line-height:1.4}.modeSummary,.statsSummary{display:grid;gap:8px;margin:0}.modeSummary{grid-template-columns:1fr 1fr}.modeSummary div,.statsSummary div{background:#eef5fd;border:1px solid #cbd9ea;border-radius:8px;display:grid;gap:3px;min-width:0;padding:9px}.modeSummary dt,.modeSummary dd,.statsSummary dt,.statsSummary dd{margin:0}.modeSummary dt,.statsSummary dt{color:#60758f;font-size:.72rem;font-weight:850}.modeSummary dd,.statsSummary dd{color:#17406d;font-variant-numeric:tabular-nums;font-weight:950;overflow:hidden;text-overflow:clip;white-space:nowrap}.modeStartText{align-self:end;background:#df5b36;border-radius:8px;color:#fff;display:inline-flex;font-weight:950;justify-content:center;min-height:44px;padding:10px 12px}.playScreen{gap:20px;max-width:760px}.playHeader{align-items:start;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) auto;justify-self:stretch}.playHeader h2{font-size:1.55rem}.statusBar{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.statusBar>div{border-bottom:2px solid #cfdae8;display:grid;gap:4px;padding-bottom:8px}.statusBar strong{color:#142033;font-size:1.25rem;font-variant-numeric:tabular-nums}.boardWrap{width:min(100%,620px)}.board{aspect-ratio:1;background:#101827;border:3px solid #101827;display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(9,1fr);overflow:hidden;width:100%}.cell{align-items:center;aspect-ratio:1;background:#fbfdff;border-bottom:1px solid #101827;border-right:1px solid #101827;color:#16243a;display:flex;font-size:2rem;font-weight:850;justify-content:center;line-height:1;min-height:0;min-width:0}.cell:nth-child(3n){border-right:2px solid #101827}.cell:nth-child(9n){border-right:0}.cell:nth-child(n+19):nth-child(-n+27),.cell:nth-child(n+46):nth-child(-n+54){border-bottom:2px solid #101827}.cell:nth-child(n+73){border-bottom:0}.cell.target{background:#ffe26a;box-shadow:inset 0 0 0 4px #df5b36}.miniBoard{border-width:2px;max-width:274px;width:min(100%,274px)}.miniBoard .cell{font-size:1rem}.answerPanel{display:grid;gap:10px;grid-template-columns:minmax(0,1fr) 110px;width:100%}.touchAnswerPanel{grid-template-columns:1fr}.answerPanel input{background:#fff;border:2px solid #8aa0bd;border-radius:8px;font-size:1.5rem;font-weight:850;height:56px;outline:none;padding:0 16px}.answerPanel input:read-only{cursor:default}.answerPanel input:focus{border-color:#df5b36;box-shadow:0 0 0 4px #df5b3629}.answerPanel button:disabled,.touchKeypad button:disabled{cursor:not-allowed;opacity:.45}.touchKeypad{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.touchKeypad button{background:#f7fbff;border-color:#c6d3e3;color:#17406d;font-size:1.25rem;min-height:52px}.resultScreen{max-width:620px}.resultHeader{display:grid;gap:6px;justify-items:center;text-align:center}.resultHeader h2{color:#17406d;font-size:2rem}.failedResult .resultHeader h2{color:#9d2f18}.resultProgress{background:#ffe1d8;border:1px solid #f0b29e;border-radius:8px;display:grid;gap:6px;padding:14px;text-align:center;width:100%}.resultProgress span{color:#9d2f18;font-size:.88rem;font-weight:850}.resultProgress strong{color:#142033;font-size:1.45rem;font-variant-numeric:tabular-nums;line-height:1}.modalBoardWrap{display:flex;justify-content:center;width:100%}.answerCompare{display:grid;gap:10px;grid-template-columns:1fr 1fr;width:100%}.answerCompare>div{background:#eef5fd;border:1px solid #cbd9ea;border-radius:8px;display:grid;gap:4px;min-width:0;padding:12px;text-align:center}.answerCompare span{color:#66798f;font-size:.78rem;font-weight:850}.answerCompare strong{color:#142033;font-size:1.6rem;font-variant-numeric:tabular-nums;line-height:1;min-height:1.6rem}.finishTime{background:#e2f0ff;border:1px solid #b8cee8;border-radius:8px;display:grid;gap:6px;padding:16px;text-align:center;width:100%}.finishTime span{color:#5d7894;font-size:.8rem;font-weight:850}.finishTime strong{color:#17406d;font-size:2rem;font-variant-numeric:tabular-nums;line-height:1}.modalRanking{display:grid;gap:8px;width:100%}.modalRanking h3{color:#142033;font-size:1rem;margin:0;text-align:center}.rankingList,.modalRanking ol{display:grid;gap:6px;list-style:none;margin:0;padding:0}.rankingList li,.modalRanking li{align-items:center;background:#f3f8fe;border:1px solid #cbd9ea;border-radius:8px;display:flex;justify-content:space-between;padding:8px 12px}.rankingList span,.rankingList strong,.modalRanking li span,.modalRanking li strong{font-variant-numeric:tabular-nums}.rankingList span,.modalRanking li span{color:#66798f;font-weight:850}.rankingList strong,.modalRanking li strong{color:#142033}.resultActions{display:grid;gap:10px;grid-template-columns:1fr;width:100%}.statsScreen{justify-items:stretch}.statsTabs{display:grid;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr))}.statsTab{background:#f7fbff;border:1px solid #c6d3e3;border-radius:8px;color:#17406d;cursor:pointer;display:grid;gap:3px;min-height:64px;padding:9px 10px;text-align:center}.statsTab span{font-weight:950}.statsTab strong{color:#405872;font-size:.82rem;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:clip;white-space:nowrap}.statsTab.active{background:#17406d;border-color:#17406d;color:#fff}.statsTab.active strong{color:#ffffffdb}.statsTab:hover,.statsTab:focus-visible{border-color:#17406d;box-shadow:0 0 0 3px #17406d1f;outline:none}.statsCard{background:#fff;border:1px solid #c7d4e6;border-radius:8px;display:grid;gap:14px;padding:18px}.statsPanel{max-width:760px;width:100%}.statsCardHeader{align-items:start;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) auto}.statsCardHeader div{display:grid;gap:5px;min-width:0}.statsCardHeader span{color:#17406d;font-size:1.1rem;font-weight:950}.statsCardHeader strong{color:#405872;font-size:.9rem;line-height:1.4}.statsSummary{grid-template-columns:repeat(4,minmax(0,1fr))}.enduranceStats{border-top:1px solid #cbd9ea;display:grid;gap:10px;padding-top:14px}.statsSectionHeader{display:grid;gap:3px}.statsSectionHeader span{color:#17406d;font-size:1rem;font-weight:950}.statsSectionHeader strong{color:#405872;font-size:.86rem}.resetModal{background:#f7fbff;border:1px solid #c6d3e3;border-radius:8px;box-shadow:0 24px 80px #0a121f47;display:grid;gap:16px;max-width:460px;padding:22px;width:min(100%,460px)}.resetModal h2{color:#17406d;font-size:1.55rem;line-height:1.1;margin:0;text-align:center}.resetModal p{color:#405872;font-weight:750;line-height:1.55;margin:0;text-align:center}.resetActions{display:grid;gap:10px}.modalOverlay{align-items:center;background:#0a121f99;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:10}.helpModal{background:#f7fbff;border:1px solid #c6d3e3;border-radius:8px;box-shadow:0 24px 80px #0a121f47;display:grid;gap:16px;max-height:calc(100vh - 40px);max-width:480px;overflow:auto;padding:22px;width:min(100%,480px)}.helpModal h2,.helpModal h3{color:#17406d;line-height:1.1;margin:0;text-align:center}.helpModal h2{font-size:1.6rem}.helpModal h3{font-size:1.25rem}.helpList{color:#22344d;display:grid;gap:10px;font-weight:750;line-height:1.55;margin:0;padding-left:1.3rem}@media(max-width:920px){.modeCards,.statsTabs,.statsSummary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.appHeader{align-items:stretch;padding:16px}.appHeader,.playHeader{grid-template-columns:1fr;flex-direction:column}.appNav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;width:100%}.appNav>button,.soundToggle{line-height:1.18;min-width:0;padding-inline:10px;text-align:center;white-space:normal;width:100%}.soundToggle{justify-content:center}.screen{padding:20px}.modeCards,.gameKindTabs,.statsTabs,.statusBar,.answerPanel,.answerCompare{grid-template-columns:1fr}.cell{font-size:1.45rem}.statsCardHeader{grid-template-columns:1fr}}