*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{overscroll-behavior:none;color:#5a3d5c;-webkit-user-select:none;user-select:none;background:linear-gradient(#dcf2ff,#ffe8f3);height:100%;margin:0;font-family:Jua,Apple SD Gothic Neo,Malgun Gothic,sans-serif;overflow:hidden}#cv{touch-action:none;width:100%;height:100%;position:fixed;inset:0}.hidden{display:none!important}.screen{padding:max(12px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));background:linear-gradient(#dcf2ffee,#ffe8f3ee);flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;inset:0;overflow-y:auto}.screen>*{width:100%;max-width:440px}.overlay{background:#5a3c6e59;justify-content:center}h1,h2{text-align:center;margin:0;font-weight:400}h1{color:#ff5c9a;text-shadow:3px 3px #fff,-3px -3px #fff,3px -3px #fff,-3px 3px #fff,0 6px 12px #ff5c9a59;font-size:40px}h2{color:#ff5c9a;font-size:30px}.logo{text-align:center;padding-top:4px;position:relative}.logo-mon{transform-origin:50% 100%;width:58px;animation:1.4s ease-in-out infinite boing}@keyframes boing{0%,to{transform:translateY(0)scale(1)}15%{transform:translateY(0)scale(1.15,.85)}45%{transform:translateY(-22px)scale(.92,1.1)}70%{transform:translateY(0)scale(1.1,.9)}}.sub{color:#8a6aa0;margin:2px 0 0;font-size:16px}.field{background:#fff;border-radius:18px;align-items:center;gap:10px;padding:8px 14px;display:flex;box-shadow:0 3px #f3c6dc}.field span{white-space:nowrap;font-size:18px}input{font:inherit;color:#5a3d5c;background:0 0;border:none;outline:none;width:100%;min-width:0;font-size:20px}.label{margin-top:4px;font-size:18px}.chars{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.char{cursor:pointer;background:#fff;border:3px solid #0000;border-radius:16px;flex-direction:column;align-items:center;padding:2px 0 4px;font-size:12px;display:flex;box-shadow:0 3px #e8d5ee}.char canvas{max-width:64px;width:100%!important;height:auto!important}.char.on{background:#fff0f7;border-color:#ff7eb3;transform:translateY(-2px)}.maps{grid-template-columns:1fr 1fr;gap:10px;display:grid}.map{cursor:pointer;background:#fff;border:4px solid #fff;border-radius:18px;position:relative;overflow:hidden;box-shadow:0 4px #e8d5ee}.map img{aspect-ratio:3/1.7;object-fit:cover;object-position:50% 30%;width:100%;display:block}.map .t{text-align:center;padding:6px 4px 2px;font-size:18px}.map .d{text-align:center;color:#9a80aa;padding:0 4px 6px;font-size:12px}.map.on{border-color:#ff7eb3}.map.on:after{content:"✔";color:#fff;background:#ff7eb3;border-radius:50%;place-items:center;width:28px;height:28px;font-size:16px;display:grid;position:absolute;top:6px;right:8px}.btns{gap:10px;display:flex}.btns>*{flex:1}button{font:inherit;color:#5a3d5c;cursor:pointer;background:#fff;border:none;border-radius:16px;padding:10px 12px;font-size:17px;transition:transform 80ms;box-shadow:0 4px #e2cfe9}button:active{transform:translateY(3px);box-shadow:0 1px #e2cfe9}button.big{color:#fff;padding:14px 10px;font-size:24px}.pink{color:#fff;background:#ff7eb3;box-shadow:0 5px #e0548f}.mint{color:#fff;background:#4fcf9f;box-shadow:0 5px #33a77b}button:disabled{opacity:.45}.back{box-shadow:none;color:#9a80aa;background:0 0;margin-top:auto}.or{text-align:center;color:#9a80aa;margin:14px 0 6px}.join{gap:8px;display:flex}.join input{text-align:center;letter-spacing:8px;background:#fff;border-radius:16px;padding:10px 14px;font-size:28px;box-shadow:0 3px #f3c6dc}.note{text-align:center;color:#9a80aa;margin:6px 0;font-size:15px}.code-box{text-align:center;background:#fff;border-radius:20px;padding:10px;font-size:20px;box-shadow:0 4px #f3c6dc}.code-box b{letter-spacing:10px;color:#ff5c9a;font-size:56px;font-weight:400;display:block}.peers{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.peer{text-align:center;background:#fff;border-radius:16px;padding:4px 4px 8px;font-size:15px;box-shadow:0 3px #e8d5ee}.peer canvas{width:60px!important;height:60px!important}.peer .host{color:#ff5c9a;font-size:11px}.tabs{gap:6px;display:flex}.tabs button{flex:1;padding:8px 4px;font-size:15px}.tabs button.on{color:#fff;background:#ff7eb3;box-shadow:0 4px #e0548f}.rank-list{flex-direction:column;gap:6px;margin:4px 0;padding:0;list-style:none;display:flex}.rank-list li{background:#fff;border-radius:14px;align-items:center;gap:10px;padding:4px 12px 4px 8px;font-size:18px;display:flex;box-shadow:0 3px #efe0f3}.rank-list li .n{text-align:center;color:#c9a5d6;width:30px;font-size:20px}.rank-list li:first-child .n,.rank-list li:nth-child(2) .n,.rank-list li:nth-child(3) .n{font-size:24px}.rank-list li canvas{width:40px!important;height:40px!important}.rank-list li .who{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.rank-list li .v{color:#ff5c9a}.rank-list li.me{background:#fff0f7;outline:3px solid #ff9ec7}.how{flex-direction:column;gap:8px;margin:0;padding:0;font-size:18px;list-style:none;display:flex}.how li{background:#fff;border-radius:14px;padding:10px 14px;box-shadow:0 3px #efe0f3}#hud{padding:max(8px, env(safe-area-inset-top)) 10px 0;pointer-events:none;flex-wrap:wrap;align-items:center;gap:8px;display:flex;position:fixed;top:0;left:0;right:0}#hud>*{pointer-events:auto}.hud-btn{border-radius:50%;width:42px;height:42px;padding:0;font-size:18px}.timer{text-align:center;color:#ff5c9a;text-shadow:2px 2px #fff,-2px -2px #fff,2px -2px #fff,-2px 2px #fff;flex:1;font-size:26px}.standings{flex-wrap:wrap;flex-basis:100%;justify-content:center;gap:6px;display:flex;pointer-events:none!important}.standings span{background:#ffffffd9;border-radius:10px;padding:2px 8px;font-size:13px}.toast{left:50%;bottom:calc(max(14px, env(safe-area-inset-bottom)) + 62px);color:#ff4f8f;white-space:nowrap;pointer-events:none;background:#fffffff2;border-radius:20px;padding:10px 18px;font-size:19px;animation:.25s ease-out pop;position:fixed;transform:translate(-50%);box-shadow:0 6px 20px #783c7840}@keyframes pop{0%{transform:translate(-50%)scale(.6)}to{transform:translate(-50%)scale(1)}}.card{background:#fff;border-radius:28px;flex-direction:column;align-items:stretch;gap:8px;padding:18px 16px;animation:.35s cubic-bezier(.3,1.6,.5,1) pop2;display:flex;box-shadow:0 10px 30px #783c784d}@keyframes pop2{0%{opacity:0;transform:scale(.5)}}.res-char{justify-content:center;display:flex}.stars{text-align:center;letter-spacing:6px;font-size:40px}.stars .off{filter:grayscale();opacity:.3}.res-time{text-align:center;color:#5a3d5c;font-size:34px}.res-points{text-align:center;color:#ff5c9a;font-size:22px}.levels{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.level{flex-direction:column;align-items:center;padding:6px 4px;font-size:17px;line-height:1.15;display:flex}.level small{color:#9a80aa;font-size:11px}.level.on{background:#ffe27a;box-shadow:0 4px #e2b93a}.tabs.small button{padding:5px 4px;font-size:13px}.stars-hud{color:#e8a400;background:#ffffffe6;border-radius:14px;padding:4px 10px;font-size:18px}.effects{text-align:center;min-width:42px;font-size:20px}.item-btn{background:#fff9;border:3px dashed #d9c3e6;border-radius:50%;width:52px;height:52px;padding:0;font-size:28px;box-shadow:0 4px #a078b466}.item-btn.ready{background:#fff;border:4px solid #ff7eb3;animation:.8s ease-in-out infinite bounce}.item-btn.rolling{border:4px solid #ffd84a;animation:.25s linear infinite spin}.item-btn:disabled{opacity:1}@keyframes bounce{50%{transform:scale(1.1)}}@keyframes spin{to{transform:rotate(360deg)}}.res-stats{flex-wrap:wrap;justify-content:center;gap:6px;font-size:14px;display:flex}.res-stats span{background:#fff4c9;border-radius:10px;padding:3px 8px}.how{font-size:16px}.game-btns{left:max(12px, env(safe-area-inset-left));bottom:max(14px, env(safe-area-inset-bottom));align-items:center;gap:8px;display:flex;position:fixed}#hud.hidden~.game-btns{display:none}.emotes{gap:6px;display:flex}.emotes button{background:#ffffffd9;border-radius:50%;width:44px;height:44px;padding:0;font-size:22px}.bank{text-align:center;background:#fff;border-radius:16px;padding:8px;font-size:20px;box-shadow:0 3px #f3d98a}.bank b{color:#e8a400;font-size:26px;font-weight:400}.bank small{color:#9a80aa;font-size:12px;display:block}.shop-preview{justify-content:center;display:flex}.shop-items{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.shop-item{opacity:.85;flex-direction:column;align-items:center;gap:2px;padding:6px 4px 8px;font-size:14px;display:flex}.shop-item b{font-weight:400}.shop-item small{color:#e8a400;font-size:13px}.shop-item.owned{opacity:1}.shop-item.owned small{color:#4fcf9f}.shop-item.on{background:#fff0f7;outline:3px solid #ff7eb3}.res-stats .bank{box-shadow:none;background:#ffe8f3;border-radius:10px;padding:3px 8px;font-size:14px;display:inline}.logo-keys{justify-content:center;gap:6px;margin-bottom:4px;display:flex}.logo-keys i{background:#ffb3cf;border-radius:9px;width:26px;height:46px;animation:1.2s ease-in-out infinite keyhop;box-shadow:0 5px #ff7eb0}.logo-keys i:nth-child(2){background:#ffd59e;animation-delay:.15s;box-shadow:0 5px #ffb04d}.logo-keys i:nth-child(3){background:#b5ecc8;animation-delay:.3s;box-shadow:0 5px #5fd08f}.logo-keys i:nth-child(4){background:#b9d4ff;animation-delay:.45s;box-shadow:0 5px #6d9dff}@keyframes keyhop{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-12px)}}h1{font-size:34px}.chars{grid-template-columns:repeat(7,1fr);gap:4px}.char span{font-size:11px}.themes{grid-template-columns:1fr 1fr;gap:10px;display:grid}.theme{background:#fff;border:4px solid #fff;border-radius:18px;padding:0;position:relative;overflow:hidden;box-shadow:0 4px #e8d5ee}.theme canvas{display:block;width:100%!important;height:92px!important}.theme .t{padding:6px 4px 2px;font-size:17px}.theme .d{color:#9a80aa;padding:0 4px 6px;font-size:12px}.theme.on{border-color:#ff7eb3}.theme.on:after{content:"✔";color:#fff;background:#ff7eb3;border-radius:50%;place-items:center;width:26px;height:26px;font-size:15px;display:grid;position:absolute;top:6px;right:8px}.tabs button small{opacity:.8;font-size:11px;display:block}.song-list{flex-direction:column;gap:8px;display:flex}.song{background:#fff;border-radius:18px;align-items:center;gap:10px;padding:10px 10px 10px 14px;display:flex;box-shadow:0 4px #efe0f3}.song .info{flex:1;min-width:0}.song .info b{font-size:20px;font-weight:400;display:block}.song .info small{color:#9a80aa;font-size:12px}.song .best{color:#e8a400;font-size:12px;display:block}.song .play-btn{padding:10px 14px;font-size:18px}.song .pre{border-radius:50%;width:40px;height:40px;padding:0;font-size:16px}.lobby-song{text-align:center;background:#fff;border-radius:16px;padding:10px;font-size:18px;box-shadow:0 3px #efe0f3}.lobby-song small{color:#9a80aa;font-size:12px;display:block}.rank-song{font:inherit;color:#5a3d5c;background:#fff;border:2px solid #f3c6dc;border-radius:14px;padding:8px 12px;font-size:17px}#hud{flex-wrap:nowrap}.hud-mid{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.hud-song{text-align:center;white-space:nowrap;text-overflow:ellipsis;color:#5a3d5c;text-shadow:1px 1px #fff,-1px -1px #fff;font-size:14px;overflow:hidden}.bar{background:#fff9;border-radius:4px;height:8px;overflow:hidden}.bar i{background:linear-gradient(90deg,#ff7eb3,#ffd84a,#5fd08f,#6d9dff);width:0;height:100%;display:block}.hud-score{text-align:right;color:#ff5c9a;text-shadow:2px 2px #fff,-2px -2px #fff,2px -2px #fff,-2px 2px #fff;font-variant-numeric:tabular-nums;min-width:70px;font-size:22px}.res-place{text-align:center;color:#ff5c9a;font-size:26px}.grade{text-align:center;background:linear-gradient(135deg,#ff7eb3,#ffb04d,#5fd08f,#6d9dff);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:84px;line-height:1;animation:.5s cubic-bezier(.3,1.6,.5,1) pop2}.res-score{text-align:center;font-size:30px}.counts{text-align:center;grid-template-columns:repeat(5,1fr);gap:4px;font-size:12px;display:grid}.counts span{background:#fff4f9;border-radius:10px;padding:4px 2px}.counts b{font-size:18px;font-weight:400;display:block}.toast{bottom:calc(max(14px, env(safe-area-inset-bottom)) + 24px)}body[data-theme=space] .hud-song{color:#fff;text-shadow:1px 1px #2a1b5e,-1px -1px #2a1b5e}body[data-theme=space] .bar{background:#ffffff40}.song .arr{color:#7a5cff;background:#f1e9ff;border-radius:8px;margin-top:2px;padding:1px 7px;font-size:12px;display:inline-block}.chat{background:#fff;border-radius:20px;flex-direction:column;gap:8px;margin-top:6px;padding:10px;display:flex;box-shadow:0 4px #e8d5ee}.chat-title{color:#9a80aa;font-size:15px}.chat-log{overscroll-behavior:contain;background:#fbf6ff;border-radius:14px;flex-direction:column;gap:6px;height:170px;padding:6px 2px;display:flex;overflow-y:auto}.chat-empty,.chat-sys{text-align:center;color:#b9a3c6;font-size:13px}.chat-empty{margin:auto 0}.chat-row{align-items:flex-end;gap:6px;padding:0 6px;display:flex}.chat-row.mine{justify-content:flex-end}.chat-row canvas{flex:none;width:30px!important;height:30px!important}.chat-col{flex-direction:column;max-width:75%;display:flex}.chat-row.mine .chat-col{align-items:flex-end}.chat-name{color:#9a80aa;margin:0 0 2px 4px;font-size:12px}.chat-bubble{word-break:break-all;background:#fff;border-radius:16px 16px 16px 4px;padding:7px 12px;font-size:17px;line-height:1.3;box-shadow:0 2px #eadff0}.chat-row.mine .chat-bubble{color:#fff;background:#ff7eb3;border-radius:16px 16px 4px;box-shadow:0 2px #e0548f}.chat-bubble.emoji{padding:0 4px;font-size:34px;box-shadow:none!important;background:0 0!important}.chat-quick{flex-wrap:wrap;gap:6px;display:flex}.chat-quick button{background:#fbf6ff;border-radius:999px;padding:6px 11px;font-size:15px;box-shadow:0 3px #e2cfe9}.chat-form{gap:8px;display:flex}.chat-form input{-webkit-user-select:text;user-select:text;background:#fbf6ff;border-radius:14px;flex:1;padding:8px 12px;font-size:17px}.chat-form button{flex:none;padding:8px 14px;font-size:16px}