:root{--font-sans:"Pretendard Variable",Pretendard;--font-serif:var(--font-sans);--font-kr:var(--font-sans)}.site{--sky-50:#f3f8fe;--sky-100:#e6f1fc;--sky-200:#cfe3f8;--sky-300:#a9cdf2;--blue:#1f7ae0;--blue-ink:#155fb3;--navy:#0f2547;--ink:#1b2a40;--sub:#5a6a80;--faint:#8c9aae;--line:#e3eaf2;--card:#fff;--bg:#fff;--bg-soft:#f6f9fd;--rank:#e8553d;--easy:#1e9e5a;--easy-bg:#e3f6ea;--mid:#b9770e;--mid-bg:#fff2d6;--hard:#d9344f;--hard-bg:#fde4e8;--exp:#7a4fe0;--exp-bg:#eee7fd;--g-mabi:#3e8edb;--g-sky:#e99a2c;--g-gen:#3fa35b;--g-rbx:#e2483d;--g-box:#9a6a44;--hand:#1f5fa8;--shadow:0 2px 10px #102d5a14;--shadow-up:0 10px 28px #102d5a29;--r:10px;--serif:var(--font-serif),"Noto Serif KR",Georgia,serif;--sans:var(--font-sans),var(--font-jp),var(--font-kr),system-ui,-apple-system,sans-serif;--script:var(--font-script),cursive;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.site,.site *{box-sizing:border-box}.site{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.5}.site a{color:inherit;text-decoration:none}.site button{font:inherit;color:inherit;cursor:pointer}.site img{max-width:100%;display:block}.site [hidden]{display:none!important}.site h1,.site h2,.site h3{text-wrap:balance;margin:0}.site .num{font-variant-numeric:tabular-nums}.site .wrap{max-width:1200px;margin:0 auto;padding-inline:24px}.site .logo{letter-spacing:-.5px;color:var(--navy);align-items:center;gap:9px;font-size:23px;font-weight:800;display:flex}.site .logo .wordmark{width:auto;height:34px;display:block}.site .icon-btn{width:36px;height:36px;color:var(--ink);background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.site .icon-btn:hover{background:var(--sky-100)}.site .credits{background:var(--sky-100);color:var(--blue-ink);border-radius:99px;align-items:center;gap:6px;padding:6px 12px;font-size:13.5px;font-weight:700;display:flex}.site .signin{font-size:14.5px;font-weight:600}.site .top{top:env(safe-area-inset-top,0px);z-index:40;-webkit-backdrop-filter:blur(14px)saturate(1.5);border-bottom:1px solid var(--line);background:#ffffffd6;position:sticky}@supports (animation-timeline:scroll()){.site .top{animation:linear both top-lift;animation-timeline:scroll(root);animation-range:0 140px}@keyframes top-lift{to{background:#fffffff0;border-color:#0000;box-shadow:0 8px 24px -14px #102d5a47}}}.site .top .wrap{align-items:center;gap:18px;height:64px;display:flex}.site .top .logo{flex:none}.site .top .logo .wordmark{transition:transform .4s cubic-bezier(.3,1.6,.5,1)}.site .top .logo:hover .wordmark{transform:rotate(-2deg)scale(1.04)}.site .nav{color:var(--ink);white-space:nowrap;align-items:center;gap:2px;font-size:14.5px;font-weight:600;display:flex}.site .nav>a,.site .gmenu>button{height:38px;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:6px;padding:0 12px;transition:background .2s,color .2s;display:flex;position:relative}.site .nav>a:hover,.site .gmenu>button:hover,.site .gmenu:focus-within>button{background:var(--sky-50);color:var(--navy)}.site .nav>a:after,.site .gmenu>button:after{content:"";background:var(--blue);border-radius:2px;height:2.5px;transition:transform .35s cubic-bezier(.3,1.4,.5,1);position:absolute;bottom:3px;left:12px;right:12px;transform:scaleX(0)}.site .nav>a[aria-current],.site .gmenu>button[aria-current]{color:var(--blue)}.site .nav>a[aria-current]:after,.site .gmenu>button[aria-current]:after{transform:scaleX(1)}.site .gmenu{position:relative}.site .gmenu>button i{border:1.8px solid;border-width:0 1.8px 1.8px 0;width:7px;height:7px;margin-top:-3px;transition:transform .25s;transform:rotate(45deg)}.site .gmenu:hover>button i,.site .gmenu:focus-within>button i{transform:translateY(3px)rotate(225deg)}.site .gpanel{z-index:50;border:1px solid var(--line);width:440px;box-shadow:var(--shadow-up);opacity:0;visibility:hidden;background:#fff;border-radius:16px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:8px;transition:opacity .18s,translate .25s cubic-bezier(.3,1.4,.5,1),visibility 0s .25s;display:grid;position:absolute;top:calc(100% + 10px);left:-8px;translate:0 -6px}.site .gpanel:before{content:"";position:absolute;inset:-12px 0 100%}.site .gmenu:hover .gpanel,.site .gmenu:focus-within .gpanel{opacity:1;visibility:visible;transition-delay:0s;translate:0}.site .gpanel a{white-space:normal;border-radius:12px;align-items:center;gap:12px;padding:10px;transition:background .2s;display:flex}.site .gpanel a:hover,.site .gpanel a[aria-current]{background:var(--sky-50)}.site .gpanel a>span{grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:12px;display:grid}.site .gpanel .ico{background:var(--sky-100);border-radius:12px;grid-row:span 2;place-items:center;width:44px;height:44px;transition:transform .35s cubic-bezier(.3,1.6,.5,1);display:grid}.site .gpanel .ico svg{width:30px;height:30px}.site .gpanel a:hover .ico{transform:translateY(-2px)rotate(-6deg)}.site .gpanel b{color:var(--navy);font-size:14.5px}.site .gpanel small{color:var(--sub);font-size:12.5px;font-weight:500}.site .hsearch{border:1px solid var(--line);background:var(--sky-50);min-width:44px;max-width:340px;height:38px;color:var(--sub);border-radius:99px;flex:240px;align-items:center;gap:8px;margin-left:auto;padding:0 10px 0 12px;transition:border-color .2s,background .2s,box-shadow .2s;display:flex;position:relative}.site .hsearch:focus-within{border-color:var(--blue);background:#fff;box-shadow:0 0 0 4px #1f7ae024}.site .hsearch .ico{flex:none;display:flex}.site .hsearch .ico svg{width:17px;height:17px}.site .hsearch input{min-width:0;height:100%;font:inherit;color:var(--ink);text-overflow:ellipsis;background:0 0;border:0;outline:0;flex:1;font-size:14px}.site .hsearch input::-webkit-search-cancel-button{display:none}.site .hsearch kbd{border:1px solid var(--line);width:20px;height:20px;font:600 11.5px var(--sans);color:var(--faint);background:#fff;border-radius:6px;flex:none;place-items:center;display:grid}.site .hsearch:focus-within kbd{opacity:0}.site .hcreate{white-space:nowrap;flex:none;height:38px;padding:0 16px;font-size:14px}.site .top .lang{flex:none}.site .header-account{flex:none;justify-content:flex-end;align-items:center;gap:12px;min-width:56px;height:38px;display:flex}.site .header-account .credits{min-width:0;max-width:124px}.site .header-account .credits span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.site .header-account .signin{white-space:nowrap;border:1px solid var(--line);height:38px;color:var(--navy);border-radius:99px;align-items:center;padding:0 14px;transition:border-color .2s,background .2s;display:flex}.site .header-account .signin:hover{border-color:var(--sky-300);background:var(--sky-50)}@media (max-width:1180px){.site .top .wrap{gap:12px}.site .nav>a,.site .gmenu>button{padding:0 9px}.site .hsearch kbd{display:none}}@media (max-width:980px){.site .nav{font-size:14px}.site .header-account .credits{display:none}}@media (max-width:1280px){.site .top .lang summary span{display:none}}@media (max-width:820px){.site .top .wrap{gap:8px}.site .nav{font-size:13.5px}.site .nav>a,.site .gmenu>button{padding:0 7px}.site .header-account .signin{border-color:#0000;padding:0 6px}html:lang(vi) .site .top .hcreate{display:none}}@media (max-width:640px){.site .nav,.site .top .hcreate{display:none}.site .top .wrap{gap:6px;height:58px}.site .top .logo{gap:7px;font-size:19px}.site .top .logo .wordmark{height:30px}.site .hsearch{background:0 0;border-color:#0000;flex:none;justify-content:center;width:44px;height:44px;padding:0}.site .hsearch .ico svg{width:20px;height:20px;color:var(--navy)}.site .hsearch input{opacity:0;cursor:pointer;padding:0;position:absolute;inset:0}.site .hsearch:focus-within{z-index:2;background:#fff;justify-content:flex-start;width:auto;max-width:none;margin:0;padding:0 14px;position:absolute;top:7px;left:12px;right:12px}.site .hsearch:focus-within input{opacity:1;cursor:text;position:static}.site .top .wrap:has(.hsearch:focus-within) .logo{visibility:hidden}.site .top .lang summary{justify-content:center;min-width:44px;min-height:44px;padding:0}.site .header-account{gap:8px;min-width:0}.site .header-account .signin{background:var(--sky-100);height:36px;color:var(--blue-ink);border-color:#0000;padding:0 13px;font-size:13.5px}.site .acct summary{width:40px;height:40px}}@media (max-width:400px){.site .top .logo .wordmark{height:27px}}.site .acct{position:relative}.site .acct summary{background:linear-gradient(140deg,#4aa3ff,var(--blue));color:#fff;cursor:pointer;border-radius:50%;place-items:center;width:36px;height:36px;font-size:15px;font-weight:800;list-style:none;transition:box-shadow .2s;display:grid}.site .acct summary::-webkit-details-marker{display:none}.site .acct summary:hover,.site .acct[open] summary{box-shadow:0 0 0 4px var(--sky-100)}.site .acct-menu{z-index:50;border:1px solid var(--line);width:240px;box-shadow:var(--shadow-up);background:#fff;border-radius:14px;padding:6px;animation:.18s ease-out pop;display:grid;position:absolute;top:calc(100% + 8px);right:0}.site .acct-email{border-bottom:1px solid var(--line);color:var(--sub);text-overflow:ellipsis;white-space:nowrap;margin:0 0 4px;padding:8px 12px 10px;font-size:12.5px;overflow:hidden}.site .acct-menu>a,.site .acct-menu>button{min-height:42px;font:inherit;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;padding:0 12px;font-size:14px;font-weight:600;display:flex}.site .acct-menu>a:hover,.site .acct-menu>button:hover{background:var(--sky-50)}.site .acct-menu>button{border-top:1px solid var(--line);color:var(--sub);border-radius:0 0 9px 9px;margin-top:4px}.site .acct-credits b{color:var(--blue-ink);align-items:center;gap:5px;display:flex}.site .acct-credits svg{width:16px;height:16px}.site .btn{border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:11px 20px;font-size:15px;font-weight:700;display:inline-flex}.site .btn-blue{background:var(--blue);color:#fff;box-shadow:0 4px 12px #1f7ae047}.site .btn-blue:hover{background:var(--blue-ink)}.site .btn-line{color:var(--blue-ink);border:1.5px solid var(--sky-300);background:#fff}.site .btn-lg{border-radius:10px;padding:14px 26px;font-size:16px}.site .hero{background:var(--sky-200) 50% 60%/cover no-repeat;min-height:500px;position:relative;overflow:hidden}.site .hero:after{content:"";background:linear-gradient(90deg,#f3f8fe8c,#f3f8fe00 55%);position:absolute;inset:0}.site .hero .wrap{z-index:1;padding-block:84px 64px;position:relative}.site .hero h1{font-family:var(--serif);letter-spacing:-1px;color:var(--navy);font-variation-settings:"opsz" 96;font-size:clamp(36px,5vw,58px);font-weight:700;line-height:1.08}.site .hero p.sub{color:var(--ink);margin:14px 0 22px;font-size:18px}.site .hand{font-family:var(--script);color:var(--hand);font-size:calc(24px * var(--hz,1));line-height:1.05;display:inline-block;transform:rotate(-8deg)}.site .hero .hand{position:absolute;top:40px;right:30%}.site .search{box-shadow:var(--shadow-up);background:#fff;border-radius:10px;align-items:center;max-width:560px;padding:6px;display:flex}.site .search svg{color:var(--faint);flex:none;margin:0 6px 0 10px}.site .search input{min-width:0;font:inherit;color:var(--ink);background:0 0;border:0;outline:0;flex:1;padding:10px 6px}.site .search select{border:0;border-left:1px solid var(--line);font:inherit;color:var(--ink);background:0 0;outline:0;padding:8px 26px 8px 14px;font-size:14px}.site .try{color:var(--ink);margin-top:12px;font-size:13px}.site .try a{margin-left:8px;font-weight:600}.site .try a+a:before{content:"·";color:var(--faint);margin-right:8px;font-weight:400}.site .games{border-bottom:1px solid var(--line);background:#fff}.site .games .wrap{scrollbar-width:none;align-items:center;gap:6px;display:flex;overflow-x:auto}.site .gtab{color:var(--sub);white-space:nowrap;background:0 0;border:0;border-bottom:2.5px solid #0000;align-items:center;gap:9px;padding:16px 18px 14px;font-weight:500;display:flex}.site .gtab svg{width:22px;height:22px}.site .gtab[aria-selected=true]{color:var(--blue);border-bottom-color:var(--blue);font-weight:700}.site .games .aside{color:var(--sub);border-left:1px solid var(--line);white-space:nowrap;margin-left:auto;padding-left:18px;font-size:13px}.site .sec{padding-block:30px 6px}.site .shead{justify-content:space-between;align-items:baseline;gap:14px;margin-bottom:14px;display:flex}.site .shead h2{letter-spacing:-.4px;color:var(--navy);font-size:24px;font-weight:800}.site .more{color:var(--blue);align-items:center;gap:6px;font-size:13.5px;font-weight:600;display:inline-flex}.site .split{grid-template-columns:270px minmax(0,1fr);gap:28px;display:grid}.site .rank-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;padding-bottom:8px;display:flex}.site .rank-head h2{color:var(--navy);font-size:22px;font-weight:800}.site .rank-head span{color:var(--sub);font-size:12.5px}.site .rank{margin:0;padding:0;list-style:none}.site .rank li a{border-bottom:1px solid var(--line);grid-template-columns:30px 40px minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px 0;display:grid}.site .rank .n{color:var(--faint);font-size:17px;font-weight:500}.site .rank li:nth-child(-n+3) .n{color:var(--rank);font-weight:700}.site .rank img{object-fit:cover;border-radius:6px;width:40px;height:40px}.site .rank b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.site .rank .pl{color:var(--sub);align-items:center;gap:5px;font-size:12.5px;display:flex}.site .cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.site .card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);transition:transform .18s,box-shadow .18s;overflow:hidden}.site .card:hover{box-shadow:var(--shadow-up);transform:translateY(-3px)}.site .cover{aspect-ratio:16/10;background:var(--sky-100);position:relative;overflow:hidden}.site .cover img{object-fit:cover;width:100%;height:100%}.site .play{color:#fff;background:#0f192d73;border:2px solid #fff;border-radius:50%;place-items:center;width:44px;height:44px;margin:-22px 0 0 -22px;display:grid;position:absolute;top:50%;left:50%}.site .card .body{gap:6px;padding:10px 12px 12px;display:grid}.site .card h3{color:var(--navy);white-space:nowrap;text-overflow:ellipsis;font-size:15.5px;font-weight:700;overflow:hidden}.site .row{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.site .game{color:var(--sub);white-space:nowrap;align-items:center;gap:6px;font-size:13px;display:inline-flex}.site .game svg{width:17px;height:17px}.site .who{color:var(--sub);white-space:nowrap;align-items:center;gap:7px;min-width:0;font-size:13px;display:inline-flex}.site .av{object-fit:cover;border:1px solid var(--line);border-radius:50%;flex:none;width:22px;height:22px}.site .plays{color:var(--sub);align-items:center;gap:5px;font-size:12.5px;display:inline-flex}.site .pill{white-space:nowrap;border-radius:99px;padding:2px 10px;font-size:12px;font-weight:600}.site .easy{color:var(--easy);background:var(--easy-bg)}.site .medium{color:var(--mid);background:var(--mid-bg)}.site .hard{color:var(--hard);background:var(--hard-bg)}.site .expert{color:var(--exp);background:var(--exp-bg)}.site .lv{margin-left:4px;font-weight:800}.site .tiles{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.site .tile{aspect-ratio:3/2;border-radius:var(--r);position:relative;overflow:hidden}.site .tile img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.site .tile:hover img{transform:scale(1.05)}.site .tile:after{content:"";background:linear-gradient(#0000,#0a162db3);position:absolute;inset:40% 0 0}.site .tile span{z-index:1;color:#fff;font-size:17px;font-weight:700;position:absolute;bottom:10px;left:12px}.site .inst{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.site .inst a{border:1px solid var(--line);border-radius:var(--r);background:#fff;gap:10px;padding:12px;display:grid}.site .inst .t{align-items:center;gap:9px;display:flex}.site .inst .t svg{width:26px;height:26px;color:var(--blue)}.site .inst b{font-size:14px;display:block}.site .inst small{color:var(--sub);font-size:12px;display:block}.site .inst img{aspect-ratio:4/3;object-fit:cover;border-radius:6px;width:100%}.site .make{background:var(--sky-100) right center/cover no-repeat;margin-top:36px;position:relative;overflow:hidden}.site .make .wrap{grid-template-columns:180px minmax(0,1fr) auto;align-items:center;gap:28px;padding-block:30px;display:grid;position:relative}.site .make h2{color:var(--navy);font-size:26px;font-weight:800;line-height:1.25}.site .make p{color:var(--ink);margin:8px 0 0}.site .foot{border-top:1px solid var(--line);background:#fff}.site .foot .wrap{flex-wrap:wrap;align-items:center;gap:18px;padding-block:22px;display:flex}.site .foot .logo{font-size:21px}.site .foot small{color:var(--sub)}.site .foot nav{color:var(--sub);gap:22px;margin-left:auto;font-size:13px;display:flex}@media (max-width:1000px){.site .split{grid-template-columns:1fr}.site .tiles,.site .inst{grid-template-columns:repeat(3,minmax(0,1fr))}.site .tiles>:nth-child(n+4),.site .inst>:nth-child(n+4){display:none}.site .make .wrap{grid-template-columns:1fr}.site .make img.m{width:120px}.site .hero .hand{display:none}}@media (max-width:640px){.site .wrap{padding-inline:16px}.site .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.site .card .row .who{display:none}.site .card .row{flex-wrap:wrap;gap:4px}.site .tiles,.site .inst{grid-template-columns:repeat(2,minmax(0,1fr))}.site .tiles>:nth-child(n+3),.site .inst>:nth-child(n+3),.site .search select{display:none}.site .hero{min-height:0}.site .games .aside{display:none}.site .foot nav{margin-left:0}}@media (prefers-reduced-motion:reduce){.site .card,.site .tile img,.site .jk{transition:none}.site .card:hover,.site .tile:hover img{transform:none}}.site{flex-direction:column;min-height:100vh;display:flex}.site>main{flex:1}.site .ico{display:contents}.site-bar{top:env(safe-area-inset-top,0px);z-index:40;min-height:0;position:sticky}.site .empty{text-align:center;border:1px dashed var(--sky-300);background:var(--sky-50);border-radius:14px;grid-template-columns:minmax(0,1fr);justify-items:center;gap:10px;padding:36px 16px 44px;display:grid}.site .empty img{width:150px}.site .empty h3{color:var(--navy);font-size:20px}.site .empty p{color:var(--sub);max-width:42ch;margin:0}.site .sec-empty{padding-block:30px 6px}.site .ptitle{font-family:var(--serif);color:var(--navy);margin-bottom:16px;font-size:clamp(28px,4vw,40px)}.site .browse .search{max-width:none;box-shadow:var(--shadow);border:1px solid var(--line)}.site .chips{flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;display:flex}.site .chip{border:1px solid var(--line);color:var(--sub);background:#fff;border-radius:99px;padding:6px 14px;font-size:13.5px;font-weight:600}.site .chip[aria-current]{border-color:var(--blue);color:var(--blue-ink);background:var(--sky-100)}.site .chips .sep{background:var(--line);width:1px;height:20px;margin-inline:4px}.site .count{color:var(--sub);margin:0 0 12px;font-size:14px}.site .pager{justify-content:center;gap:10px;padding-top:20px;display:flex}.site .gbanner{background:var(--sky-200) center 40%/cover no-repeat;position:relative}.site .gbanner:after{content:"";background:linear-gradient(90deg,#f3f8feeb,#f3f8fe59 70%);position:absolute;inset:0}.site .gbanner .wrap{z-index:1;padding-block:56px 44px;position:relative}.site .gbanner h1{font-family:var(--serif);color:var(--navy);font-size:clamp(30px,4.4vw,48px)}.site .gbanner p{margin:8px 0 0;font-size:17px}.site .foot nav a{white-space:nowrap}.site .songhero{background:linear-gradient(180deg,var(--sky-100),#fff 92%);position:relative;overflow:hidden}.site .songhero:before{content:"";opacity:.35;background:url(/art/banner-1920.webp) 50%/cover;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 40%,#0000);mask-image:linear-gradient(#000 40%,#0000)}.site .songhero .wrap{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:36px;padding-block:34px 30px;display:grid;position:relative}.site .eyebrow{letter-spacing:.12em;color:var(--blue-ink);text-transform:uppercase;font-size:12px;font-weight:700}.site .crumb{color:var(--sub);margin-bottom:10px;font-size:13px}.site .crumb a:hover{color:var(--blue)}.site .jackets{perspective:1100px;height:380px;position:relative;overflow:hidden}.site .jk{aspect-ratio:3/4;width:250px;box-shadow:var(--shadow-up);background:#fff;border:3px solid #fff;border-radius:12px;transition:transform .4s,opacity .4s;position:absolute;top:50%;left:50%;overflow:hidden}.site .jk img{object-fit:cover;width:100%;height:100%}.site .jk.c{z-index:3;width:270px;transform:translate(-50%,-50%)}.site .jk.l1{z-index:2;opacity:.9;transform:translate(-118%,-50%)rotateY(28deg)scale(.82)}.site .jk.r1{z-index:2;opacity:.9;transform:translate(18%,-50%)rotateY(-28deg)scale(.82)}.site .jk.l2{z-index:1;opacity:.6;transform:translate(-170%,-50%)rotateY(35deg)scale(.66)}.site .jk.r2{z-index:1;opacity:.6;transform:translate(70%,-50%)rotateY(-35deg)scale(.66)}.site .jk .ttl{color:#fff;font-family:var(--serif);background:linear-gradient(#0000,#0a162da6);padding:24px 14px 12px;font-size:22px;font-weight:700;position:absolute;bottom:0;left:0;right:0}.site .panel{z-index:5;border:1px solid var(--line);box-shadow:var(--shadow-up);background:#fff;border-radius:14px;padding:22px 24px;position:relative}.site .panel h1{font-family:var(--serif);color:var(--navy);margin-top:6px;font-size:38px;line-height:1.1}.site .panel .by{color:var(--sub);margin:4px 0 12px}.site .panel .by a{color:var(--accent);text-decoration:none}.site .panel .by a:hover{text-decoration:underline}.site .gchip{background:var(--blue);color:#fff;border-radius:7px;align-items:center;gap:7px;padding:5px 12px;font-size:13px;font-weight:600;display:inline-flex}.site .gchip svg{width:17px;height:17px}.site .levels{grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0 12px;display:grid}.site .lvb{border:1.5px solid var(--line);text-align:center;letter-spacing:.06em;color:var(--sub);background:#fff;border-radius:9px;padding:6px 4px;font-size:11px;font-weight:700}.site .lvb b{letter-spacing:0;color:var(--navy);font-size:22px;display:block}.site .lvb[aria-pressed=true]{border-color:var(--hard);background:var(--hard-bg);color:var(--hard)}.site .lvb[aria-pressed=true] b{color:var(--hard)}.site .lvb:disabled{opacity:.4;cursor:default}.site .facts{color:var(--sub);flex-wrap:wrap;align-items:center;gap:16px;font-size:14px;display:flex}.site .facts b{color:var(--navy)}.site .facts i{background:var(--line);width:1px;height:14px}.site .acts{flex-wrap:wrap;gap:10px;margin:16px 0 12px;display:flex}.site .wave{align-items:center;gap:12px;display:flex}.site .bars{flex:1;align-items:center;gap:2px;height:34px;display:flex;position:relative}.site .bars i{background:var(--sky-300);border-radius:2px;flex:1}.site .bars i.on{background:var(--blue)}.site .bars i.lock{background:repeating-linear-gradient(180deg,var(--line) 0 3px,transparent 3px 5px)}.site .bars .cut{background:var(--hard);width:2px;position:absolute;top:-4px;bottom:-4px}.site .wave .t{color:var(--sub);white-space:nowrap;font-size:12.5px}.site .note-cut{color:var(--hard);min-height:18px;margin-top:6px;font-size:12.5px;font-weight:600}.site .creator{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:12px;padding-top:12px;font-size:14px;display:flex}.site .creator img{object-fit:cover;border-radius:50%;width:32px;height:32px}.site .creator .hand{font-size:calc(20px * var(--hz,1));margin-left:auto;transform:rotate(-4deg)}.site .vtabs{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.site .vtab{border:1px solid var(--line);color:var(--sub);background:#fff;border-radius:99px;align-items:center;gap:7px;padding:7px 14px;font-size:13.5px;font-weight:600;display:inline-flex}.site .vtab svg{width:17px;height:17px}.site .vtab[aria-selected=true]{background:var(--navy);border-color:var(--navy);color:#fff}.site .vtab small{opacity:.7}.site .vers{gap:10px;display:grid}.site .ver{border:1.5px solid var(--line);text-align:left;background:#fff;border-radius:12px;grid-template-columns:52px minmax(0,1fr) auto auto;align-items:center;gap:16px;width:100%;padding:12px 16px;display:grid}.site .ver[aria-pressed=true]{border-color:var(--blue);box-shadow:0 0 0 3px var(--sky-100)}.site .ver .gi{background:var(--sky-100);width:52px;height:52px;color:var(--blue);border-radius:10px;place-items:center;display:grid}.site .ver .gi svg{width:28px;height:28px}.site .ver b{color:var(--navy);font-size:15.5px}.site .ver .meta{color:var(--sub);flex-wrap:wrap;align-items:center;gap:10px;margin-top:3px;font-size:13px;display:flex}.site .ver .price{white-space:nowrap;align-items:center;gap:5px;font-size:15px;font-weight:800;display:flex}.site .free{color:var(--easy)}.site .paid{color:var(--blue-ink)}.site .sheet{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:24px;display:grid}.site .sheet>*{min-width:0}.site .mmlbox{border:1px solid var(--line);background:#fff;border-radius:12px;overflow:hidden}.site .mmltabs{border-bottom:1px solid var(--line);display:flex;overflow-x:auto}.site .mmltabs button{color:var(--sub);white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;padding:11px 16px;font-size:13px;font-weight:600}.site .mmltabs button[aria-selected=true]{color:var(--blue);border-bottom-color:var(--blue)}.site .mmltabs .cnt{color:var(--faint);margin-left:6px;font-weight:500}.site .mmltabs .lk{color:var(--faint)}.site .mml{word-break:break-all;height:190px;color:var(--ink);padding:14px 16px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.85;position:relative;overflow:hidden}.site .mml .o{color:var(--blue)}.site .mml .t{color:var(--exp)}.site .lockfade{background:linear-gradient(#0000,#fff 55%);justify-content:center;align-items:flex-end;padding-bottom:16px;display:flex;position:absolute;inset:40% 0 0}.site .lockfade span{font-family:var(--sans);border:1px solid var(--line);color:var(--sub);box-shadow:var(--shadow);background:#fff;border-radius:99px;padding:6px 14px;font-size:13px;font-weight:600}.site .mmlfoot{border-top:1px solid var(--line);color:var(--sub);justify-content:space-between;align-items:center;gap:10px;padding:10px 16px;font-size:13px;display:flex}.site .keys{border:1px solid var(--line);background:linear-gradient(180deg,var(--sky-50),#fff);border-radius:12px;grid-template-columns:repeat(5,1fr);gap:10px;padding:18px;display:grid}.site .key{aspect-ratio:1;border:1.5px solid var(--sky-300);color:var(--navy);background:#fff;border-radius:12px;place-items:center;font-size:14px;font-weight:700;transition:all .1s;display:grid;position:relative}.site .key:before{content:"";border:1.5px solid var(--sky-300);border-radius:50%;position:absolute;inset:16%}.site .key.d:before{border-radius:3px;inset:20%;transform:rotate(45deg)}.site .key.hit{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 0 0 5px var(--sky-200)}.site .key.hit:before{border-color:#fff}.site .stats{border:1px solid var(--line);border-radius:12px;grid-template-columns:repeat(4,1fr);margin-top:14px;display:grid;overflow:hidden}.site .stats div{border-right:1px solid var(--line);padding:10px 14px}.site .stats div:last-child{border-right:0}.site .stats small{color:var(--sub);font-size:11.5px;display:block}.site .stats b{color:var(--navy);font-size:19px}.site .unlock{border:1px solid var(--line);background:#fff;border-radius:12px;gap:10px;padding:18px;display:grid;position:sticky;top:84px}.site .unlock h3{color:var(--navy);font-size:17px}.site .unlock .bal{color:var(--sub);justify-content:space-between;font-size:13.5px;display:flex}.site .unlock .bal b{color:var(--navy);align-items:center;gap:4px;display:inline-flex}.site .unlock .btn{width:100%}.site .unlock small{color:var(--sub);font-size:12.5px;line-height:1.5}.site .unlock img{justify-self:center;width:84px}.site .faq details{border-bottom:1px solid var(--line);padding-block:12px}.site .faq summary{cursor:pointer;color:var(--navy);font-weight:600}.site .faq p{color:var(--sub);max-width:70ch;margin:8px 0 0}.site .cards.four{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:1000px){.site .songhero .wrap,.site .sheet{grid-template-columns:1fr}.site .jackets{height:300px}.site .unlock{position:static}.site .cards.four{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.site .jk.l2,.site .jk.r2{display:none}.site .jk{width:180px}.site .jk.c{width:200px}.site .jackets{height:270px}.site .ver{grid-template-columns:44px minmax(0,1fr)}.site .ver .gi{width:44px;height:44px}.site .ver .price,.site .ver .go{grid-column:2}.site .stats{grid-template-columns:repeat(2,1fr)}.site .stats div:nth-child(2){border-right:0}.site .stats div:nth-child(-n+2){border-bottom:1px solid var(--line)}.site .panel h1{font-size:30px}}.site .jk .ttl{font-family:var(--serif)}.site .ver{color:inherit}.site .ver .go{white-space:nowrap}.site .keys .key.on{background:var(--sky-100)}.site .howto p{color:var(--ink);max-width:75ch;margin:0}.site .credits-line{color:var(--sub);padding-block:18px 8px;font-size:13px}.site .owned{color:var(--easy);font-weight:700}.site .unlock .err{color:var(--hard);margin:0;font-size:13px}.site .sheet .keys{gap:8px;max-width:460px;padding:14px}.site .stagewrap{background:var(--sky-100);position:relative;overflow:hidden}.site .stagewrap:before{content:"";opacity:.55;background:url(/art/hero-1920.webp) 30% 40%/cover;position:absolute;inset:0}.site .stagewrap:after{content:"";background:linear-gradient(#f3f8fe59,#f3f8fee6 70%);position:absolute;inset:0}.site .stagewrap .wrap{z-index:1;grid-template-columns:minmax(0,1fr) 300px;gap:24px;padding-block:22px 28px;display:grid;position:relative}.site .songbar{align-items:center;gap:14px;margin-bottom:14px;display:flex}.site .songbar img{object-fit:cover;width:56px;height:56px;box-shadow:var(--shadow);border-radius:10px}.site .songbar h1{font-family:var(--serif);color:var(--navy);font-size:26px;line-height:1.1}.site .songbar small{color:var(--sub);flex-wrap:wrap;align-items:center;gap:10px;display:flex}.site .songbar .back{margin-left:auto}.site .board{border:1px solid var(--line);box-shadow:var(--shadow-up);background:#ffffffeb;border-radius:16px;gap:14px;padding:16px;display:grid}.site .lane{background:linear-gradient(180deg,#fff,var(--sky-50));border:1px solid var(--line);border-radius:12px;height:250px;position:relative;overflow:hidden}.site .lane .col{border-left:1px dashed var(--sky-200);position:absolute;top:0;bottom:0}.site .lane .hit{background:var(--blue);opacity:.5;height:2px;position:absolute;bottom:22px;left:0;right:0}.site .lane .nt{background:var(--blue);border-radius:8px;width:calc(20% - 12px);height:16px;margin-left:6px;position:absolute;box-shadow:0 2px 6px #1f7ae059}.site .lane .nt.r0{background:var(--sky-300)}.site .lane .nt.r2{background:var(--navy)}.site .grid15{grid-template-columns:repeat(5,1fr);gap:10px;width:100%;max-width:560px;margin:0 auto;display:grid}.site .k{aspect-ratio:1;border:1.5px solid var(--sky-300);color:var(--navy);-webkit-user-select:none;user-select:none;touch-action:manipulation;background:#fff;border-radius:14px;place-items:center;font-size:15px;font-weight:700;transition:background 80ms,box-shadow 80ms;display:grid;position:relative}.site .k:before{content:"";border:1.5px solid var(--sky-300);border-radius:50%;position:absolute;inset:16%}.site .k.d:before{border-radius:3px;inset:21%;transform:rotate(45deg)}.site .k.next{box-shadow:0 0 0 4px var(--sky-200)}.site .k.on{background:var(--blue);border-color:var(--blue);color:#fff}.site .k.on:before{border-color:#fff}.site .k span{position:relative}.site .ctrl{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.site .ctrl .seg{border:1px solid var(--line);background:#fff;border-radius:8px;display:inline-flex;overflow:hidden}.site .ctrl .seg button{color:var(--sub);background:0 0;border:0;padding:8px 12px;font-size:13px;font-weight:600}.site .ctrl .seg button[aria-pressed=true]{background:var(--sky-100);color:var(--blue-ink)}.site .prog{background:var(--line);border-radius:3px;flex:1;min-width:160px;height:6px;position:relative}.site .prog i{background:var(--blue);border-radius:3px;width:0;position:absolute;inset:0 auto 0 0}.site .ctrl .t{color:var(--sub);font-size:13px}.site .side{align-content:start;gap:14px;display:grid}.site .pbox{border:1px solid var(--line);background:#fff;border-radius:14px;gap:10px;padding:16px;display:grid}.site .pbox h2{color:var(--navy);font-size:16px}.site .score{text-align:center;grid-template-columns:repeat(3,1fr);display:grid}.site .score b{color:var(--navy);font-size:24px;display:block}.site .score small{color:var(--sub);letter-spacing:.06em;text-transform:uppercase;font-size:11.5px}.site .score .perfect b{color:var(--easy)}.site .pbox p{color:var(--sub);margin:0;font-size:13.5px}.site .keymap{color:var(--ink);background:var(--sky-50);border-radius:8px;padding:8px 10px;font-family:ui-monospace,Menlo,monospace;font-size:12.5px;line-height:1.7}.site .pbox .mascot{align-items:center;gap:10px;display:flex}.site .pbox .mascot img{width:64px}.site .pbox .hand{font-size:calc(21px * var(--hz,1));transform:rotate(-3deg)}.site .tracks{gap:6px;margin:0;padding:0;list-style:none;display:grid}.site .tracks li{justify-content:space-between;font-size:13.5px;display:flex}.site .tracks label{align-items:center;gap:8px;display:flex}@media (max-width:1000px){.site .stagewrap .wrap{grid-template-columns:1fr}}@media (max-width:640px){.site .lane{height:180px}.site .grid15{gap:6px}.site .k{border-radius:10px;font-size:13px}.site .songbar .back{display:none}}.site .lane .nt.r3{background:var(--exp)}.site .grid15.g21{grid-template-columns:repeat(7,1fr);max-width:620px}.site .lane-locked{z-index:2;text-align:center;background:#ffffffd1;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.site .lane-locked div{justify-items:center;gap:10px;display:grid}.site .lane-locked b{color:var(--navy);font-size:17px}.site .board .mmlbox{margin-top:2px}.site .art{object-fit:cover;z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.site .eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--blue);font-size:12.5px;font-weight:800;display:inline-block}@keyframes pop{0%{opacity:0;transform:translateY(8px)scale(.97)}}@keyframes float{50%{transform:translateY(-10px)rotate(-2deg)}}.site .float{animation:5s ease-in-out infinite float}.site .hero{background:var(--sky-200);align-items:center;min-height:clamp(520px,42vw,800px);display:flex}.site .hero .art{transform-origin:68% 40%;animation:38s ease-in-out infinite alternate kb}@keyframes kb{0%{transform:scale(1.05)}to{transform:scale(1.11)}}.site .hero:after{z-index:0;background:linear-gradient(90deg,#f3f8fedb 0%,#f3f8fe8c 30%,#f3f8fe00 56%),linear-gradient(#fff0 76%,#ffffff80)}.site .hero .wrap{width:100%;padding-block:64px 88px}.site .hero h1{text-shadow:0 2px 24px #ffffffb3;text-wrap:balance}.site .hero p.sub{text-shadow:0 1px 12px #fffc;max-width:34em}.site .hero .hand{z-index:1}.site .hero .notes{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.site .hero .notes i{color:#fff;opacity:0;text-shadow:0 0 14px #1f7ae08c;font-size:22px;font-style:normal;animation:13s linear infinite note;position:absolute;bottom:-40px}.site .hero .notes i:before{content:"♪"}.site .hero .notes i:nth-child(2n):before{content:"♫"}.site .hero .notes i:first-child{animation-delay:0s;left:48%}.site .hero .notes i:nth-child(2){font-size:28px;animation-delay:-2s;left:58%}.site .hero .notes i:nth-child(3){font-size:18px;animation-delay:-5s;left:66%}.site .hero .notes i:nth-child(4){font-size:26px;animation-delay:-8s;left:74%}.site .hero .notes i:nth-child(5){font-size:20px;animation-delay:-3.5s;left:82%}.site .hero .notes i:nth-child(6){font-size:30px;animation-delay:-10s;left:90%}.site .hero .notes i:nth-child(7){font-size:16px;animation-delay:-6.5s;left:38%}@keyframes note{0%{opacity:0;transform:translate(0)rotate(-12deg)}12%{opacity:.95}50%{transform:translate(26px,-340px)rotate(10deg)}88%{opacity:.6}to{opacity:0;transform:translate(-12px,-680px)rotate(-6deg)}}.site .gbanner{align-items:center;min-height:clamp(240px,21vw,400px);display:flex;overflow:hidden}.site .gbanner:after{z-index:0;background:linear-gradient(90deg,#f3f8fee6 0%,#f3f8fe99 34%,#f3f8fe00 66%)}.site .gbanner .wrap{width:100%}.site .fhead h2{font-family:var(--serif);letter-spacing:-.6px;color:var(--navy);text-wrap:balance;margin:10px 0 14px;font-size:clamp(28px,3.4vw,44px);line-height:1.14}.site .demo-ui{gap:14px;min-width:0;display:grid}.site .demo-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.site .seg{border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffffd9;border-radius:99px;padding:4px;display:inline-flex}.site .seg button{font:inherit;color:var(--sub);cursor:pointer;background:0 0;border:0;border-radius:99px;padding:8px 16px;font-size:14px;font-weight:700;transition:background .2s,color .2s}.site .seg button small{color:var(--faint);margin-left:3px;font-weight:600}.site .demo-bar .seg button[aria-pressed=true]{background:var(--navy);color:#fff}.site .demo-bar .seg button[aria-pressed=true] small{color:#9fc3ee}.site .sound{cursor:pointer}.site .sound svg{fill:currentColor;width:16px;height:16px}.site .kstage{background:radial-gradient(120% 90% at 50% 0,#2a5590 0%,#0f2547 58%,#0a1a33 100%);border-radius:24px;gap:14px;padding:16px;display:grid;position:relative;overflow:hidden;box-shadow:0 34px 70px -24px #0f25478c,inset 0 1px #ffffff1a}.site .kstage:before{content:"";pointer-events:none;opacity:.55;background-image:radial-gradient(1.4px 1.4px at 12% 18%,#fff 50%,#0000),radial-gradient(1px 1px at 32% 42%,#fff 50%,#0000),radial-gradient(1.2px 1.2px at 58% 12%,#fff 50%,#0000),radial-gradient(1px 1px at 78% 36%,#fff 50%,#0000),radial-gradient(1.6px 1.6px at 90% 8%,#cfe6ff 50%,#0000),radial-gradient(1px 1px at 44% 26%,#cfe6ff 50%,#0000);animation:4s ease-in-out infinite alternate twinkle;position:absolute;inset:0}@keyframes twinkle{to{opacity:.25}}.site .judge{font-family:var(--serif);color:#fff;white-space:nowrap;text-shadow:0 0 20px #8fd3ff;pointer-events:none;opacity:0;z-index:2;font-size:30px;font-weight:800;position:absolute;bottom:40px;left:50%}.site .judge.show{animation:.75s ease-out forwards jud}.site .judge.clear{color:#ffd166;font-size:40px}.site .judge.clear.show{animation-duration:1.4s}.site .judge.good{color:#c9e6ff}.site .kstage.fc .kk{animation:.9s cubic-bezier(.2,.8,.2,1) both kfc;animation-delay:calc(var(--j,0) * 35ms)}@keyframes kfc{35%{background:color-mix(in srgb,var(--c) 45%,var(--kbg));box-shadow:0 0 26px -2px var(--c);transform:translateY(-6px)scale(1.06)}}.site .judge.fc{color:#0000;text-shadow:none;filter:drop-shadow(0 0 8px #ffffffe6);background-image:linear-gradient(90deg,#ffb800,#3fd6a8,#5aa8ff,#ffb800);-webkit-background-clip:text;background-clip:text;font-size:44px}.site .judge.fc.show{animation-duration:1.8s}.site .judge.miss{color:#9aa9c0;text-shadow:none;font-size:21px}.site .judge em{color:#ffd166;font-size:.6em;font-style:normal}@keyframes jud{0%{opacity:0;transform:translate(-50%,10px)scale(.8)}20%{opacity:1;transform:translate(-50%)scale(1.08)}to{opacity:0;transform:translate(-50%,-16px)}}.site .demo-foot{color:var(--sub);flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-size:13.5px;display:flex}.site .demo-foot .dot{color:var(--faint)}.site .eq{align-items:flex-end;gap:2px;height:14px;display:inline-flex}.site .eq i{background:var(--blue);transform-origin:bottom;border-radius:2px;width:3px;height:100%;animation:1s ease-in-out infinite eq}.site .eq i:nth-child(2){animation-delay:-.35s}.site .eq i:nth-child(3){animation-delay:-.7s}@keyframes eq{50%{transform:scaleY(.3)}}.site .feats{padding-block:80px 48px}.site .fhead{text-align:center;max-width:760px;margin:0 auto 40px}.site .fgrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none;display:grid}.site .feat{background:linear-gradient(180deg,#fff 40%,var(--sky-50));border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;padding:26px 22px 132px;transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden}.site .feat:hover{box-shadow:var(--shadow-up);transform:translateY(-5px)}.site .feat img{width:128px;transition:transform .4s cubic-bezier(.2,.9,.3,1.2);position:absolute;bottom:-6px;right:-4px}.site .fico{background:var(--fbg);width:46px;height:46px;color:var(--fc);border-radius:14px;place-items:center;display:grid}.site .fico svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:23px;height:23px}.site .f-ai{--fbg:#eee9ff;--fc:#6b4fd8}.site .f-play{--fbg:#e3f7ef;--fc:#13946b}.site .f-copy{--fbg:#fff3dc;--fc:#b9770e}.site .f-fair{--fbg:#ffe8ee;--fc:#d43d6a}.site .feat h3{letter-spacing:-.2px;color:var(--navy);text-wrap:balance;margin:18px 0 8px;font-size:18px;font-weight:800}.site .feat p{color:var(--sub);margin:0;font-size:14.5px;line-height:1.65}.site .make{background:var(--sky-100);margin-top:56px}.site .make:after{content:"";z-index:0;background:linear-gradient(90deg,#f3f8fef5 0%,#f3f8fed1 46%,#f3f8fe26 82%);position:absolute;inset:0}.site .make .wrap{z-index:1;grid-template-columns:200px minmax(0,1fr);gap:36px;padding-block:64px}.site .make img.m{width:190px}.site .make h2{font-family:var(--serif);letter-spacing:-.4px;text-wrap:balance;margin-top:8px;font-size:clamp(26px,3vw,38px);line-height:1.18}.site .mhero{background:var(--sky-100);align-items:center;min-height:clamp(560px,44vw,820px);display:flex;position:relative;overflow:hidden}.site .mhero:after{content:"";z-index:0;background:linear-gradient(90deg,#f3f8fef0 0%,#f3f8febf 40%,#f3f8fe00 70%);position:absolute;inset:0}.site .mhero .wrap{z-index:1;width:100%;padding-block:64px;position:relative}.site .mhero h1{font-family:var(--serif);letter-spacing:-1px;color:var(--navy);text-wrap:balance;margin:0;font-size:clamp(32px,4.4vw,56px);line-height:1.1}.site .mhero .sub{color:var(--ink);margin:14px 0 0;font-size:18px}.site .mtry{max-width:620px;margin-top:22px}.site .mtry.big{max-width:660px}.site .mfield{box-shadow:var(--shadow-up);background:#fff;border:2px solid #0000;border-radius:14px;align-items:center;gap:8px;padding:6px 6px 6px 14px;transition:border-color .2s;display:flex}.site .mfield:focus-within{border-color:var(--sky-300)}.site .mfield.ok{border-color:#86dcb6}.site .mfield.bad{border-color:#f0a3a3}.site .mfield .yt{fill:#f03;flex:none;width:26px;height:26px}.site .mfield input{min-width:0;font:inherit;color:var(--ink);background:0 0;border:0;outline:0;flex:1;padding:10px 4px;font-size:16px}.site .mfield .btn{cursor:pointer}.site .mfield .btn:disabled{opacity:.45;cursor:default;box-shadow:none}.site .mhint{color:var(--sub);margin:8px 2px 0;font-size:13px}.site .mhint.bad{color:#c43c3c;font-weight:600}.site .mvideo{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-up);background:#fffffff0;border-radius:18px;grid-template-columns:208px minmax(0,1fr);align-items:center;gap:16px;margin-top:14px;padding:12px;animation:.4s cubic-bezier(.2,.9,.3,1.2) pop;display:grid}.site .mvideo .thumb{aspect-ratio:16/9;background:var(--sky-100);border-radius:12px;position:relative;overflow:hidden}.site .mvideo .thumb img{object-fit:cover;width:100%;height:100%}.site .mvideo .pl{background:#0f25479e;border-radius:50%;width:42px;height:42px;margin:auto;position:absolute;inset:0}.site .mvideo .pl:after{content:"";border-left:14px solid #fff;border-block:9px solid #0000;position:absolute;top:12px;left:16px}.site .mvideo .meta{min-width:0}.site .mvideo .meta b{-webkit-line-clamp:2;color:var(--navy);-webkit-box-orient:vertical;font-size:15.5px;line-height:1.35;display:-webkit-box;overflow:hidden}.site .mvideo .meta small{color:var(--sub);margin-top:3px;font-size:13px;display:block}.site .sk{background:linear-gradient(90deg,var(--sky-100),#fff,var(--sky-100));background-size:200% 100%;border-radius:6px;animation:1.2s linear infinite sk;color:#0000!important}@keyframes sk{to{background-position:-200% 0}}.site .msteps{counter-reset:s;flex-wrap:wrap;gap:6px;margin:10px 0 0;padding:0;list-style:none;display:flex}.site .msteps li{counter-increment:s;background:var(--sky-100);color:var(--sub);border-radius:99px;padding:4px 10px;font-size:12px;font-weight:700}.site .msteps li:before{content:counter(s) ". "}.site .msteps li.done{color:#13946b;background:#e3f7ef}.site .make-go{cursor:pointer;grid-column:1/-1;animation:2.4s ease-in-out infinite glow}.site .make-go svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}@keyframes glow{50%{box-shadow:0 8px 26px #1f7ae080}}.site .gate{background:0 0;border:0;border-radius:24px;width:min(420px,100vw - 32px);margin:auto;padding:0;overflow:visible;box-shadow:0 40px 80px -20px #0f25478c}.site .gate::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f254773}.site .gate[open]{animation:.3s cubic-bezier(.2,.9,.3,1.2) pop}.site .gate-in{text-align:center;background:linear-gradient(#eaf3fd,#fff 46%);border-radius:24px;gap:10px;padding:26px 24px 18px;display:grid;position:relative}.site .gthumb{aspect-ratio:16/9;object-fit:cover;width:100%;box-shadow:var(--shadow);border-radius:14px}.site .gm{width:92px;animation:4s ease-in-out infinite float;position:absolute;top:-36px;right:-16px}.site .gate h3{font-family:var(--serif);color:var(--navy);text-wrap:balance;margin:6px 0 0;font-size:24px;line-height:1.25}.site .gate p{color:var(--sub);margin:0;font-size:14.5px}.site .gate .gsong{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.site .gate-go{gap:8px;margin-top:8px;display:grid}.site .gate .later{font:inherit;color:var(--faint);cursor:pointer;background:0 0;border:0;padding:6px;font-size:14px}.site .lang{position:relative}.site .lang summary{cursor:pointer;color:var(--sub);white-space:nowrap;border-radius:99px;align-items:center;gap:6px;padding:6px 10px;font-size:13.5px;font-weight:600;list-style:none;display:flex}.site .lang summary::-webkit-details-marker{display:none}.site .lang summary:hover,.site .lang[open] summary{background:var(--sky-100);color:var(--navy)}.site .lang svg{fill:none;stroke:currentColor;stroke-width:1.6px;width:18px;height:18px}.site .lang ul{z-index:50;border:1px solid var(--line);min-width:168px;box-shadow:var(--shadow-up);background:#fff;border-radius:14px;margin:0;padding:6px;list-style:none;animation:.18s ease-out pop;position:absolute;top:calc(100% + 8px);right:0}.site .lang a{color:var(--ink);border-radius:9px;padding:8px 12px;font-size:14px;display:block}.site .lang a:hover{background:var(--sky-50)}.site .lang a[aria-current]{color:var(--blue);font-weight:700}.site .foot .langs{flex-wrap:wrap;gap:4px 14px;display:flex}.site .foot .langs a[aria-current]{color:var(--navy);font-weight:700}.site .inst{grid-template-columns:repeat(4,minmax(0,1fr))}.site .inst img{aspect-ratio:16/10}@media (max-width:1000px){.site .fgrid,.site .inst{grid-template-columns:repeat(2,minmax(0,1fr))}.site .inst>:nth-child(n+3){display:grid}.site .make .wrap{grid-template-columns:minmax(0,1fr);gap:12px}}@media (max-width:640px){.site .hero{align-items:flex-end;min-height:560px}.site .hero:after{background:linear-gradient(#f3f8fe1a 22%,#f3f8fed1 52%,#f3f8fef2 100%)}.site .hero .wrap{padding-block:200px 36px}.site .hero .notes i{font-size:16px}.site .gbanner:after{background:linear-gradient(90deg,#f3f8fee6,#f3f8fe8c)}.site .mhero{align-items:flex-end;min-height:0}.site .mhero:after{background:linear-gradient(#f3f8fe33 15%,#f3f8fed9 45%,#f3f8fef7 100%)}.site .mhero .wrap{padding-block:220px 40px}.site .kstage{border-radius:18px;gap:10px;padding:10px}.site .dk{border-radius:11px}.site .dk b{bottom:3px;right:5px}.site .fgrid{grid-template-columns:1fr}.site .feat{min-height:150px;padding:22px 130px 22px 20px}.site .feat img{width:112px}.site .feats{padding-block:56px 32px}.site .make img.m{display:none}.site .make .wrap{padding-block:44px}.site .mvideo{grid-template-columns:1fr}.site .lang summary span{display:none}.site .lang summary{padding:6px}.site .inst>:nth-child(n+3){display:grid}.site .logo{font-size:20px}.site .hero .art{object-position:78% 30%!important}}@media (prefers-reduced-motion:reduce){.site .hero .art,.site .hero .notes i,.site .float,.site .eq i,.site .make-go,.site .kstage:before,.site .gm{animation:none}.site .hero .notes{display:none}}@media (min-width:1800px){.site .wrap{max-width:1440px}.site .hero h1{font-size:68px}}html:lang(ko) .site :is(h1,h2,h3,p,li){word-break:keep-all;overflow-wrap:anywhere}html:lang(ko) .site{--sans:var(--font-sans),"Apple SD Gothic Neo","Malgun Gothic",sans-serif;--serif:var(--sans)}html:lang(ja) .site{--sans:var(--font-jp),var(--font-sans),"Hiragino Sans","Yu Gothic",sans-serif;--serif:var(--sans)}html:lang(zh-Hans) .site{--sans:var(--font-sc),var(--font-sans),"PingFang SC","Microsoft YaHei",sans-serif;--serif:var(--sans)}html:lang(zh-Hant) .site{--sans:var(--font-tc),var(--font-sans),"PingFang TC","Microsoft JhengHei",sans-serif;--serif:var(--sans)}html:lang(vi) .site{--sans:var(--font-vi),var(--font-sans),var(--font-jp),sans-serif;--serif:var(--sans)}.site :is(h1,h2,.ptitle){letter-spacing:-.02em;font-weight:800}html:lang(ja) .site :is(h1,h2,h3){word-break:auto-phrase}html:lang(ko) .site{--script:var(--hand-kr),cursive;--hz:1.25}html:lang(ja) .site{--script:var(--hand-jp),cursive;--hz:.85}html:lang(zh-Hans) .site{--script:var(--hand-sc),cursive}html:lang(zh-Hant) .site{--script:var(--hand-tc),cursive;--hz:.85}html:lang(vi) .site{--script:var(--hand-vi),cursive;--hz:.95}.site .kstage{--r0:#ffd166;--r1:#7ee7c7;--r2:#9cc6ff}.site .kstage>*{position:relative}.site .r0{--c:var(--r0)}.site .r1{--c:var(--r1)}.site .r2{--c:var(--r2)}.site .klanes{border-radius:12px;height:clamp(200px,24vw,300px);overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 22%);mask-image:linear-gradient(#0000,#000 22%)}.site .klanes .lines{grid-template-columns:repeat(var(--n),1fr);display:grid;position:absolute;inset:0 0 26px}.site .klanes .lines i{border-left:1px solid #ffffff0f}.site .klanes .lines i:first-child{border-left:0}.site .klanes .lines i:nth-child(5n+1){border-left-color:#ffffff29}.site .g-genshin .klanes .lines i:nth-child(5n+1){border-left-color:#ffffff0f}.site .g-genshin .klanes .lines i:nth-child(7n+1){border-left-color:#ffffff29}.site .klanes .lines i.r1{background:#ffffff06}.site .klanes .track{will-change:transform;position:absolute;inset:0 0 26px}.site .kn{width:calc(100% / var(--n) - 5px);background:var(--c);max-width:38px;height:12px;box-shadow:0 0 12px -1px var(--c);border-radius:7px;transition:opacity .2s,transform .2s;position:absolute;transform:translate(-50%,50%)}.site .kn.hit{opacity:0;transform:translate(-50%,50%)scale(1.8)}.site .kn.gone{opacity:0;transition-duration:.12s;transform:translate(-50%,50%)scale(1.5,.6)}.site .klanes .hitline{grid-template-columns:repeat(var(--n),1fr);border-top:2px solid #9ad8ff;height:26px;display:grid;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -6px 16px -8px #8fd3ff}.site .klanes .hitline b{color:var(--c);place-items:center;font-size:clamp(9px,1vw,12px);font-weight:800;display:grid}.site .kstrip{--cw:46px;height:40px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 88%,#0000)}.site .g-genshin .kstrip{--cw:58px}.site .kstrip-in{top:0;bottom:0;left:calc(3 * var(--cw) + 6px);transition:transform .25s ease-out;position:absolute}.site .kstrip .cg{position:absolute;top:2px}.site .cg{grid-template-columns:repeat(var(--cols),5px);background:#ffffff12;border-radius:7px;gap:2px;padding:5px;display:inline-grid}.site .cg i{background:#ffffff29;border-radius:50%;width:5px;height:5px}.site .cg i.on{background:var(--c);box-shadow:0 0 6px var(--c)}.site .cg.cur{background:#9ad8ff33;box-shadow:inset 0 0 0 1.5px #9ad8ff}.site .cg.past{opacity:.35}.site .kkeys{grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:clamp(6px,1vw,10px);width:100%;max-width:520px;margin:0 auto;display:grid}.site .g-genshin .kkeys{max-width:620px}.site .kk{aspect-ratio:1;cursor:pointer;touch-action:manipulation;font:inherit;color:var(--c);--kbg:#ffffff12;background:var(--kbg);border:0;border-radius:16px;transition:background .2s,box-shadow .2s;position:relative;box-shadow:inset 0 0 0 1px #ffffff24}.site .g-genshin .kk{border-radius:50%}.site .kk svg{fill:none;stroke:currentColor;stroke-width:2.2px;opacity:.6;width:72%;height:72%;transition:opacity .2s;position:absolute;inset:14%}.site .kk b{color:#fff;font-size:clamp(12px,1.6vw,18px);font-weight:800;position:relative}.site .kk em{opacity:.8;font-size:clamp(8px,.9vw,10px);font-style:normal;font-weight:700;position:absolute;bottom:12%;left:0;right:0}.site .g-genshin .kk b{position:relative;top:-6%}.site .kk:hover{background:#ffffff21}.site .kk .ring{border-radius:inherit;border:2.5px solid var(--c);opacity:0;pointer-events:none;box-shadow:0 0 14px -2px var(--c);position:absolute;inset:-1px}.site .kk.now{box-shadow:inset 0 0 0 2px var(--c),0 0 24px -4px var(--c)}.site .kk.now svg{opacity:1}.site .kk .ring.on{opacity:calc(1 - var(--a,0));transform:scale(calc(1 + var(--a,0) * .45))}.site .burst{pointer-events:none;z-index:1;width:0;height:0;color:var(--c);position:absolute;bottom:26px}.site .burst>*{mix-blend-mode:screen;position:absolute}.site .burst .beam{left:calc(-50cqw / var(--n));width:calc(100cqw / var(--n));transform-origin:bottom;background:linear-gradient(0deg,color-mix(in srgb,var(--c) 70%,#fff) 0%,color-mix(in srgb,var(--c) 35%,transparent) 30%,transparent 100%);height:160px;animation:.7s cubic-bezier(.2,.8,.2,1) forwards beam;bottom:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 30% 70%,#0000);mask-image:linear-gradient(90deg,#0000,#000 30% 70%,#0000)}.site .burst .flare{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--c) 80%,transparent) 30%,#fff 50%,color-mix(in srgb,var(--c) 80%,transparent) 70%,transparent);width:180px;height:3px;box-shadow:0 0 10px 1px color-mix(in srgb,var(--c) 70%,transparent);border-radius:3px;animation:.6s cubic-bezier(.2,.8,.2,1) forwards flare;top:-1.5px;left:-90px}.site .burst .bloom{background:radial-gradient(circle,#fff 0 6%,color-mix(in srgb,var(--c) 75%,transparent) 22%,transparent 68%);filter:blur(2px);border-radius:50%;width:52px;height:52px;animation:.6s ease-out forwards bloom;top:-26px;left:-26px}.site .burst b{left:calc(var(--s) / -2);top:calc(var(--s) / -2);width:var(--s);height:var(--s);box-shadow:0 0 6px 1px var(--c),0 0 12px 2px color-mix(in srgb,var(--c) 50%,transparent);animation:mote var(--d) cubic-bezier(.15,.7,.3,1) forwards;background:#fff;border-radius:50%}.site .burst.big .beam{height:220px}.site .burst.big .flare{width:260px;height:4px;left:-130px}.site .burst.big .bloom{width:76px;height:76px;top:-38px;left:-38px}.site .klanes{container-type:inline-size}@keyframes beam{0%{opacity:0;transform:scaleY(.15)}18%{opacity:1}to{opacity:0;transform:scaleY(1)}}@keyframes flare{0%{opacity:0;transform:scaleX(.15)}20%{opacity:1}to{opacity:0;transform:scaleX(1)}}@keyframes bloom{0%{opacity:1;transform:scale(.4)}to{opacity:0;transform:scale(1.3)}}@keyframes mote{0%{opacity:0;transform:translate(0)scale(1)}12%{opacity:1}to{transform:translate(var(--x),var(--y)) scale(.4);opacity:0}}.site .kk:before{content:"";border-radius:inherit;border:2px solid var(--c);opacity:0;pointer-events:none;position:absolute;inset:-1px}.site .kk.pop:before{animation:.5s cubic-bezier(.2,.8,.2,1) kpop}@keyframes kpop{0%{opacity:.95;box-shadow:0 0 18px var(--c);transform:scale(1)}to{opacity:0;transform:scale(1.28);box-shadow:0 0 #0000}}.site .kk.soon{box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--c) 45%,transparent)}.site .kk.on{animation:.45s ease-out kon}.site .kk.you{animation:.3s ease-out kyou}@keyframes kon{0%{background:color-mix(in srgb,var(--c) 38%,var(--kbg));transform:scale(.95)}to{background:var(--kbg);transform:none}}@keyframes kyou{0%{background:var(--kflash,#fff);transform:scale(.9)}to{background:var(--kbg);transform:none}}.site .board .kstage{margin-bottom:4px}.site .presult{z-index:6;border-radius:inherit;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:radial-gradient(80% 60% at 50% 30%,#2a55908c,#0a1a33c7);padding:12px;animation:.35s ease-out pr-in;display:grid;position:absolute;inset:0;overflow:auto}.site .pr-card{background:#fff;border-radius:22px;gap:14px;width:min(420px,100%);margin:auto;padding:20px;animation:.5s cubic-bezier(.2,1.3,.4,1) .1s both pr-up;display:grid;box-shadow:0 30px 60px -20px #0a1a3399}.site .pr-head{align-items:center;gap:16px;display:flex}.site .pr-head>div{gap:2px;min-width:0;display:grid}.site .pr-grade{font-family:var(--serif);color:#0000;filter:drop-shadow(0 4px 10px #0f254740);background-image:linear-gradient(160deg,#9aa9c0,#5d6f8a);-webkit-background-clip:text;background-clip:text;font-size:84px;font-weight:900;line-height:.9;animation:.7s cubic-bezier(.2,1.5,.4,1) .35s both pr-grade}.site .pr-grade.g-S{background-image:linear-gradient(160deg,#ffe08a,#ffb800 45%,#ff7a3d)}.site .pr-grade.g-A{background-image:linear-gradient(160deg,#8fd3ff,#2a74d6)}.site .pr-grade.g-B{background-image:linear-gradient(160deg,#7ee7c7,#12957a)}.site .pr-score{color:var(--navy);letter-spacing:-.01em;font-size:34px;font-weight:900}.site .pr-badge{letter-spacing:.06em;color:#fff;background:linear-gradient(90deg,#ffb800,#3fd6a8,#5aa8ff);border-radius:99px;justify-self:start;padding:3px 10px;font-size:12px;font-weight:800;box-shadow:0 0 14px -2px #5aa8ffcc}.site .pr-new{color:#e0457b;font-size:13px;font-weight:800;animation:1s ease-in-out infinite alternate pr-new}.site .pr-counts{text-align:center;grid-template-columns:repeat(4,1fr);gap:6px;margin:0;display:grid}.site .pr-counts>div{background:var(--sky-50);border-radius:12px;padding:8px 4px}.site .pr-counts dt{color:var(--sub);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:700}.site .pr-counts dd{color:var(--navy);margin:0;font-size:20px;font-weight:800}.site .pr-counts .perfect dd{color:#d39200}.site .pr-note{min-height:1.2em;color:var(--ink);text-align:center;font-size:13.5px;font-weight:600}.site .pr-note a{color:var(--blue);font-weight:800}.site .pr-actions{justify-content:center;gap:8px;display:flex}.site .ranks{gap:4px;margin:0;padding:0;list-style:none;display:grid}.site .ranks li{border-radius:10px;grid-template-columns:28px minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:6px 10px;font-size:13.5px;display:grid}.site .ranks li:nth-child(odd){background:var(--sky-50)}.site .ranks li.mine{background:var(--sky-100);box-shadow:inset 0 0 0 1.5px var(--blue)}.site .ranks .rk{width:24px;height:24px;color:var(--sub);border-radius:50%;place-items:center;font-size:12px;font-weight:800;display:grid}.site .ranks li:first-child .rk{color:#6b4a00;background:#ffd76a}.site .ranks li:nth-child(2) .rk{color:#44546b;background:#dfe6ef}.site .ranks li:nth-child(3) .rk{color:#6b3a12;background:#f2c49b}.site .ranks .nm{text-overflow:ellipsis;white-space:nowrap;color:var(--navy);font-weight:600;overflow:hidden}.site .ranks .fc{color:#fff;background:linear-gradient(90deg,#ffb800,#3fd6a8,#5aa8ff);border-radius:99px;padding:1px 6px;font-size:10px;font-weight:900}.site .ranks .sc{color:var(--navy);font-weight:800}.site .pr-empty{color:var(--sub);text-align:center;font-size:13px}@keyframes pr-in{0%{opacity:0}}@keyframes pr-up{0%{opacity:0;transform:translateY(24px)scale(.96)}}@keyframes pr-grade{0%{opacity:0;transform:scale(2.2)rotate(-12deg)}}@keyframes pr-new{to{opacity:.55}}@media (prefers-reduced-motion:reduce){.site .presult,.site .pr-card,.site .pr-grade,.site .pr-new{animation:none}}@media (max-width:640px){.site .presult{padding:8px}.site .pr-card{border-radius:18px;gap:8px;padding:14px}.site .pr-grade{font-size:56px}.site .pr-score{font-size:26px}.site .pr-counts>div{padding:5px 2px}.site .pr-counts dt{letter-spacing:.02em;font-size:9.5px}.site .pr-counts dd{font-size:17px}.site .pr-card .ranks li{padding:3px 8px;font-size:12.5px}.site .pr-card .ranks li:nth-child(n+4):not(.mine){display:none}}.site .kstage.skin-air{--r0:#d39200;--r1:#12957a;--r2:#2a74d6;box-shadow:none;background:0 0;border-radius:0;padding:0;overflow:visible}.site .kstage.skin-air:before{display:none}.site .skin-air .klanes .lines i{border-left-color:#fff6}.site .skin-air .klanes .lines i:nth-child(5n+1),.site .skin-air.g-genshin .klanes .lines i:nth-child(7n+1){border-left-color:#ffffffd9}.site .skin-air.g-genshin .klanes .lines i:nth-child(5n+1){border-left-color:#fff6}.site .skin-air .klanes .lines i.r1{background:#ffffff1a}.site .skin-air .kn{background:linear-gradient(#fff,color-mix(in srgb,var(--c) 25%,#fff));box-shadow:0 0 0 1.5px color-mix(in srgb,var(--c) 65%,#fff),0 0 14px 1px color-mix(in srgb,var(--c) 65%,transparent)}.site .skin-air .klanes .hitline{border-top-color:#fff;box-shadow:0 -6px 18px -6px #fff,0 2px 10px -4px #2a74d680}.site .skin-air .klanes .hitline b{text-shadow:0 0 6px #fff,0 0 2px #fff}.site .skin-air .cg{background:#ffffff73}.site .skin-air .cg i{background:#0f254724}.site .skin-air .cg.cur{box-shadow:inset 0 0 0 1.5px var(--blue);background:#ffffffd9}.site .skin-air .kk{--kbg:#fff6;--kflash:color-mix(in srgb,var(--c) 60%,#fff);-webkit-backdrop-filter:blur(10px)saturate(1.3);backdrop-filter:blur(10px)saturate(1.3);transition:background .2s,box-shadow .2s,transform 80ms;box-shadow:inset 0 0 0 1px #ffffffd9,0 10px 22px -14px #0f254780}.site .skin-air .kk:hover{background:#fff9}.site .skin-air .kk b{color:var(--navy)}.site .skin-air .kk svg{opacity:.8;stroke-width:2.4px}.site .skin-air .kk.now{box-shadow:inset 0 0 0 2px var(--c),0 0 22px -2px color-mix(in srgb,var(--c) 70%,#fff);background:#ffffffb3}.site .skin-air .kk.pressed{background:color-mix(in srgb,var(--c) 25%,#ffffffbf);box-shadow:inset 0 0 0 2.5px var(--c),0 0 24px -2px var(--c);transform:scale(.94)}.site .skin-air .kk.you:after{content:"";pointer-events:none;background:radial-gradient(circle,#fff 0 10%,color-mix(in srgb,var(--c) 55%,transparent) 30%,transparent 66%);border-radius:50%;animation:.55s ease-out forwards kyou-glow;position:absolute;inset:-30%}@keyframes kyou-glow{0%{opacity:1;transform:scale(.4)}to{opacity:0;transform:scale(1.5)}}.site .skin-air .burst>*{mix-blend-mode:normal}.site .skin-air .judge{color:var(--blue-ink);text-shadow:0 0 14px #fff,0 0 3px #fff}.site .skin-theme.g-sky{--skin-art:url(/skins/sky.webp);--skin-pos:center 64%;--skin-scrim:linear-gradient(180deg,#2816482e,#22143eb3 52%,#180e2ee6)}.site .skin-theme.g-genshin{--skin-art:url(/skins/genshin.webp);--skin-pos:center 38%;--skin-scrim:linear-gradient(180deg,#0c282e4d,#0a2026c7 52%,#08181ceb)}.site .skin-theme.g-mabinogi{--skin-art:url(/skins/mabinogi.webp);--skin-pos:center 48%;--skin-scrim:linear-gradient(180deg,#1e100659,#1e100699)}.site .skin-theme.g-musicbox{--skin-art:url(/skins/musicbox.webp);--skin-pos:right 70%;--skin-scrim:linear-gradient(180deg,#2e1d124d,#2e1d128c)}.site .kstage.skin-theme{background:var(--skin-scrim),var(--skin-art) var(--skin-pos)/cover #1a1430}.site .kstage.skin-theme:before{opacity:.3}.site .kstage.skin-theme.g-sky{--r0:#ffdf9a;--r1:#ffb8a0;--r2:#c9b8ff}.site .kstage.skin-theme.g-genshin{--r0:#f4d27a;--r1:#8fe3cf;--r2:#b9d8ff}.site .kstage.g-genshin .kkeys{row-gap:26px;padding-bottom:22px}.site .composer.g-genshin .kk,.site .kstage.g-genshin .kk{--kbg:radial-gradient(circle at 50% 34%,#fffef8,#f6efd9 62%,#e9ddb8);color:#6f5f36;box-shadow:inset 0 0 0 2px #fffffff2,inset 0 0 0 3.5px,inset 0 0 0 6px #ffffffb3,0 3px #d8c690,0 7px 14px #00000040}.site .composer.g-genshin .kk:hover,.site .kstage.g-genshin .kk:hover{--kbg:radial-gradient(circle at 50% 34%,#fff,#fbf5e2 62%,#efe4c2)}.site .composer.g-genshin .kk em,.site .kstage.g-genshin .kk em{opacity:1;color:#5a4a22;font-family:Georgia,Times New Roman,serif;font-size:clamp(13px,1.7vw,20px);font-style:italic;font-weight:600;inset:50% 0 auto;transform:translateY(-55%)}.site .composer.g-genshin .kk b,.site .kstage.g-genshin .kk b{color:#f4e6c4;text-shadow:0 1px 2px #0009;font-size:12px;font-weight:700;position:absolute;top:auto;bottom:-20px;left:50%;transform:translate(-50%)}.site .composer.g-genshin .kk svg,.site .kstage.g-genshin .kk svg{opacity:0}.site .kstage.skin-air.g-genshin .kk b{color:var(--navy);text-shadow:none}.site .composer.g-genshin .kk.now,.site .kstage.g-genshin .kk.now{box-shadow:inset 0 0 0 2px #fff,inset 0 0 0 4px #e0b24a,0 0 22px 2px #ffd678cc,0 3px #d8c690}.site .edshell{gap:12px;min-width:0;display:grid}.site .edshell>*{min-width:0}.site .edart{background:var(--skin-scrim),var(--skin-art) var(--skin-pos)/cover #2e1d12;border-radius:20px;height:88px}.site .edshell.skin-theme .composer{background:var(--skin-scrim),var(--skin-art) var(--skin-pos)/cover #1a1430}.site .edshell.skin-theme .composer .canvas{background:#0a1224b8}.site .composer.g-genshin .kkeys{row-gap:26px;padding-bottom:22px}.site .board.skin-theme:not(.keyed)>.stagebox>div:first-child{background:var(--skin-scrim),var(--skin-art) var(--skin-pos)/cover #2e1d12;border-radius:20px;padding:14px;box-shadow:0 24px 50px -24px #1e12088c}.site .sheetgrid{border:1px solid var(--line);background:linear-gradient(180deg,var(--sky-50),#fff);border-radius:12px;flex-wrap:wrap;gap:8px;padding:16px;display:flex}.site .sheetgrid .r0{--c:#e0a100}.site .sheetgrid .r1{--c:#1aa37a}.site .sheetgrid .r2{--c:var(--blue)}.site .sheetgrid .cg{box-shadow:inset 0 0 0 1px var(--line);grid-template-columns:repeat(var(--cols),7px);background:#fff;gap:3px;padding:7px}.site .sheetgrid .cg i{background:var(--sky-100);width:7px;height:7px}.site .sheetgrid .cg i.on{background:var(--c);box-shadow:none}.site .sheetgrid .more{color:var(--sub);align-self:center;padding-inline:6px;font-size:13px}.site .rank.ghost li>span{border-bottom:1px solid var(--line);grid-template-columns:30px 40px minmax(0,1fr);align-items:center;gap:10px;padding:7px 0;display:grid}.site .rank.ghost i{background:var(--sky-50);border-radius:6px;width:40px;height:40px}.site .rank.ghost b{background:var(--sky-50);border-radius:5px;width:60%;height:10px}.site .cards-empty{position:relative}.site .cards.ghost .card{box-shadow:none;gap:8px;padding-bottom:14px;display:grid}.site .cards.ghost .card i{aspect-ratio:16/10;background:var(--sky-50)}.site .cards.ghost .card b{background:var(--sky-50);border-radius:5px;height:10px;margin-inline:12px}.site .cards.ghost .card b:last-child{width:45%}.site .cards-empty .empty{width:min(440px,92%);height:fit-content;box-shadow:var(--shadow);background:#fffffff0;border-style:solid;margin:auto;padding:24px 16px 28px;position:absolute;inset:0}.site .cards-empty .empty img{width:110px}.site .herobox{max-width:620px}.site .htabs{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff8c;border-radius:12px;gap:4px;margin-bottom:10px;padding:4px;display:inline-flex;box-shadow:inset 0 1px #fff9}.site .htabs button{font:inherit;color:var(--navy);cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:7px;padding:8px 16px;font-size:14.5px;font-weight:700;transition:background .2s,color .2s,box-shadow .2s;display:inline-flex}.site .htabs svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:17px;height:17px}.site .htabs button:last-child svg{fill:currentColor;stroke:none;color:#f5a524}.site .htabs button[aria-selected=true]{color:var(--blue);box-shadow:var(--shadow);background:#fff}.site .htabs button:hover:not([aria-selected=true]){background:#fff9}.site .herobox .search{max-width:none}.site .herobox .mtry{max-width:none;margin-top:0}.site .empty .mtry{text-align:left;width:min(600px,100%);margin-top:8px}.site .empty .mhint{max-width:none}.site .jk.c.wide{aspect-ratio:16/9;width:min(520px,100%)}.site .jk.c.wide img{object-position:center}.site .ver .peek{color:var(--sub);white-space:nowrap;text-overflow:ellipsis;margin-top:8px;font-family:ui-monospace,Menlo,monospace;font-size:12px;display:block;overflow:hidden}.site .ver .peek.grids{color:var(--sub);align-items:center;gap:6px;font-family:inherit;display:flex}.site .ver .peek .r0{--c:#e0a100}.site .ver .peek .r1{--c:#1aa37a}.site .ver .peek .r2{--c:var(--blue)}.site .ver .peek .cg{box-shadow:inset 0 0 0 1px var(--line);background:#fff;flex:none;padding:5px}.site .ver .peek .cg i{background:var(--sky-100)}.site .ver .peek .cg i.on{background:var(--c);box-shadow:none}.site .ver .price.gift,.site .unlock .bal b.free{color:#0f8a5f;background:#e6f7ef;border-radius:99px;padding:3px 10px;font-size:13px;font-weight:800}@media (max-width:640px){.site .jk.c.wide{width:300px}}.site .mstrip{border:1px solid var(--line);background:#fffdf7;border-radius:12px;display:flex;overflow:hidden}.site .mnames{border-right:1px solid var(--line);background:#fff;flex:none;width:34px;position:relative}.site .mnames span{color:var(--sub);font-family:ui-monospace,Menlo,monospace;font-size:9px;line-height:12px;position:absolute;right:4px}.site .mscroll{flex:1;min-width:0;overflow-x:auto}.site .mstrip svg{display:block}.site .mstrip line{stroke:#ece6d6;stroke-width:1px}.site .mstrip line.c{stroke:#d9cfb6}.site .mstrip line.bar{stroke:#c9bfa6;stroke-dasharray:3 3}.site .mstrip circle{fill:var(--sky-300)}.site .mstrip circle.m{fill:var(--navy)}.site .mstrip .lock rect{fill:#ffffffbf}.site .mstrip .lock text{fill:var(--sub);font-size:13px;font-weight:700}.site .mstrip line.head{stroke:var(--blue);stroke-width:2px}.site .board{grid-template-columns:minmax(0,1fr)}.site .board .mstrip{margin-bottom:4px}.site .board .sheetgrid{max-height:260px;margin-top:14px;overflow:auto}.site .board .sheetgrid .cg.cur{box-shadow:inset 0 0 0 2px var(--blue);background:var(--sky-50)}.site .board .sheetgrid .cg.past{opacity:.45}.site .cg.ghost{filter:blur(.6px);pointer-events:none}.site .ghost-text{background:linear-gradient(90deg,var(--ink),transparent 70%);color:#0000;filter:blur(.7px);-webkit-user-select:none;user-select:none;-webkit-background-clip:text;background-clip:text}.site .mstrip .ghost{filter:blur(.5px)}.site .lockfade{background:linear-gradient(#0000,#fff 80%)}.site .editwrap{background:var(--bg-soft)}.site .editwrap .wrap{gap:12px;padding-block:20px 40px;display:grid}.site .editwrap .songbar{margin:0}.site .editwrap .songbar .gi{background:var(--sky-100);width:56px;height:56px;color:var(--blue);border-radius:10px;place-items:center;display:grid}.site .editwrap .songbar .gi svg{width:30px;height:30px}.site .ednote{color:#7a5600;background:#fff7e0;border-radius:10px;margin:0;padding:10px 14px;font-size:14px}.site .ednote a{color:var(--blue);margin-left:6px;font-weight:700}.site .edload{text-align:center;color:var(--sub);padding:80px}.site .ctool{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.site .ctool .sp,.site .chelp .sp{flex:1}.site .ctool .cname{min-width:140px;font:inherit;border:1.5px solid var(--line);color:var(--ink);background:#fff;border-radius:10px;flex:0 260px;padding:8px 12px;font-weight:700}.site .ctool label{color:var(--sub);align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.site .ctool label input,.site .ctool label select{font:inherit;border:1.5px solid var(--line);width:76px;color:var(--ink);background:#fff;border-radius:8px;padding:7px 8px}.site .ctool label select{width:auto}.site .ctool .btn{padding:8px 14px;font-size:14px}.site .chelp{color:var(--sub);flex-wrap:wrap;align-items:center;gap:12px;font-size:12.5px;display:flex}.site .linkish{color:var(--blue);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}.site .composer{--r0:#ffd166;--r1:#7ee7c7;--r2:#9cc6ff;color:#e8eef8;background:radial-gradient(120% 90% at 50% 0,#2a5590 0%,#0f2547 58%,#0a1a33 100%);border-radius:20px;gap:12px;padding:16px;display:grid}.site .composer .r0{--c:var(--r0)}.site .composer .r1{--c:var(--r1)}.site .composer .r2{--c:var(--r2)}.site .composer .ctool label{color:#b9c6da}.site .composer .chelp{color:#9fb0c8}.site .composer .linkish{color:#9cc6ff}.site .cmain{grid-template-columns:56px auto minmax(0,1fr) 56px;gap:10px;display:grid}.site .cnames{grid-template-rows:repeat(var(--n),minmax(0,1fr));color:#9fb0c8;height:clamp(260px,34vw,380px);font-size:10px;line-height:1;display:grid}.site .cnames span{white-space:nowrap;justify-content:flex-end;align-items:center;gap:4px;display:flex}.site .cnames b{color:var(--c);font-family:ui-monospace,Menlo,monospace}.site .ccol.inr{background:#ffd16629}.site .ccol.inr.sel{background:#ffd16647}.site .composer.playing .ccol.sel i{filter:brightness(1.35);box-shadow:0 0 14px 0 var(--c)}.site .crange{color:#ffe3a1;background:#ffd1661a;border:1px solid #ffd16659;border-radius:12px;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 10px;font-size:13px;display:flex}.site .crange .num{margin-right:4px;font-weight:700}.site .crange .cbtn{align-items:center;gap:4px;height:40px;padding:0 12px;font-size:13px;display:inline-flex}.site .crange .cbtn[aria-pressed=true]{box-shadow:inset 0 0 0 2px #ffd166}.site .crange .cbtn:disabled{opacity:.4;cursor:default}.site .crange .x{min-width:44px;margin-left:auto;font-size:18px}.site .cside{align-content:start;gap:8px;display:grid}.site .cbtn{color:#fff;height:44px;font:inherit;cursor:pointer;background:#ffffff1a;border:0;border-radius:10px;font-size:18px;font-weight:800}.site .cbtn.sm{font-size:13px}.site .cbtn.play{background:var(--blue)}.site .cbtn:hover{background:#ffffff2e}.site .cbtn.play:hover{background:var(--blue-ink)}.site .tempos .cbtn{font-size:14px}.site .tempos .cbtn[aria-pressed=true]{box-shadow:inset 0 0 0 2px #fff}.site .cbtn.t1,.site .tc.t1{--tc:#7ee7c7}.site .cbtn.t2,.site .tc.t2{--tc:#ffd166}.site .cbtn.t3,.site .tc.t3{--tc:#ff8fa3}.site .tempos .cbtn.t1,.site .tempos .cbtn.t2,.site .tempos .cbtn.t3{color:var(--tc)}.site .canvas{-webkit-user-select:none;user-select:none;cursor:pointer;touch-action:pan-y;background:#16294a;border-radius:12px;grid-template-columns:repeat(31,minmax(0,1fr));height:clamp(260px,34vw,380px);display:grid;position:relative;overflow:hidden}.site .ccol{border-right:1px solid #ffffff0d;position:relative}.site .ccol.odd{background:#ffffff09}.site .ccol.page{border-left:1px solid #ffffff38}.site .ccol.sel{background:#9cc6ff38;box-shadow:inset 0 0 0 1px #9cc6ff99}.site .ccol.none{cursor:default;background:#0d1c36}.site .ccol i{height:calc(100% / var(--n) - 3px);background:var(--c);box-shadow:0 0 8px -2px var(--c);border-radius:4px;margin-top:1.5px;position:absolute;left:12%;right:12%}.site .ccol i.new{box-shadow:0 0 0 2px #fff,0 0 10px -2px var(--c)}.site .ccol i.gone{box-shadow:none;background:0 0;border:1.5px dashed #ffffff8c}.site .ccol .tc{background:var(--tc);height:5px;position:absolute;bottom:0;left:0;right:0}.site .rowlines{pointer-events:none;position:absolute;inset:0}.site .rowlines hr{border:0;border-top:1px dashed #ffffff2e;margin:0;position:absolute;left:0;right:0}.site .ctime{color:#b9c6da;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;font-size:13px;display:grid}.site .ctime input{width:100%;accent-color:var(--blue)}.site .composer .kkeys{max-width:520px}.site .composer.g-genshin .kkeys{max-width:620px}.site .composer .kk[aria-pressed=true]{background:color-mix(in srgb,var(--c) 30%,transparent)}.site .composer .kk[aria-pressed=true] svg{opacity:1}.site .composer.g-genshin .kk[aria-pressed=true]{background:var(--kbg);box-shadow:inset 0 0 0 2px #fff,inset 0 0 0 5px var(--c),0 0 18px 2px color-mix(in srgb,var(--c) 70%,transparent),0 3px 0 #d8c690}.site .edtp{flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:13px;display:flex}.site .edplay{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;transition:transform .12s,background .18s;display:grid}.site .edplay:hover{background:var(--blue-ink)}.site .edplay:active{transform:scale(.94)}.site .edplay:disabled{opacity:.4;cursor:default}.site .edtime{min-width:84px;font-weight:700}.site .edlab{color:var(--edsub,var(--sub));align-items:center;gap:6px;font-weight:600;display:flex}.site .edseg{border:1.5px solid var(--edline,var(--line));border-radius:10px;display:inline-flex;overflow:hidden}.site .edseg button{min-width:44px;height:40px;color:var(--edink,var(--ink));font:inherit;cursor:pointer;background:0 0;border:0;font-weight:700}.site .edseg button[aria-pressed=true]{background:var(--blue);color:#fff}.site .edtog{border:1.5px solid var(--edline,var(--line));height:40px;color:var(--edink,var(--ink));font:inherit;cursor:pointer;background:0 0;border-radius:10px;padding:0 14px;font-weight:700}.site .edtog[aria-pressed=true]{border-color:var(--blue);color:var(--edon,var(--blue));background:color-mix(in srgb,var(--blue) 12%,transparent)}.site .edlab select{font:inherit;border:1.5px solid var(--edline,var(--line));background:var(--edfield,#fff);height:40px;color:var(--edink,var(--ink));border-radius:10px;padding:0 8px}.site .edmsg{color:var(--edwarn,#8a4b00);font-weight:600}.site .edorig{background:#000;border-radius:10px;flex:none;line-height:0;overflow:hidden}.site .edorig iframe{border:0;width:240px;height:135px;display:block}.site .edseg button:disabled{opacity:.4;cursor:default}.site dialog.eddrawer{border-radius:22px 0 0 22px;width:min(420px,100vw);height:100dvh;max-height:100dvh;margin:0 0 0 auto}.site dialog.eddrawer[open]{animation:.22s cubic-bezier(.2,.8,.2,1) edx-in}@keyframes edx-in{0%{opacity:0;transform:translate(24px)}}.site .eddrawer .edx-sub{color:var(--sub);margin:4px 0 0;font-size:13.5px}.site .edx{gap:8px;display:grid}.site .edx h3{letter-spacing:.04em;color:var(--sub);margin:6px 0 0;font-size:13px}.site .edxfile{border:1.5px solid var(--line);min-height:56px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:#fff;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;transition:border-color .18s,background .18s;display:flex}.site .edxfile:hover{border-color:var(--blue)}.site .edxfile>span:first-child{gap:2px;min-width:0;display:grid}.site .edxfile b{font-size:15px}.site .edxfile small{color:var(--sub);font-size:12.5px}.site .edxfile .ext{text-transform:uppercase;color:var(--sub);flex:none;font-size:12px;font-weight:700}.site .edxfile .ok{color:#0f7a4f;flex:none;align-items:center;gap:4px;font-size:13px;font-weight:700;display:flex}.site .edxfile[aria-pressed=true]{background:#f1faf5;border-color:#bfe5cf}.site .edxtracks{gap:8px;display:grid}.site .edxtracks>p{color:var(--ink);margin:0;font-size:13.5px}.site .edxnext{color:var(--sub);flex-wrap:wrap;align-items:center;gap:12px;font-size:13px;display:flex}.site .edxnext .btn{min-height:44px}@media (max-width:640px){.site dialog.eddrawer{border-radius:22px 22px 0 0;width:100vw;max-width:100vw;height:auto;max-height:85dvh;margin:auto 0 0}@keyframes edx-in{0%{opacity:0;transform:translateY(24px)}}}@media (prefers-reduced-motion:reduce){.site dialog.eddrawer[open]{animation:none}}.site .composer{--edsub:#b9c6da;--edline:#ffffff3d;--edon:#cfe2ff;--edfield:#16294a;--edink:#e8eef8;--edwarn:#ffd166}.site .mmled,.site .striped{gap:12px;display:grid}.site .parts{flex-wrap:wrap;gap:4px;display:flex}.site .parts button{border:1.5px solid var(--line);font:inherit;color:var(--sub);cursor:pointer;background:#fff;border-radius:99px;padding:6px 12px;font-size:13px;font-weight:600}.site .parts button[aria-selected=true]{border-color:var(--blue);color:var(--blue)}.site .proll{border:1px solid var(--line);background:#fff;border-radius:12px;max-height:340px;overflow:auto}.site .proll svg{display:block}.site .proll rect{fill:#fff}.site .proll rect.blk{fill:#f1f5fa}.site .proll rect.c{fill:#fff;stroke:#dfe7f1;stroke-width:.5px}.site .proll .sec{stroke:#e3eaf2}.site .proll rect.n{fill:var(--tk);opacity:.45}.site .proll rect.n.on{opacity:1}.site .proll rect.n{cursor:pointer}.site .proll rect.n.picked{stroke:#d43a3a;stroke-width:2px;opacity:1}.site .proll rect.n.new{stroke:#0f2547;stroke-width:1.5px;opacity:1}.site .proll rect.n.gone{fill:none;stroke:#8a96a8;stroke-width:1px;stroke-dasharray:2 1.5;opacity:1}.site .t0{--tk:#1f7ae0}.site .t1{--tk:#16a37a}.site .t2{--tk:#e0a100}.site .t3{--tk:#d4537a}.site .t4{--tk:#8a5cf6}.site .mmled .mmltabs button[aria-selected=true]{color:var(--tk);border-bottom-color:var(--tk)}.site .mmled textarea.mml{resize:vertical;background:#fff;border:0;outline:none;width:100%;height:200px;display:block}.site .cnt.over,.site .mmlfoot .over{color:#d43a3a;font-weight:700}.site .head{stroke:#d43a3a;stroke-width:1.5px}.site .strip{background:#fffdf6;border:1px solid #eadfc4;border-radius:12px;overflow:hidden}.site .strip svg{cursor:crosshair;display:block}.site .strip rect{fill:#fffdf6}.site .strip rect.alt{fill:#faf5e8}.site .strip rect.c{fill:#f3ead2}.site .strip .nm{fill:#8a7a55;text-anchor:end;font-family:ui-monospace,Menlo,monospace;font-size:9.5px}.site .strip line.sub{stroke:#f1e8d2}.site .strip line.beat{stroke:#e2d5b4}.site .strip line.bar{stroke:#b9a679;stroke-width:1.5px}.site .strip .hole{fill:#3a2f1c}.site .edhub{background:var(--bg-soft)}.site .edhub .wrap{padding-block:56px 48px}.site .edhub h1{color:var(--navy);text-wrap:balance;margin:8px 0 0;font-size:clamp(30px,4vw,48px);line-height:1.1}.site .edhub .sub{color:var(--ink);max-width:640px;margin:12px 0 0;font-size:17px}.site .edcards{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:28px;display:grid}.site .edcard{border:1.5px solid var(--line);color:inherit;background:#fff;border-radius:16px;align-content:start;gap:8px;padding:18px;display:grid}.site .edcard:hover{border-color:var(--blue)}.site .edcard .gi{background:var(--sky-100);width:48px;height:48px;color:var(--blue);border-radius:12px;place-items:center;display:grid}.site .edcard .gi svg{width:28px;height:28px}.site .edcard b{color:var(--navy);font-size:18px}.site .edcard small{color:var(--sub);min-height:2.8em;font-size:13.5px}.site .edcard .btn{justify-self:start;padding:8px 14px;font-size:14px}.site .mhero.helper{min-height:clamp(420px,34vw,600px)}.site .mhero.helper h2{color:var(--navy);text-wrap:balance;margin:6px 0 0;font-size:clamp(26px,3.2vw,40px);line-height:1.15}@media (max-width:900px){.site .edcards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.site .cmain{grid-template-columns:44px auto minmax(0,1fr) 44px;gap:6px}.site .cnames span{font-size:0}.site .cnames b{font-size:10px}.site .canvas{grid-template-columns:repeat(31,minmax(0,1fr))}.site .edcards{grid-template-columns:1fr}}.site .ver{position:relative}.site .ver .pick{color:inherit}.site .ver .pick:after{content:"";border-radius:inherit;position:absolute;inset:0}.site .ver .go{z-index:1;gap:6px;display:flex;position:relative}.site .ver .go .btn{padding:7px 12px;font-size:13.5px}.site .ver .go .btn svg{width:14px;height:14px}.site .sheetacts{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.site .aibar{color:var(--ink);background:linear-gradient(90deg,#eef5ff,#f6f0ff);border:1px solid #e1e8fb;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;font-size:14px;display:flex}.site .aibar .btn{padding:7px 14px;font-size:14px}.site .aibar .sp{flex:1}.site .aibar label{color:var(--sub);align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.site .aibar select{font:inherit;border:1.5px solid var(--line);height:36px;color:var(--ink);background:#fff;border-radius:8px;padding:0 8px}.site .btn{transition:background .18s,box-shadow .18s,transform .12s,border-color .18s,color .18s}.site .btn:active:not(:disabled){transform:translateY(1px)scale(.98)}.site .btn-line:hover{border-color:var(--blue);background:var(--sky-50)}.site .btn:focus-visible,.site .cbtn:focus-visible,.site .kk:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.site .prog{background:#e2eaf4;border-radius:99px;height:8px;margin-inline:7px;overflow:visible}.site .prog i{background:linear-gradient(90deg,var(--sky-300),var(--blue));z-index:1;border-radius:99px}.site .prog i:after{content:"";width:14px;height:14px;box-shadow:0 0 0 3px var(--blue),0 2px 6px #0f254740;background:#fff;border-radius:50%;margin-top:-7px;position:absolute;top:50%;right:-7px}.site .prog .locked{background:repeating-linear-gradient(135deg,#d6e0ec 0 6px,#e9eff6 6px 12px);border-radius:0 99px 99px 0;position:absolute;top:0;bottom:0;right:0}.site .ctrl .t{color:var(--ink);font-variant-numeric:tabular-nums;text-align:right;min-width:92px;font-size:14px;font-weight:600}.site .ctrl .seg button{font-size:14px;transition:background .18s,color .18s}.site .score small{font-size:12px}.site .score b{transition:transform .15s}.site .mnames{width:42px}.site .mnames span{font-size:10.5px;line-height:13px;right:5px}.site .klanes .hitline b{font-size:clamp(11px,1.15vw,14px)}.site .lane{background:linear-gradient(180deg,#fff,var(--sky-50)),repeating-linear-gradient(90deg,transparent 0 calc(20% - 1px),var(--line) calc(20% - 1px) 20%)}.site .lane .nt{transition:opacity .2s}.site .mml{font-size:13.5px}.site .mmltabs button{font-size:14px;transition:color .18s,border-color .18s}.site .ver{transition:border-color .18s,box-shadow .18s,transform .18s}.site .ver:hover{border-color:var(--sky-300);box-shadow:0 6px 18px -8px #0f254740}.site .edcard{transition:border-color .18s,box-shadow .18s,transform .18s}.site .edcard:hover{transform:translateY(-3px);box-shadow:0 12px 26px -12px #0f25474d}.site .ctime input[type=range]{appearance:none;cursor:pointer;background:linear-gradient(90deg,var(--sky-300),var(--blue)) 0 0/var(--p,0%) 100% no-repeat,#ffffff24;border-radius:99px;height:8px}.site .ctime input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;box-shadow:0 0 0 3px var(--blue);background:#fff;border-radius:50%}.site .ctime input[type=range]::-moz-range-thumb{width:16px;height:16px;box-shadow:0 0 0 3px var(--blue);background:#fff;border:0;border-radius:50%}.site .ctime{font-variant-numeric:tabular-nums}.site .ccol{transition:background .12s}.site .ctool .cname:focus,.site .ctool label input:focus,.site .ctool label select:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--sky-100);outline:none}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}.site .board,.site .side>*,.site .panel,.site .composer,.site .mmled,.site .striped,.site .edcards>*,.site .vers>*{animation:.45s cubic-bezier(.2,.8,.2,1) both rise}.site .side>:nth-child(2),.site .edcards>:nth-child(2),.site .vers>:nth-child(2){animation-delay:50ms}.site .side>:nth-child(3),.site .edcards>:nth-child(3),.site .vers>:nth-child(3){animation-delay:.1s}.site .edcards>:nth-child(4),.site .vers>:nth-child(4){animation-delay:.15s}@media (prefers-reduced-motion:reduce){.site .board,.site .side>*,.site .panel,.site .composer,.site .mmled,.site .striped,.site .edcards>*,.site .vers>*{animation:none}.site .btn,.site .ver,.site .edcard{transition:none}.site .edcard:hover{transform:none}}.site .cg.rest{opacity:.5}.site .cg.rest.cur{opacity:1}.site .board .sheetgrid{scroll-behavior:smooth;position:relative}.site .board .sheetgrid .cg{transition:opacity .2s,box-shadow .2s,background .2s}.site .strip{display:flex}.site .strip .names{background:#fffaf0;border-right:1px solid #eadfc4;flex:none}.site .strip .sgrid{flex:1;min-width:0;overflow-x:auto}@media (max-width:640px){.site .songbar{flex-wrap:wrap}.site .songbar .btn{padding:8px 12px;font-size:13px}.site .songbar .back{display:inline-flex}}.site .sheetgrid.barred{gap:10px}.site .mbar{border:1px solid var(--line);background:#fff9;border-radius:10px;gap:2px;padding:16px 6px 6px;display:inline-flex;position:relative}.site .mbar .bn{color:var(--sub);font-size:10px;font-weight:700;position:absolute;top:2px;left:9px}.site .mbar .cg.bs{margin-left:5px}@media (max-width:640px){.site .sheetgrid.barred{gap:8px;padding:10px}.site .mbar{gap:2px;padding:15px 5px 5px}.site .mbar .cg.bs{margin-left:4px}}.site .stagewrap .wrap.keyed{grid-template-columns:minmax(0,1fr);max-width:1440px}.site .wrap.keyed .side{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.site .board .sheetgrid.barred{max-height:420px;container-type:inline-size}.site .sheetgrid.barred .mbar{flex:100%;min-width:0}@container (min-width:620px){.site .sheetgrid.barred .mbar{flex-basis:calc(50% - 5px)}}.site .sheetgrid.barred .mbar .cg{grid-template-columns:repeat(var(--cols),minmax(0,1fr));flex:1 1 0;gap:2px;min-width:0;padding:4px}@media (max-width:640px){.site .sheetgrid.barred .mbar .cg{gap:1.5px;padding:3px}.site .board .sheetgrid.barred{padding:8px}.site .mbar{padding:15px 4px 4px}}.site .sheetgrid.barred .mbar .cg i{aspect-ratio:1;width:auto;height:auto}@media (min-width:1001px){.site .board.keyed{grid-template-columns:minmax(340px,420px) minmax(0,1fr);align-items:start}.site .board.keyed>*{grid-column:1}.site .board.keyed>.sheetgrid{grid-area:1/2;margin-top:0}.site .board.keyed .stagebox{position:sticky;top:81px}.site .board.keyed .klanes{height:clamp(160px,32vh - 50px,300px)}}.site .kstage.folded .klanes{display:none}.site .ctrl .pz{box-sizing:border-box;border-inline:3.5px solid;width:10px;height:12px;display:inline-block}.site .ctrl .sq{background:currentColor;border-radius:2px;width:10px;height:10px;display:inline-block}.site .ctrl .fold[aria-pressed=true]{background:var(--sky-50);border-color:var(--blue)}.site .board.keyed{scroll-margin-top:66px}@media (max-width:640px){.site .board.keyed .ctrl{gap:8px}.site .board.keyed .ctrl .btn{padding:8px 12px;font-size:14px}.site .board.keyed .ctrl .seg button{padding:7px 9px}}.site .stagewrap{overflow:clip}.site .board .stagebox{gap:14px;min-width:0;display:grid}@media (max-width:1000px){.site .board.keyed .stagebox{z-index:5;background:#fffffff7;border-radius:16px 16px 0 0;margin:-16px -16px 0;padding:16px;position:sticky;top:65px;box-shadow:0 8px 14px -12px #14285059}}.site .board.keyed .sheetgrid{max-height:none;overflow:visible}.site .kstage{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.site .kstage .kk{touch-action:none}.site .board.keyed{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.site .board.keyed .ctrl,.site .board.keyed .ctrl *{touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media (orientation:landscape) and (max-height:560px){.site .top{position:static}.site .stagewrap .wrap{padding-block:8px 16px}.site .songbar{margin-bottom:6px}.site .songbar img{width:40px;height:40px}.site .songbar h1{font-size:18px}.site .board.keyed{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;padding:10px;scroll-margin-top:0}.site .board.keyed>*{grid-column:auto}.site .board.keyed>.sheetgrid{grid-area:1/2;margin-top:0}.site .board.keyed .stagebox{box-shadow:none;border-radius:12px;gap:8px;width:min(48vw,166.667dvh - 296.667px);margin:0;padding:8px;position:sticky;top:0}.site .board.keyed .kstage{gap:6px;padding:8px}.site .board.keyed .kstage .klanes,.site .board.keyed .ctrl .fold{display:none}.site .board.keyed .kkeys,.site .board.keyed .ctrl{gap:6px}.site .board.keyed .ctrl .btn{padding:6px 10px;font-size:13px}.site .board.keyed .ctrl .seg button{padding:5px 7px;font-size:12px}}.site .lead{color:var(--sub);max-width:62ch;margin:-6px 0 18px}.site .reqs .note{color:var(--sub);margin:10px 0 16px;font-size:13.5px}.site .reqs .err,.site .cmts .err{color:var(--hard);margin:8px 0;font-size:13.5px}.site .empty-line{color:var(--sub);padding:18px 0}.site .reqform{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto minmax(0,1.2fr) auto;gap:8px;display:grid}.site .reqform input,.site .reqform select,.site .cmts textarea{font:inherit;color:var(--ink);border:1px solid var(--line);border-radius:var(--r);background:#fff;min-width:0;padding:9px 12px}.site .reqform input:focus,.site .reqform select:focus,.site .cmts textarea:focus{outline:2px solid var(--sky-300);border-color:var(--blue)}.site .reqs .vtab{cursor:pointer}.site .reqs .vtab[aria-selected=true],.site .vtab[aria-selected=true]{color:var(--blue-ink);border-color:var(--sky-300);background:var(--sky-50)}.site .reqlist{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.site .reqlist li{border-bottom:1px solid var(--line);grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 4px;display:grid}.site .reqlist .votes{border:1px solid var(--line);border-radius:var(--r);width:48px;color:var(--sub);font:inherit;cursor:pointer;background:#fff;justify-items:center;gap:0;padding:6px 0;font-size:11px;line-height:1.2;display:grid}.site .reqlist .votes b{color:var(--ink);font-size:16px}.site .reqlist .votes[aria-pressed=true]{border-color:var(--blue);background:var(--sky-50);color:var(--blue)}.site .reqlist .votes[aria-pressed=true] b{color:var(--blue-ink)}.site .reqlist .votes:disabled{cursor:default}.site .reqlist .votes.done{color:var(--easy);background:var(--easy-bg);cursor:default;border-color:#0000;font-size:18px}.site .reqlist .what{min-width:0;display:grid}.site .reqlist .what b{color:var(--navy);text-overflow:ellipsis;white-space:nowrap;font-size:15.5px;overflow:hidden}.site .reqlist .what small{color:var(--sub);font-size:13.5px}.site .reqlist .meta{color:var(--sub);align-items:center;gap:10px;margin-top:2px;font-size:12.5px;display:flex}.site .reqlist .meta a{color:var(--blue)}.site .reqlist .meta .game{align-items:center;gap:5px;display:inline-flex}.site .reqlist .meta .game svg{width:15px;height:15px}.site .reqlist .go{align-items:center;gap:12px;display:flex}.site .cmts form{gap:8px;max-width:760px;display:grid}.site .cmts textarea{resize:vertical;min-height:76px}.site .cmts .row{color:var(--faint);justify-content:space-between;align-items:center;display:flex}.site .cmts ul{max-width:760px;margin:16px 0 0;padding:0;list-style:none}.site .cmts li{border-top:1px solid var(--line);padding:12px 0}.site .cmts .who{align-items:baseline;gap:10px;font-size:13.5px;display:flex}.site .cmts .who b{color:var(--navy)}.site .cmts .who time{color:var(--faint);font-size:12.5px}.site .cmts .who .linkish{color:var(--sub);margin-left:auto;font-size:12.5px}.site .cmts li p{white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0 0}@media (max-width:760px){.site .reqform{grid-template-columns:1fr 1fr}.site .reqform input[type=url]{grid-column:1/-1}.site .reqlist li{grid-template-columns:48px minmax(0,1fr);gap:10px}.site .reqlist .go{grid-column:2;justify-content:flex-start}}.site .askmore{color:var(--sub);margin-top:22px}.site .askmore a{color:var(--blue);font-weight:600}.site .mhero.reqhero{min-height:clamp(300px,28vw,460px)}.site .mhero.reqhero .sub{max-width:44ch}.site .reqcta{border:1px solid var(--sky-200);background:var(--sky-50);border-radius:14px;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:18px;margin-bottom:22px;padding:18px 20px;display:grid}.site .reqcta img{width:96px;height:auto}.site .reqcta .note{margin:10px 0 0}.site .empty-line{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.site .empty-line img{width:120px;height:auto}.site .empty-line p{margin:0}@media (max-width:760px){.site .mhero.reqhero .wrap{padding-block:150px 28px}.site .reqcta{grid-template-columns:64px minmax(0,1fr);gap:12px;padding:14px}.site .reqcta img{width:64px}}.site{--spring:cubic-bezier(.2,.9,.3,1.25);--out:cubic-bezier(.2,.8,.2,1)}::view-transition{pointer-events:none}::view-transition-old(.page-out){animation:.16s ease-in both pg-out}::view-transition-new(.page-in){animation:.42s cubic-bezier(.2,.8,.2,1) 50ms both pg-in}@keyframes pg-out{to{opacity:0;transform:translateY(-8px)}}@keyframes pg-in{0%{opacity:0;transform:translateY(16px)}}::view-transition-group(.morph){z-index:50;animation-duration:.5s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}::view-transition-image-pair(.morph){animation-name:via-blur}@keyframes via-blur{35%{filter:blur(4px)saturate(1.25)}}.site .top{view-transition-name:site-header}.site .bnav{view-transition-name:bottom-nav}::view-transition-group(site-header){z-index:100;animation:none}::view-transition-group(bottom-nav){z-index:100;animation:none}::view-transition-old(site-header){display:none}::view-transition-old(bottom-nav){display:none}::view-transition-new(site-header){animation:none}::view-transition-new(bottom-nav){animation:none}.site .hero .glow,.site .hero .sparks{z-index:1;pointer-events:none;position:absolute;inset:0}.site .hero .sparks{width:100%;height:100%}.site .hero .glow{opacity:0;mix-blend-mode:soft-light;background:radial-gradient(460px circle at var(--gx,50%) var(--gy,50%),#ffd678d9,#ffd6784d 40%,#ffd67800 70%);transition:opacity .6s}.site .hero.lit .glow{opacity:1}.site .hero .clouds,.site .hero .motes{z-index:0;pointer-events:none;position:absolute;inset:0}.site .hero .clouds i{filter:blur(6px);background:radial-gradient(closest-side,#fffc,#ffffff59 60%,#fff0);border-radius:50%;width:56vw;height:16vw;animation:80s linear infinite drift;position:absolute;left:-60vw}.site .hero .clouds i:first-child{animation-delay:-20s;top:62%}.site .hero .clouds i:nth-child(2){opacity:.75;width:38vw;height:10vw;animation-duration:110s;animation-delay:-75s;top:8%}.site .hero .clouds i:nth-child(3){width:80vw;height:18vw;animation-duration:140s;animation-delay:-100s;top:80%}@keyframes drift{to{transform:translate(220vw)}}.site .hero .motes{z-index:1}.site .hero .motes b{left:calc(50% + mod(var(--i) * 7, 18) * 2.6%);opacity:0;width:6px;height:6px;animation:mote-rise calc(7s + mod(var(--i) * 5, 9) * .6s) cubic-bezier(.3,.1,.4,1) infinite;animation-delay:calc(var(--i) * -.9s);background:#fff;border-radius:50%;position:absolute;bottom:6%;box-shadow:0 0 8px 2px #ffecaae6,0 0 22px 6px #a0d2ff80}.site .hero .motes b:nth-child(3n){width:4px;height:4px}.site .hero .motes b:nth-child(odd){--sway:-28px}@keyframes mote-rise{0%{opacity:0;transform:translate(0)scale(.5)}12%{opacity:1}55%{transform:translate(var(--sway,26px),-40vh) scale(1)}to{opacity:0;transform:translate(calc(var(--sway,26px) * -.6),-78vh) scale(.3)}}.site .hero h1 .ln{animation:focus-in .9s var(--out) both;animation-delay:calc(.12s + var(--i) * .14s);display:block}.site .hero p.sub{animation:focus-in .8s var(--out) .42s both}.site .hero .herobox{animation:focus-in .8s var(--out) .54s both}.site .hero .try{animation:focus-in .8s var(--out) .66s both}@keyframes focus-in{0%{opacity:0;filter:blur(10px);transform:translateY(.45em)}}.site .hero .wrap{align-items:center;display:grid}.site .hero .hcopy,.site .hstage{grid-area:1/1;min-width:0}.site .hero .hcopy{z-index:2;max-width:620px;transition:opacity .45s var(--out),filter .45s var(--out);position:relative}.site .hero h1{font-size:clamp(34px,4.2vw,54px)}.site .hero .hplay-row{animation:focus-in .8s var(--out) .78s both;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:18px;display:flex}.site .hero .hplay{gap:8px}.site .hero .hplay-sub{color:var(--ink);font-size:13.5px;font-weight:600}.site .hero .wrap:has(.hplay:hover,.hplay:focus-visible) .hstage{opacity:.9;transition-duration:.25s,.4s,.25s;transform:scale(.97)}.site .hero .hplay svg,.site .hstage .hclose svg{width:16px;height:16px}.site .hero .hplay svg{fill:currentColor}.site .hstage{z-index:1;width:clamp(320px,40vw,540px);max-width:100%;opacity:calc(.45 - var(--near,0) * .35);transition:opacity .5s var(--out),transform .6s var(--spring),filter .5s var(--out);justify-self:center;position:relative;transform:scale(.94)}.site .hstage .demo-bar,.site .hstage .demo-foot,.site .hstage .hclose{visibility:hidden}.site .hero .playing .hcopy{opacity:.05;filter:blur(4px)}.site .hero .playing .hstage{z-index:3;opacity:1;filter:none;transform:none}.site .hero .playing .hstage :is(.demo-bar,.demo-foot,.hclose){visibility:visible}.site .hstage .hclose{z-index:2;background:var(--navy);color:#fff;cursor:pointer;width:36px;height:36px;box-shadow:var(--shadow);border:0;border-radius:99px;place-items:center;display:grid;position:absolute;top:-48px;right:0}.site .hstage .hclose svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round}.site .hero .hand{z-index:2;top:16px;right:clamp(16px,5vw,96px)}.site .hstage .demo-ui{gap:12px}.site .hero .playing .hstage:before{content:"";z-index:-1;pointer-events:none;filter:blur(10px);background:radial-gradient(closest-side,#ffffffbf,#fff6 62%,#0000);position:absolute;inset:-10% -12%}.site .hstage .kstage{gap:10px}.site .hstage .klanes{height:clamp(130px,13vw,190px)}.site .hstage .kkeys{max-width:none}.site .hstage .demo-foot{color:var(--ink);font-size:12.5px}@media (prefers-reduced-motion:reduce){.site .hstage,.site .hero .hcopy{transition:none}}@media (max-width:640px){.site .hstage .demo-foot{display:none}.site .hstage{width:100%;transform:scale(.96)}.site .hstage .klanes{height:120px}.site .hstage .demo-bar{gap:6px}.site .hstage .seg{padding:3px}.site .hstage .seg button{white-space:nowrap;padding:6px 10px;font-size:13px}.site .hstage .seg button small{display:none}.site .hstage .sound{white-space:nowrap;flex:1 0 auto;height:36px;padding:0 12px;font-size:13px}}.site .gtab svg,.site .gtab .ico{transition:transform .35s var(--spring)}.site .gtab:hover svg{transform:translateY(-3px)rotate(-8deg)}@media (max-width:640px){.site .games .wrap{scroll-snap-type:x proximity;-webkit-mask-image:linear-gradient(90deg,#000 82%,#0000);mask-image:linear-gradient(90deg,#000 82%,#0000)}.site .gtab{scroll-snap-align:start;padding-inline:14px}}.site .rank li{animation:rise .5s var(--out) both;animation-delay:calc(.15s + var(--i) * 45ms)}.site .rank li a{transition:background .2s}.site .rank li a:hover{background:linear-gradient(90deg,var(--sky-50),transparent)}.site .rank img,.site .rank .q{transition:transform .35s var(--spring)}.site .rank li a:hover img{transform:scale(1.1)rotate(-4deg)}.site .rank .eq{justify-self:end;margin-right:4px}.site .rank .eq i{background:var(--rank,var(--blue))}.site .rank .slot a{grid-template-columns:30px 40px minmax(0,1fr) auto}.site .rank .slot .q{width:40px;height:40px;color:var(--sky-300);border:1.5px dashed var(--sky-200);background:var(--sky-50);border-radius:6px;place-items:center;font-style:normal;font-weight:800;display:grid}.site .rank .slot b{color:var(--faint);font-weight:500}.site .rank .slot .pl{color:var(--blue);opacity:0;transition:opacity .2s,transform .3s var(--spring);font-size:18px;font-weight:800}.site .rank .slot a:hover b{color:var(--blue)}.site .rank .slot a:hover .q{border-color:var(--blue);color:var(--blue);transform:rotate(8deg)scale(1.08)}.site .rank .slot a:hover .pl{opacity:1;transform:scale(1.2)}.site .card.tilt{--lift:0;transform:perspective(900px) rotateX(var(--rx,0)) rotateY(var(--ry,0)) translateY(calc(var(--lift) * -4px));background:linear-gradient(var(--card),var(--card)) padding-box, radial-gradient(220px circle at var(--gx,50%) var(--gy,50%),var(--sky-300),var(--line) 70%) border-box;box-shadow:0 calc(4px + var(--lift) * 8px) calc(14px + var(--lift) * 14px) -8px rgba(16,45,90,calc(.12 + var(--lift) * .14));border-color:#0000;transition:none}.site .card>button.btn:after{content:"";opacity:0;pointer-events:none;border:2px solid #fff;border-radius:50%;position:absolute;inset:-2px}.site .card:hover>button.btn:not([aria-pressed=true]):after{animation:1.5s ease-out infinite ring}@keyframes ring{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.6)}}.site .card .also{opacity:.9;gap:1px;margin-left:auto;display:inline-flex}.site .card .also .ico svg{width:16px;height:16px}.site .river{background:linear-gradient(180deg,#fff,var(--sky-50) 45%,#fff);grid-template-columns:minmax(0,1fr);gap:14px;margin-top:8px;padding-block:28px 36px;display:grid;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000);mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000)}.site .river-cap{font-family:var(--script);font-size:calc(22px * var(--hz,1));color:var(--blue);justify-content:center;align-items:center;gap:10px;margin:0 0 4px;display:flex}.site .river-row{width:max-content;animation:river calc(var(--n) * 5s) linear infinite;display:flex}.site .river-row.rev{animation-direction:reverse;animation-duration:calc(var(--n) * 6.5s)}.site .river-row:hover{animation-play-state:paused}.site .river-set{gap:14px;padding-right:14px;display:flex}@keyframes river{to{transform:translate(-50%)}}.site .rj{aspect-ratio:16/10;width:224px;box-shadow:var(--shadow);background:var(--sky-100);transition:transform .4s var(--spring),box-shadow .3s;border-radius:14px;flex:none;position:relative;overflow:hidden}.site .river-row.rev .rj{width:184px}.site .rj img{object-fit:cover;width:100%;height:100%}.site .rj:after{content:"";background:linear-gradient(#0000,#0a162dbf);position:absolute;inset:45% 0 0}.site .rj>span{z-index:1;color:#fff;align-items:center;gap:6px;min-width:0;font-size:13.5px;font-weight:700;display:flex;position:absolute;bottom:8px;left:10px;right:10px}.site .rj .ico svg{flex:none;width:18px;height:18px}.site .rj b{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.site .rj:hover{box-shadow:var(--shadow-up);z-index:1;transform:translateY(-6px)scale(1.05)rotate(-1.5deg)}@media (max-width:640px){.site .rj{width:168px}.site .river-row.rev .rj{width:140px}.site .river{padding-block:20px 26px}}@supports (animation-timeline:view()){.site :is(.tile,.inst>*,.feat,.fhead,.dcopy,.demo-ui,.make .mcopy,.faq details,.howto,.river){animation:linear both reveal;animation-timeline:view();animation-range:entry entry 45%}}@keyframes reveal{0%{opacity:0;transform:translateY(40px)scale(.97)}}.site .fgrid{grid-template-columns:repeat(3,minmax(0,1fr))}.site .feat{padding:0 0 26px}.site .feat.f-ai,.site .feat.f-fair{grid-column:span 2}.site .feat h3,.site .feat p{padding-inline:24px}.site .feat img{z-index:1;filter:drop-shadow(0 8px 14px #0f25472e);width:112px;top:30px;bottom:auto;right:12px}.site .feat:hover img{transform:translateY(-8px)rotate(-6deg)scale(1.04)}.site .scene{background:var(--fbg);height:156px;color:var(--fc);border-bottom:1px solid var(--line);padding-right:120px;position:relative;overflow:hidden}.site .scene:before{content:"";background:radial-gradient(60% 80% at 30% 100%,#ffffffb3,#0000);position:absolute;inset:0}.site .scene>*{position:relative}.site .s-ai{justify-content:center;align-items:center;gap:20px;display:flex}.site .s-ai .sw{align-items:center;gap:3px;height:76px;display:flex}.site .s-ai .sw i{width:4px;height:calc(30% + mod(var(--i) * 5, 7) * 11%);opacity:.55;animation:1.3s ease-in-out infinite wv;animation-delay:calc(var(--i) * -.13s);background:currentColor;border-radius:3px}@keyframes wv{50%{transform:scaleY(.3)}}.site .s-ai .sto{opacity:.5;background:currentColor;width:30px;height:2px;animation:1.3s ease-in-out infinite to}.site .s-ai .sto:after{content:"";border-top:2px solid;border-right:2px solid;width:8px;height:8px;position:absolute;top:-4px;right:-1px;transform:rotate(45deg)}@keyframes to{50%{translate:6px}}.site .s-ai .sd{grid-template-columns:repeat(3,16px);gap:9px;display:grid}.site .s-ai .sd i{opacity:.15;width:16px;height:16px;animation:dt 3s var(--out) infinite;animation-delay:calc(mod(var(--i) * 5, 6) * .28s);background:currentColor;border-radius:5px}@keyframes dt{0%,10%{opacity:.15;transform:scale(.6)rotate(0)}24%,78%{opacity:1;transform:scale(1)rotate(45deg)}to{opacity:.15;transform:scale(.6)rotate(90deg)}}.site .s-play{grid-template-columns:repeat(5,22px);justify-content:center;gap:10px;display:grid}.site .s-play .sl{border-inline:1px solid color-mix(in srgb,currentColor 14%,transparent);height:100%}.site .s-play .sl i{height:10px;animation:2.4s linear infinite fall;animation-delay:calc(mod(var(--i) * 3, 5) * -.48s);background:currentColor;border-radius:5px;position:absolute;top:-14px;left:2px;right:2px;box-shadow:0 0 10px}@keyframes fall{0%{opacity:0;transform:translateY(0)}10%{opacity:1}80%{opacity:1;transform:translateY(130px)}82%,to{opacity:0;transform:translateY(130px)scale(2.2,1.4)}}.site .s-play .sh{opacity:.45;background:currentColor;border-radius:2px;width:150px;height:3px;position:absolute;bottom:24px;left:calc(50% - 135px);box-shadow:0 0 12px}.site .s-copy{justify-content:center;align-items:center;font-family:ui-monospace,Menlo,monospace;display:flex}.site .s-copy .typed{width:0;animation:5s steps(7,end) infinite type;display:flex;overflow:hidden}.site .s-copy kbd{width:28px;height:32px;font:inherit;color:currentColor;box-shadow:0 2px 0 color-mix(in srgb,currentColor 40%,transparent),0 0 0 1px color-mix(in srgb,currentColor 20%,transparent);background:#fff;border-radius:7px;flex:none;place-items:center;margin-right:6px;font-size:14px;font-weight:800;display:grid}@keyframes type{0%{width:0}60%,88%{width:238px}to{width:0}}.site .s-copy .caret{background:currentColor;width:2px;height:28px;animation:.9s step-end infinite blink}@keyframes blink{50%{opacity:0}}.site .s-fair i{bottom:-24px;left:calc(10% + mod(var(--i) * 3, 7) * 7%);font-style:normal;font-size:calc(16px + mod(var(--i) * 5, 4) * 6px);opacity:0;animation:4.6s ease-in infinite heart;animation-delay:calc(var(--i) * -.66s);position:absolute}@keyframes heart{0%{opacity:0;transform:translateY(0)scale(.6)}15%{opacity:.95}to{opacity:0;transform:translate(20px,-180px)scale(1.15)rotate(14deg)}}@media (max-width:1000px){.site .fgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.site .feat.f-ai,.site .feat.f-fair{grid-column:span 1}}@media (max-width:640px){.site .fgrid{grid-template-columns:1fr}.site .feat{min-height:0;padding:0 0 22px}.site .feat img{width:96px;top:34px}.site .scene{height:140px;padding-right:100px}.site .s-copy kbd{width:24px;height:28px;margin-right:4px;font-size:12.5px}@keyframes type{0%{width:0}60%,88%{width:196px}to{width:0}}}.site .jk{animation:7s ease-in-out infinite bob}.site .jk.l1,.site .jk.r2{animation-delay:-2.3s}.site .jk.r1,.site .jk.l2{animation-delay:-4.6s}@keyframes bob{50%{translate:0 -9px}}.site .sheetgrid .cg{box-shadow:inset 0 0 0 1px #d5e2f1}.site .sheetgrid .cg i{background:#d3e1f2}.site .sheet-preview .mbar{animation:rise .5s var(--out) both}.site .sheet-preview .mbar:nth-child(2){animation-delay:60ms}.site .sheet-preview .mbar:nth-child(3){animation-delay:.12s}.site .sheet-preview .mbar:nth-child(4){animation-delay:.18s}.site .sheet-preview .mbar:nth-child(5){animation-delay:.24s}.site .sheet-preview .mbar:nth-child(6){animation-delay:.3s}.site .sheet-preview .mbar:nth-child(n+7){animation-delay:.36s}.site .textsheet{border:1px solid var(--line);background:#fff;border-radius:12px;margin-top:12px;overflow:hidden}.site .textsheet summary,.site .playback-info summary{cursor:pointer;color:var(--navy);align-items:center;gap:9px;padding:10px 14px;font-size:14px;font-weight:700;list-style:none;display:flex}.site .textsheet summary::-webkit-details-marker{display:none}.site .playback-info summary::-webkit-details-marker{display:none}.site .textsheet summary:before,.site .playback-info summary:before{content:"";border-bottom:2px solid;border-right:2px solid;width:6px;height:6px;transition:transform .2s;transform:rotate(-45deg)}.site .textsheet[open] summary:before,.site .playback-info[open] summary:before{transform:rotate(45deg)}.site .textsheet pre.mml{white-space:pre-wrap;border-top:1px solid var(--line);height:auto;animation:rise .3s var(--out);margin:0;padding:12px 14px}@media (max-width:640px){.site .acts>.btn-blue{flex:100%}.site .acts>.btn-line{flex:1 1 0}.site .ver .price{justify-self:start}}.site .playback-info{border:1px solid var(--line);background:var(--sky-50);border-radius:10px;max-width:100%;margin:0 0 10px;display:inline-block}.site .playback-info summary{color:var(--sub);padding:6px 12px;font-size:13px}.site .playback-info[open]{display:block}.site .playback-info .playback-note{margin:0;padding:0 12px 8px}.site .bnav{display:none}@media (max-width:640px){.site .bnav{z-index:60;padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(14px)saturate(1.4);backdrop-filter:blur(14px)saturate(1.4);border-top:1px solid var(--line);background:#ffffffeb;grid-template-columns:repeat(5,1fr);align-items:end;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px -18px #0f254759}.site .bnav>:is(a,button){min-height:48px;font:inherit;color:var(--sub);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;justify-items:center;gap:2px;padding-top:6px;font-size:11px;font-weight:600;display:grid;position:relative}.site .bnav>:is(a,button) svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:23px;height:23px;transition:transform .35s var(--spring)}.site .bnav>[aria-current]{color:var(--blue)}.site .bnav>[aria-current] svg{transform:translateY(-2px)scale(1.1)}.site .bnav>:is(a,button):before{content:"";background:var(--blue);height:3px;transition:transform .35s var(--spring);border-radius:0 0 3px 3px;position:absolute;top:-6px;left:30%;right:30%;transform:scaleX(0)}.site .bnav>[aria-current]:before{transform:scaleX(1)}.site .bnav>:is(a,button):active svg{transform:scale(.85)}.site .bnav .bn-make{color:var(--blue)}.site .bnav .bn-make svg{background:linear-gradient(140deg,#4aa3ff,var(--blue));color:#fff;stroke-width:2.6px;border-radius:50%;width:50px;height:50px;margin-top:-26px;padding:13px;animation:2.4s ease-in-out infinite glow;box-shadow:0 10px 20px -6px #1f7ae099,0 0 0 4px #fff}.site .bnav .bn-make:before{display:none}.site:has(.bnav) .foot{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}.site-bar:has(.bnav)+main{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}.site .bn-sheet{width:auto;max-width:none;padding:22px 12px calc(14px + env(safe-area-inset-bottom,0px));color:var(--ink);box-shadow:var(--shadow-up);background:#fff;border:0;border-radius:22px 22px 0 0;margin:0;position:fixed;inset:auto 0 0}.site .bn-sheet:popover-open{animation:sheet-up .28s var(--spring)}.site .bn-sheet:before{content:"";background:var(--line);border-radius:2px;width:40px;height:4px;margin-left:-20px;position:absolute;top:8px;left:50%}.site .bn-sheet::backdrop{background:#0f254759}.site .bn-sheet .gpanel{width:auto;box-shadow:none;opacity:1;visibility:visible;border:0;grid-template-columns:minmax(0,1fr);padding:0;position:static;translate:none}.site .bn-sheet .gpanel:before{display:none}.site .bn-all{background:var(--sky-50);min-height:48px;color:var(--blue-ink);border-radius:12px;justify-content:center;align-items:center;margin-top:8px;font-weight:700;display:flex}}@keyframes sheet-up{0%{opacity:0;translate:0 60px}}@media (prefers-reduced-motion:reduce){.site .bn-sheet:popover-open{animation:none}::view-transition-old(*){animation-duration:0s!important;animation-delay:0s!important}::view-transition-new(*){animation-duration:0s!important;animation-delay:0s!important}::view-transition-group(*){animation-duration:0s!important;animation-delay:0s!important}.site .hero :is(.art,.clouds,.motes,.notes,.hand){translate:none}.site .hero :is(.clouds,.motes){display:none}.site .hero :is(h1 .ln,p.sub,.herobox,.try),.site .rank li,.site .cardin,.site .river-row,.site .scene *,.site .bnav .bn-make svg,.site .textsheet pre.mml{animation:none}.site .river{overflow-x:auto}.site .s-copy .typed{width:auto}.site .card.tilt{transform:none}@supports (animation-timeline:view()){.site :is(.tile,.inst>*,.feat,.fhead,.dcopy,.demo-ui,.make .mcopy,.faq details,.howto,.river){animation:none}}}.site.me{--ok:#1f7a55;--ok-soft:#dcf1e7;--brass:#8a6118;--brass-soft:#f5ead3;--bad:#b23a3a;--spring:cubic-bezier(.2,.9,.25,1.12);--settle:cubic-bezier(.25,.8,.3,1);background:var(--bg);max-width:1100px;margin:0 auto;padding-block:22px 0;padding-inline:16px}.site.me .btn{border-radius:9px;min-height:40px;padding:8px 14px;font-size:13.5px;transition:background .2s,transform .1s}.site.me .btn:active{transform:scale(.97)}.site.me .btn:disabled{opacity:.45;cursor:default;box-shadow:none}.site.me .btn-line:hover{background:var(--sky-50)}.site.me .btn-quiet{color:var(--sub);background:0 0;padding:8px 10px}.site.me .btn-quiet:hover{background:var(--sky-50);color:var(--navy)}:where(.site.me button){background:0 0;border:0;padding:0}.me-head{flex-wrap:wrap;align-items:flex-end;gap:12px 20px;display:flex}.me-head h1{letter-spacing:-.02em;color:var(--navy);margin-right:auto;font-size:26px}.me-head .wallet{background:var(--sky-50);border:1px solid var(--sky-200);border-radius:12px;align-items:center;gap:10px;padding:6px 8px 6px 14px;display:flex}.me-head .bal{color:var(--navy);font-size:18px;font-weight:800}.me-head .bal small{color:var(--sub);margin-left:4px;font-size:12px;font-weight:600}.me-head .held{color:var(--brass);font-size:12.5px;font-weight:700}.me-head .wallet a{color:var(--blue-ink);border:1px solid var(--sky-200);background:#fff;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:700}.me-tabs{border-bottom:1px solid var(--line);scrollbar-width:none;gap:4px;margin-top:14px;display:flex;overflow-x:auto}.me-tabs button{min-height:44px;color:var(--faint);flex:none;padding:10px 12px;font-size:15px;font-weight:700;transition:color .2s;position:relative}.me-tabs button:after{content:"";background:var(--navy);height:3px;transition:transform .35s var(--settle);border-radius:3px 3px 0 0;position:absolute;bottom:-1px;left:12px;right:12px;transform:scaleX(0)}.me-tabs button[aria-selected=true]{color:var(--navy)}.me-tabs button[aria-selected=true]:after{transform:none}.me-tabs .n{color:var(--faint);margin-left:4px;font-size:12.5px}.me-tools{top:var(--site-bar-h,64px);z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff5;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 0;display:flex;position:sticky}.me-chips{scrollbar-width:none;gap:6px;max-width:100%;display:flex;overflow-x:auto}.me-chip{border:1px solid var(--line);min-height:40px;color:var(--sub);background:#fff;border-radius:99px;flex:none;align-items:center;gap:6px;padding:0 12px;font-size:13.5px;font-weight:600;transition:background .2s,color .2s,transform .1s;display:inline-flex}.me-chip:active{transform:scale(.96)}.me-chip .n{color:var(--faint);font-size:12px;font-weight:700}.me-chip[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:#fff}.me-chip[aria-pressed=true] .n{color:#c9d6ea}.me-chip .dot{background:var(--faint);border-radius:50%;width:7px;height:7px}.me-chip.free .dot{background:var(--ok)}.me-chip.paid .dot{background:var(--brass)}.me-find{border:1px solid var(--line);background:#fff;border-radius:10px;flex:200px;align-items:center;gap:8px;min-width:0;min-height:40px;padding:0 10px;transition:border-color .2s,box-shadow .2s;display:flex}.me-find:focus-within{border-color:var(--sky-300);box-shadow:0 0 0 3px var(--sky-100)}.me-find input{min-width:0;font:inherit;background:0 0;border:0;outline:0;flex:1;padding:9px 0;font-size:14px}.me-find .ico{color:var(--faint);display:flex}.me-find .ico svg{width:18px;height:18px}.me-review-cta .ico{display:flex}.me-list{padding:4px 0 24px}.me-count{color:var(--faint);justify-content:space-between;align-items:center;gap:10px;padding:4px 8px 8px;font-size:13px;display:flex}.me-sort{font:inherit;min-height:36px;color:var(--sub);cursor:pointer;background:0 0;border:0;font-size:13px;font-weight:600}.me-row{border-radius:12px;grid-template-columns:28px 104px minmax(0,1fr) auto;align-items:center;gap:12px 14px;padding:10px 8px;transition:background .2s;display:grid;position:relative}.me-row:hover{background:var(--sky-50)}.me-row.sel{background:var(--sky-100)}.me-row.making,.me-row.owned{grid-template-columns:104px minmax(0,1fr) auto}.me-row.owned{grid-template-columns:minmax(0,1fr) auto}.me-row .cb{opacity:0;border-radius:8px;place-items:center;width:28px;height:28px;transition:opacity .15s;display:grid}.me-row .cb:before{content:"";border:1.5px solid var(--sky-300);width:20px;height:20px;transition:background .15s,border-color .15s,transform .15s var(--spring);background:#fff;border-radius:6px;position:absolute}.me-row .cb .ico{color:#fff;opacity:0;transition:opacity .12s,transform .25s var(--spring);display:flex;position:relative;transform:scale(.4)}.me-row:hover .cb,.me-list.picking .cb,.me-row .cb:focus-visible{opacity:1}.me-row.sel .cb:before{background:var(--blue);border-color:var(--blue);transform:scale(1.08)}.me-row.sel .cb .ico{opacity:1;transform:none}.me-row .thumb{aspect-ratio:16/9;background:var(--sky-100);border-radius:9px;width:104px;position:relative;overflow:hidden;box-shadow:0 1px 3px #102d5a1f}.me-row .thumb img{object-fit:cover;width:100%;height:100%;transition:transform .5s var(--settle),filter .3s}.me-row .pb{background:#0a162d00;place-items:center;transition:background .2s;display:grid;position:absolute;inset:0}.me-row .pb:disabled{cursor:default}.me-row .pb i{width:34px;height:34px;color:var(--navy);opacity:0;transition:transform .25s var(--spring),opacity .2s;background:#fffffff0;border-radius:50%;place-items:center;display:grid;transform:scale(.86);box-shadow:0 2px 8px #00000040}.me-row .pb .ico{display:flex}.me-row:hover .pb i,.me-row .pb:focus-visible i,.me-row.playing .pb i{opacity:1;transform:none}.me-row:hover .pb{background:#0a162d2e}.me-row.playing .thumb img{transform:scale(1.06)}.me-row.playing .pb{background:#0a162d52}.site.me .eq{align-items:flex-end;gap:2px;height:14px;display:flex}.site.me .eq b{background:var(--navy);border-radius:2px;width:3px;animation:.9s ease-in-out infinite me-eq}.site.me .eq b:nth-child(2){animation-delay:-.3s}.site.me .eq b:nth-child(3){animation-delay:-.6s}@keyframes me-eq{0%,to{height:4px}50%{height:14px}}.me-row .len{color:#fff;background:#0a162db8;border-radius:4px;padding:0 5px;font-size:11px;font-weight:700;position:absolute;bottom:4px;right:5px}.me-row .prog{background:#fff;height:3px;position:absolute;bottom:0;left:0;box-shadow:0 0 6px #fffc}.me-row .meta{gap:5px;min-width:0;display:grid}.me-row .meta .t{color:var(--navy);white-space:nowrap;text-overflow:ellipsis;font-size:15.5px;font-weight:700;overflow:hidden}.me-row .meta .a{color:var(--sub);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.site.me .warn{color:var(--brass);font-weight:600}.me-row .line{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.site.me .gx{color:var(--sub);border:1px solid var(--line);background:#fff;border-radius:7px;align-items:center;gap:3px;padding:1px 6px 1px 3px;font-size:12px;font-weight:700;display:inline-flex}.site.me .gx .ico{display:flex}.site.me .gx .ico svg{width:17px;height:17px}.site.me .lt.easy{color:var(--easy)}.site.me .lt.normal{color:var(--mid)}.site.me .lt.hard{color:var(--hard)}.site.me .lt.expert{color:var(--exp)}.me-row .state{border-radius:99px;align-items:center;gap:5px;padding:2px 9px;font-size:12px;font-weight:700;transition:background .35s,color .35s;display:inline-flex}.me-row .state.private{color:var(--sub);background:#eef2f7}.me-row .state.free{background:var(--ok-soft);color:var(--ok)}.me-row .state.paid{background:var(--brass-soft);color:var(--brass)}.me-row .state.making{background:var(--sky-100);color:var(--blue-ink)}.me-row .state.making:before{content:"";border:2px solid;border-right-color:#0000;border-radius:50%;width:9px;height:9px;animation:.8s linear infinite me-spin}@keyframes me-spin{to{transform:rotate(360deg)}}.me-row .state.pop{animation:me-pop .5s var(--spring)}@keyframes me-pop{0%{transform:scale(.7)}60%{transform:scale(1.12)}to{transform:none}}.me-row .acts{align-items:center;gap:6px;display:flex}.me-row .more{width:44px;height:44px;color:var(--sub);transition:background .2s,transform .3s var(--settle);border-radius:9px;place-items:center;display:grid}.me-row .more:hover{background:var(--sky-100)}.me-row.open .more{transform:rotate(180deg)}.me-row .sheets{transition:grid-template-rows .38s var(--settle);grid-column:3/-1;grid-template-rows:0fr;display:grid}.me-row.open .sheets{grid-template-rows:1fr}.me-row .sheets>div{min-height:0;overflow:hidden}.me-row .sheet{border:1px solid var(--line);opacity:0;transition:opacity .25s,transform .35s var(--settle);background:#fff;border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:6px;padding:6px 6px 6px 10px;display:grid;transform:translateY(-6px)}.me-row.open .sheet{opacity:1;transform:none}.me-row.open .sheet:nth-child(2){transition-delay:40ms}.me-row.open .sheet:nth-child(3){transition-delay:80ms}.me-row.open .sheet:nth-child(4){transition-delay:.12s}.me-row .sheet .g{white-space:nowrap;align-items:center;gap:6px;display:flex}.me-row .sheet .g .game{color:var(--navy);font-size:14px;font-weight:700}.me-row .sheet .g small{color:var(--sub);font-size:12px}.me-row .sheet .d .pill{margin-right:4px}.me-row .sheet .d{color:var(--sub);font-size:13px}.me-row.leave{animation:me-leave .42s var(--settle) forwards;pointer-events:none}@keyframes me-leave{to{opacity:0;transform:translate(30px)}}.me-more .sk{grid-template-columns:28px 104px minmax(0,1fr);align-items:center;gap:14px;padding:10px 8px;display:grid}.me-more .sk div{gap:8px;display:grid}.me-more .sk i{background:linear-gradient(90deg,#eef3f9 25%,#f7faff 50%,#eef3f9 75%) 0 0/300% 100%;border-radius:8px;height:12px;animation:1.2s linear infinite me-shim;display:block}.me-more .sk>i:first-child{visibility:hidden}.me-more .sk .tb{aspect-ratio:16/9;height:auto}.me-more .sk div i:last-child{width:60%}@keyframes me-shim{to{background-position:-150% 0}}.me-dock{z-index:40;padding:0 0 calc(12px + env(safe-area-inset-bottom,0px));pointer-events:none;gap:8px;display:grid;position:sticky;bottom:0}.me-bar,.me-player{pointer-events:auto;border-radius:14px;box-shadow:0 14px 34px #102d5a38}.me-bar{background:var(--navy);color:#fff;opacity:0;visibility:hidden;transition:transform .42s var(--spring),opacity .25s,visibility 0s .42s;align-items:center;gap:8px;padding:8px 8px 8px 16px;display:flex;transform:translateY(130%)}.me-bar.on{opacity:1;visibility:visible;transition:transform .42s var(--spring),opacity .25s;transform:none}.me-bar .c{white-space:nowrap;margin-right:auto;font-weight:800}.me-bar .c small{color:#b9c7dd;margin-left:6px;font-weight:500}.site.me .me-bar .btn-blue{box-shadow:none}.site.me .me-bar .btn-quiet{color:#cfdaeb}.site.me .me-bar .btn-quiet:hover{color:#fff;background:#ffffff1a}.me-player{-webkit-backdrop-filter:blur(14px)saturate(170%);backdrop-filter:blur(14px)saturate(170%);border:1px solid var(--line);animation:me-rise .42s var(--spring);background:#fffffff7;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:8px 12px;padding:8px 10px;display:grid}@keyframes me-rise{0%{opacity:0;transform:translateY(130%)}}.me-player img{object-fit:cover;border-radius:9px;width:48px;height:48px}.me-player .pm{min-width:0}.me-player .pt{color:var(--navy);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.me-player .ps{color:var(--sub);white-space:nowrap;align-items:center;gap:8px;font-size:12px;display:flex}.me-player .ps .tag{color:var(--blue-ink);background:var(--sky-100);border-radius:5px;padding:0 6px;font-weight:700}.me-player .pc{align-items:center;gap:2px;display:flex}.site.me .hear{scrollbar-width:none;grid-column:1/-1;gap:6px;display:flex;overflow-x:auto}.site.me .hear button{min-height:32px;color:var(--sub);border:1px solid var(--line);background:#fff;border-radius:99px;flex:none;align-items:center;gap:5px;padding:3px 10px 3px 4px;font-size:12.5px;font-weight:700;transition:background .2s,color .2s,transform .1s;display:inline-flex}.site.me .hear button:active{transform:scale(.96)}.site.me .hear .ico{display:flex}.site.me .hear .ico svg{width:20px;height:20px}.site.me .hear button[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:#fff}.me-player .track{background:var(--sky-100);border-radius:4px;grid-column:1/-1;height:4px;overflow:hidden}.me-player .track i{background:var(--blue);border-radius:4px;height:100%;display:block}.site.me .ib .ico,.me-row .more .ico,.me-review .x .ico{display:flex}.site.me .ib{width:44px;height:44px;color:var(--navy);border-radius:50%;place-items:center;transition:background .2s,transform .1s;display:grid}.site.me .ib:hover{background:var(--sky-100)}.site.me .ib:active{transform:scale(.92)}.site.me .ib.big{background:var(--navy);color:#fff}.site.me .ib.big:hover{background:#1b3a6b}.me-pub{padding:22px}.me-pub h2{color:var(--navy);font-size:18px}.me-pub .sub{color:var(--sub);margin:2px 0 10px;font-size:13px}.me-pub fieldset{border:0;margin:0;padding:0}.me-pub .opt{border:1.5px solid var(--line);cursor:pointer;border-radius:12px;grid-template-columns:20px minmax(0,1fr);gap:10px;margin-top:8px;padding:12px;transition:border-color .2s,background .2s;display:grid}.me-pub .opt input{accent-color:var(--blue);width:18px;height:18px;margin:3px 0 0}.me-pub .opt b{color:var(--navy)}.me-pub .opt span{color:var(--sub);font-size:13px;display:block}.me-pub .opt:has(input:checked){border-color:var(--blue);background:var(--sky-50)}.me-pub .row2{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.me-toast{z-index:70;opacity:0;visibility:hidden;background:var(--navy);color:#fff;max-width:calc(100% - 32px);box-shadow:var(--shadow-up);transition:transform .4s var(--spring),opacity .25s,visibility 0s .4s;border-radius:12px;align-items:center;gap:10px;padding:6px 6px 6px 16px;font-size:14px;display:flex;position:fixed;top:76px;left:50%;transform:translate(-50%,-20px)}.me-toast.on{opacity:1;visibility:visible;transition:transform .4s var(--spring),opacity .25s;transform:translate(-50%)}.me-toast span{min-width:0;padding-block:8px}.site.me .me-toast button{color:#9cc8ff;border-radius:8px;flex:none;min-height:40px;padding:0 10px;font-weight:800}.me-review{z-index:80;color:#fff;background:linear-gradient(#0f2547,#18355f 60%,#0f2547);outline:0;grid-template-rows:auto 1fr auto auto;animation:.3s me-fade;display:grid;position:fixed;inset:0}@keyframes me-fade{0%{opacity:0}}.me-review header{padding:calc(10px + env(safe-area-inset-top,0px)) 16px 10px;flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.me-review header b{margin-right:auto;font-size:15px}.me-review .check{color:#dbe5f3;align-items:center;gap:6px;min-height:44px;font-size:13px;display:flex}.me-review .check input{accent-color:#9cc8ff;width:18px;height:18px}.me-review header .cnt{color:#b5c5dd;font-size:12.5px}.me-review .x{color:#cfdaeb;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.me-review .x:hover{background:#ffffff1a}.me-review .stage{touch-action:pan-y;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.me-review .rcard-wrap{width:min(380px,84%);transition:transform .32s var(--settle),opacity .32s;cursor:grab;touch-action:none;position:absolute}.me-review .rcard{width:100%;color:var(--ink);-webkit-user-select:none;user-select:none;background:#fff;border-radius:18px;position:relative;overflow:hidden;box-shadow:0 30px 70px #0006}.me-review .rcard.back{opacity:.55;width:min(380px,84%);position:absolute;transform:scale(.93)translateY(22px)}.me-review .rcard .cv{aspect-ratio:16/9;background:#000;position:relative}.me-review .rcard .cv img{object-fit:cover;pointer-events:none;width:100%;height:100%}.me-review .rcard .chor{color:var(--blue-ink);background:#fffffff0;border-radius:6px;padding:2px 8px;font-size:12px;font-weight:800;position:absolute;top:10px;left:10px}.me-review .rcard .bd{gap:8px;padding:14px 16px 16px;display:grid}.me-review .rcard .t{color:var(--navy);font-size:19px;font-weight:800}.me-review .rcard .a{color:var(--sub);font-size:14px}.me-review .rcard .ok{color:var(--ok);font-weight:600}.me-review .rcard .wave{align-items:center;gap:2px;height:30px;display:flex}.me-review .rcard .wave i{background:var(--sky-200);border-radius:2px;flex:1;transition:background .15s}.me-review .rcard .wave i.on{background:var(--blue)}.me-review .rcard .line{flex-wrap:wrap;gap:6px;display:flex}.me-review .stamp{letter-spacing:.04em;pointer-events:none;background:#ffffffe0;border:3px solid;border-radius:10px;padding:4px 12px;font-size:20px;font-weight:900;position:absolute;top:18px;transform:rotate(-12deg)}.me-review .stamp.yes{color:var(--ok);right:16px}.me-review .stamp.no{color:var(--sub);left:16px;transform:rotate(12deg)}.me-review .tray{z-index:2;color:#dbe5f3;min-height:44px;animation:me-pop .45s var(--spring);background:#ffffff1f;border-radius:12px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;display:flex;position:absolute;top:12px;right:16px}.me-review .tray b{color:#fff;font-size:18px}.me-review .tray span{color:#b5c5dd;font-size:12px}.me-review .done{text-align:center;place-items:center;padding:20px;display:grid;position:absolute;inset:0;overflow-y:auto}.me-review .done>div{justify-items:center;gap:12px;max-width:460px;display:grid}.me-review .done h3{font-size:22px}.me-review .done p{color:#c6d5ea;margin:0}.me-review .done .flags{font-size:13px}.me-review .picked{text-align:left;gap:4px;width:100%;max-height:30vh;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.me-review .picked li{background:#ffffff14;border-radius:8px;padding:6px 10px;font-weight:600}.me-review .picked small{color:#b5c5dd;font-weight:400;display:block}.me-review .row2{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.me-review .hear{justify-content:center;padding:0 16px}.site.me .me-review .hear button{color:#dbe5f3;background:#ffffff1a;border-color:#0000}.site.me .me-review .hear button[aria-pressed=true]{color:var(--navy);background:#fff}.me-review footer{padding:12px 16px calc(16px + env(safe-area-inset-bottom,0px));flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.me-review .rb{border-radius:12px;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-size:14.5px;font-weight:800;transition:transform .1s,background .2s;display:inline-flex}.me-review .rb:active{transform:scale(.96)}.me-review .rb:disabled{opacity:.5}.me-review .rb kbd{font:inherit;opacity:.75;color:inherit;background:0 0;border:1px solid;border-radius:5px;padding:0 5px;font-size:11.5px;font-weight:700}.me-review .rb.skip{color:#dbe5f3;background:#ffffff1f}.me-review .rb.flag{color:#ffd2d2;background:#ffffff1f}.me-review .rb.keep{color:var(--ok);background:#fff}.me-credit{gap:14px;padding:16px 0 40px;display:grid}.me-credit p{margin:0}.me-credit .tablebox{border:1px solid var(--line);border-radius:12px;overflow-x:auto}.me-credit table{border-collapse:collapse;width:100%;font-size:14px}.me-credit th,.me-credit td{text-align:left;border-bottom:1px solid var(--line);padding:10px 12px}.me-credit th{background:var(--sky-50);color:var(--navy);font-size:13px}.me-credit th.num,.me-credit td.num:last-child{text-align:right}.me-credit tr:last-child td{border-bottom:0}.me-credit .muted{color:var(--faint)}.me-credit details{border:1px solid var(--line);border-radius:12px;padding:12px 16px}.me-credit summary{cursor:pointer;color:var(--navy);min-height:28px;font-weight:700}.me-credit details p{color:var(--sub);max-width:70ch;margin-top:8px}@media (max-width:560px){.me-head h1{font-size:22px}.me-tools{gap:8px;position:static}.me-find{flex-basis:100%}.me-row{grid-template-columns:88px minmax(0,1fr) auto;gap:8px 10px;padding:8px 4px}.me-row.making{grid-template-columns:88px minmax(0,1fr) auto}.me-row .cb{display:none}.me-list.picking .me-row .cb{z-index:2;opacity:1;display:grid;position:absolute;top:4px;left:2px}.me-row .thumb{width:88px}.me-row .acts .pubBtn,.me-row .meta .gx .lt{display:none}.me-row .meta .gx{background:0 0;border:0;padding:0}.me-row .sheets{grid-column:1/-1}.me-row .sheet{grid-template-columns:minmax(0,1fr) auto}.me-row .sheet .d{grid-area:2/1}.me-row .sheet .x{grid-area:1/2/3}.me-more .sk{grid-template-columns:88px minmax(0,1fr)}.me-more .sk>i:first-child,.me-bar .clear,.me-player .ps .tag{display:none}.site.me .me-bar .btn{padding:8px 10px}.me-review .rb kbd{display:none}.me-review .rb{padding:0 12px}.me-review footer{flex-wrap:nowrap;gap:8px}.me-review .tray span{display:none}}@media (prefers-reduced-motion:reduce){.site.me *,.site.me :before,.site.me :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.site .fb{z-index:70;background:var(--card);border:1px solid var(--line);width:min(360px,100vw - 24px);box-shadow:var(--shadow-up);animation:fb-in .5s var(--spring) both;border-radius:18px;padding:18px 18px 14px;position:fixed;bottom:20px;right:20px;overflow:hidden}.site .fb:before{content:"";background:linear-gradient(90deg,var(--blue),#7cc0ff,var(--g-sky));height:4px;position:absolute;inset:0 0 auto}@keyframes fb-in{0%{opacity:0;transform:translateY(24px)scale(.97)}}.site .fb h2{color:var(--navy);letter-spacing:-.2px;padding-right:24px;font-size:17px;font-weight:800}.site .fb-lead{color:var(--sub);margin:6px 0 12px;font-size:13.5px;line-height:1.55}.site .fb-x{width:30px;height:30px;color:var(--faint);background:0 0;border:0;border-radius:50%;font-size:20px;line-height:1;position:absolute;top:10px;right:10px}.site .fb-x:hover{background:var(--sky-100);color:var(--ink)}.site .fb-faces{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.site .fb-faces button{border:1.5px solid var(--line);background:var(--bg-soft);color:var(--sub);border-radius:12px;justify-items:center;gap:2px;padding:9px 4px 8px;font-size:12.5px;font-weight:700;transition:border-color .15s,background .15s,color .15s;display:grid}.site .fb-faces button span{transition:transform .35s var(--spring);font-size:26px;line-height:1.1}.site .fb-faces button:hover span{transform:translateY(-2px)rotate(-6deg)}.site .fb-faces button[aria-pressed=true]{border-color:var(--blue);background:var(--sky-100);color:var(--blue-ink)}.site .fb-faces button[aria-pressed=true] span{transform:scale(1.18)}.site .fb textarea{border:1px solid var(--line);border-radius:var(--r);resize:vertical;width:100%;min-height:72px;font:inherit;color:var(--ink);background:var(--card);margin-top:10px;padding:10px 12px;font-size:14px;display:block}.site .fb textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--sky-200);outline:none}.site .fb-hint,.site .fb-err{color:var(--faint);margin:6px 0 0;font-size:12px}.site .fb-err{color:var(--hard)}.site .fb-act{justify-content:flex-end;align-items:center;gap:6px;margin-top:10px;display:flex}.site .fb-later{color:var(--sub);background:0 0;border:0;border-radius:99px;padding:8px 10px;font-size:13.5px;font-weight:600}.site .fb-later:hover{background:var(--sky-50)}.site .fb-send{background:var(--blue);border:0;border-radius:99px;padding:9px 18px;font-size:14px;font-weight:700;color:#fff!important}.site .fb-send:hover:not(:disabled){background:var(--blue-ink)}.site .fb-send:disabled{opacity:.45;cursor:default}.site .fb-thanks{text-align:center;padding:8px 0 4px}.site .fb-thanks p{margin:4px 0 0}.site .fb-thanks b{color:var(--navy)}.site .fb-sub{color:var(--sub);font-size:13px}.site .fb-notes{color:var(--blue);letter-spacing:6px;animation:fb-notes 1.6s var(--out) both;font-size:22px;display:block}@keyframes fb-notes{0%{opacity:0;transform:translateY(10px)}50%{opacity:1}to{transform:translateY(-4px)}}.site .foot .fb-link{color:inherit;font:inherit;text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:underline}@media (max-width:640px){.site .fb{width:auto;left:12px;right:12px;bottom:calc(76px + env(safe-area-inset-bottom,0px));padding:14px 14px 10px}.site .fb h2{font-size:16px}.site .fb-lead{margin:4px 0 10px;font-size:13px}.site .fb-faces button{justify-content:center;align-items:center;gap:4px;padding:7px 4px;display:flex}.site .fb-faces button span{font-size:20px}.site .fb textarea{height:56px;min-height:48px;margin-top:8px}.site .fb-act{margin-top:6px}}@media (prefers-reduced-motion:reduce){.site .fb,.site .fb-notes{animation:none}.site .fb-faces button span{transition:none}}.site .album{grid-template-columns:340px minmax(0,1fr);align-items:start;gap:28px;padding:28px 0 8px;display:grid}.site .album-head{border-radius:var(--r);background:linear-gradient(180deg,var(--sky-100),var(--card) 70%);border:1px solid var(--sky-200);gap:12px;padding:18px;display:grid;position:sticky;top:84px}.site .album-cover{box-shadow:var(--shadow);border-radius:14px;position:relative;overflow:hidden}.site .album-cover img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.site .album-cover .n{color:#fff;background:#0f2547c7;border-radius:99px;padding:3px 9px;font-size:12.5px;font-weight:700;position:absolute;bottom:8px;right:8px}.site .album-head h1{letter-spacing:-.02em;color:var(--navy);overflow-wrap:anywhere;margin:0;font-size:24px;line-height:1.25}.site .album-meta{color:var(--sub);flex-wrap:wrap;gap:4px 10px;margin:0;font-size:13.5px;display:flex}.site .album-meta b{color:var(--ink)}.site .album-desc{color:var(--sub);white-space:pre-line;overflow-wrap:anywhere;margin:0;font-size:14px}.site .album-acts{flex-wrap:wrap;gap:8px;display:flex}.site .album-acts .btn-blue{flex:1}.site .album-note{min-height:1.5em;color:var(--faint);margin:0;font-size:12.5px}.site .album-empty{color:var(--faint);text-align:center;padding:40px 0}.site .album-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.site .album-row{border-radius:12px;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:6px;padding:6px;transition:background .2s;display:grid}.site .album-row:hover,.site .album-row[aria-current=true]{background:var(--sky-50)}.site .album-row[aria-current=true]{box-shadow:inset 3px 0 0 var(--blue)}.site .album-row .idx{width:40px;height:40px;color:var(--faint);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;font-size:14px;font-weight:700;display:grid}.site .album-row .idx svg{color:var(--blue);display:none}.site .album-row:hover .idx .num,.site .album-row[aria-current=true] .idx .num{display:none}.site .album-row:hover .idx svg,.site .album-row[aria-current=true] .idx svg{display:block}.site .album-row .go{color:inherit;grid-template-columns:120px minmax(0,1fr) auto;align-items:center;gap:14px;min-width:0;display:grid}.site .album-row .go img{aspect-ratio:16/9;object-fit:cover;border-radius:8px;width:120px}.site .album-row .txt{min-width:0;display:grid}.site .album-row .txt b{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.site .album-row .txt small{color:var(--sub);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.site .album-row .tags{align-items:center;gap:6px;display:flex}@media (max-width:900px){.site .album{grid-template-columns:1fr;gap:16px;padding-top:16px}.site .album-head{position:static}.site .album-row .go{grid-template-columns:96px minmax(0,1fr)}.site .album-row .go img{width:96px}.site .album-row .tags{grid-column:2;justify-content:flex-start}}.site .albsave{background:var(--card);width:min(380px,100vw - 32px);box-shadow:var(--shadow-up);border:0;border-radius:18px;margin:auto;padding:0}.site .albsave::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f254773}.site .albsave[open]{animation:.2s ease-out pop}.site .albsave-in{gap:10px;padding:16px 18px 14px;display:grid}.site .albsave header{justify-content:space-between;align-items:center;display:flex}.site .albsave h3{color:var(--navy);margin:0;font-size:17px}.site .albsave .x{color:var(--faint);cursor:pointer;background:0 0;border:0;border-radius:8px;width:36px;height:36px;font-size:24px;line-height:1}.site .albsave .x:hover{background:var(--sky-50)}.site .albsave .muted{color:var(--faint);margin:0;font-size:14px}.site .albsave-list{max-height:min(46vh,320px);margin:0;padding:0;list-style:none;display:grid;overflow:auto}.site .albsave-list label{cursor:pointer;border-radius:8px;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:44px;padding:4px 6px;display:grid}.site .albsave-list label:hover{background:var(--sky-50)}.site .albsave-list input{width:18px;height:18px;accent-color:var(--blue)}.site .albsave-list .t{white-space:nowrap;text-overflow:ellipsis;color:var(--ink);overflow:hidden}.site .albsave-list small{color:var(--faint);font-size:12px}.site .albsave-add{font:inherit;color:var(--blue-ink);cursor:pointer;background:0 0;border:0;justify-self:start;padding:10px 6px;font-weight:700}.site .albsave-new{border-top:1px solid var(--line);gap:10px;padding-top:8px;display:grid}.site .albsave-new>label{color:var(--sub);gap:4px;font-size:13px;font-weight:700;display:grid}.site .albsave-new input:not([type=radio]),.site .albedit input:not([type=radio]),.site .albedit textarea,.site .albedit select{font:inherit;border:1.5px solid var(--sky-200);color:var(--ink);background:#fff;border-radius:8px;width:100%;padding:9px 11px;font-size:15px;font-weight:400}.site .albsave-new fieldset{border:0;gap:2px;margin:0;padding:0;display:grid}.site .albsave-new legend{color:var(--sub);margin-bottom:4px;font-size:13px;font-weight:700}.site .albsave-new .vis{cursor:pointer;border-radius:8px;grid-template-columns:22px 1fr;align-items:start;gap:8px;padding:6px;display:grid}.site .albsave-new .vis:hover{background:var(--sky-50)}.site .albsave-new .vis input{accent-color:var(--blue);margin-top:3px}.site .albsave-new .vis span{display:grid}.site .albsave-new .vis b{color:var(--ink);font-size:14px}.site .albsave-new .vis small{color:var(--faint);font-size:12.5px}.site .albsave-new .row{justify-content:flex-end;gap:8px;display:flex}.site .albsave-msg{min-height:1.4em;color:var(--blue-ink);margin:0;font-size:13px}.site .albedit{gap:12px;max-width:640px;margin-top:12px;display:grid}.site .albedit label{color:var(--sub);gap:4px;font-size:13px;font-weight:700;display:grid}.site .albedit .row{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:8px;display:flex}.site .albedit .note{color:var(--faint);margin:0;font-size:13px}.site .albedit-songs{gap:2px;margin:18px 0 0;padding:0;list-style:none;display:grid}.site .albedit-songs li{border-radius:10px;grid-template-columns:28px 96px minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px;display:grid}.site .albedit-songs li:hover{background:var(--sky-50)}.site .albedit-songs img{aspect-ratio:16/9;object-fit:cover;border-radius:6px;width:96px}.site .albedit-songs .t{min-width:0;display:grid}.site .albedit-songs .t b{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.site .albedit-songs .t small{color:var(--sub);font-size:13px}.site .albedit-songs .ops{gap:4px;display:flex}.site .albedit-songs .ops button{border:1px solid var(--sky-200);min-width:36px;min-height:36px;color:var(--sub);font:inherit;cursor:pointer;background:#fff;border-radius:8px;padding:0 8px;font-size:13px}.site .albedit-songs .ops button:disabled{opacity:.35;cursor:default}.site .btn-danger{color:#c2362b;background:#fff;border:1.5px solid #f1c2bd}.site .albedit-del{margin-top:28px}