.wave-page{--wave-ink: #29253e;--wave-purple: #8e70bd;--wave-pink: #f6b6cf;--wave-blue: #b9dff4;width:min(1040px,calc(100% - 40px));min-height:calc(100vh - 72px);margin:0 auto;padding:clamp(54px,8vw,94px) 0 72px}.wave-intro{position:relative;max-width:780px;margin:0 auto 30px;text-align:center}.wave-back{position:absolute;top:2px;left:0;display:inline-flex;align-items:center;gap:7px;color:#756f85;font-size:.8rem;font-weight:740;letter-spacing:.02em;transition:color .16s ease,transform .16s ease}.wave-back span{font-size:1rem}.wave-back:hover{color:var(--wave-ink);transform:translate(-3px)}.wave-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:8px;color:#756f85;font-size:.72rem;font-weight:780;letter-spacing:.15em;text-transform:uppercase}.wave-kicker span{width:20px;height:2px;border-radius:99px;background:linear-gradient(90deg,var(--wave-pink),var(--wave-purple))}.wave-intro h1{margin:0;color:var(--wave-ink);font-family:var(--font-hand);font-size:clamp(3.2rem,8.5vw,6.1rem);font-weight:880;letter-spacing:-.075em;line-height:.9}.wave-intro h1 span{display:inline-block;margin-left:.12em;color:var(--wave-purple);font-size:.48em;transform:translateY(-.72em)}.wave-intro p{margin:18px auto 0;color:#6d6879;font-size:clamp(.95rem,2vw,1.08rem)}.wave-shell{overflow:hidden;border-radius:30px;background:#fffdf8eb;box-shadow:0 8px #302a420f,0 26px 70px #3f315321}.wave-toolbar{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:70px;padding:12px clamp(18px,3vw,30px);background:#fffdfa;box-shadow:0 1px #302a4214}.wave-difficulty-track{position:absolute;right:0;bottom:0;left:0;height:3px;overflow:hidden;background:#8e70bd14}.wave-difficulty-track span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--wave-blue),var(--wave-purple),#e38282);box-shadow:0 0 12px #8e70bd6b;transition:width .3s linear}.wave-stat{display:flex;align-items:baseline;gap:10px}.wave-score-cluster{display:flex;align-items:center;gap:clamp(12px,1.8vw,22px);min-width:0}.wave-score-cluster--right{justify-content:flex-end}.wave-micro-stats{display:flex;align-items:center;gap:11px}.wave-micro-stats>span,.wave-duration{display:grid;gap:1px}.wave-micro-stats small,.wave-duration span{color:#8a8494;font-size:.5rem;font-weight:780;letter-spacing:.1em;text-transform:uppercase}.wave-micro-stats b,.wave-duration strong{color:var(--wave-ink);font-size:.72rem;font-variant-numeric:tabular-nums;font-weight:820;letter-spacing:.04em;white-space:nowrap}.wave-micro-stats>span+span{padding-left:10px;box-shadow:-1px 0 #8e70bd29}.wave-duration{text-align:right}.wave-stat--right{justify-content:flex-end}.wave-stat span{color:#8a8494;font-size:.68rem;font-weight:780;letter-spacing:.12em;text-transform:uppercase}.wave-stat strong{color:var(--wave-ink);font-variant-numeric:tabular-nums;font-size:1.35rem;letter-spacing:.04em}.wave-status{display:flex;align-items:center;gap:8px;padding:8px 13px;border-radius:99px;background:#f7f3f9;color:#6d6879;font-size:.72rem;font-weight:740}.wave-status b{display:inline-flex;align-items:baseline;gap:2px;margin-left:2px;padding-left:8px;color:var(--wave-purple);font-size:.58rem;font-weight:840;letter-spacing:.07em;box-shadow:-1px 0 #8e70bd29}.wave-status em{font-style:normal;font-variant-numeric:tabular-nums}.wave-status i{width:7px;height:7px;border-radius:50%;background:#b6afbd;box-shadow:0 0 0 4px #b6afbd24}[data-wave-state=running] .wave-status i{background:var(--wave-purple);box-shadow:0 0 0 4px #8e70bd24;animation:wave-status-pulse 1.2s ease-in-out infinite}[data-wave-state=over] .wave-status i{background:#e38282;box-shadow:0 0 0 4px #e3828224}.wave-stage{position:relative;aspect-ratio:16 / 8.2;max-height:560px;overflow:hidden;outline:none;cursor:crosshair;touch-action:none;user-select:none}.wave-stage:focus-visible{box-shadow:inset 0 0 0 4px #8e70bd6b}.wave-stage canvas,.wave-grid{position:absolute;inset:0;width:100%;height:100%}[data-wave-state=running] .wave-grid{background:linear-gradient(90deg,transparent 0 76%,rgba(142,112,189,.025) 76% 77%,transparent 77%),radial-gradient(circle at 18% 24%,rgba(246,182,207,.12),transparent 24%),radial-gradient(circle at 82% 74%,rgba(185,223,244,.14),transparent 24%)}.wave-grid{pointer-events:none;background:radial-gradient(circle at 18% 24%,rgba(246,182,207,.12),transparent 24%),radial-gradient(circle at 82% 74%,rgba(185,223,244,.14),transparent 24%)}.wave-overlay{position:absolute;z-index:3;inset:0;display:grid;place-content:center;justify-items:center;padding:24px;background:#fffdf98a;text-align:center;backdrop-filter:blur(4px);transition:opacity .18s ease,visibility .18s ease}.wave-overlay.is-hidden{visibility:hidden;opacity:0;pointer-events:none}.wave-glyph{display:grid;width:62px;height:42px;place-items:center;margin-bottom:14px}.wave-glyph:before,.wave-glyph:after,.wave-glyph span{content:"";width:22px;height:22px;grid-area:1 / 1;border-radius:3px;transform:rotate(45deg)}.wave-glyph:before{margin-left:-28px;background:var(--wave-pink)}.wave-glyph span{z-index:1;background:var(--wave-purple);box-shadow:0 8px 20px #8e70bd38}.wave-glyph:after{margin-left:28px;background:var(--wave-blue)}.wave-overlay>strong{color:var(--wave-ink);font-family:var(--font-hand);font-size:clamp(1.65rem,4vw,2.35rem);letter-spacing:-.035em}.wave-overlay>p{margin:8px 0 20px;color:#716b7d;font-size:.88rem}.wave-start{display:inline-flex;align-items:center;gap:16px;min-height:48px;padding:9px 10px 9px 20px;border:0;border-radius:99px;background:var(--wave-ink);color:#fff;font:inherit;font-size:.86rem;font-weight:780;cursor:pointer;box-shadow:0 8px 24px #29253e33;transition:transform .16s ease,box-shadow .16s ease}.wave-start:hover{transform:translateY(-2px);box-shadow:0 12px 28px #29253e3d}.wave-start kbd{padding:7px 11px;border-radius:99px;background:#ffffff21;color:#fff;font:inherit;font-size:.66rem;letter-spacing:.08em}.wave-corner{position:absolute;z-index:2;left:18px;color:#29253e59;font-size:.58rem;font-weight:780;letter-spacing:.14em;pointer-events:none}.wave-corner--top{top:15px}.wave-corner--bottom{bottom:15px}.wave-corner--bottom span{color:#8e70bdb8}.wave-help{display:grid;grid-template-columns:1fr 1fr 1fr auto;align-items:center;gap:18px;min-height:72px;padding:12px clamp(18px,3vw,30px);background:#fffdfa;box-shadow:0 -1px #302a4212}.wave-help>div{display:flex;align-items:center;gap:10px;color:#7a7483;font-size:.74rem;font-weight:670}.wave-key{min-width:62px;padding:6px 9px;border-radius:7px;background:#f1edf3;color:var(--wave-ink);font-size:.62rem;font-weight:820;letter-spacing:.08em;text-align:center;box-shadow:0 3px #ddd5e2}.wave-mouse{position:relative;width:20px;height:28px;border-radius:10px;box-shadow:inset 0 0 0 2px var(--wave-ink)}.wave-mouse:after{content:"";position:absolute;top:4px;left:50%;width:2px;height:6px;border-radius:2px;background:var(--wave-purple);transform:translate(-50%)}.wave-help button{padding:8px 0 8px 14px;border:0;background:transparent;color:var(--wave-ink);font:inherit;font-size:.74rem;font-weight:760;cursor:pointer}.wave-help button span{display:inline-block;margin-left:5px;color:var(--wave-purple);font-size:1rem;transition:transform .18s ease}.wave-help button:hover span{transform:rotate(70deg)}.wave-note{display:flex;justify-content:center;gap:9px;margin:24px 0 0;color:#837d8b;font-size:.73rem;text-align:center}.wave-note span{color:var(--wave-purple)}.sr-only{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;clip:rect(0,0,0,0);white-space:nowrap}@keyframes wave-status-pulse{50%{box-shadow:0 0 0 7px #8e70bd0a}}@media(max-width:700px){.wave-page{width:min(100% - 24px,1040px);padding-top:44px}.wave-back{position:static;margin-bottom:26px}.wave-intro h1{font-size:clamp(3rem,18vw,4.6rem)}.wave-shell{border-radius:22px}.wave-toolbar{min-height:62px}.wave-status{padding:7px 9px}.wave-status span{display:none}.wave-status b{padding-left:0;box-shadow:none}.wave-score-cluster{gap:7px}.wave-micro-stats{display:grid;gap:1px}.wave-micro-stats>span{display:flex;align-items:baseline;gap:4px}.wave-micro-stats>span+span{padding-left:0;box-shadow:none}.wave-stage{aspect-ratio:4 / 3}.wave-help{grid-template-columns:1fr 1fr auto;gap:12px}.wave-help>div:nth-child(2){display:none}.wave-help button{white-space:nowrap}}@media(max-width:420px){.wave-page{width:min(100% - 16px,1040px)}.wave-stat span{display:none}.wave-stat{gap:0}.wave-stat strong{font-size:1.08rem}.wave-micro-stats small{font-size:.44rem}.wave-micro-stats b{font-size:.62rem}.wave-toolbar{padding-inline:14px}.wave-stage{aspect-ratio:1 / 1.05}.wave-overlay{padding:18px}.wave-help{padding-inline:14px}.wave-key{min-width:52px}}@media(prefers-reduced-motion:reduce){.wave-status i,.wave-start,.wave-back,.wave-help button span{animation:none;transition:none}}html.page-wave{--wave-sky-deep: #43bfec;--wave-sky: #7fd6f6;--wave-sky-soft: #c9eefd;--wave-paper: #f2fbff;--wave-navy: #1e2a66;--wave-navy-deep: #131c4b;--wave-lemon: #ffd94a;--wave-pink-brand: #ff7fb7;--wave-pink-deep: #e0559c;--wave-font-display: "Baloo 2 Variable", "Noto Sans SC Variable", "Microsoft YaHei", sans-serif;--wave-font-pixel: "Fusion Pixel 12px Proportional SC", "Courier New", monospace;--wave-tile-sky: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='340' height='340'%3E%3Cg fill='%23ffffff' fill-opacity='.3'%3E%3Cpath d='M34 30h6v6h-6zM34 42h6v6h-6zM28 36h6v6h-6zM40 36h6v6h-6zM256 178h4v4h-4zM256 186h4v4h-4zM252 182h4v4h-4zM260 182h4v4h-4z'/%3E%3C/g%3E%3C/svg%3E");--wave-cloud: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31 15'%3E%3Cpath d='M1 15V11H4V7H9V3H17V6H27V10H31V15Z' fill='%231e2a66' fill-opacity='.16'/%3E%3Cpath d='M0 14V10H3V6H8V2H16V5H26V9H30V14Z' fill='%23ffffff'/%3E%3C/svg%3E");background:var(--wave-navy-deep)}html.page-wave body{overflow-x:clip;background:var(--wave-navy-deep);color:var(--wave-navy);font-family:Outfit Variable,Noto Sans SC Variable,Microsoft YaHei,sans-serif;animation:none}html.page-wave body:before,html.page-wave body:after{content:none}html.page-wave main{position:relative;overflow:clip;background:var(--wave-tile-sky),linear-gradient(150deg,var(--wave-sky-deep) 0%,var(--wave-sky) 48%,#9edef8 100%);background-size:340px 340px,100% 100%}html.page-wave .site-header-bar{position:static;background:var(--wave-sky-deep);border-bottom:none;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}html.page-wave .site-header:before,html.page-wave .site-header-bar:after{content:none}html.page-wave .brand-link{color:var(--wave-navy);font-family:var(--wave-font-display);font-size:1.3rem;font-weight:800;letter-spacing:.02em;text-shadow:none}html.page-wave .brand-text:after{left:-3px;right:-5px;bottom:1px;height:9px;border-radius:0;background:var(--wave-lemon);opacity:.9;transform:none}html.page-wave .site-nav{gap:4px;border:0;border-radius:0;background:transparent;box-shadow:none}html.page-wave .nav-link,html.page-wave .utility-link{border-radius:0;background:transparent;color:#131c4be0;font-weight:500;box-shadow:none}html.page-wave .nav-icon{display:none}html.page-wave .nav-link:hover,html.page-wave .utility-link:hover{background:#ffffff52;color:var(--wave-navy-deep);transform:none}html.page-wave .utility-link--strong{border:2px solid var(--wave-navy)!important;background:var(--wave-lemon);color:var(--wave-navy);font-weight:700;box-shadow:3px 3px 0 var(--wave-navy)}html.page-wave .utility-link--strong:hover{background:#ffe57a;box-shadow:2px 2px 0 var(--wave-navy);transform:translate(1px,1px)}html.page-wave .wave-page{--wave-ink: var(--wave-navy);--wave-purple: var(--wave-pink-brand);--wave-pink: var(--wave-pink-brand);--wave-blue: var(--wave-sky-deep);position:relative;z-index:0;width:min(1080px,calc(100% - 40px));min-height:calc(100vh - 62px);padding:clamp(34px,4vw,54px) 0 clamp(80px,9vw,120px)}.wave-sky-decor{position:absolute;z-index:-1;inset:0 -8vw;overflow:visible;pointer-events:none}.wave-cloud{position:absolute;display:block;background:var(--wave-cloud) center / contain no-repeat}.wave-cloud--a{top:5%;left:-5%;width:120px;height:58px}.wave-cloud--b{top:20%;right:-8%;width:156px;height:76px}.wave-cloud--c{bottom:5%;left:1%;width:86px;height:42px;opacity:.8}.wave-spark,.wave-note-mark{position:absolute;color:#fff;font-family:var(--wave-font-pixel);font-weight:800;text-shadow:3px 3px 0 rgba(30,42,102,.17)}.wave-spark--a{top:13%;right:5%;color:var(--wave-lemon);font-size:1.6rem}.wave-spark--b{bottom:17%;right:-2%;color:var(--wave-pink-brand);font-size:1.2rem}.wave-note-mark{top:7%;left:8%;color:#fff;font-size:1.35rem;transform:rotate(-8deg)}html.page-wave .wave-intro{max-width:none;min-height:164px;margin:0 0 24px;padding:18px 16px 0;text-align:left}html.page-wave .wave-back{top:18px;right:14px;left:auto;padding:9px 13px;background:#fff;color:var(--wave-navy);font-family:var(--wave-font-pixel);font-size:.68rem;font-weight:700;box-shadow:4px 4px #1e2a6633}html.page-wave .wave-back:hover{background:var(--wave-lemon);color:var(--wave-navy-deep);transform:translate(1px,1px);box-shadow:3px 3px 0 var(--wave-navy)}html.page-wave .wave-kicker{margin:0 0 14px;padding:8px 14px;background:var(--wave-navy);color:#fff;font-family:var(--wave-font-pixel);font-size:.67rem;letter-spacing:.18em;box-shadow:5px 5px 0 var(--wave-pink-brand)}html.page-wave .wave-kicker span{width:8px;height:8px;border-radius:0;background:var(--wave-lemon);box-shadow:2px 2px 0 var(--wave-pink-deep)}html.page-wave .wave-intro h1{margin:0;color:var(--wave-navy-deep);font-family:var(--wave-font-display);font-size:clamp(3.5rem,8.5vw,6.4rem);font-weight:800;letter-spacing:-.035em;line-height:.82;text-shadow:5px 5px 0 var(--wave-lemon),10px 10px 0 var(--wave-pink-brand)}html.page-wave .wave-intro h1 span{margin-left:.1em;color:#fff;font-size:.42em;text-shadow:3px 3px 0 var(--wave-navy);transform:translateY(-.75em)}html.page-wave .wave-intro p{max-width:46rem;margin:24px 0 0;color:var(--wave-navy);font-size:clamp(.94rem,1.7vw,1.06rem);font-weight:560}html.page-wave .wave-shell{position:relative;overflow:hidden;border:3px solid var(--wave-navy)!important;border-radius:0;background:var(--wave-paper);box-shadow:9px 9px 0 var(--wave-navy-deep)}html.page-wave .wave-shell:before{content:"";position:absolute;z-index:5;top:0;left:0;width:72px;height:12px;background:repeating-linear-gradient(90deg,var(--wave-pink-brand) 0 14px,var(--wave-lemon) 14px 28px,var(--wave-sky-deep) 28px 42px);pointer-events:none}html.page-wave .wave-toolbar{min-height:68px;padding:12px clamp(18px,3vw,28px);background:#fff;box-shadow:inset 0 -3px 0 var(--wave-navy)}html.page-wave .wave-difficulty-track{bottom:3px;height:5px;background:var(--wave-sky-soft)}html.page-wave .wave-difficulty-track span{background:var(--wave-pink-brand);box-shadow:none}html.page-wave .wave-stat span{color:#1e2a66ad;font-family:var(--wave-font-pixel);font-size:.62rem}html.page-wave .wave-stat strong{color:var(--wave-navy-deep);font-family:var(--wave-font-display);font-size:1.42rem}html.page-wave .wave-status{gap:7px;padding:7px 12px;border:2px solid var(--wave-navy)!important;border-radius:0;background:var(--wave-lemon);color:var(--wave-navy);font-family:var(--wave-font-pixel);box-shadow:3px 3px #1e2a662e}html.page-wave .wave-status b{color:var(--wave-navy-deep);box-shadow:-2px 0 #1e2a663d}html.page-wave .wave-status i{border-radius:0;background:var(--wave-pink-deep);box-shadow:2px 2px #1e2a662e}html.page-wave [data-wave-state=running] .wave-status i{background:var(--wave-sky-deep);box-shadow:2px 2px #1e2a6633}html.page-wave [data-wave-state=over] .wave-status i{background:var(--wave-pink-deep);box-shadow:2px 2px #1e2a6633}html.page-wave .wave-stage{max-height:none;background:var(--wave-paper);box-shadow:inset 0 0 0 3px var(--wave-navy)}html.page-wave .wave-stage:focus-visible{box-shadow:inset 0 0 0 5px var(--wave-pink-brand)}html.page-wave .wave-grid,html.page-wave [data-wave-state=running] .wave-grid{background:linear-gradient(90deg,transparent 0 75%,rgba(67,191,236,.09) 75% 76%,transparent 76%),radial-gradient(circle at 18% 24%,rgba(255,127,183,.12),transparent 26%),radial-gradient(circle at 82% 74%,rgba(67,191,236,.15),transparent 25%)}html.page-wave .wave-overlay{background:linear-gradient(#f2fbffd1,#f2fbffd1),var(--wave-tile-sky);backdrop-filter:none}html.page-wave .wave-glyph:before,html.page-wave .wave-glyph:after,html.page-wave .wave-glyph span{border-radius:0}html.page-wave .wave-glyph:before{background:var(--wave-pink-brand)}html.page-wave .wave-glyph span{background:var(--wave-lemon);box-shadow:4px 4px 0 var(--wave-navy)}html.page-wave .wave-glyph:after{background:var(--wave-sky-deep)}html.page-wave .wave-overlay>strong{color:var(--wave-navy-deep);font-family:var(--wave-font-display);font-weight:800}html.page-wave .wave-overlay>p{color:#1e2a66bd}html.page-wave .wave-start{min-height:50px;padding:8px 9px 8px 20px;border:3px solid var(--wave-navy)!important;border-radius:0;background:var(--wave-lemon);color:var(--wave-navy);font-family:var(--wave-font-display);font-size:.92rem;box-shadow:5px 5px 0 var(--wave-navy)}html.page-wave .wave-start:hover{background:#ffe57a;box-shadow:3px 3px 0 var(--wave-navy);transform:translate(2px,2px)}html.page-wave .wave-start:active{box-shadow:0 0 0 var(--wave-navy);transform:translate(5px,5px)}html.page-wave .wave-start kbd{border-radius:0;background:var(--wave-pink-brand);color:var(--wave-navy-deep);font-family:var(--wave-font-pixel)}html.page-wave .wave-corner{color:#1e2a667a;font-family:var(--wave-font-pixel)}html.page-wave .wave-corner--bottom span{color:var(--wave-pink-deep)}html.page-wave .wave-help{min-height:70px;background:#fff;box-shadow:inset 0 3px 0 var(--wave-navy)}html.page-wave .wave-help>div{color:#1e2a66c2;font-family:var(--wave-font-pixel)}html.page-wave .wave-key{border-radius:0;background:var(--wave-lemon);color:var(--wave-navy);font-family:var(--wave-font-pixel);box-shadow:3px 3px 0 var(--wave-navy)}html.page-wave .wave-mouse{border-radius:0;box-shadow:inset 0 0 0 2px var(--wave-navy),3px 3px 0 var(--wave-sky-soft)}html.page-wave .wave-mouse:after{background:var(--wave-pink-brand)}html.page-wave .wave-help button{color:var(--wave-navy);font-family:var(--wave-font-pixel)}html.page-wave .wave-help button span{color:var(--wave-pink-deep)}html.page-wave .wave-note{width:fit-content;margin:26px auto 0;padding:9px 14px;background:var(--wave-navy);color:#fff;font-family:var(--wave-font-pixel);box-shadow:5px 5px 0 var(--wave-pink-brand)}html.page-wave .wave-note span{color:var(--wave-lemon)}html.page-wave .site-footer{border-top:6px solid var(--wave-navy)!important;background:var(--wave-navy-deep);color:#ffffffd1}html.page-wave .site-footer strong,html.page-wave .site-footer p,html.page-wave .site-footer small,html.page-wave .site-footer a,html.page-wave .site-footer span{color:#ffffffd1}@media(max-width:700px){html.page-wave .wave-page{width:min(100% - 24px,1080px);padding-top:24px}html.page-wave .wave-intro{min-height:190px;padding-inline:4px}html.page-wave .wave-back{position:absolute;top:0;right:0;margin:0}html.page-wave .wave-kicker{margin-top:48px}html.page-wave .wave-intro h1{font-size:clamp(3.4rem,18vw,4.7rem)}html.page-wave .wave-shell{border-width:3px!important;box-shadow:6px 6px 0 var(--wave-navy-deep)}html.page-wave .wave-toolbar{min-height:62px}html.page-wave .wave-status{padding:6px 8px}html.page-wave .wave-note{max-width:calc(100% - 20px);line-height:1.55}.wave-cloud--a{left:-18%}.wave-cloud--b{right:-20%}}@media(max-width:420px){html.page-wave .wave-page{width:min(100% - 16px,1080px)}html.page-wave .wave-intro{min-height:202px}html.page-wave .wave-intro p{margin-top:20px;line-height:1.6}html.page-wave .wave-toolbar{padding-inline:12px}html.page-wave .wave-status b{padding-left:0;box-shadow:none}}