@import "https://fonts.googleapis.com/css2?family=Darumadrop+One&family=Fira+Sans:wght@400;500;600;700&family=Zen+Maru+Gothic:wght@400;500;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{color:#2d2d3a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;background:#fff;width:100%;height:100%;font-family:Fira Sans,sans-serif;overflow:hidden}#app{width:100%;max-width:480px;height:100%;margin:0 auto}body{overscroll-behavior:none}.game.svelte-1kb9ux{flex-direction:column;gap:8px;height:100%;padding:16px;transition:background-color .15s;display:flex;position:relative;overflow:hidden}.game.flash-correct.svelte-1kb9ux{background-color:#6bcf6b1a}.game.flash-wrong.svelte-1kb9ux{background-color:#ee55551a}.top-bar.svelte-1kb9ux{justify-content:space-between;align-items:center;padding:0 8px;display:flex}.stat.svelte-1kb9ux{flex-direction:column;align-items:center;gap:2px;display:flex}.stat-label.svelte-1kb9ux{color:#aaa;text-transform:uppercase;letter-spacing:.5px;font-family:Fira Sans,sans-serif;font-size:10px}.stat-value.svelte-1kb9ux{color:#2d2d3a;font-family:Zen Maru Gothic,sans-serif;font-size:20px;font-weight:700}.timer.svelte-1kb9ux{color:#2d2d3a;font-family:Fira Sans,sans-serif;font-size:28px;font-weight:700}.timer-low.svelte-1kb9ux{color:#e55;animation:1s infinite svelte-1kb9ux-pulse}@keyframes svelte-1kb9ux-pulse{0%,to{opacity:1}50%{opacity:.5}}.progress-bar.svelte-1kb9ux{background:#eee;border-radius:2px;height:4px;overflow:hidden}.progress-fill.svelte-1kb9ux{background:linear-gradient(90deg,#e8846b,#e86b8c);border-radius:2px;height:100%;transition:width 1s linear}.progress-fill.low.svelte-1kb9ux{background:linear-gradient(90deg,#e55,#e88)}.kana-display.svelte-1kb9ux{flex:1;justify-content:center;align-items:center;display:flex}.kana-char.svelte-1kb9ux{color:#2d2d3a;-webkit-user-select:none;user-select:none;font-family:Darumadrop One,sans-serif;font-size:min(30vw,160px);transition:transform .15s}.game.flash-correct.svelte-1kb9ux .kana-char:where(.svelte-1kb9ux){transform:scale(1.1)}.game.flash-wrong.svelte-1kb9ux .kana-char:where(.svelte-1kb9ux){transform:scale(.9)}.highlight-correct.svelte-1kb9ux{transform:scale(1.05);color:#fff!important;background:#84cc16!important;border-color:#65a30d!important}.answer-area.svelte-1kb9ux{padding:0 8px}.choices.svelte-1kb9ux{grid-template-columns:1fr 1fr;gap:8px;display:grid}.btn-choice.svelte-1kb9ux{color:#2d2d3a;cursor:pointer;background:#fff;border:2px solid #e8e8ee;border-radius:12px;padding:14px 8px;font-family:Fira Sans,sans-serif;font-size:16px;font-weight:600;transition:all .15s}.choice-num.svelte-1kb9ux{color:#aaa;vertical-align:middle;border:1px solid #ddd;border-radius:4px;margin-right:4px;padding:2px;font-size:8px;display:inline-block}.btn-choice.svelte-1kb9ux:hover:not(:disabled){background:#fff5f3;border-color:#e8846b}.btn-choice.svelte-1kb9ux:active:not(:disabled){transform:scale(.97)}.btn-choice.svelte-1kb9ux:disabled{opacity:.5;cursor:not-allowed}.type-form.svelte-1kb9ux{width:100%}.correct-answer-reveal.svelte-1kb9ux{text-align:center;color:#ef4444;margin-bottom:16px;font-size:1.5rem;font-weight:700;animation:.3s cubic-bezier(.175,.885,.32,1.275) svelte-1kb9ux-pop}@keyframes svelte-1kb9ux-pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.type-input.svelte-1kb9ux{text-align:center;color:#2d2d3a;box-sizing:border-box;background:#fff;border:2px solid #e8e8ee;border-radius:12px;outline:none;width:100%;padding:14px;font-family:Fira Sans,sans-serif;font-size:20px;transition:border-color .2s}.type-input.svelte-1kb9ux:focus{border-color:#e8846b}.type-input.svelte-1kb9ux:disabled{opacity:.5}.online-badge.svelte-1kb9ux{color:#bbb;justify-content:center;align-items:center;gap:6px;padding:4px;font-family:Fira Sans,sans-serif;font-size:12px;display:flex}.online-dot.svelte-1kb9ux{background:#6bcf6b;border-radius:50%;width:6px;height:6px}.btn-pause.svelte-1kb9ux{cursor:pointer;color:#888;background:0 0;border:2px solid #e8e8ee;border-radius:10px;padding:6px 12px;font-family:Fira Sans,sans-serif;font-size:13px;transition:all .15s}.btn-pause.svelte-1kb9ux:hover:not(:disabled){color:#e8846b;border-color:#e8846b}.btn-pause.svelte-1kb9ux:disabled{opacity:.35;cursor:not-allowed}.pause-overlay.svelte-1kb9ux{z-index:10;background:#fafafcf7;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pause-content.svelte-1kb9ux{flex-direction:column;align-items:center;gap:16px;display:flex}.pause-icon.svelte-1kb9ux{font-size:48px}.pause-text.svelte-1kb9ux{color:#2d2d3a;margin:0;font-family:Zen Maru Gothic,sans-serif;font-size:24px;font-weight:700}.btn-resume.svelte-1kb9ux{color:#fff;cursor:pointer;background:linear-gradient(135deg,#e8846b,#e86b8c);border:none;border-radius:12px;padding:12px 32px;font-family:Zen Maru Gothic,sans-serif;font-size:16px;font-weight:700;transition:transform .15s}.btn-resume.svelte-1kb9ux:hover{transform:scale(1.03)}.btn-resume.svelte-1kb9ux:active{transform:scale(.97)}.btn-menu.svelte-1kb9ux{color:#888;cursor:pointer;background:0 0;border:2px solid #e8e8ee;border-radius:10px;margin-top:8px;padding:10px 24px;font-family:Fira Sans,sans-serif;font-size:14px;font-weight:600;transition:all .15s}.btn-menu.svelte-1kb9ux:hover{color:#555;border-color:#aaa}.pause-count.svelte-1kb9ux{color:#aaa;margin:0;font-family:Fira Sans,sans-serif;font-size:13px}.over.svelte-8umrjz{flex-direction:column;justify-content:center;align-items:center;gap:24px;height:100%;padding:24px;display:flex}.card.svelte-8umrjz{background:#fafafa;border:2px solid #f0f0f4;border-radius:20px;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:300px;padding:32px;display:flex}.emoji.svelte-8umrjz{font-size:48px}.title.svelte-8umrjz{color:#2d2d3a;margin:0;font-family:Zen Maru Gothic,sans-serif;font-size:28px;font-weight:700}.score-display.svelte-8umrjz{flex-direction:column;align-items:center;gap:4px;display:flex}.score-label.svelte-8umrjz{color:#aaa;text-transform:uppercase;letter-spacing:1px;font-family:Fira Sans,sans-serif;font-size:12px}.score-value.svelte-8umrjz{color:#e8846b;font-family:Zen Maru Gothic,sans-serif;font-size:48px;font-weight:700}.stats.svelte-8umrjz{align-items:center;gap:24px;display:flex}.stat.svelte-8umrjz{flex-direction:column;align-items:center;gap:2px;display:flex}.stat-val.svelte-8umrjz{color:#2d2d3a;font-family:Zen Maru Gothic,sans-serif;font-size:20px;font-weight:700}.stat-label.svelte-8umrjz{color:#aaa;font-family:Fira Sans,sans-serif;font-size:11px}.stat-divider.svelte-8umrjz{background:#e8e8ee;width:1px;height:32px}.btn-play.svelte-8umrjz{color:#fff;cursor:pointer;background:linear-gradient(135deg,#e8846b,#e86b8c);border:none;border-radius:14px;padding:14px 40px;font-family:Zen Maru Gothic,sans-serif;font-size:16px;font-weight:700;transition:transform .15s}.btn-play.svelte-8umrjz:hover{transform:scale(1.03)}.btn-play.svelte-8umrjz:active{transform:scale(.97)}.login.svelte-3z0wmw{flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;padding:24px;display:flex}.logo.svelte-3z0wmw{-webkit-user-select:none;user-select:none;font-family:Darumadrop One,sans-serif;font-size:56px}.logo-ka.svelte-3z0wmw{color:#e8846b}.logo-na.svelte-3z0wmw{color:#6bb8e8}.title.svelte-3z0wmw{color:#2d2d3a;margin:0;font-family:Zen Maru Gothic,sans-serif;font-size:28px;font-weight:700}.subtitle.svelte-3z0wmw{color:#888;margin:0;font-family:Fira Sans,sans-serif;font-size:14px}.online.svelte-3z0wmw{color:#888;align-items:center;gap:6px;margin-top:4px;font-family:Fira Sans,sans-serif;font-size:13px;display:flex}.online.svelte-3z0wmw{color:#888;cursor:default;align-items:center;gap:6px;margin-top:4px;font-family:Fira Sans,sans-serif;font-size:13px;display:flex;position:relative}.dot.svelte-3z0wmw{background:#6bcf6b;border-radius:50%;width:8px;height:8px;display:inline-block}.online-tooltip.svelte-3z0wmw{color:#eee;white-space:nowrap;z-index:10;pointer-events:none;background:#2d2d3a;border-radius:8px;padding:6px 10px;font-size:12px;display:none;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 2px 8px #00000026}.online-tooltip.svelte-3z0wmw:before{content:"";border:5px solid #0000;border-bottom-color:#2d2d3a;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.online.svelte-3z0wmw:hover .online-tooltip:where(.svelte-3z0wmw),.online.svelte-3z0wmw:focus-within .online-tooltip:where(.svelte-3z0wmw){display:block}@media (hover:none){.online.svelte-3z0wmw:active .online-tooltip:where(.svelte-3z0wmw){display:block}}.form.svelte-3z0wmw{flex-direction:column;gap:12px;width:100%;max-width:300px;margin-top:16px;display:flex}.field.svelte-3z0wmw{flex-direction:column;gap:4px;display:flex}.field.svelte-3z0wmw span:where(.svelte-3z0wmw){color:#999;letter-spacing:1px;text-transform:uppercase;font-family:Fira Sans,sans-serif;font-size:11px;font-weight:600}.field.svelte-3z0wmw input:where(.svelte-3z0wmw){color:#2d2d3a;background:#fafafa;border:2px solid #e0e0e6;border-radius:10px;outline:none;padding:10px 14px;font-family:Fira Sans,sans-serif;font-size:16px;transition:border-color .2s}.field.svelte-3z0wmw input:where(.svelte-3z0wmw):focus{border-color:#e8846b}.field.svelte-3z0wmw input:where(.svelte-3z0wmw):disabled{opacity:.5}.error.svelte-3z0wmw{color:#e55;text-align:center;margin:0;font-family:Fira Sans,sans-serif;font-size:13px}.btn-primary.svelte-3z0wmw{color:#fff;cursor:pointer;background:linear-gradient(135deg,#e8846b,#e86b8c);border:none;border-radius:12px;margin-top:4px;padding:12px;font-family:Zen Maru Gothic,sans-serif;font-size:16px;font-weight:700;transition:transform .15s,opacity .15s}.btn-primary.svelte-3z0wmw:hover:not(:disabled){transform:scale(1.02)}.btn-primary.svelte-3z0wmw:active:not(:disabled){transform:scale(.98)}.btn-primary.svelte-3z0wmw:disabled{opacity:.6;cursor:not-allowed}.menu.svelte-5fqpto{flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100%;padding:24px;display:flex;overflow-y:auto}.header.svelte-5fqpto{flex-direction:column;align-items:center;gap:4px;display:flex}.logo.svelte-5fqpto{-webkit-user-select:none;user-select:none;font-family:Darumadrop One,sans-serif;font-size:36px}.online.svelte-5fqpto{color:#888;cursor:default;align-items:center;gap:6px;font-family:Fira Sans,sans-serif;font-size:13px;display:flex;position:relative}.dot.svelte-5fqpto{background:#6bcf6b;border-radius:50%;width:8px;height:8px;display:inline-block}.online-tooltip.svelte-5fqpto{color:#eee;white-space:nowrap;z-index:10;pointer-events:none;background:#2d2d3a;border-radius:8px;padding:6px 10px;font-size:12px;display:none;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 2px 8px #00000026}.online-tooltip.svelte-5fqpto:before{content:"";border:5px solid #0000;border-bottom-color:#2d2d3a;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.online.svelte-5fqpto:hover .online-tooltip:where(.svelte-5fqpto),.online.svelte-5fqpto:focus-within .online-tooltip:where(.svelte-5fqpto){display:block}@media (hover:none){.online.svelte-5fqpto:active .online-tooltip:where(.svelte-5fqpto){display:block}}.card.svelte-5fqpto{background:#fafafa;border:2px solid #f0f0f4;border-radius:16px;flex-direction:column;gap:12px;width:100%;max-width:320px;padding:20px;display:flex}.section-title.svelte-5fqpto{color:#999;text-transform:uppercase;letter-spacing:1px;margin:0;font-family:Zen Maru Gothic,sans-serif;font-size:14px;font-weight:600}.btn-group.svelte-5fqpto{gap:8px;display:flex}.btn-option.svelte-5fqpto{cursor:pointer;background:#fff;border:2px solid #e8e8ee;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:12px 8px;font-family:inherit;transition:all .2s;display:flex}.btn-option.active.svelte-5fqpto{background:#fff5f3;border-color:#e8846b}.btn-option.svelte-5fqpto:hover:not(.active){border-color:#d0d0d8}.option-label.svelte-5fqpto{color:#555;font-family:Fira Sans,sans-serif;font-size:12px;font-weight:600}.option-sample.svelte-5fqpto{color:#2d2d3a;font-family:Darumadrop One,sans-serif;font-size:18px}.option-desc.svelte-5fqpto{color:#aaa;font-family:Fira Sans,sans-serif;font-size:10px}.btn-start.svelte-5fqpto{color:#fff;cursor:pointer;background:linear-gradient(135deg,#e8846b,#e86b8c);border:none;border-radius:14px;margin-top:8px;padding:14px 40px;font-family:Zen Maru Gothic,sans-serif;font-size:18px;font-weight:700;transition:transform .15s}.btn-start.svelte-5fqpto:hover{transform:scale(1.03)}.btn-start.svelte-5fqpto:active{transform:scale(.97)}.btn-scores.svelte-5fqpto{color:#e8846b;cursor:pointer;background:0 0;border:2px solid #e8846b;border-radius:10px;margin-top:4px;padding:10px 24px;font-family:Fira Sans,sans-serif;font-size:14px;font-weight:600;transition:all .2s}.btn-scores.svelte-5fqpto:hover{color:#e86b8c;background:#fff5f3;border-color:#e86b8c}.btn-logout.svelte-5fqpto{color:#bbb;cursor:pointer;background:0 0;border:none;margin-top:4px;padding:4px 8px;font-family:Fira Sans,sans-serif;font-size:12px}.btn-logout.svelte-5fqpto:hover{color:#e55}.scores.svelte-19w1r70{flex-direction:column;align-items:center;gap:12px;height:100%;padding:16px 20px;display:flex;overflow-y:auto}.btn-back.svelte-19w1r70{color:#888;cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:4px 8px;font-family:Fira Sans,sans-serif;font-size:14px;font-weight:600;transition:color .2s}.btn-back.svelte-19w1r70:hover{color:#e8846b}.page-title.svelte-19w1r70{color:#2d2d3a;margin:0;font-family:Zen Maru Gothic,sans-serif;font-size:20px;font-weight:700}.tabs.svelte-19w1r70{flex-direction:column;gap:6px;width:100%;max-width:340px;display:flex}.tab-row.svelte-19w1r70{gap:4px;display:flex}.tab.svelte-19w1r70{color:#888;cursor:pointer;background:#f0f0f4;border:none;border-bottom:2px solid #0000;border-radius:8px 8px 0 0;flex:1;padding:8px 4px;font-family:Fira Sans,sans-serif;font-size:12px;font-weight:600;transition:all .2s}.tab.active.svelte-19w1r70{color:#e8846b;background:#fff5f3;border-bottom-color:#e8846b}.tab.svelte-19w1r70:hover:not(.active){background:#e8e8ee}.tab-sm.svelte-19w1r70{padding:6px 4px;font-size:11px}.card.svelte-19w1r70{background:#fafafa;border:2px solid #f0f0f4;border-radius:16px;width:100%;max-width:340px;padding:16px}.status.svelte-19w1r70{color:#999;text-align:center;margin:16px 0;font-family:Fira Sans,sans-serif;font-size:13px}.score-list.svelte-19w1r70{flex-direction:column;gap:8px;width:100%;display:flex}.score-row.svelte-19w1r70{background:#fff;border:1px solid #eee;border-radius:8px;align-items:center;gap:12px;padding:8px 12px;transition:border-color .2s,background .2s;display:flex}.score-row.is-me.svelte-19w1r70{background:#fff5f3;border-color:#e8846b}.score-rank.svelte-19w1r70{color:#e8846b;min-width:24px;font-family:Zen Maru Gothic,sans-serif;font-size:14px;font-weight:700}.score-user.svelte-19w1r70{flex:1;align-items:baseline;gap:6px;display:flex;overflow:hidden}.score-name.svelte-19w1r70{color:#444;white-space:nowrap;text-overflow:ellipsis;font-family:Fira Sans,sans-serif;font-size:14px;font-weight:600;overflow:hidden}.kananame.svelte-19w1r70{color:#999;font-family:Darumadrop One,sans-serif;font-size:14px}.score-val.svelte-19w1r70{color:#2d2d3a;font-family:Zen Maru Gothic,sans-serif;font-size:16px;font-weight:700}.history-row.svelte-19w1r70{border-bottom:1px solid #f0f0f4;align-items:center;gap:8px;padding:8px 12px;display:flex}.history-row.svelte-19w1r70:last-child{border-bottom:none}.history-row.is-me.svelte-19w1r70{background:#fff5f3}.history-meta.svelte-19w1r70{flex-direction:column;flex:1;display:flex}.history-name.svelte-19w1r70{color:#444;font-family:Fira Sans,sans-serif;font-size:13px;font-weight:600}.history-date.svelte-19w1r70{color:#aaa;font-size:11px}.history-badges.svelte-19w1r70{flex-shrink:0;gap:4px;display:flex}.badge.svelte-19w1r70{text-transform:uppercase;letter-spacing:.5px;color:#999;background:#f0f0f4;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.badge-hiragana.svelte-19w1r70{color:#c0523a;background:#fce4e0}.badge-katakana.svelte-19w1r70{color:#3a7fc0;background:#dff0fc}.badge-mixed.svelte-19w1r70{color:#7a3ac0;background:#f0e0fc}.footer.svelte-1n46o8q{color:#bbb;text-align:center;padding:8px;font-family:Fira Sans,sans-serif;font-size:11px;position:fixed;bottom:0;left:0;right:0}