:root{color:#f7f7fb;background:#101218;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-width:320px;overflow-x:hidden;background:#101218}.app-shell{min-height:100vh;min-height:100dvh}.app-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:2px}.mobile-top-nav{display:none}.mobile-nav-drawer{border-left:1px solid rgba(174,182,199,.18);background:#171a23!important;color:#f7f7fb!important}.mobile-nav-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 10px 6px 20px}.mobile-nav-title{color:#d8d1ff;font-weight:900!important}.mobile-nav-divider{margin:5px 12px!important;border-color:#aeb6c71f!important}.brand-title{line-height:1;text-shadow:none}.brand-description{display:none}.brand-subtitle{margin-top:4px!important;color:#d8d1ff!important;font-size:.9rem!important;font-weight:800!important;line-height:1.25!important}.brand-description{max-width:430px;margin-top:5px!important;line-height:1.45!important}.date-pill{flex:0 0 auto;border:1px solid rgba(174,182,199,.18);border-radius:999px;padding:5px 8px;color:#aeb6c7;background:#171a23;font-size:.75rem}.help-button{color:#d8d1ff!important;background:transparent!important}.desktop-nav{flex:0 0 auto;justify-content:flex-end}.desktop-nav-link{min-width:0!important;padding:5px 8px!important;color:#aeb6c7!important;font-size:.78rem!important;font-weight:800!important;line-height:1.2!important;text-transform:none!important}.desktop-nav-link:hover,.help-button:hover,.mobile-menu-button:hover{color:#f7f7fb!important;background:#7c3aed29!important}.stat-pill{display:flex;align-items:baseline;justify-content:center;gap:6px;min-width:86px;border:1px solid rgba(174,182,199,.16);border-radius:8px;padding:7px 10px;background:#171a23c2}.stat-pill .MuiTypography-body2{color:#f7f7fb;font-weight:900;line-height:1}.next-pill{min-width:132px}.game-surface{border:1px solid rgba(174,182,199,.18);border-radius:8px;padding:14px;background:#171a23;box-shadow:0 18px 48px #0000003d}.game-main{transition:gap .16s ease}.game-card-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.game-helper{line-height:1.35}.dev-refresh-button{flex:0 0 auto;min-height:30px!important;padding:3px 8px!important;color:#aeb6c7!important;border-color:#aeb6c738!important;font-size:.74rem!important;font-weight:800!important}.kanji-stage{display:grid;gap:10px}.kanji-progress{display:grid;gap:7px}.kanji-stage-status{padding:0 2px;font-size:.82rem!important;line-height:1.3!important}.kanji-progress-track{height:6px;overflow:hidden;border-radius:999px;background-color:#aeb6c724}.kanji-progress-fill{height:100%;border-radius:inherit;background:#7c3aed;transition:width .22s ease}.kanji-orbit{position:relative;display:grid;place-items:center;aspect-ratio:1;margin:0 auto;border:1px solid rgba(174,182,199,.18);border-radius:8px;overflow:hidden;background:#0d0f15;box-shadow:inset 0 0 0 1px #00000029}.kanji-svg{width:90%;height:90%}.revealed-kanji{transition:fill .18s ease}.kanji-stroke{vector-effect:non-scaling-stroke}.kanji-stroke-mask-drawing{animation:draw-kanji-stroke linear forwards}@keyframes draw-kanji-stroke{to{stroke-dashoffset:0}}.action-block{position:relative;z-index:2}.input-area .MuiAutocomplete-root{scroll-margin-bottom:max(16px,calc(env(safe-area-inset-bottom) + 8px))}.action-block .MuiStack-root{gap:8px}.action-block .MuiFormHelperText-root{margin-top:4px;font-size:.72rem}.action-block .MuiInputBase-root{min-height:48px;font-size:16px}.guess-action-button{padding-left:10px!important;padding-right:10px!important}.guess-secondary-button{color:#cfc7ff!important;border-color:#a78bfa57!important;background:#7c3aed0f!important}.guess-secondary-button:hover{border-color:#a78bfa85!important;background:#7c3aed1f!important}.kanji-option-character{min-width:34px;font-size:1.45rem;font-weight:800;line-height:1}.kanji-autocomplete-paper{max-width:calc(100vw - 24px);margin-top:6px;border:1px solid rgba(174,182,199,.28);background:#202432;box-shadow:0 16px 44px #0000006b}.kanji-autocomplete-listbox{max-height:196px!important;scrollbar-color:rgba(174,182,199,.38) transparent;scrollbar-width:thin}.kanji-autocomplete-listbox::-webkit-scrollbar{width:8px}.kanji-autocomplete-listbox::-webkit-scrollbar-track{background:transparent}.kanji-autocomplete-listbox::-webkit-scrollbar-thumb{border-radius:999px;background:#aeb6c752}.kanji-autocomplete-paper .MuiAutocomplete-option{display:flex;align-items:center;gap:8px;min-height:auto;padding-top:6px;padding-bottom:6px;border-bottom:1px solid rgba(174,182,199,.1)}.kanji-autocomplete-paper .MuiAutocomplete-option.Mui-focused,.kanji-autocomplete-paper .MuiAutocomplete-option[aria-selected=true]{background:#7c3aed33;box-shadow:inset 3px 0 #7c3aed}.kanji-autocomplete-paper .MuiAutocomplete-option.Mui-focused .kanji-option-enter,.kanji-autocomplete-paper .MuiAutocomplete-option[aria-selected=true] .kanji-option-enter{border-color:#cfc7ff80;background:#7c3aed29;opacity:1}.kanji-option-enter{flex:0 0 42px;border:1px solid rgba(174,182,199,.24);border-radius:6px;padding:2px 4px;color:#cfc7ff;font-size:.72rem;text-align:center;opacity:0}.kanji-option-meaning{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-height:1.25}.kanji-option-reading{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;line-height:1.25}.kanji-autocomplete-paper .MuiAutocomplete-option:last-child{border-bottom:0}.guess-detail-tooltip{max-width:min(320px,calc(100vw - 32px))!important;border:1px solid rgba(174,182,199,.28);border-radius:8px!important;padding:8px 10px!important;background:#202432!important;box-shadow:0 16px 44px #0000006b}.guess-detail-tooltip-arrow{color:#202432!important}.guess-detail-card{min-width:190px}.guess-detail-character{min-width:42px;font-size:1.9rem}.footer-meta{display:grid;gap:6px;text-align:center}.footer-note{text-align:center;line-height:1.45!important}.copyright-note{text-align:center;opacity:.62;line-height:1.2!important}.footer-links{color:#aeb6c7;font-size:.78rem;opacity:.82}.footer-links a{color:inherit}.content-top-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:4px}.content-brand-link{color:#f7f7fb!important;font-size:1.1rem;font-weight:900;line-height:1}.seo-support{width:100%;margin:0 auto;padding-top:0;opacity:.84}.seo-support-accordion{border:1px solid rgba(174,182,199,.08);border-radius:8px;background:#0d0f1524!important;color:inherit!important}.seo-support-accordion:before{display:none}.seo-support-accordion .MuiAccordionSummary-root{min-height:38px;padding:0 10px}.seo-support-accordion .MuiAccordionSummary-content{margin:7px 0}.seo-support-accordion .MuiAccordionSummary-expandIconWrapper{color:#aeb6c7b8}.seo-support-accordion .MuiAccordionDetails-root{padding:0 10px 10px}.seo-support-accordion .MuiTypography-h6,.content-section .MuiTypography-h6{color:#f7f7fb;font-size:.86rem;line-height:1.25}.seo-support-accordion .MuiTypography-body2,.content-section .MuiTypography-body2{line-height:1.55}.content-section .MuiTypography-h6{margin-bottom:5px;font-size:.98rem}.content-header{display:grid;gap:8px;padding-top:4px}.content-back-link{width:fit-content;color:#aeb6c7!important;font-size:.82rem;font-weight:800}.content-title{font-size:clamp(1.75rem,8vw,2.7rem)!important;line-height:1.05!important;font-weight:900!important}.content-surface{border:1px solid rgba(174,182,199,.18);border-radius:8px;padding:16px;background:#171a23}.stats-summary-item{flex:1;text-align:center}.stats-summary-item .MuiTypography-h5{color:#f7f7fb;font-weight:900}.stats-distribution-row{display:grid;grid-template-columns:38px 1fr 32px;align-items:center;gap:8px}.stats-distribution-label,.stats-distribution-value{color:#d8d1ff;font-weight:900!important}.stats-distribution-value{text-align:right}.stats-distribution-track{height:11px;overflow:hidden;border-radius:999px;background:#aeb6c724}.stats-distribution-fill{height:100%;border-radius:inherit;background:#7c3aed}.result-dialog{overflow:hidden}.result-dialog-win-pop{animation:win-dialog-pop .52s cubic-bezier(.18,.9,.28,1.18);box-shadow:0 26px 70px #0000007a,0 0 42px #34d3992e!important}.result-feedback-win{color:#d8d1ff!important;font-weight:800!important}.result-answer{align-items:center}.result-answer-win{animation:win-answer-pulse .7s ease-out .12s both}.result-answer-kanji{flex:0 0 auto;min-width:64px;line-height:.9!important;font-size:clamp(4rem,18vw,5.25rem)!important}.result-answer-details{min-width:0;text-align:left}.result-answer-details .MuiTypography-h6{overflow-wrap:anywhere;line-height:1.15}.result-answer-details .MuiTypography-body2{line-height:1.45}@keyframes win-dialog-pop{0%{transform:scale(.86);opacity:0}58%{transform:scale(1.035);opacity:1}78%{transform:scale(.985)}to{transform:scale(1)}}@keyframes win-answer-pulse{0%{filter:drop-shadow(0 0 0 rgba(52,211,153,0));transform:translateY(2px)}45%{filter:drop-shadow(0 0 18px rgba(52,211,153,.42));transform:translateY(0)}to{filter:drop-shadow(0 0 0 rgba(52,211,153,0))}}@media(prefers-reduced-motion:reduce){.kanji-stroke-mask-drawing{animation:none;stroke-dasharray:none;stroke-dashoffset:0}.result-dialog-win-pop,.result-answer-win{animation:none}}@media(max-height:720px){.kanji-orbit{max-width:min(82vw,300px,42vh)}.footer-note{display:none}}@media(max-width:560px){.mobile-top-nav{display:flex;align-items:center;justify-content:space-between;min-height:44px;margin:-2px 0 6px;padding:0 2px;background:#101218}.mobile-brand-link{display:grid;gap:2px;color:#f7f7fb!important;line-height:1}.mobile-brand-title{font-size:1.28rem;font-weight:900;line-height:1}.mobile-brand-subtitle{color:#d8d1ff;font-size:.72rem;font-weight:800;line-height:1.1}.mobile-menu-button{color:#d8d1ff!important;background:transparent!important}.game-main{gap:12px!important;justify-content:flex-start!important;min-height:100vh;min-height:100dvh}.content-top-nav{display:none}.game-main>.app-header,.game-main>.game-stats{display:none!important}.desktop-nav{display:none!important}.game-surface{padding:10px}.game-surface>.MuiStack-root{gap:10px}.input-area{margin-top:auto}.game-card-header{display:block}.game-helper{font-size:.78rem!important;text-align:center}.kanji-stage{gap:7px}.kanji-progress{gap:5px}.kanji-stage-status{font-size:.76rem!important}.kanji-orbit{max-width:min(86vw,340px,48vh)}.guess-form{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important}.guess-form .MuiAutocomplete-root{grid-column:1 / -1}.guess-action-button{width:auto!important;min-width:0!important;height:44px!important;min-height:44px!important;padding-inline:10px!important}.kanji-autocomplete-listbox{max-height:min(172px,28vh)!important}}@media(min-width:561px){.app-header{align-items:flex-start;gap:16px;padding-top:4px}.brand-title{font-size:clamp(1.8rem,7vw,2.75rem)}.brand-description{display:block}.date-pill{padding:6px 10px;font-size:.82rem}.game-surface{padding:clamp(14px,3vw,22px)}.kanji-stage{gap:10px}.kanji-orbit{width:min(82vw,440px)}.kanji-svg{width:88%;height:88%}.action-block .MuiInputBase-root{min-height:56px}.guess-action-button{height:56px!important;min-width:76px!important}.kanji-option-character{min-width:44px;font-size:1.7rem}.kanji-autocomplete-paper .MuiAutocomplete-option{gap:12px;padding-top:6px;padding-bottom:6px}.kanji-option-enter{flex-basis:48px;padding-left:6px;padding-right:6px}}