@font-face{font-family:"M PLUS 1";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/m-plus-1-japanese-400-normal-COxJaIvj.woff2) format("woff2"),url(/assets/m-plus-1-japanese-400-normal-Dj9tfWxW.woff) format("woff")}@font-face{font-family:"M PLUS 1";font-style:normal;font-display:swap;font-weight:700;src:url(/assets/m-plus-1-japanese-700-normal-N2d2zLhh.woff2) format("woff2"),url(/assets/m-plus-1-japanese-700-normal-BgDv3rw0.woff) format("woff")}@font-face{font-family:"M PLUS 1 Code";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/m-plus-1-code-latin-400-normal-CFlJ0ssM.woff2) format("woff2"),url(/assets/m-plus-1-code-latin-400-normal-3iJtZd0d.woff) format("woff")}@font-face{font-family:"M PLUS 1 Code";font-style:normal;font-display:swap;font-weight:700;src:url(/assets/m-plus-1-code-latin-700-normal-BVZmeip4.woff2) format("woff2"),url(/assets/m-plus-1-code-latin-700-normal-DXiBAsD5.woff) format("woff")}:root{font-family:"M PLUS 1",system-ui,sans-serif;color:#f5f7ff;background:#050712;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #050712;--panel: rgba(18, 24, 54, .58);--panel-strong: rgba(14, 19, 43, .88);--line: rgba(190, 205, 255, .17);--text: #f7f8ff;--muted: #a7aec9;--accent: #a78bfa;--accent-2: #67e8f9;--danger: #ff779a;--glow: rgba(132, 104, 255, .36);--blur: 28px}:root[data-theme=nebula-neon]{--bg: #090316;--panel: rgba(28, 8, 50, .68);--panel-strong: rgba(26, 7, 48, .92);--line: rgba(255, 109, 223, .25);--accent: #ff67d4;--accent-2: #7df9ff;--glow: rgba(255, 50, 204, .42)}:root[data-theme=deep-space]{--bg: #06080d;--panel: rgba(18, 21, 28, .9);--panel-strong: rgba(13, 16, 22, .96);--line: rgba(213, 222, 242, .11);--accent: #c5d0e6;--accent-2: #8fa7c8;--glow: rgba(120, 150, 190, .12);--blur: 12px}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;overflow-x:hidden}button,a{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--accent-2);outline-offset:4px}.app-shell{min-height:100vh;position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 22% 15%,rgba(92,67,180,.22),transparent 34%),radial-gradient(circle at 82% 72%,rgba(25,166,183,.12),transparent 30%),var(--bg)}.space-backdrop{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.star-field,.star-field:before,.star-field:after{position:absolute;inset:0;content:"";background-image:radial-gradient(circle,rgba(255,255,255,.7) 0 1px,transparent 1.4px),radial-gradient(circle,rgba(157,220,255,.45) 0 .7px,transparent 1.2px);background-position:0 0,53px 78px;background-size:103px 103px,137px 137px;opacity:.24;animation:star-drift-far 190s linear infinite}.star-field:before{transform:translate(36px,-22px) scale(1.35);opacity:.18;animation:star-drift-mid 145s linear infinite}.star-field:after{transform:translate(-15px,42px) scale(.7);opacity:.32;animation:star-drift-near 110s linear infinite}.orb{position:absolute;width:48vw;aspect-ratio:1;border-radius:50%;filter:blur(90px);opacity:.16}.orb-a{top:-25%;left:-10%;background:var(--accent)}.orb-b{right:-18%;bottom:-35%;background:var(--accent-2)}.screen{width:min(1180px,calc(100% - 48px));min-height:100vh;margin:0 auto;position:relative;padding:24px 0 48px}.panel{background:linear-gradient(135deg,rgba(255,255,255,.075),transparent 34%),var(--panel);border:1px solid var(--line);box-shadow:0 30px 100px #00000059,inset 0 1px #ffffff14;backdrop-filter:blur(var(--blur)) saturate(135%);border-radius:28px}.eyebrow{margin:0 0 14px;color:var(--accent-2);font-family:"M PLUS 1 Code",monospace;font-size:.72rem;font-weight:600;letter-spacing:.24em}.primary-button,.share-button{min-height:58px;display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:0 30px;border:1px solid rgba(255,255,255,.18);border-radius:18px;color:#fff;background:linear-gradient(120deg,rgba(255,255,255,.16),transparent 45%),linear-gradient(120deg,var(--accent),color-mix(in srgb,var(--accent-2) 70%,var(--accent)));box-shadow:0 14px 40px var(--glow),inset 0 1px #ffffff59;text-decoration:none;font-weight:700;letter-spacing:.04em;cursor:pointer;transition:transform .18s ease,filter .18s ease}.primary-button:hover,.share-button:hover{transform:translateY(-2px);filter:brightness(1.08)}.text-button,.icon-button{border:0;background:transparent;cursor:pointer}.text-button{color:var(--muted);font-family:"M PLUS 1 Code",monospace;font-size:.78rem;letter-spacing:.13em}.text-button:hover{color:var(--text)}.icon-button{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--muted);background:#ffffff09}.title-screen{display:grid;align-items:center;justify-items:center}.title-content{position:relative;z-index:1;text-align:center}.title-content h1{margin:0;display:flex;align-items:baseline;justify-content:center;gap:.14em;font-size:clamp(4rem,11vw,9rem);font-weight:600;letter-spacing:-.075em;line-height:.95;text-shadow:0 0 70px var(--glow)}.title-c{position:relative;color:transparent;background:linear-gradient(145deg,#fff 18%,var(--accent-2) 53%,var(--accent));background-clip:text;font-weight:800}.title-c:after{content:"";position:absolute;width:1.35em;height:.42em;top:45%;left:-.18em;border:1px solid rgba(190,235,255,.45);border-radius:50%;transform:rotate(-18deg);box-shadow:0 0 22px var(--glow)}.title-copy{margin:30px 0 40px;color:var(--muted);font-size:clamp(.95rem,1.5vw,1.12rem);line-height:2;letter-spacing:.08em}.title-actions{display:flex;align-items:center;justify-content:center;gap:26px}.start-button{min-width:220px}.creator-link{position:absolute;right:0;bottom:28px;color:var(--muted);text-decoration:none;font-size:.76rem;letter-spacing:.05em}.creator-link strong{color:var(--text)}.title-constellation{width:min(580px,70vw);aspect-ratio:1;position:absolute;border:1px solid rgba(165,183,255,.09);border-radius:50%;box-shadow:0 0 0 70px #9ca7ff06,0 0 0 150px #9ca7ff05,inset 0 0 100px var(--glow)}.screen-header,.game-header{height:72px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:12px;font-size:1.25rem;font-weight:700;letter-spacing:-.035em}.brand-orbit{width:26px;height:26px;position:relative;display:grid;place-items:center;border:1px solid var(--accent-2);border-radius:50%;transform:rotate(-25deg) scaleY(.45)}.brand-orbit span{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px var(--accent)}.header-spacer{width:44px}.mode-panel,.settings-panel{width:min(760px,100%);margin:42px auto 0;padding:clamp(28px,5vw,54px)}.section-heading h2,.result-heading h2,.modal h2{margin:0;font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.055em}.section-heading>p:last-child,.result-heading>p:last-child,.modal>p{color:var(--muted)}.choice-group{margin:34px 0 0;padding:0;border:0}.choice-group legend{margin-bottom:12px;color:var(--muted);font-family:"M PLUS 1 Code",monospace;font-size:.68rem;letter-spacing:.2em}.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.choice-card{min-height:76px;display:grid;grid-template-columns:1fr auto;align-items:center;padding:15px 18px;text-align:left;border:1px solid var(--line);border-radius:17px;background:#ffffff06;cursor:pointer}.choice-card strong,.choice-card small{display:block;grid-column:1}.choice-card small{margin-top:3px;color:var(--muted)}.choice-card.selected{border-color:color-mix(in srgb,var(--accent) 60%,white);background:color-mix(in srgb,var(--accent) 13%,transparent);box-shadow:inset 0 0 28px color-mix(in srgb,var(--accent) 8%,transparent)}.choice-indicator{grid-column:2;grid-row:1 / 3;width:12px;height:12px;border:1px solid var(--muted);border-radius:50%}.choice-card.selected .choice-indicator{border:3px solid var(--panel-strong);background:var(--accent-2);box-shadow:0 0 0 1px var(--accent-2),0 0 14px var(--accent-2)}.launch-button{width:100%;margin-top:40px}.theme-list{display:grid;gap:14px;margin-top:34px}.theme-card{display:grid;grid-template-columns:112px 1fr auto;align-items:center;gap:20px;padding:14px;border:1px solid var(--line);border-radius:20px;color:var(--text);text-align:left;background:#ffffff06;cursor:pointer}.theme-card.selected{border-color:color-mix(in srgb,var(--accent) 65%,white)}.theme-card strong,.theme-card small{display:block}.theme-card small{margin-top:6px;color:var(--muted)}.theme-preview{height:68px;position:relative;display:block;overflow:hidden;border-radius:12px;background:#080b1c}.theme-preview i{position:absolute;width:40px;height:40px;border-radius:50%;filter:blur(14px)}.theme-preview i:nth-child(1){top:-8px;left:5px;background:#856eff}.theme-preview i:nth-child(2){right:2px;bottom:-8px;background:#48ddeb}.theme-preview i:nth-child(3){width:70px;height:28px;left:22px;top:20px;border:1px solid rgba(255,255,255,.3);border-radius:8px;background:#ffffff14;filter:none;backdrop-filter:blur(6px)}.theme-preview-nebula-neon .theme-preview i:nth-child(1){background:#ff29c6}.theme-preview-nebula-neon .theme-preview i:nth-child(2){background:#00eaff}.theme-preview-deep-space .theme-preview i{opacity:.25;background:#8fa7c8}.theme-check{width:26px;color:var(--accent-2);font-size:1.2rem}.game-screen{width:min(1360px,calc(100% - 56px));display:flex;flex-direction:column}.mission-tag{color:var(--muted);font-family:"M PLUS 1 Code",monospace;font-size:.7rem;letter-spacing:.15em}.game-metrics{position:absolute;top:98px;right:0;display:grid;grid-template-columns:repeat(2,minmax(88px,1fr));gap:8px}.metric{min-width:98px;padding:12px 15px;border:1px solid var(--line);border-radius:14px;background:#080b1a7a;backdrop-filter:blur(16px);transition:border-color .24s ease,box-shadow .24s ease}.metric small,.metric strong{display:block;font-family:"M PLUS 1 Code",monospace}.metric small{color:var(--muted);font-size:.58rem;letter-spacing:.17em}.metric strong{margin-top:3px;font-size:1.22rem;font-variant-numeric:tabular-nums}.metric-accent strong{color:var(--accent-2)}.metric-glow{position:relative;overflow:hidden;border-color:color-mix(in srgb,var(--accent) 26%,var(--line));box-shadow:inset 0 1px #ffffff0f,0 0 26px color-mix(in srgb,var(--glow) 38%,transparent)}.metric-glow:before{content:"";position:absolute;width:60px;height:60px;top:50%;right:-30px;border-radius:50%;background:var(--accent);filter:blur(28px);opacity:.2}.metric-glow strong{position:relative;color:color-mix(in srgb,var(--accent-2) 72%,white);font-size:1.42rem;text-shadow:0 0 10px color-mix(in srgb,var(--accent-2) 52%,transparent),0 0 24px color-mix(in srgb,var(--accent) 28%,transparent)}.metric-pulse{animation:metric-breathe .24s ease-out}.typing-stage{width:min(1050px,100%);margin:auto;padding:80px 30px 40px;text-align:center}.time-rail{width:min(680px,82%);height:4px;position:relative;margin:0 auto 52px;border-radius:99px;background:#b9c6ec1a;box-shadow:inset 0 1px 2px #00000061}.time-rail:before,.time-rail:after{content:"";position:absolute;top:50%;width:3px;height:3px;border-radius:50%;background:#d6e1ff57;transform:translateY(-50%)}.time-rail:before{left:33.333%}.time-rail:after{left:66.666%}.time-rail-fill{height:100%;position:relative;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 76%,white),var(--accent-2));box-shadow:0 0 8px color-mix(in srgb,var(--accent-2) 34%,transparent),0 0 20px color-mix(in srgb,var(--accent) 20%,transparent);transition:width 70ms linear}.time-rail-tip{width:7px;height:7px;position:absolute;top:50%;right:-2px;border-radius:50%;background:#fff;box-shadow:0 0 8px var(--accent-2),0 0 16px var(--accent-2);transform:translateY(-50%)}.time-damage{position:absolute;top:-24px;color:var(--danger);font-family:"M PLUS 1 Code",monospace;font-size:.62rem;font-weight:700;text-shadow:0 0 10px color-mix(in srgb,var(--danger) 55%,transparent);animation:time-damage .56s ease-out both}.time-rail.has-damage{animation:rail-damage .36s ease-out}.start-hint{margin:-12px 0 42px;color:var(--accent-2);font-family:"M PLUS 1 Code",monospace;font-size:.68rem;letter-spacing:.25em;animation:soft-pulse 2s ease-in-out infinite}.ruby-line{display:flex;flex-wrap:wrap;justify-content:center;gap:.08em;font-size:clamp(2rem,5vw,4.8rem);font-weight:600;letter-spacing:.035em;line-height:1.55;text-shadow:0 4px 30px rgba(0,0,0,.4)}.phrase-segment{transition:color .18s ease,opacity .18s ease,text-shadow .18s ease}.phrase-segment-complete{color:color-mix(in srgb,var(--accent-2) 70%,white);text-shadow:0 0 15px color-mix(in srgb,var(--accent-2) 18%,transparent),0 4px 30px rgba(0,0,0,.34)}.phrase-segment-current{color:#fff;text-shadow:0 0 18px color-mix(in srgb,var(--accent) 24%,transparent),0 4px 30px rgba(0,0,0,.4)}.phrase-segment-pending{color:#e0e5f69e}.ruby-line rt{color:var(--muted);font-size:.24em;font-weight:500;letter-spacing:.1em}.ruby-character{position:relative;transition:color .15s ease,text-shadow .15s ease,opacity .15s ease}.ruby-character-complete{color:var(--accent-2);text-shadow:0 0 8px color-mix(in srgb,var(--accent-2) 35%,transparent)}.ruby-character-current{color:#fff;text-shadow:0 0 7px var(--accent-2),0 0 13px var(--accent)}.ruby-character-current:after{content:"";position:absolute;left:0;right:.1em;bottom:-.2em;height:1px;border-radius:1px;background:var(--accent);box-shadow:0 0 6px var(--accent)}.ruby-character-pending{opacity:.6}.roman-line,.english-line{margin-top:32px;font-family:"M PLUS 1 Code",monospace;font-size:clamp(1.35rem,3.2vw,2.7rem);letter-spacing:.065em;color:#d4d9ec}.roman-viewport{width:min(920px,92vw);min-height:96px;margin:20px auto 0;overflow:hidden;position:relative;display:flex;align-items:center;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.14) 5%,#000 19%,#000 81%,rgba(0,0,0,.14) 95%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.14) 5%,#000 19%,#000 81%,rgba(0,0,0,.14) 95%,transparent 100%)}.roman-track{width:max-content;margin-top:0;position:relative;left:50%;flex:0 0 auto;white-space:nowrap;will-change:transform;transition:transform 95ms cubic-bezier(.22,.72,.28,1)}.roman-viewport:after{content:"";width:1px;height:2.7rem;position:absolute;left:50%;top:50%;border-radius:2px;background:linear-gradient(transparent,color-mix(in srgb,var(--accent) 34%,transparent),transparent);opacity:.32;transform:translate(-50%,-50%);pointer-events:none}.english-line{margin-top:0;font-family:"M PLUS 1",sans-serif;font-size:clamp(2rem,4.7vw,4.4rem);line-height:1.45;letter-spacing:-.025em}.english-word-unit{display:inline}.english-word{display:inline-block;white-space:nowrap}.english-character{transition:color .13s ease,text-shadow .13s ease}.english-character-typed{color:color-mix(in srgb,var(--accent-2) 76%,white);text-shadow:0 0 18px color-mix(in srgb,var(--accent-2) 30%,transparent)}.english-character-current{position:relative;color:#fff}.english-character-current:after{content:"";position:absolute;left:.04em;right:.04em;bottom:-.07em;height:2px;border-radius:2px;background:var(--accent);box-shadow:0 0 12px var(--accent)}.space-marker{width:.62em;display:inline-block;position:relative;color:var(--muted);text-align:center;font-family:"M PLUS 1 Code",monospace;font-size:.58em;vertical-align:.12em;letter-spacing:0;transition:color .13s ease,text-shadow .13s ease,opacity .13s ease}.space-marker-pending{opacity:.3}.space-marker-typed{color:var(--accent-2);opacity:.74;text-shadow:0 0 10px color-mix(in srgb,var(--accent-2) 45%,transparent)}.space-marker-current{color:#fff;opacity:1;text-shadow:0 0 8px var(--accent-2),0 0 16px var(--accent);animation:space-awaiting 1.2s ease-in-out infinite}.typed-text{color:color-mix(in srgb,var(--accent-2) 76%,white);text-shadow:0 0 18px color-mix(in srgb,var(--accent-2) 38%,transparent)}.current-char{position:relative;color:#fff}.current-char:after{content:"";position:absolute;left:0;right:0;bottom:-.16em;height:2px;border-radius:2px;background:var(--accent);box-shadow:0 0 14px var(--accent)}.combo-line{width:min(350px,70%);margin:55px auto 0;display:flex;align-items:center;gap:16px;color:var(--muted);font-family:"M PLUS 1 Code",monospace;font-size:.65rem;letter-spacing:.12em}.combo-line span{height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--line))}.combo-line span:last-child{transform:rotate(180deg)}.game-help{margin:0;padding-bottom:8px;color:var(--muted);text-align:center;font-size:.7rem}.modal-backdrop{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:24px;background:#02040cb8;backdrop-filter:blur(12px)}.modal{width:min(470px,100%);padding:38px;text-align:center}.modal h2{font-size:1.8rem}.modal-actions{margin-top:28px;display:grid;gap:15px}.danger{color:var(--danger)}.result-screen{padding-bottom:70px}.result-wrap{width:min(780px,100%);margin:30px auto 0;text-align:center}.result-heading h2{background:linear-gradient(100deg,white,var(--accent-2),var(--accent));background-clip:text;color:transparent}.result-score{margin-top:30px;padding:28px}.result-score small,.result-score strong,.result-score span{display:block}.result-score small{color:var(--muted);font-family:"M PLUS 1 Code",monospace;font-size:.65rem;letter-spacing:.25em}.result-score strong{font-family:"M PLUS 1 Code",monospace;font-size:clamp(4rem,10vw,7rem);line-height:1.05;text-shadow:0 0 40px var(--glow)}.result-score span{color:var(--accent-2);font-size:.66rem;letter-spacing:.2em}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:24px;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:var(--line)}.result-stat{padding:22px 12px;background:var(--panel-strong)}.result-stat small,.result-stat strong{display:block}.result-stat small{color:var(--muted);font-family:"M PLUS 1 Code",monospace;font-size:.58rem;letter-spacing:.13em}.result-stat strong{margin-top:8px;font-family:"M PLUS 1 Code",monospace;font-size:1.25rem}.result-actions{width:min(430px,100%);display:grid;gap:14px;margin:30px auto 0}.share-button{color:#fff;background:#111;box-shadow:none}@keyframes soft-pulse{50%{opacity:.45}}@keyframes metric-breathe{0%{transform:scale(1);filter:brightness(1)}38%{transform:scale(1.075);filter:brightness(1.32)}to{transform:scale(1);filter:brightness(1)}}@keyframes rail-damage{0%{box-shadow:inset 0 0 #ff5a8200,0 0 #ff5a8200}28%{box-shadow:inset 0 0 8px #ff5a8247,0 0 14px #ff5a8226}to{box-shadow:inset 0 0 #ff5a8200,0 0 #ff5a8200}}@keyframes time-damage{0%{opacity:0;transform:translate3d(0,4px,0)}24%{opacity:.9}to{opacity:0;transform:translate3d(0,-8px,0)}}@keyframes star-drift-far{to{background-position:103px 46px,-84px 215px}}@keyframes star-drift-mid{to{background-position:-78px 134px,174px -32px}}@keyframes star-drift-near{to{background-position:145px -88px,-110px 190px}}@keyframes space-awaiting{50%{opacity:.55;transform:scale(.82)}}@media(max-width:720px){.screen,.game-screen{width:min(100% - 28px,1180px)}.creator-link{right:50%;bottom:20px;transform:translate(50%);white-space:nowrap}.title-actions{flex-direction:column}.choice-grid{grid-template-columns:1fr}.theme-card{grid-template-columns:82px 1fr auto;gap:12px}.game-metrics{position:static;grid-template-columns:repeat(4,1fr);margin-top:18px}.metric{min-width:0;padding:9px 6px;text-align:center}.metric strong{font-size:.95rem}.typing-stage{padding-inline:4px}.time-rail{width:92%;margin-bottom:42px}.result-grid{grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}