: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}.app-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:2px}.brand-title{line-height:1;text-shadow:none}.app-header .MuiTypography-body1{display:none}.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}.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}.dev-refresh-button{width:100%}.game-surface{border:1px solid rgba(174,182,199,.18);border-radius:8px;padding:14px;background:#171a23;box-shadow:0 18px 48px #0000003d}.kanji-stage{display:grid;gap:10px}.kanji-stage .MuiChip-root{height:28px}.kanji-stage .MuiChip-label{padding-left:10px;padding-right:10px;font-size:.82rem}.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}}.progress-block .MuiTypography-body2{font-size:.82rem}.MuiLinearProgress-root{height:6px;border-radius:999px;background-color:#aeb6c724}.MuiLinearProgress-bar{border-radius:999px;background:#7c3aed}.action-block{position:relative;z-index:2}.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-action-button .MuiSvgIcon-root{font-size:1.25rem}.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:204px!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:7px;padding-bottom:7px;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}.kanji-option-reading{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.kanji-autocomplete-paper .MuiAutocomplete-option:last-child{border-bottom:0}.footer-note{text-align:center}@media (prefers-reduced-motion: reduce){.kanji-stroke-mask-drawing{animation:none;stroke-dasharray:none;stroke-dashoffset:0}}@media (max-height: 720px){.kanji-orbit{max-width:min(78vw,280px,40vh)}.footer-note{display:none}}@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)}.app-header .MuiTypography-body1{display:block;font-size:.95rem}.date-pill{padding:6px 10px;font-size:.82rem}.dev-refresh-button{width:auto;align-self:flex-start}.game-surface{padding:clamp(14px,3vw,22px)}.kanji-stage{gap:10px}.kanji-orbit{width:min(78vw,360px)}.kanji-svg{width:88%;height:88%}.MuiLinearProgress-root{height:8px}.action-block .MuiInputBase-root{min-height:56px}.guess-action-button{height:56px!important;min-width:56px!important}.kanji-option-character{min-width:44px;font-size:1.7rem}.kanji-autocomplete-paper .MuiAutocomplete-option{gap:12px;padding-top:8px;padding-bottom:8px}.kanji-option-enter{flex-basis:48px;padding-left:6px;padding-right:6px}}