@charset "UTF-8";
:root{color-scheme:dark;--bg:#111313;--panel:#1a1d1b;--line:#343a32;--lime:#d5ff6a;--text:#f0f1e9;--muted:#939b91;--purple:#b5a0ff;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);min-height:100vh}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:5px}button:disabled{cursor:default;opacity:.4}button{color:inherit}a{color:inherit;text-decoration:none}.page{max-width:1320px;margin:auto;padding:0 48px;position:relative}.header{height:102px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:11px;align-items:center;font-size:13px;letter-spacing:1.5px;font-weight:700}.brand-divider{color:#616d5c;font-weight:400;margin:0 2px}.brand-mark{width:25px;height:25px;display:grid;grid-template-columns:repeat(3,7px);grid-template-rows:repeat(3,7px);gap:2px;transform:rotate(-8deg);margin-right:7px}.brand-mark i{background:var(--lime);border-radius:1px}.brand-mark i:nth-child(1){grid-column:2}.brand-mark i:nth-child(2){grid-column:2;grid-row:2}.brand-mark i:nth-child(3){grid-column:3;grid-row:2}.brand-mark i:nth-child(4){grid-column:3;grid-row:3}.header-actions{display:flex;gap:24px;align-items:center}.online{font:10px ui-monospace,monospace;letter-spacing:1.5px;color:var(--muted);display:flex;align-items:center;gap:8px}.online i,.live-dot{width:5px;height:5px;background:var(--lime);border-radius:50%;display:inline-block;box-shadow:0 0 12px #d5ff6a80}.icon-button{background:none;border:1px solid var(--line);border-radius:20px;padding:9px 13px;color:var(--lime);font-size:16px;display:flex;gap:8px;align-items:center}.icon-button span{font-size:10px;color:var(--muted)}.icon-button:hover{border-color:var(--lime)}.arcade{display:grid;grid-template-columns:minmax(245px,1fr) minmax(270px,320px) 210px;gap:48px;padding:40px 0 38px;align-items:start}.intro{padding-top:5px}.eyebrow{display:flex;gap:15px;align-items:center;font:10px ui-monospace,monospace;letter-spacing:1px;color:var(--muted)}.tag{border:1px solid var(--line);border-radius:3px;padding:5px 7px;font-size:8px;letter-spacing:1.2px}h1{font-family:Impact,"Arial Narrow",sans-serif;font-size:clamp(72px,7vw,100px);font-weight:900;letter-spacing:-2px;line-height:.91;margin:25px 0 20px}h1>span{color:var(--lime)}.title-dot{color:var(--purple)}.intro-copy{color:var(--muted);font-size:13px;line-height:1.9;letter-spacing:1px}.mode-selector{display:flex;background:#1b1f1a;border:1px solid var(--line);padding:4px;border-radius:7px;margin-top:30px;width:100%;max-width:290px}.mode{width:50%;border:0;background:transparent;text-align:left;border-radius:4px;padding:11px 13px;font-size:12px;color:var(--muted);font-weight:700}.mode span{display:block;font:8px ui-monospace,monospace;letter-spacing:.8px;margin-top:7px}.mode.active{background:var(--lime);color:#192014}.mode:not(.active):hover{background:#30362a}.record{display:flex;flex-direction:column;margin-top:28px}.small-label{font:9px ui-monospace,monospace;letter-spacing:1.3px;color:var(--muted)}.record strong{font:30px ui-monospace,monospace;font-weight:500;letter-spacing:1px;margin:8px 0 7px}.record-note{font-size:10px;color:#6d7768}.keyboard-guide{margin-top:30px;max-width:285px}.guide-title{font:10px ui-monospace,monospace;letter-spacing:1.5px;margin-bottom:16px;color:#c0c8b8;display:flex;justify-content:space-between}.guide-title span{color:var(--lime);font-size:17px}.keyboard-guide>div:not(.guide-title){display:flex;justify-content:space-between;align-items:center;margin:9px 0;font-size:10px;color:var(--muted)}kbd{border:1px solid #3c4336;border-bottom-width:2px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;min-width:23px;height:22px;padding:0 5px;font:10px ui-monospace,monospace;color:#c6cbbb;background:#20241d}.board-top{display:flex;justify-content:space-between;font:9px ui-monospace,monospace;letter-spacing:1.3px;color:var(--muted);height:25px;align-items:flex-start}.board-top>span:first-child{display:flex;align-items:center;gap:8px}.board-shell{position:relative;aspect-ratio:1/2;background:#191d17;border:1px solid #66744b;border-radius:7px;box-shadow:0 0 0 5px #20251c,0 0 0 6px #343d29,0 25px 80px #0007;isolation:isolate;overflow:hidden}#board,#effects{display:block;width:100%;height:100%;position:absolute;inset:0}#effects{pointer-events:none;z-index:3}.board-overlay{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#12161030,#11180eda 30%,#11180eee 55%,#12161060);padding:25px}.board-overlay[hidden]{display:none}.overlay-content{width:100%;text-align:center}.overlay-kicker{font:8px ui-monospace,monospace;letter-spacing:2px;color:var(--lime)}h2{font:76px/.9 Impact,"Arial Narrow",sans-serif;letter-spacing:-1px;margin:19px 0}h2 span{color:var(--lime)}.overlay-content p{font-size:11px;line-height:1.7;color:#b6c1aa;margin:0 0 25px}.start-button{background:var(--lime);color:#182211;border:0;border-radius:4px;padding:15px 19px;display:flex;align-items:center;justify-content:space-between;width:100%;font-size:13px;font-weight:700;box-shadow:0 0 25px #d5ff6a1a;transition:transform .18s,box-shadow .18s}.start-button span:last-child{font-size:21px}.start-button:hover{transform:translateY(-2px);box-shadow:0 3px 30px #d5ff6a40}.overlay-footnote{display:block;margin-top:15px;font-size:9px;letter-spacing:.5px;color:#7f8d74}.board-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:15px;font:8px ui-monospace,monospace;letter-spacing:1.3px;color:#808a76}.board-bottom>div{display:flex;gap:12px}.utility-button{background:none;border:0;color:#b6c0a8;font-size:10px;padding:6px 0}.utility-button:hover{color:var(--lime)}.dashboard{padding-top:25px}.score-panel{padding:20px 17px 12px;background:var(--lime);color:#16200e;border-radius:5px;position:relative}.score-panel .small-label{color:#40522d;font-size:8px}.score-panel strong{display:block;font:34px ui-monospace,monospace;font-weight:700;letter-spacing:-1px;margin:14px 0 13px;overflow-wrap:anywhere}.score-meta{border-top:1px solid #9abf45;display:flex;justify-content:space-between;align-items:center;padding-top:8px;font:8px ui-monospace,monospace;letter-spacing:.3px}.spark{font-size:20px}.stats{display:grid;grid-template-columns:1fr 1fr;margin:25px 0 18px}.stats>div+div{padding-left:20px;border-left:1px solid var(--line)}.stats strong{display:block;font:30px ui-monospace,monospace;margin-top:8px}.stats .small-label{font-size:8px;letter-spacing:.7px}.progress-header{display:flex;justify-content:space-between;color:var(--muted);font-size:9px}.progress-header span:last-child{font-family:ui-monospace,monospace}.progress-track{height:3px;background:#343e2d;margin-top:9px}.progress-track div{height:100%;width:0;background:var(--lime);transition:width .25s}.preview-panel{margin-top:25px;border-top:1px solid var(--line);padding-top:14px}.panel-header{display:flex;justify-content:space-between;font:9px ui-monospace,monospace;letter-spacing:1px;color:#b0b8a7;align-items:center}.panel-header>span:last-child{color:var(--lime);font-size:16px}.next-list{display:flex;flex-direction:column;gap:0;margin-top:12px;background:#1a1f17;border-radius:5px}.next-list canvas{display:block;width:120px;height:60px;margin:auto}.next-list canvas+canvas{opacity:.65}.next-list canvas:last-child{opacity:.4}.hold-panel{margin-top:18px}.hold-panel canvas{display:block;width:120px;height:60px;margin:9px auto 0}.hold-note{font-size:9px;color:#727e66;display:block;text-align:center}.panel-header kbd{height:20px;min-width:20px;font-size:9px}.timer{margin-top:23px;display:flex;justify-content:space-between;align-items:center}.timer>span:last-child{font:13px ui-monospace,monospace;color:#c4cdb9}.toast{position:absolute;left:0;right:0;top:38%;z-index:5;text-align:center;color:var(--lime);font:32px Impact,sans-serif;letter-spacing:1px;pointer-events:none;text-shadow:0 0 18px #d5ff6a80;opacity:0;transform:translateY(12px)}.toast.show{animation:toast .85s ease-out}.toast small{font:11px ui-monospace,monospace;display:block;margin-top:7px;color:#f1f6e9}.board-shell.punch{animation:punch .16s ease-out}.touch-controls{display:none}footer{padding:23px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;font:8px ui-monospace,monospace;letter-spacing:1.3px;color:#68745f}.footer-star{color:var(--lime);font-size:12px;vertical-align:middle;margin:0 9px}.ambient{position:fixed;pointer-events:none;z-index:-1;filter:blur(80px);opacity:.07;border-radius:50%}.ambient-one{width:650px;height:650px;right:-180px;top:80px;background:#a5da51}.ambient-two{width:380px;height:450px;left:-200px;top:280px;background:#8a5fe0}
@keyframes toast{0%{opacity:0;transform:translateY(12px) scale(.9)}20%,60%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-25px) scale(1.04)}}@keyframes punch{0%,100%{transform:translateY(0)}50%{transform:translateY(3px)}}
@media(min-width:1250px){.arcade{gap:64px;grid-template-columns:1fr 320px 220px}}@media(max-width:1000px){.page{padding:0 28px}.arcade{gap:28px;grid-template-columns:minmax(210px,1fr) minmax(250px,290px) 180px}h1{font-size:77px}.tag{font-size:7px;letter-spacing:0}.eyebrow{gap:8px}.score-panel strong{font-size:29px}.stats .small-label{font-size:7px}}
@media(max-width:800px){.page{max-width:650px;padding:0 24px}.header{height:75px}.online{display:none}.arcade{grid-template-columns:minmax(240px,1fr) 155px;gap:25px;padding-top:25px}.intro{grid-column:1/-1;display:grid;grid-template-columns:1fr 190px;column-gap:20px}.eyebrow{grid-column:1/-1}h1{font-size:59px;line-height:.92;grid-column:1;margin:15px 0 0}h1 br{display:none}h1>span{display:block}.intro-copy{font-size:11px;margin:11px 0 0;grid-column:1}.mode-selector{grid-column:2;grid-row:2;margin:15px 0 0;align-self:center;max-width:190px}.mode{padding:11px 8px;font-size:11px}.mode span{font-size:7px}.record{grid-column:2;grid-row:3;margin-top:10px}.record strong{font-size:23px;margin:5px 0}.record-note,.keyboard-guide{display:none}.game-column{grid-column:1}.dashboard{grid-column:2}.score-panel{padding:14px 11px 10px}.score-panel strong{font-size:25px}.stats{margin-top:20px}.stats>div+div{padding-left:12px}.stats strong{font-size:25px}.stats .small-label{font-size:7px;letter-spacing:0}.preview-panel{margin-top:20px}.timer{flex-wrap:wrap;gap:7px}.touch-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:14px}.touch-controls button{touch-action:none;height:44px;background:#232b1c;border:1px solid #3e4b30;border-radius:5px;font-size:23px;color:var(--lime);user-select:none}.touch-controls button span{display:inline-block;font-size:9px;margin-left:7px;color:#b0b9a3}.touch-controls button:active{background:#465a2c}.board-bottom>span{font-size:7px;letter-spacing:.6px}footer{margin-top:0;font-size:7px;letter-spacing:.7px;gap:15px}.header-actions{gap:0}}
@media(max-width:480px){.page{padding:0 16px}.brand{font-size:10px;gap:7px;letter-spacing:1px}.brand-mark{margin-right:1px}.icon-button{padding:7px 9px}.icon-button span{font-size:9px}.arcade{grid-template-columns:minmax(0,1fr) 108px;gap:14px;padding-top:21px}.intro{grid-template-columns:1fr 152px;gap:0 8px}h1{font-size:48px}.mode-selector{max-width:152px}.mode{font-size:10px;padding:9px 6px}.mode span{font-size:6px;letter-spacing:0}.intro-copy{font-size:10px;letter-spacing:.2px}.record strong{font-size:19px}.small-label{font-size:8px}.board-top{font-size:7px;letter-spacing:.4px}.board-shell{border-radius:4px;box-shadow:0 0 0 3px #20251c,0 0 0 4px #343d29,0 15px 35px #0006}.board-overlay{padding:15px}.overlay-kicker{font-size:6px;letter-spacing:1px}h2{font-size:54px;margin:14px 0}.overlay-content p{font-size:9px;margin-bottom:17px}.start-button{padding:10px 12px;font-size:11px}.overlay-footnote{font-size:7px}.score-panel{padding:12px 8px 7px}.score-panel strong{font-size:19px;letter-spacing:-1px;margin:11px 0}.score-panel .small-label{font-size:6px;letter-spacing:.5px}.score-meta{font-size:6px;letter-spacing:0}.spark{font-size:15px}.stats{gap:0;margin:17px 0 14px}.stats>div+div{padding-left:8px}.stats .small-label{font-size:6px;white-space:nowrap}.stats strong{font-size:21px}.progress-header{font-size:7px}.panel-header{font-size:7px;letter-spacing:0}.next-list canvas,.hold-panel canvas{width:96px;height:48px}.next-list{margin-top:7px}.preview-panel{margin-top:17px;padding-top:10px}.hold-note{font-size:7px;line-height:1.6}.timer{margin-top:18px}.timer .small-label{font-size:6px;letter-spacing:.6px}.timer>span:last-child{font-size:11px}.board-bottom{padding-top:12px}.board-bottom>span{display:none}.board-bottom>div{justify-content:space-between;width:100%;gap:8px}.utility-button{font-size:9px}.touch-controls{gap:5px;margin-top:9px}.touch-controls button{height:44px;font-size:19px}.touch-controls button span{font-size:7px;margin-left:3px}.toast{font-size:23px}.toast small{font-size:8px}footer{font-size:6px;gap:10px;line-height:1.8}.footer-star{margin:0 3px}.header{height:66px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.toast.show{opacity:1;transform:none}.ambient{display:none}}
.board-shell{container-type:inline-size}.board-overlay h2{font-size:clamp(30px,23cqw,76px)}