.page-module__q3dBrq__page{background:linear-gradient(135deg,#fef6e4,#eaf4ff);flex:1;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.page-module__q3dBrq__main{flex-direction:column;align-items:center;gap:18px;width:100%;max-width:440px;display:flex}.page-module__q3dBrq__title{color:#5a4a7a;margin:0;font-size:30px;font-weight:800}.page-module__q3dBrq__hud{color:#5a4a7a;background:#fff;border-radius:16px;flex-direction:column;gap:6px;width:100%;padding:14px 20px;font-weight:700;display:flex;box-shadow:0 4px 10px #0000001a}.page-module__q3dBrq__scoreRow{align-items:baseline;gap:8px;display:flex}.page-module__q3dBrq__scoreLabel{color:#6b6178;font-size:14px;font-weight:700}.page-module__q3dBrq__scoreValue{color:#3d3454;font-size:34px;font-weight:800;line-height:1}.page-module__q3dBrq__subStatsRow{color:#6b6178;justify-content:space-between;align-items:center;gap:10px;font-size:14px;font-weight:700;display:flex}.page-module__q3dBrq__board{background:#fff;border-radius:20px;flex-direction:column;justify-content:center;width:100%;min-height:380px;padding:20px;display:flex;position:relative;box-shadow:0 4px 10px #00000014}.page-module__q3dBrq__selectScreen{flex-direction:column;gap:12px;display:flex}.page-module__q3dBrq__selectLead{text-align:center;color:#5a4a7a;margin:0 0 4px;font-weight:700}.page-module__q3dBrq__difficultyButton{color:#5a4a7a;cursor:pointer;text-align:left;touch-action:manipulation;background:#f3edff;border:none;border-radius:14px;flex-direction:column;align-items:flex-start;gap:4px;padding:14px 18px;display:flex}.page-module__q3dBrq__difficultyButton:hover{background:#e9defe}.page-module__q3dBrq__difficultyButton:active{transform:translateY(1px)}.page-module__q3dBrq__difficultyLabel{font-size:18px;font-weight:800}.page-module__q3dBrq__difficultyDesc{color:#6b6178;font-size:13px}.page-module__q3dBrq__difficultyBest{color:#6a4fc0;margin-top:2px;font-size:16px;font-weight:800}.page-module__q3dBrq__playScreen{flex-direction:column;align-items:center;gap:16px;display:flex}.page-module__q3dBrq__playHeader{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.page-module__q3dBrq__backButton{color:#6b6178;cursor:pointer;touch-action:manipulation;white-space:nowrap;background:#f3edff;border:none;border-radius:999px;padding:6px 12px;font-size:12.5px;font-weight:700}.page-module__q3dBrq__backButton:hover{background:#e9defe}.page-module__q3dBrq__timerSeconds{color:#8a6fd6;white-space:nowrap;font-size:13px;font-weight:800}.page-module__q3dBrq__timerSecondsUrgent{color:#fa5252}.page-module__q3dBrq__kanjiText{color:#5a4a7a;margin:0;font-size:22px;font-weight:800}.page-module__q3dBrq__timerTrack{background:#eee3ff;border-radius:999px;width:100%;height:10px;overflow:hidden}.page-module__q3dBrq__timerFill{background:#8a6fd6;border-radius:999px;height:100%;transition:width .1s linear}.page-module__q3dBrq__timerFillUrgent{background:#fa5252}.page-module__q3dBrq__kanaText{color:#6b6178;letter-spacing:.04em;margin:0;font-size:20px;font-weight:700}.page-module__q3dBrq__romajiText{letter-spacing:.06em;margin:0;font-family:Courier New,monospace;font-size:28px;font-weight:700;transition:transform 80ms ease-out}.page-module__q3dBrq__romajiTextError{animation:.2s ease-out page-module__q3dBrq__shakeSmall}@keyframes page-module__q3dBrq__shakeSmall{0%{transform:translate(0)}25%{transform:translate(-4px)}50%{transform:translate(4px)}75%{transform:translate(-2px)}to{transform:translate(0)}}.page-module__q3dBrq__romajiTyped{color:#b0a8c4}.page-module__q3dBrq__romajiRemaining{color:#3d3454}.page-module__q3dBrq__typingInput{text-align:center;color:#3d3454;background:#faf7ff;border:2px solid #d8c9f7;border-radius:14px;outline:none;width:100%;padding:14px 16px;font-size:18px}.page-module__q3dBrq__typingInput:focus{border-color:#8a6fd6}.page-module__q3dBrq__overlay{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;animation:.26s ease-out page-module__q3dBrq__overlayPop;display:flex;position:relative}.page-module__q3dBrq__confettiLayer{pointer-events:none;height:340px;position:absolute;inset:-20px 0 0;overflow:visible}.page-module__q3dBrq__confettiPiece{opacity:0;border-radius:2px;width:8px;height:14px;animation-name:page-module__q3dBrq__confettiFall;animation-timing-function:ease-in;animation-fill-mode:forwards;position:absolute;top:-12px}@keyframes page-module__q3dBrq__confettiFall{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(320px)rotate(480deg)}}@keyframes page-module__q3dBrq__overlayPop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.page-module__q3dBrq__gameOverEmoji{margin:0;font-size:44px;line-height:1}.page-module__q3dBrq__gameOverTitle{color:#3d3454;margin:0;font-size:22px;font-weight:800}.page-module__q3dBrq__result{color:#3d3454;margin:0;font-size:20px;font-weight:700}.page-module__q3dBrq__subResult{color:#6b6178;margin:0;font-size:14px}.page-module__q3dBrq__newBestBadge{color:#6b3e00;background:linear-gradient(135deg,#ffe066,#ffa94d);border-radius:999px;align-items:center;gap:6px;margin:4px 0 0;padding:10px 22px;font-size:18px;font-weight:800;animation:.45s ease-out page-module__q3dBrq__bounceIn,1.6s ease-in-out .45s infinite page-module__q3dBrq__badgeGlow;display:flex}@keyframes page-module__q3dBrq__badgeGlow{0%,to{box-shadow:0 0 8px 2px #ffd16680}50%{box-shadow:0 0 18px 6px #ffa94dd9}}.page-module__q3dBrq__newBestSparkle{animation:1.4s ease-in-out infinite page-module__q3dBrq__sparkleSpin;display:inline-block}@keyframes page-module__q3dBrq__sparkleSpin{0%,to{transform:scale(1)rotate(0)}50%{transform:scale(1.3)rotate(20deg)}}@keyframes page-module__q3dBrq__bounceIn{0%{opacity:0;transform:scale(.5)}60%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.page-module__q3dBrq__gameOverButtons{flex-direction:column;align-items:center;gap:10px;width:100%;margin-top:8px;display:flex}.page-module__q3dBrq__startButtonPulse{animation:1.1s ease-in-out infinite page-module__q3dBrq__pulseGrow}@keyframes page-module__q3dBrq__pulseGrow{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.page-module__q3dBrq__startButton{color:#fff;cursor:pointer;touch-action:manipulation;background:#8a6fd6;border:none;border-radius:999px;padding:12px 30px;font-size:18px;font-weight:800;box-shadow:0 4px #6a51b0}.page-module__q3dBrq__startButton:hover{background:#9a80e6}.page-module__q3dBrq__startButton:active{transform:translateY(2px);box-shadow:0 2px #6a51b0}.page-module__q3dBrq__selectAgainButton{color:#6b6178;cursor:pointer;touch-action:manipulation;background:0 0;border:none;padding:8px 20px;font-size:14px;font-weight:700;text-decoration:underline}.page-module__q3dBrq__hint{color:#6b6178;text-align:center;margin:0;font-size:13px}.page-module__q3dBrq__infoSection{background:#fff;border-radius:16px;width:100%;padding:18px 20px;box-shadow:0 4px 10px #00000014}.page-module__q3dBrq__infoHeading{color:#5a4a7a;margin:0 0 8px;font-size:15px;font-weight:800}.page-module__q3dBrq__infoHeading:not(:first-child){margin-top:16px}.page-module__q3dBrq__infoList{color:#4a4358;flex-direction:column;gap:6px;margin:0;padding-left:1.2em;font-size:13.5px;line-height:1.5;display:flex}.page-module__q3dBrq__infoParagraph{color:#4a4358;margin:0 0 10px;font-size:13.5px;line-height:1.7}.page-module__q3dBrq__infoParagraph:last-of-type{margin-bottom:0}.page-module__q3dBrq__faqList{margin:0}.page-module__q3dBrq__faqQuestion{color:#5a4a7a;margin:12px 0 4px;font-size:13.5px;font-weight:700}.page-module__q3dBrq__faqQuestion:first-child{margin-top:0}.page-module__q3dBrq__faqAnswer{color:#4a4358;margin:0;font-size:13.5px;line-height:1.6}@media (max-width:380px){.page-module__q3dBrq__page{padding:12px}.page-module__q3dBrq__title{font-size:24px}.page-module__q3dBrq__hud{padding:10px 14px}.page-module__q3dBrq__scoreValue{font-size:28px}.page-module__q3dBrq__subStatsRow{font-size:12px}.page-module__q3dBrq__kanjiText{font-size:18px}.page-module__q3dBrq__kanaText{font-size:16px}.page-module__q3dBrq__romajiText{font-size:22px}.page-module__q3dBrq__hint{font-size:12px}}.page-module__q3dBrq__backRow{width:100%}.page-module__q3dBrq__backLink{color:#5a4a7a;background:#fffdf9;border-radius:999px;align-items:center;gap:4px;padding:6px 14px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 2px 6px #0000001a}
