@font-face{font-family:JetBrains;src:url('/assets/mono.woff2') format('woff2');font-display:swap}
@font-face{font-family:Geist;src:url('/assets/sans.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:Pixel;src:url('/assets/pixel.woff2') format('woff2');font-display:swap}
:root{color-scheme:dark;--orange:#ff8a3d;--ice:#83dfff;--foreground:#e9f4fa;--muted:#999;--panel:#191919;--border:#343434;--mono:JetBrains,'Courier New',monospace;font-family:Geist,Arial,sans-serif;background:#000;color:var(--foreground)}
*{box-sizing:border-box}body{margin:0;min-height:100dvh;overflow-x:hidden}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit;border:0;background:none}button:focus-visible,a:focus-visible{outline:2px solid var(--orange);outline-offset:4px}button:disabled{cursor:not-allowed;opacity:.4}a{color:inherit;text-decoration:none}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h2{font-size:16px;font-weight:600}h3{font-size:14px;font-weight:600}.pixel{font-family:Pixel,monospace;font-size:9px;color:#ffd63c}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
#effects{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.header{position:fixed;top:16px;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;z-index:3}.brand{display:flex;align-items:center;gap:10px}.brand img{display:block}.wordmark{width:124px;height:42px;object-fit:contain}.quiet,.icon-button{color:var(--muted);font-size:13px;padding:6px 8px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:5px}.quiet:hover,.icon-button:hover{background:#1d1d1d;color:var(--foreground)}.icon-button{width:28px;height:28px}.toolbar{position:fixed;top:64px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:24px;z-index:4;white-space:nowrap;transition:opacity .3s}.test-controls{display:flex;gap:24px;align-items:center}.segmented{display:flex;align-items:center;gap:4px}.segmented button{color:var(--muted);padding:5px 8px;border-radius:16px;font-weight:500;font-size:14px;line-height:18px}.segmented button:hover{color:#ededed;background:#151515}.segmented button.active{color:#ededed;background:#171717}.keycap{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 10px;border:4px solid #303030;border-bottom-color:#131313;border-radius:10px;background:linear-gradient(#262626,#1b1b1b);box-shadow:0 2px 0 #111,0 1px 0 1px #444 inset,0 -2px 3px #0008 inset;font-size:14px;font-weight:600;line-height:16px}.keycap:hover{background:linear-gradient(#323232,#222)}.keycap:active{transform:translateY(2px)}.keycap.orange{background:linear-gradient(#ffaa0c,#ff9600);border-color:#ffb93e;border-bottom-color:#ab6700;box-shadow:0 2px 0 #422600,0 1px 0 1px #ffd889 inset;color:#15100a}.dot{color:#a7a7a7}.coin{display:inline-block;width:18px;height:18px;background:url('/assets/coin.svg') center/contain no-repeat;flex:none;filter:drop-shadow(0 0 2px #ffce6d)}.restart-hint{position:fixed;top:113px;left:50%;transform:translateX(-50%);color:#999;display:flex;align-items:center;gap:6px;font-size:12px;z-index:3}.restart-hint:hover{color:#ededed}kbd{font:12px Geist,Arial,sans-serif;display:inline-block;border:1px solid #444;border-bottom-width:3px;border-radius:5px;padding:3px 8px;color:#ccc;background:linear-gradient(#262626,#161616)}.version{position:fixed;top:61px;left:24px;font:12px var(--mono);color:#858585;padding:0;z-index:3}.version span{font:9px Geist,sans-serif;color:#414141;margin-left:4px}.version:hover{color:#ddd}
.typing-zone{position:absolute;top:44.5vh;left:50%;transform:translateX(-50%);width:min(960px,calc(100vw - 48px));font:24px/1.6 var(--mono);outline:none;z-index:2;cursor:text}.timer{position:absolute;left:0;top:-46px;color:var(--orange);line-height:1;font-size:24px}.caps{position:absolute;top:-80px;left:50%;transform:translateX(-50%);background:var(--orange);color:#000;border-radius:5px;padding:4px 9px;font:12px Geist,sans-serif;white-space:nowrap}.daily{position:absolute;top:calc(44.5vh - 114px);left:50%;transform:translateX(-50%);width:176px;min-height:58px;padding:7px 8px;display:flex;flex-direction:column;gap:6px;text-align:left;border:1px solid #272727;border-radius:10px;background:#000;font-size:12px;z-index:3;transition:opacity .4s}.daily:hover{background:#101010;border-color:#444}.daily-caption{color:#999;font-size:11px;line-height:1}.daily strong{font-size:12px;font-weight:500;line-height:1.2}.daily-bottom{display:flex;align-items:center;gap:6px;font-size:10px;color:#999}.daily-track{height:3px;background:#202020;flex:1;border-radius:4px;overflow:hidden}.daily-track span{display:block;height:100%;background:var(--orange);transition:width .25s}.typing .daily{opacity:0;pointer-events:none}.typing .toolbar{opacity:.5}.word{display:inline-block;white-space:pre;color:#414141;vertical-align:top}.char.correct{color:#ededed}.char.incorrect,.word.invalid .char{color:#e25550}.char.extra{color:#af3333}.word.fallen{visibility:hidden}.space{white-space:pre}.passage-window{max-height:calc(3 * 38.4px);overflow:hidden}#passage{max-height:calc(3 * 38.4px);overflow:hidden;transition:filter .15s}#caret{position:absolute;width:14.4px;height:30px;top:4px;left:0;z-index:-1;background:var(--orange);transition:left .075s ease-out,top .1s ease-out;pointer-events:none}#caret.idle{animation:blink 1.15s step-end infinite}#caret.ice{background:#b9eeff;box-shadow:0 0 12px #7bbdff}#caret.lit{box-shadow:0 0 12px #ff8a3d,0 0 28px #ff6b0066}.char.cursor{color:#050505}.typing-input{position:absolute;width:100%;height:100%;inset:0;opacity:.001;color:transparent;background:transparent;border:none;padding:0;resize:none;caret-color:transparent;font-size:16px;z-index:5;outline:none}.unfocused #passage{filter:blur(4px);opacity:.5}#focus-hint{position:absolute;top:25%;left:0;right:0;font:14px Geist,sans-serif;text-align:center;color:#aaa;pointer-events:none;z-index:6}
.result{position:relative;z-index:2;width:min(600px,calc(100% - 48px));margin:32vh auto 0}.result-main{display:flex;gap:64px;align-items:flex-start}.result-stat{display:flex;flex-direction:column;gap:5px;color:var(--muted)}.result-stat .big{font:72px/1.1 var(--mono);color:var(--orange);letter-spacing:-4px}.result-details{display:grid;grid-template-columns:1fr 1fr;gap:15px 28px;margin:25px 0}.result-details dt{color:#858585;font-size:13px}.result-details dd{margin:5px 0 0;font:20px var(--mono);color:#ddd}.result-mode{color:#777;font:12px var(--mono);margin-bottom:20px}.result-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.result-hint{color:#777;font-size:12px;margin:18px 0}.result-graph{height:130px;margin:16px 0 20px}.speed-graph{width:100%;height:100%;overflow:visible}.result-review{margin-top:20px;border-top:1px solid #222;padding-top:20px;font:16px/1.8 var(--mono);color:#777}.review-correct{color:#ededed}.review-incorrect{color:#ef5c57;text-decoration:underline}.stats-view{width:min(850px,calc(100% - 48px));margin:150px auto 0;padding-bottom:40px;position:relative;z-index:2}.stats-empty{min-height:260px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;color:#888;font-size:14px}.stats-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stats-summary small{display:block;color:#777;font-size:12px;margin-bottom:8px}.stats-summary strong{font:30px var(--mono);color:var(--orange)}.stats-chart{height:200px}.stats-view h3{margin:22px 0 14px}.heatmap{display:grid;grid-auto-flow:column;grid-template-rows:repeat(7,10px);grid-auto-columns:10px;gap:4px;overflow:hidden}.heatmap i{display:block;width:10px;height:10px;border-radius:2px;background:#151515}.heatmap i[data-level="1"]{background:#58400b}.heatmap i[data-level="2"]{background:#967019}.heatmap i[data-level="3"]{background:#c88a13}.heatmap i[data-level="4"]{background:var(--orange)}.heatmap-legend{display:flex;justify-content:flex-end;gap:5px;align-items:center;color:#777;font-size:10px;margin:12px 0}.heatmap-legend i{display:block;width:10px;height:10px;background:#292929}.history{width:100%;border-collapse:collapse;font-size:12px;margin:20px 0}.history th,.history td{padding:12px 4px;text-align:left;border-bottom:1px solid #1c1c1c}.history th{color:#777;font-weight:400}.history td{font-family:var(--mono)}.history .good{color:var(--orange)}
dialog{width:min(448px,calc(100vw - 32px));max-height:calc(100dvh - 48px);padding:16px;margin:auto;border:1px solid var(--border);border-radius:16px;color:var(--foreground);background:var(--panel);overflow:auto;box-shadow:0 20px 80px #0006;scrollbar-color:#555 #191919}dialog::backdrop{background:#0009}dialog.store-modal{width:min(672px,calc(100vw - 32px));height:calc(100dvh - 48px);padding:16px;overflow:auto}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px}.modal-head .icon-button{margin:-4px -4px 0 0;font-size:22px;font-weight:300}.modal-head p{font-size:14px;color:#999;margin-top:6px;line-height:1.4}.modal-head p:empty{display:none}.section-label{color:#999;font-size:12px;margin:18px 0 16px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:14px;min-height:32px;margin:0 0 3px;font-weight:500}.switch{appearance:none;width:36px;height:20px;border-radius:99px;background:#3a3a3a;position:relative;cursor:pointer;transition:background .12s;margin:0}.switch:before{content:'';position:absolute;width:16px;height:16px;top:2px;left:2px;border-radius:50%;background:#ededed;transition:transform .12s}.switch:checked{background:var(--orange)}.switch:checked:before{transform:translateX(16px);background:#000}.switch:focus-visible{outline:2px solid #ff8a3d;outline-offset:4px}.volume-row{display:flex;align-items:center;gap:12px;color:#999}.volume-row input{width:135px;accent-color:var(--orange);height:3px}.volume-row output{min-width:30px;text-align:right}.custom-label{display:block;margin:14px 0 8px;font-size:13px}#custom-text{width:100%;height:132px;resize:vertical;background:#121212;color:#ddd;border:1px solid #3b3b3b;border-radius:8px;padding:12px;font:14px/1.5 var(--mono);outline:none}#custom-text:focus{border-color:var(--orange)}.custom-info{display:flex;justify-content:space-between;color:#888;font-size:11px;margin:6px 0}.invalid-message{color:#e46960}.store-heading{margin:18px 0 12px}.store-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.store-card{padding:12px;border:1px solid #3b3b3b;border-radius:17px;background:#1e1e1e;display:flex;flex-direction:column;gap:10px}.store-card.equipped{border-color:var(--orange)}.store-preview{aspect-ratio:1.6;background:#000;border-radius:12px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;font:20px var(--mono);color:#333}.preview-caret{display:inline-block;background:#ff8a3d;width:12px;height:27px;position:relative;animation:preview-move 4s ease-in-out infinite}.store-preview.ice .preview-caret{background:#dcf5ff;box-shadow:0 0 24px #80baff}.store-preview.flame .preview-caret:before,.store-preview.burn .preview-caret:before{content:'';position:absolute;background:linear-gradient(0deg,#ff8a3d,#ff4d0066,transparent);bottom:15px;left:-8px;width:28px;height:70px;filter:blur(5px);border-radius:60% 40% 30% 20%;animation:flame-preview .25s ease-in-out infinite alternate}.store-preview.coin-drop:after{content:'●';position:absolute;left:35%;top:30%;color:#ffd342;text-shadow:0 0 12px #ff9e00;animation:preview-drop 3s ease-in infinite}.store-preview.tnt:after{content:'TNT';position:absolute;background:#e65c45;color:#fff;border:2px solid #efb193;padding:4px 6px;transform:rotate(-12deg);font-size:13px;animation:preview-drop 3s ease-in infinite}.store-card h3{margin:3px 0 -4px}.store-card p{color:#999;font-size:12px;line-height:1.45;min-height:34px}.store-actions{margin-top:auto;display:flex;gap:8px;flex-wrap:wrap}.store-actions .keycap{font-size:13px;gap:4px}.store-level{color:#999;font-size:11px;display:flex;gap:4px}.store-level span{border:1px dashed #333;border-radius:10px;padding:5px 8px;flex:1;text-align:center}.store-level span.unlocked{color:#ffbb26;border-color:#664b1a;background:#302307}.level-tuning{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#888;gap:6px}.level-tuning select{background:#141414;color:#ccc;border:1px solid #3a3a3a;border-radius:4px;padding:3px;font:11px var(--mono);max-width:70px}.challenge-card{border:1px solid #343434;padding:12px;border-radius:12px;margin:10px 0;font-size:12px;display:flex;justify-content:space-between;align-items:center;gap:12px}.challenge-card h3{margin-bottom:6px}.challenge-card p{color:#999;font-size:11px}.challenge-card.locked{opacity:.4}.challenge-card.done{border-color:#99700b}.challenge-card .keycap{font-size:12px}.welcome-preview{height:190px;background:#000;border:1px solid #ff8a3d;border-radius:12px;position:relative;overflow:hidden;margin:14px 0 12px;box-shadow:0 0 0 2px #8c540020;display:flex;align-items:center;justify-content:center}.welcome-words{font:15px/1.9 var(--mono);max-width:290px;transform:rotate(-2deg);color:#4e4e4e}.welcome-words b{font-weight:400;color:#ededed}.welcome-words em{font-style:normal;background:#ff8a3d;color:#000;box-shadow:0 0 25px #ff8a3d;animation:flame-preview .4s infinite alternate}.welcome-spark{position:absolute;width:3px;height:3px;background:#ffb431;box-shadow:0 0 10px 4px #ff7c0050;animation:spark-flight 2.3s linear infinite}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);border:1px solid #3d3421;border-radius:10px;background:#211b10;padding:10px 16px;font-size:13px;color:#ffd278;z-index:20;box-shadow:0 8px 30px #0008}.storage-note{color:#bf9661;font-size:11px;margin:8px 0}
@keyframes blink{50%{opacity:0}}@keyframes preview-move{0%,20%{transform:translateX(-35px)}80%,100%{transform:translateX(35px)}}@keyframes flame-preview{to{filter:blur(7px);opacity:.7;transform:scaleX(.9)}}@keyframes preview-drop{0%,15%{transform:translateY(-50px) rotate(-10deg);opacity:0}30%{opacity:1}95%,100%{transform:translateY(100px) rotate(130deg);opacity:0}}@keyframes spark-flight{0%{transform:translate(0,30px);opacity:0}25%{opacity:1}100%{transform:translate(90px,-110px);opacity:0}}
@media(max-width:640px){.header{left:16px;right:16px}.brand{gap:8px}.brand>img:first-child{width:32px;height:32px}.wordmark{width:110px}.version{left:16px;top:56px}.toolbar{top:64px;gap:14px}.test-controls{display:none}.typing-zone{width:calc(100vw - 32px);top:44vh;font-size:20px;line-height:1.6}.timer{font-size:20px;top:-38px}#passage{max-height:96px}#caret{width:12px;height:25px}.daily{top:calc(44vh - 85px);width:auto;max-width:calc(100vw - 32px);height:30px;min-height:0;flex-direction:row;align-items:center;border-radius:30px;gap:5px;padding:6px 10px;white-space:nowrap}.daily-caption{font-size:10px}.daily-caption:after{content:' ·'}.daily strong{font-size:10px}.daily-bottom{font-size:10px}.daily-track{display:none}.restart-hint{top:113px}.result{width:calc(100% - 40px);margin-top:28vh}.result-main{gap:36px}.result-stat .big{font-size:58px}.result-details{gap:16px}.result-details dd{font-size:16px}.result-actions{gap:8px}.result-actions .keycap{font-size:12px}.result-graph{height:105px}.store-grid{grid-template-columns:1fr}.store-preview{aspect-ratio:1.8}.store-card p{min-height:0}dialog.store-modal{height:calc(100dvh - 32px);max-height:calc(100dvh - 32px)}.stats-view{width:calc(100% - 32px);margin-top:120px}.stats-summary{grid-template-columns:1fr 1fr}.stats-summary strong{font-size:24px}.history{font-size:10px}.heatmap{grid-template-rows:repeat(7,8px);grid-auto-columns:8px;gap:3px}.heatmap i{width:8px;height:8px}.mobile-setting-controls{display:flex;gap:10px;flex-direction:column;margin:14px 0 18px}.mobile-setting-controls .segmented{flex-wrap:wrap}.mobile-setting-controls .segmented button{font-size:13px}.welcome-preview{height:170px}.stats-chart{height:150px}}
@media(min-width:641px){.mobile-setting-controls{display:none}}
.space{white-space:normal}
.header-right{display:flex;align-items:center;gap:24px}.language-control{display:flex;align-items:center;gap:5px;color:#999;font-size:12px}.language-control select{border:0;background:#000;color:#999;max-width:95px;padding:5px 0;cursor:pointer}.setting-row select,.clip-options select{background:#252525;color:#ededed;border:1px solid #414141;border-radius:7px;padding:7px;max-width:190px}.result-actions{flex-wrap:wrap}.challenge-card p{line-height:1.6}.challenge-card small{font-size:11px;color:#999}.unlock-note{font-weight:400;color:#888;font-size:10px}.daily-reset{font-size:12px;color:#999;margin:20px 0}.daily strong{line-height:1.4}.daily{width:250px;min-height:85px;height:auto}.clip-modal{width:min(640px,calc(100vw - 32px));max-height:calc(100dvh - 32px)}.clip-options{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:20px}.clip-options label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#aaa}.clip-options select{max-width:none;width:100%}.clip-speed{grid-column:1/-1}.clip-actions{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.clip-status{font-size:12px;color:#aaa;padding:8px 0}#clip-progress{width:100%;accent-color:#ff8a3d}#clip-preview,#clip-video{display:block;max-width:100%;max-height:50vh;margin:14px auto 0;background:#000;border-radius:8px}html:lang(zh),html:lang(ja),html:lang(ko){--mono:JetBrains,'Microsoft YaHei','Yu Gothic','Malgun Gothic',monospace}.store-card p{line-height:1.6}
@media(max-width:640px){.header-right{gap:10px}.language-control{font-size:11px}.language-control select{max-width:76px}.wordmark{width:90px}.daily{min-height:30px;max-width:calc(100vw - 32px);white-space:normal;flex-wrap:wrap;justify-content:center}.daily strong{max-width:240px}.daily-caption{white-space:nowrap}.daily strong{font-size:10px}.clip-options{gap:10px}.clip-modal{padding:18px}.result-actions{gap:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}#effects{display:none}}
.char.returning{visibility:hidden}.result:not([hidden]){animation:result-arrive .3s .6s both}#caret.ice{background:color-mix(in srgb,#b9eeff calc(var(--cold,0) * 100%),#ff8a3d)}
body{display:flow-root}
.setting-description{color:#999;font-size:12px;line-height:1.5;margin:4px 0 16px}
@keyframes result-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}

.store-preview-video{display:block;width:100%;aspect-ratio:8/5;object-fit:cover;background:#000;border-radius:8px}.about-copy{font-size:13px;line-height:1.8;color:#aaa}

/* ingType official brand artwork */
:root{background:#080b10;--panel:#10161d;--border:#293640}.store-card{background:#10161d;border-color:#293640}.store-card.equipped{border-color:var(--orange)}.store-preview-image{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:contain;background:#080b10;border-radius:10px}.ingtype-welcome{gap:18px;border-color:#293640;background:#080b10;box-shadow:none}.ingtype-welcome .welcome-words{font-size:22px;line-height:1.5;transform:none}.ingtype-welcome .welcome-words em{background:none;color:var(--ice);box-shadow:none;animation:none}.coin{filter:none}.pixel{color:#ffaf73}@media(max-width:640px){.wordmark{width:110px;height:38px}}