*{box-sizing:border-box}body{color:#e8eef8;background:#080b13;margin:0;font-family:Inter,Noto Sans JP,system-ui,sans-serif}button{font:inherit}main{background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:42px 42px;min-height:100vh;position:relative;overflow:hidden}.glow{filter:blur(110px);opacity:.15;border-radius:50%;width:430px;height:430px;position:absolute}.glow.a{background:#06b6d4;top:-200px;left:-200px}.glow.b{background:#7c3aed;bottom:-210px;right:-210px}.shell{flex-direction:column;max-width:1080px;min-height:100vh;margin:auto;padding:24px 28px;display:flex;position:relative}header{justify-content:space-between;align-items:center;display:flex}.brand{color:#fff;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;display:flex}.brand>i{background:linear-gradient(135deg,#22d3ee,#2563eb);border-radius:13px;place-items:center;width:42px;height:42px;display:grid}.brand span{flex-direction:column;display:flex}.brand b{font-size:14px}.brand small{letter-spacing:.2em;color:#667085;font-size:9px}.status{color:#8c97a9;background:#ffffff0a;border:1px solid #ffffff18;border-radius:30px;align-items:center;gap:8px;padding:7px 12px;font-size:11px;display:flex}.status i{background:#34d399;border-radius:50%;width:7px;height:7px}.home,.play,.result{flex-direction:column;flex:1;justify-content:center;padding:48px 0;display:flex}.hero{max-width:850px;margin-bottom:36px}.badge{color:#7dd3fc;background:#22d3ee0b;border:1px solid #22d3ee30;border-radius:30px;align-items:center;gap:7px;padding:6px 11px;font-size:12px;display:inline-flex}.hero h1{letter-spacing:-.05em;margin:17px 0;font-size:clamp(40px,6vw,65px);line-height:1.08}.hero em{background:linear-gradient(90deg,#67e8f9,#60a5fa,#c084fc);color:#0000;-webkit-background-clip:text;font-style:normal}.hero p{color:#8994a6;line-height:1.8}.setup{grid-template-columns:1fr 310px;gap:26px;display:grid}.modes{grid-template-columns:1fr 1fr;gap:13px;display:grid}.mode,aside,.typing-card,.result-card{background:#ffffff08;border:1px solid #ffffff16;border-radius:20px}.mode{color:#fff;text-align:left;cursor:pointer;gap:15px;padding:24px;display:flex}.mode.selected,.mode:hover{background:#ffffff10;border-color:#22d3ee66}.mode>i{background:linear-gradient(135deg,#22d3ee,#6366f1);border-radius:14px;place-items:center;width:48px;height:48px;display:grid}.mode span{flex-direction:column;gap:6px;display:flex}.mode small{color:#778296}aside{padding:22px}aside h2{letter-spacing:.18em;color:#657084;font-size:11px}.times{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.times button,.actions button,.under button{color:#99a4b6;cursor:pointer;background:#ffffff08;border:0;border-radius:10px;padding:11px}.times .selected{color:#080b13;background:#fff;font-weight:700}hr{border:0;border-top:1px solid #ffffff12;margin:22px 0}.best{color:#7c8799;justify-content:space-between;font-size:13px;display:flex}.best b{color:#67e8f9}.primary{color:#061018!important;background:linear-gradient(90deg,#22d3ee,#3b82f6)!important;border:0!important;border-radius:11px!important;font-weight:800!important}.setup .primary{width:100%;margin-top:24px;padding:14px}.play{width:100%;max-width:880px;margin:auto}.stats{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.stat{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;padding:13px}.stat>span{color:#8792a4;gap:6px;font-size:11px;display:flex}.stat strong{margin-top:5px;font-size:21px;display:block}.stat small{color:#6f7b8d;margin-left:5px;font-size:10px}.progress{background:#ffffff0a;border-radius:10px;height:4px;margin:22px 0 36px;overflow:hidden}.progress i{background:linear-gradient(90deg,#22d3ee,#3b82f6);height:100%;display:block}.typing-card{text-align:center;padding:50px 28px}.typing-card>small{color:#657084;letter-spacing:.18em}.typing-card h3{margin:16px 0 8px;font-size:42px}.target{color:#3e4757;overflow-wrap:anywhere;font:700 clamp(30px,5vw,50px)/1.5 ui-monospace,monospace}.target .done{color:#67e8f9}.target .current{color:#fff;border-bottom:2px solid #67e8f9}.raw{color:#8a95a7;margin-top:18px;font:14px ui-monospace,monospace}.raw span{color:#67e8f9}.typing-card input{opacity:0;width:1px;height:1px;position:absolute}.typing-card p{color:#596476;margin:28px 0 0;font-size:11px}.under{color:#657084;justify-content:space-between;margin-top:12px;font-size:11px;display:flex}.result{text-align:center;align-items:center;width:100%;max-width:650px;margin:auto}.award{color:#10151f;background:linear-gradient(135deg,#fcd34d,#f97316);border-radius:25px;place-items:center;width:78px;height:78px;display:grid}.result>small{color:#67e8f9;letter-spacing:.23em;margin-top:18px}.result h2{margin:10px;font-size:44px}.result-card{width:100%;margin:22px;padding:27px}.result-card>strong{font-size:74px;display:block}.result-card>small{letter-spacing:.2em;color:#687487}.new{color:#fcd34d;background:#fbbf2410;border-radius:20px;gap:5px;margin:10px;padding:6px 10px;font-size:11px;display:inline-flex}.result-card .stats{grid-template-columns:repeat(3,1fr);margin-top:18px}.actions{gap:10px;display:flex}.actions button{padding:13px 22px}.actions .primary{align-items:center;gap:7px;display:flex}footer{color:#424b5a;letter-spacing:.16em;border-top:1px solid #ffffff0b;justify-content:space-between;padding-top:15px;font-size:9px;display:flex}@media (width<=760px){.shell{padding:18px}.setup,.modes{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.status{font-size:0}.result-card .stats{grid-template-columns:1fr}.actions{flex-direction:column}.hero h1{font-size:42px}.typing-card{padding:40px 15px}}.setup-v3{grid-template-columns:1fr 310px;gap:26px;display:grid}.levels{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px;display:grid}.levels button{color:#a3adbd;text-align:left;cursor:pointer;background:#ffffff08;border:1px solid #ffffff16;border-radius:15px;padding:15px}.levels button b,.levels button small{display:block}.levels button small{color:#667085;margin-top:5px;font-size:10px}.levels button.selected{color:#fff;background:#8b5cf615;border-color:#a78bfa}.ranking{background:#ffffff08;border:1px solid #ffffff16;border-radius:20px;margin-top:22px;padding:20px}.rank-head{color:#fcd34d;align-items:center;gap:8px;display:flex}.rank-columns{grid-template-columns:1fr 1fr;gap:24px;display:grid}.rank-columns h4{letter-spacing:.17em;color:#667085;font-size:10px}.rank-columns p{background:#ffffff05;border-radius:9px;grid-template-columns:26px 1fr 55px;align-items:center;margin:5px 0;padding:8px 10px;display:grid}.rank-columns p i{color:#667085;font-style:normal}.rank-columns p span{font-weight:700}.rank-columns p small{color:#7dd3fc;text-align:right}.empty{text-align:center;color:#667085;padding:18px}.result .ranking{width:100%;margin:0 0 20px}@media (width<=760px){.setup-v3,.levels,.rank-columns{grid-template-columns:1fr}}.rank-option{color:#bdc6d4;cursor:pointer;align-items:center;gap:8px;margin-bottom:12px;font-size:13px;display:flex}.rank-option input{accent-color:#22d3ee;width:16px;height:16px}.username{color:#7dd3fc;background:#05081070;border:1px solid #ffffff18;border-radius:10px;align-items:center;gap:8px;margin-bottom:14px;padding:9px 10px;display:flex}.username input{color:#fff;background:0 0;border:0;outline:0;width:100%}.username input::placeholder{color:#596476}.warning{color:#fca5a5;text-align:center;margin-top:8px;display:block}.primary:disabled{opacity:.45;cursor:not-allowed}.rank-columns p{gap:6px;grid-template-columns:24px minmax(70px,1fr) 58px 48px!important}.rank-columns p b{text-align:right;color:#fff}.saved,.not-saved{border-radius:10px;margin-top:18px;padding:9px;font-size:12px}.saved{color:#6ee7b7;background:#34d39912}.not-saved{color:#7c8799;background:#ffffff08}.result-register{text-align:left;border-top:1px solid #ffffff12;margin-top:18px;padding-top:16px}.result-register .rank-option{margin-bottom:10px}.save-score{color:#061018;cursor:pointer;background:linear-gradient(90deg,#22d3ee,#3b82f6);border:0;border-radius:10px;width:100%;padding:11px;font-weight:800}.save-score:disabled{opacity:.45;cursor:not-allowed}.save-error{color:#fca5a5;background:#ef444410;border-radius:8px;margin-top:10px;padding:8px;font-size:12px}.single-rank-title{letter-spacing:.17em;color:#667085;margin:15px 0 8px;font-size:10px}.single-rank-list{gap:6px;display:grid}.single-rank-list p{background:#ffffff05;border-radius:9px;grid-template-columns:28px minmax(90px,1fr) 70px 90px;align-items:center;margin:0;padding:10px 12px;display:grid}.single-rank-list p i{color:#667085;font-style:normal}.single-rank-list p b{text-align:right;color:#fff}.single-rank-list p small{text-align:right;color:#7dd3fc}@media (width<=560px){.single-rank-list p{grid-template-columns:24px 1fr 55px}.single-rank-list p small{display:none}}