*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{color:#e0e0e0;-webkit-tap-highlight-color:transparent;background:radial-gradient(60% 40% at 20% 30%,#5028a059 0%,#0000 70%),radial-gradient(50% 35% at 80% 70%,#1450a04d 0%,#0000 65%),radial-gradient(40% 30% at 60% 20%,#a0285033 0%,#0000 60%),#08080f;font-family:Courier New,Consolas,monospace}body:before,body:after{content:"";pointer-events:none;z-index:0;position:fixed;inset:0}body:before{background-image:radial-gradient(1px 1px at 10% 15%,#fffc 0%,#0000 100%),radial-gradient(1px 1px at 25% 40%,#fff9 0%,#0000 100%),radial-gradient(1.5px 1.5px at 40% 8%,#ffffffe6 0%,#0000 100%),radial-gradient(1px 1px at 55% 55%,#ffffff80 0%,#0000 100%),radial-gradient(1px 1px at 70% 25%,#ffffffb3 0%,#0000 100%),radial-gradient(1.5px 1.5px at 85% 60%,#fffc 0%,#0000 100%),radial-gradient(1px 1px at 15% 75%,#fff9 0%,#0000 100%),radial-gradient(1px 1px at 35% 90%,#fff6 0%,#0000 100%),radial-gradient(2px 2px at 60% 80%,#ffffffb3 0%,#0000 100%),radial-gradient(1px 1px at 90% 10%,#ffffffe6 0%,#0000 100%),radial-gradient(1px 1px at 5%,#ffffff80 0%,#0000 100%),radial-gradient(1px 1px at 75% 90%,#fff9 0%,#0000 100%),radial-gradient(1.5px 1.5px at 48% 35%,#c8c8ffcc 0%,#0000 100%),radial-gradient(1px 1px at 92% 45%,#ffc8c8b3 0%,#0000 100%),radial-gradient(1px 1px at 30% 65%,#c8ffe699 0%,#0000 100%);animation:6s ease-in-out infinite alternate starTwinkle}body:after{background-image:radial-gradient(1px 1px at 18% 22%,#ffffffb3 0%,#0000 100%),radial-gradient(1.5px 1.5px at 43% 68%,#fffc 0%,#0000 100%),radial-gradient(1px 1px at 67% 12%,#ffffff80 0%,#0000 100%),radial-gradient(1px 1px at 82% 38%,#fff9 0%,#0000 100%),radial-gradient(2px 2px at 22% 85%,#ffffffe6 0%,#0000 100%),radial-gradient(1px 1px at 58% 48%,#fff6 0%,#0000 100%),radial-gradient(1px 1px at 95% 75%,#ffffffb3 0%,#0000 100%),radial-gradient(1.5px 1.5px at 38% 18%,#c8dcffcc 0%,#0000 100%),radial-gradient(1px 1px at 72% 62%,#ffd2b499 0%,#0000 100%),radial-gradient(1px 1px at 8% 92%,#ffffff80 0%,#0000 100%);animation:9s ease-in-out infinite alternate-reverse starTwinkle}@keyframes starTwinkle{0%{opacity:.5}50%{opacity:1}to{opacity:.6}}#root{z-index:1;z-index:1;flex-direction:column;width:100%;max-width:480px;margin:0 auto;display:flex;position:relative}.ad-modal-overlay{z-index:200;background:#000000d9;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ad-modal{background:#1a1a2e;border-radius:16px;flex-direction:column;align-items:center;gap:20px;width:280px;padding:32px 24px 24px;display:flex}.ad-box{flex-direction:column;align-items:center;gap:12px;display:flex}.ad-icon{font-size:48px}.ad-text{color:#a0aec0;text-align:center;font-size:16px;font-weight:700}.ad-count{color:#fff;font-size:48px;font-weight:900;line-height:1}.ad-confirm-btn{width:100%;padding:8px 16px;font-size:16px;font-weight:700}.ad-skip-btn{padding:8px 24px;font-size:16px;font-weight:600}.ad-spinner{border:4px solid #ffffff26;border-top-color:#0f8;border-radius:50%;width:44px;height:44px;animation:.8s linear infinite adSpin}@keyframes adSpin{to{transform:rotate(360deg)}}:root{--safe-area-inset-top:env(safe-area-inset-top,0px);--safe-area-inset-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;margin:0;padding:0}body{color:#eee;background-color:#0d0d0d;background-image:repeating-linear-gradient(#0000 0 7.5px,#ffffff0f 7.5px 8.5px,#0000 8.5px 16px,#ffffff0f 16px 17px,#0000 17px 24.5px,#ffffff0f 24.5px 25.5px,#0000 25.5px 33px,#ffffff0f 33px 34px,#0000 34px 41.5px,#ffffff0f 41.5px 42.5px,#0000 42.5px 72px);height:100dvh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}#root{flex-direction:column;height:100dvh;display:flex}.music-bg{pointer-events:none;z-index:0;position:fixed;inset:0}.music-bg-note{color:#fff;-webkit-user-select:none;user-select:none;font-family:serif;line-height:1;position:absolute}.app{height:100dvh;padding-top:var(--safe-area-inset-top);padding-bottom:var(--safe-area-inset-bottom);z-index:1;flex-direction:column;flex:1;display:flex;position:relative}.app-header{background:linear-gradient(#14142a 0%,#0d0d0d 100%);border-bottom:1px solid #1e1e3a;flex-direction:column;flex-shrink:0;justify-content:center;height:20dvh;display:flex;position:relative;overflow:hidden}.app-header-top{flex:1;align-items:center;gap:12px;padding:8px 20px 4px;display:flex}.app-header-left{flex-direction:column;flex:1;gap:2px;display:flex}.app-header-lives{z-index:1;box-sizing:border-box;border-top:1px solid #1e1e3a;gap:1px;width:100%;padding:5px 20px;display:flex}.app-header-lives .lives-row{flex:1}.app-header-lives .lives-row:last-child{justify-content:flex-end}.lives-row{align-items:center;gap:3px;display:flex}.live-pip{color:#2a2a2a;font-size:16px;line-height:1}.live-pip.play.filled{color:#f55}.live-pip.create{filter:grayscale()brightness(.3);font-size:11px}.live-pip.create.filled{filter:none}.live-extra{color:#888;margin-left:2px;font-size:9px}.live-charge-btn{color:#ccc;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#1e1e3a,#2a1a3a);border:1px solid #4a4a7a;border-radius:6px;align-items:center;gap:2px;height:24px;margin-left:6px;padding:4px 8px;font-size:11px;font-weight:600;transition:all .15s;display:flex}.live-charge-btn:hover{color:#fff;background:linear-gradient(135deg,#2a2a4a,#3a2a4a);border-color:#7a7aaa}.live-charge-btn:active{transform:scale(.95)}.live-charge-icon{font-size:12px;line-height:1}.app-header-eq{pointer-events:none;align-items:flex-end;gap:3px;padding:0 4px;display:flex;position:absolute;inset:0}.eq-bar{opacity:.12;background:linear-gradient(#65f 0%,#f5a 100%);border-radius:2px 2px 0 0;flex:1;animation:1.2s ease-in-out infinite alternate eqPulse}@keyframes eqPulse{0%{height:15%}to{height:85%}}.app-header-appname{color:#98f;letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:600}.app-header-name{color:#eee;font-size:22px;font-weight:800;line-height:1.2}.app-header-stats{gap:14px;margin-top:2px;display:flex}.app-header-stats span{color:#aaa;font-size:12px}.tab-content{-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.tab-bar{-webkit-backdrop-filter:blur(20px);padding-bottom:env(safe-area-inset-bottom,0px);background:#0a0a0eeb;border-top:1px solid #ffffff12;display:flex;box-shadow:0 -4px 24px #00000080}.tab-btn{color:#777;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:4px;padding:10px 0 12px;font-family:inherit;transition:color .15s;display:flex;position:relative}.tab-btn:after{content:"";opacity:0;background:currentColor;border-radius:0 0 2px 2px;height:2px;transition:opacity .15s;position:absolute;top:0;left:20%;right:20%}.tab-btn.active:after{opacity:1}.tab-icon{font-size:26px;line-height:1}.tab-label{letter-spacing:.3px;font-size:11px;font-weight:600}.tab-btn.active{color:#fff}.tab-browse.active{color:#4af}.tab-favorites.active{color:#f55}.tab-mylist.active{color:#a5f}.tab-creator.active{color:#5d5}.tab-settings.active{color:#fa5}.rhythm-btn{color:#eee;cursor:pointer;background:linear-gradient(135deg,#252525,#1a1a1a);border:1px solid #444;border-radius:8px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:background .15s,border-color .15s,box-shadow .15s}.rhythm-btn:hover{background:linear-gradient(135deg,#2e2e2e,#222);border-color:#666;box-shadow:0 2px 8px #0006}.rhythm-btn:disabled{opacity:.4;cursor:not-allowed}.rhythm-btn.secondary{color:#aaa;background:linear-gradient(135deg,#1e1e2a,#1a1a22);border-color:#444}.rhythm-btn.danger{color:#f44;background:linear-gradient(135deg,#2a1010,#1f0a0a);border-color:#f44}.rhythm-btn.green{color:#4f4;background:linear-gradient(135deg,#0a2a0a,#081e08);border-color:#4f4}.rhythm-btn.large{padding:14px 40px;font-size:18px}.empty-msg{text-align:center;color:#888;padding:60px 20px;font-size:14px}.song-list{flex-direction:column;gap:8px;padding:12px;display:flex}.song-card{border:1px solid #222;border-radius:12px;align-items:stretch;transition:border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.song-card[data-depth="1"]{opacity:.92;border-left-style:dashed;border-left-width:3px}.song-card[data-depth="2"]{opacity:.85;border-left-style:dotted;border-left-width:3px}.song-card:before{content:"";width:4px;position:absolute;top:0;bottom:0;left:0}.song-card[data-mode=melody]{background:#161616;border-width:2px;border-color:#1a3a5a}.song-card[data-mode=melody]:before{background:#4af}.song-card[data-mode=melody]:hover{border-color:#4af;box-shadow:0 0 0 1px #4af,0 0 16px #44aaff40}.song-card[data-mode=beatbox]{background:#161616;border-width:2px;border-color:#5a1a3a}.song-card[data-mode=beatbox]:before{background:#f5a}.song-card[data-mode=beatbox]:hover{border-color:#f5a;box-shadow:0 0 0 1px #f5a,0 0 16px #ff55aa40}.song-card[data-mode=edm]{background:#161616;border-width:2px;border-color:#3a1a5a}.song-card[data-mode=edm]:before{background:#a5f}.song-card[data-mode=edm]:hover{border-color:#a5f;box-shadow:0 0 0 1px #a5f,0 0 16px #aa55ff40}.song-card[data-mode=guitar]{background:#161616;border-width:2px;border-color:#1a4a1a}.song-card[data-mode=guitar]:before{background:#5d5}.song-card[data-mode=guitar]:hover{border-color:#5d5;box-shadow:0 0 0 1px #5d5,0 0 16px #55dd5540}.song-card[data-mode=drum]{background:#161616;border-width:2px;border-color:#4a2a0a}.song-card[data-mode=drum]:before{background:#fa5}.song-card[data-mode=drum]:hover{border-color:#fa5;box-shadow:0 0 0 1px #fa5,0 0 16px #ffaa5540}.song-card-main{background:#00000059;flex:0 0 50%;align-items:center;gap:8px;min-width:0;padding:12px 10px 12px 18px;display:flex}.song-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.song-title{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.song-creator{color:#999;font-size:12px}.song-stars{color:#f90;margin-top:2px;font-size:11px}.song-meta{color:#888;gap:10px;margin-top:4px;font-size:11px;display:flex}.song-basedon{color:#7a6a9a;margin-top:1px;font-size:11px}.song-card-actions{border-left:1px solid #222;flex:0 0 50%;justify-content:space-evenly;align-items:center;padding:8px 4px;display:flex}.card-btn{color:#888;cursor:pointer;background:#1a1a1a;border:1px solid #333;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:all .15s;display:flex}.card-btn.heart.active{color:#f55;border-color:#f55}.card-btn.heart:not(.active):hover{color:#888;border-color:#555}.card-btn.preview{color:#fa0;border-color:#fa0}.card-btn.layer{color:#a8f;border-color:#a8f}.card-btn.play{color:#4af;border-color:#4af}.card-btn.delete{color:#f55;border-color:#f55}.song-title.clickable{cursor:pointer}.song-title.clickable:hover{opacity:.8}.collapse-indicator{color:#888;font-size:11px}.settings-tab{flex-direction:column;gap:16px;padding:20px 16px;display:flex}.settings-card{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:14px;flex-direction:column;gap:14px;padding:18px;display:flex}.settings-card-header{align-items:center;gap:8px;display:flex}.settings-card-icon{font-size:20px}.settings-card-title{color:#ccc;font-size:15px;font-weight:700}.settings-card-current{background:#ffffff0a;border-radius:8px;align-items:center;gap:10px;padding:10px 14px;display:flex}.settings-current-label{color:#555;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.settings-current-name{color:#fff;font-size:16px;font-weight:700}.settings-row{align-items:center;gap:8px;display:flex}.settings-input-wrap{flex:1;position:relative}.settings-input-wrap .title-input{box-sizing:border-box;width:100%;padding-right:44px}.settings-input-count{color:#555;pointer-events:none;font-size:11px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.settings-ok{color:#4f4;font-size:13px;font-weight:600}.settings-err{color:#f66;font-size:13px;font-weight:600}.creator-tab{flex-direction:column;gap:10px;height:100%;padding:12px;display:flex}.creator-card{background:#ffffff0a;border:2px solid #ffffff1a;border-radius:12px;flex-direction:column;gap:10px;padding:14px;transition:border-color .3s,box-shadow .3s;display:flex}.creator-card[data-mode=melody]{border-color:#1a3a5a;box-shadow:0 0 16px #44aaff26}.creator-card[data-mode=beatbox]{border-color:#5a1a3a;box-shadow:0 0 16px #ff55aa26}.creator-card[data-mode=edm]{border-color:#3a1a5a;box-shadow:0 0 16px #aa55ff26}.creator-card[data-mode=guitar]{border-color:#1a4a1a;box-shadow:0 0 16px #55dd5526}.creator-card[data-mode=drum]{border-color:#4a2a0a;box-shadow:0 0 16px #ffaa5526}.creator-title-row{align-items:center;gap:10px;display:flex}.mode-row{align-items:center;gap:8px;width:100%;display:flex}.mode-row .mode-btn{flex:1}.record-row{align-items:center;gap:8px;width:100%;display:flex}.record-row .rhythm-btn{white-space:nowrap;flex:1}.mode-btn{cursor:pointer;background:#1a1a1a;border:1px solid #333;border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;transition:all .15s;display:flex}.mode-btn:disabled{opacity:.4;cursor:not-allowed}.mode-btn.active{background:#222;border-color:#fff}.title-input{color:#eee;background:#161616;border:1px solid #333;border-radius:8px;flex:1;padding:10px 14px;font-family:inherit;font-size:15px}.title-input:focus{border-color:#555;outline:none}.creator-stars{color:#f90;white-space:nowrap;font-size:14px}.creator-canvas{touch-action:none;cursor:crosshair;border:1px solid #222;border-radius:12px;flex:1;width:100%;min-height:240px}.creator-canvas-hint{color:#888;text-align:center;font-size:12px}.creator-basedon-hint{color:#a8f;text-align:center;padding:4px 0;font-size:12px}.rec-dot{color:#f44;animation:1s step-start infinite blink}@keyframes blink{50%{opacity:0}}.creator-time-row{align-items:center;gap:10px;display:flex}.creator-time-label{color:#888;font-size:13px}.time-dropdown{flex:none;position:relative}.time-dropdown-btn{color:#eee;cursor:pointer;white-space:nowrap;text-align:center;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;min-width:90px;padding:8px 12px;font-family:inherit;font-size:13px}.time-dropdown-btn:disabled{opacity:.4;cursor:not-allowed}.time-dropdown-list{z-index:50;background:#1e1e1e;border:1px solid #ffffff1f;border-radius:10px;min-width:110px;position:absolute;top:calc(100% + 4px);right:0;overflow:hidden;box-shadow:0 8px 24px #00000080}.time-dropdown-item{color:#ccc;cursor:pointer;padding:10px 16px;font-size:14px;transition:background .1s}.time-dropdown-item:hover{background:#ffffff14}.time-dropdown-item.active{color:#fff;background:#ffffff0d;font-weight:700}.creator-actions{flex-direction:column;align-items:center;gap:8px;display:flex}.verify-scores{gap:10px;display:flex}.verify-scores .pass{color:#4f4;font-weight:700}.verify-scores .fail{color:#f44;font-weight:700}.verify-hint{color:#999;text-align:center;font-size:12px}.save-row{gap:8px;display:flex}.upload-done{color:#4f4;font-weight:700}.player-screen{z-index:100;background:#111;flex-direction:column;display:flex;position:fixed;inset:0}.player-header{border-bottom:1px solid #ffffff0f;flex-direction:column;justify-content:flex-end;gap:8px;height:20svh;min-height:20svh;padding:16px 20px;display:flex;position:relative;overflow:hidden}.player-header:before{content:"";pointer-events:none;background:linear-gradient(160deg,#ffffff08 0%,#0000 60%);position:absolute;inset:0}.player-header-eq{opacity:.25;pointer-events:none;align-items:flex-end;gap:3px;padding:0 12px;display:flex;position:absolute;inset:0}.player-header-eq .eq-bar{background:currentColor;border-radius:2px 2px 0 0;flex:1;transition:height 50ms ease-out}.player-header-eq[data-live] .eq-bar{animation:none}.player-header-notes{pointer-events:none;position:absolute;inset:0;overflow:hidden}.ph-note{color:#fff;-webkit-user-select:none;user-select:none;position:absolute}.player-header[data-mode=melody]{background:linear-gradient(#44aaff2e 0%,#44aaff0d 60%,#0000 100%);border-bottom-color:#44aaff4d}.player-header[data-mode=beatbox]{background:linear-gradient(#ff55aa2e 0%,#ff55aa0d 60%,#0000 100%);border-bottom-color:#ff55aa4d}.player-header[data-mode=edm]{background:linear-gradient(#aa55ff2e 0%,#aa55ff0d 60%,#0000 100%);border-bottom-color:#aa55ff4d}.player-header[data-mode=guitar]{background:linear-gradient(#55dd552e 0%,#55dd550d 60%,#0000 100%);border-bottom-color:#55dd554d}.player-header[data-mode=drum]{background:linear-gradient(#ffaa552e 0%,#ffaa550d 60%,#0000 100%);border-bottom-color:#ffaa554d}.player-header-info{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.player-header-title{letter-spacing:-.5px;text-shadow:0 1px 8px #0009;font-size:22px;font-weight:800}.player-header-creator{color:#ffffff80;font-size:13px;font-weight:400}.player-header-stars{color:#f90;font-size:14px}.player-header-meta{color:#ffffff59;gap:12px;font-size:12px;display:flex}.player-ready{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;display:flex}.player-start-btn{letter-spacing:2px;cursor:pointer;border:none;border-radius:50px;padding:16px 56px;font-size:20px;font-weight:800;transition:transform .15s,box-shadow .15s}.player-start-btn[data-mode=melody]{color:#fff;background:linear-gradient(135deg,#1a6aaa,#4af);box-shadow:0 4px 24px #44aaff73}.player-start-btn[data-mode=beatbox]{color:#fff;background:linear-gradient(135deg,#a0185a,#f5a);box-shadow:0 4px 24px #ff55aa73}.player-start-btn[data-mode=edm]{color:#fff;background:linear-gradient(135deg,#5a18aa,#a5f);box-shadow:0 4px 24px #aa55ff73}.player-start-btn[data-mode=guitar]{color:#fff;background:linear-gradient(135deg,#186a18,#5d5);box-shadow:0 4px 24px #55dd5573}.player-start-btn[data-mode=drum]{color:#fff;background:linear-gradient(135deg,#8a4a08,#fa5);box-shadow:0 4px 24px #ffaa5573}.player-start-btn:hover{transform:scale(1.04)}.player-start-btn:active{transform:scale(.97)}.player-back-btn{color:#ffffff8c;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff2e;border-radius:50px;padding:13px 44px;font-size:16px;font-weight:600;transition:color .15s,border-color .15s,background .15s}.player-back-btn:hover{color:#ffffffd9;background:#ffffff17;border-color:#ffffff59}.player-hud{z-index:10;pointer-events:none;align-items:center;gap:12px;padding:16px;display:flex;position:absolute;top:0;left:0;right:0}.hud-back{pointer-events:all;color:#888;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:20px}.hud-center{pointer-events:none;z-index:20;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:42%;left:50%;transform:translate(-50%)}.hud-judgment{letter-spacing:2px;text-transform:uppercase;text-shadow:0 2px 16px #0009;font-size:52px;font-weight:900;animation:.55s ease-out forwards judgePop}.hud-combo{letter-spacing:1px;text-shadow:0 2px 16px #0009;font-size:26px;font-weight:900;animation:.55s ease-out forwards comboIn}@keyframes judgePop{0%{opacity:1;transform:scale(1.4)}60%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes comboIn{0%{opacity:1;transform:scale(1.3)}50%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.j-perfect{color:gold}.j-great{color:#4af}.j-good{color:#8f8}.j-miss{color:#f66}.player-canvas{touch-action:none;cursor:crosshair;flex:1;width:100%}.preview-sheet{z-index:150;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.preview-inner{background:#161616;border:1px solid #2a2a2a;border-radius:20px;flex-direction:column;gap:12px;width:100%;max-width:420px;padding:16px;display:flex}.preview-header{align-items:flex-start;gap:12px;display:flex}.preview-info{flex-direction:column;flex:1;gap:3px;display:flex}.preview-title{font-size:15px;font-weight:700}.preview-creator{color:#999;font-size:12px}.preview-stars{color:#f90;font-size:11px}.preview-close{color:#999;cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:18px}.preview-canvas{touch-action:none;background:#0d0d0d;border-radius:10px;width:100%;height:160px}.verify-overlay{z-index:200;position:fixed;inset:0}.confirm-overlay{z-index:160;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.confirm-modal{background:#1a1a2e;border:1px solid #2a2a4a;border-radius:16px;flex-direction:column;gap:20px;width:100%;max-width:300px;padding:28px 24px 20px;display:flex}.confirm-msg{color:#ccc;text-align:center;font-size:15px;line-height:1.6}.confirm-title{color:#fff;font-weight:700}.confirm-actions{gap:8px;display:flex}.confirm-actions .rhythm-btn{flex:1}.result-vote{gap:20px;display:flex}.vote-btn{cursor:pointer;background:#1a1a1a;border:2px solid #333;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;transition:all .15s;display:flex}.vote-btn.up.active{background:#0d1f2d;border-color:#4af}.vote-btn.down.active{background:#2d0d0d;border-color:#f66}.vote-btn:hover{border-color:#555}.player-result{flex-direction:column;flex:1;justify-content:flex-start;align-items:center;gap:20px;padding:32px 20px 24px;display:flex;position:relative;overflow:hidden}.player-result:before{content:"";opacity:.06;pointer-events:none;position:absolute;inset:0}.player-result[data-grade=S]:before{background:radial-gradient(at 50% 30%,gold,#0000 65%)}.player-result[data-grade=A]:before{background:radial-gradient(at 50% 30%,#8ef,#0000 65%)}.player-result[data-grade=B]:before{background:radial-gradient(at 50% 30%,#afa,#0000 65%)}.player-result[data-grade=C]:before{background:radial-gradient(at 50% 30%,#aaa,#0000 65%)}.result-grade{text-shadow:0 0 40px;font-size:120px;font-weight:900;line-height:1}.player-result[data-grade=S] .result-grade{color:gold}.player-result[data-grade=A] .result-grade{color:#8ef}.player-result[data-grade=B] .result-grade{color:#8f8}.player-result[data-grade=C] .result-grade{color:#aaa}.result-score{color:#ffffffbf;font-size:42px;font-weight:700;line-height:1}.result-score-unit{color:#666;margin-left:4px;font-size:18px;font-weight:400}.result-judgments{gap:6px;width:100%;display:flex}.result-j-item{background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;height:72px;padding:0;display:flex}.result-j-item .j-perfect{color:gold;font-size:22px;font-weight:800}.result-j-item .j-great{color:#8ef;font-size:22px;font-weight:800}.result-j-item .j-good{color:#8f8;font-size:22px;font-weight:800}.result-j-item .j-miss{color:#f66;font-size:22px;font-weight:800}.result-j-item .j-label{color:#666;text-transform:uppercase;letter-spacing:.5px;font-size:10px}.verify-result-badge{letter-spacing:1px;text-align:center;border-radius:10px;width:80%;padding:20px 0;font-size:22px;font-weight:800}.verify-result-badge.pass{color:#fff;text-shadow:0 1px 4px #0006;background:linear-gradient(135deg,#55dd5559,#55dd5526);border:1.5px solid #5d59;box-shadow:0 0 24px #55dd554d}.verify-result-badge.fail{color:#fff;text-shadow:0 1px 4px #0006;background:linear-gradient(135deg,#ff505059,#ff505026);border:1.5px solid #ff505099;box-shadow:0 0 24px #ff50504d}.result-song-info{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.result-song-title{font-size:16px;font-weight:700}.result-song-creator{color:#888;font-size:12px}.result-song-stars{color:#f90;font-size:13px}.result-actions{flex-direction:column;align-items:center;gap:10px;margin-top:4px;display:flex}.result-back-center{margin-top:auto;margin-bottom:auto}