*{box-sizing:border-box}html,body,#root{height:100%}body{color:#f2f2f5;touch-action:manipulation;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#101014;margin:0;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,Microsoft YaHei,sans-serif}.page{min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);flex-direction:column;display:flex}.page-center{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;display:flex}.page-title{letter-spacing:2px;margin:0;font-size:28px;font-weight:600}.page-subtitle{color:#8a8a93;margin:0;font-size:14px}.primary-button{color:#fff;text-align:center;cursor:pointer;background:#4f7cff;border:none;border-radius:14px;width:72%;max-width:320px;padding:16px 0;font-family:inherit;font-size:18px;font-weight:600;text-decoration:none;display:block}.primary-button:active{background:#3f68e0;transform:scale(.97)}.primary-button:disabled{opacity:.55;cursor:default}.audio-gate-progress{background:#1c1c22;border-radius:999px;width:min(240px,72vw);height:6px;overflow:hidden}.audio-gate-fill{background:#4f7cff;border-radius:999px;height:100%;transition:width .18s}.audio-gate-meta{color:#55555e;font-variant-numeric:tabular-nums;font-size:12px}.audio-gate-hint{color:#55555e;text-align:center;max-width:270px;margin:0;font-size:12px;line-height:1.6}.audio-gate-error{color:#e05252;text-align:center;max-width:290px;margin:0;font-size:13px;line-height:1.6}.subtle-link{color:#55555e;margin-top:24px;font-size:12px;text-decoration:none}.lobby-links{flex-direction:column;align-items:center;gap:14px;margin-top:24px;display:flex}.lobby-links .subtle-link{margin-top:0}.lobby-mode-btn{text-align:center;width:72%;max-width:320px;text-decoration:none;display:block}.lobby-topbar{justify-content:space-between;align-items:center;padding:12px 16px 0;display:flex}.lobby-exit-btn{color:#8a8a93;cursor:pointer;background:0 0;border:none;padding:6px 4px;font-family:inherit;font-size:13px}.lobby-exit-btn:active{color:#f2f2f5}.lobby-me{color:#f2f2f5;background:#16161c;border:1px solid #2a2a32;border-radius:999px;align-items:center;gap:8px;padding:4px 12px 4px 4px;text-decoration:none;display:flex}.lobby-me:active{background:#1f1f27}.lobby-avatar,.profile-avatar{color:#fff;background:linear-gradient(135deg,#4f7cff,#7a5cff);border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:600;display:flex}.lobby-avatar{width:32px;height:32px;font-size:15px}.lobby-me-label{color:#8a8a93;font-size:13px}.profile-body{flex-direction:column;flex:1;gap:16px;padding:8px 16px 32px;display:flex;overflow-y:auto}.profile-hero{background:#16161c;border:1px solid #2a2a32;border-radius:16px;align-items:center;gap:14px;padding:20px;display:flex}.profile-avatar{width:64px;height:64px;font-size:26px}.profile-name{margin:0;font-size:20px;font-weight:600}.profile-phone{color:#8a8a93;letter-spacing:.5px;margin:6px 0 0;font-size:13px}.profile-card{background:#16161c;border:1px solid #2a2a32;border-radius:16px;padding:4px 16px}.profile-row{justify-content:space-between;align-items:center;padding:16px 0;font-size:15px;display:flex}.profile-row+.profile-row{border-top:1px solid #1c1c22}.profile-row-value{color:#55555e;font-size:13px}.profile-logout{width:100%;margin-top:auto}.back-link{color:#8a8a93;padding:12px 16px;font-size:14px;text-decoration:none;display:inline-block}.dev-list{flex-direction:column;gap:12px;padding:24px;display:flex}.dev-list a{color:#f2f2f5;border:1px solid #2a2a32;border-radius:12px;padding:14px 16px;font-size:15px;text-decoration:none}.dev-list a:active{background:#1c1c22}.poc-placeholder{color:#55555e;flex:1;justify-content:center;align-items:center;font-size:14px;display:flex}.keys-poc{flex-direction:column;gap:0;display:flex}.keys-poc-header{justify-content:space-between;align-items:center;padding-right:16px;display:flex}.keys-poc-title{color:#8a8a93;letter-spacing:1px;font-size:13px}.keys-poc-controls{border-bottom:1px solid #1c1c22;flex-direction:column;gap:10px;padding:8px 16px 14px;display:flex}.keys-poc-row{align-items:center;gap:12px;display:flex}.keys-poc-label{color:#8a8a93;width:64px;font-size:13px}.keys-poc-btn{color:#f2f2f5;background:#16161c;border:1px solid #2a2a32;border-radius:8px;width:36px;height:32px;font-size:18px;line-height:1}.keys-poc-btn:active{background:#1f1f27}.keys-poc-btn:disabled{opacity:.35}.keys-poc-value{text-align:center;font-variant-numeric:tabular-nums;color:#f2f2f5;min-width:32px;font-size:14px}.keys-poc-hint{color:#8a8a93;font-size:13px}.keys-poc-toggle{background:#16161c;border:1px solid #2a2a32;border-radius:999px;width:44px;height:24px;padding:0;position:relative}.keys-poc-toggle-dot{background:#55555e;border-radius:50%;width:18px;height:18px;transition:left .15s,background .15s;position:absolute;top:2px;left:2px}.keys-poc-toggle.on{background:#2a3a55;border-color:#3f5b8a}.keys-poc-toggle.on .keys-poc-toggle-dot{background:#4f7cff;left:22px}.keys-poc-stage{flex:1;min-height:0;position:relative}@font-face{font-family:Bravura;src:url(/fonts/Bravura.woff2)format("woff2");font-display:block}.staff-view .smufl{font-family:Bravura,sans-serif;font-size:4px}.staff-poc-stage{flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.staff-poc-stage .staff-view,.game-staff .staff-view{color:#1a1a1e;background:#fdfdf8;border-radius:12px;padding:8px}.staff-poc-caption{text-align:center;color:#8a8a93;padding:8px 0;font-size:13px}.staff-poc-chips{flex-wrap:wrap;gap:8px;display:flex}.staff-poc-chip{color:#f2f2f5;background:#16161c;border:1px solid #2a2a32;border-radius:8px;min-width:36px;height:32px;padding:0 10px;font-size:14px;line-height:1}.staff-poc-chip.on{color:#9dbcff;background:#2a3a55;border-color:#4f7cff}.game-staff{touch-action:none;cursor:grab;flex:auto;justify-content:center;align-items:center;min-height:0;padding:12px 16px 8px;display:flex;position:relative}.game-staff .staff-view{width:100%;height:auto;max-height:100%}.game-keyboard{flex:0 0 240px;height:240px;min-height:0}.game-header{gap:8px}.game-exit-btn{color:#8a8a93;cursor:pointer;background:0 0;border:none;padding:12px 16px;font-family:inherit;font-size:14px}.game-hud{justify-content:space-between;align-items:center;padding:0 16px 10px;display:flex}.game-hud-score{font-variant-numeric:tabular-nums;align-items:baseline;gap:6px;display:flex;position:relative}.game-score-num{font-size:34px;font-weight:700;line-height:1}.game-score-label{color:#8a8a93;font-size:13px}.game-streak{color:#ffb84d;white-space:nowrap;font-size:12px;font-weight:600}.game-float{color:#4caf6d;white-space:nowrap;pointer-events:none;font-size:15px;font-weight:700;animation:.65s ease-out forwards score-float;position:absolute;top:-4px;left:50%}@keyframes score-float{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-24px)}}.game-timer{text-align:right;font-variant-numeric:tabular-nums;min-width:76px;font-size:28px;font-weight:700}.game-timer-danger{color:#e05252;animation:1s ease-in-out infinite timer-pulse}@keyframes timer-pulse{0%,to{opacity:1}50%{opacity:.45}}.game-countdown{color:#f2f2f5;justify-content:center;align-items:center;font-size:96px;font-weight:700;animation:.85s ease-out both countdown-pop;display:flex;position:absolute;inset:0}@keyframes countdown-pop{0%{opacity:0;transform:scale(1.7)}35%{opacity:1;transform:scale(1)}to{opacity:1;transform:scale(1)}}.overlay-backdrop{z-index:10;background:#08080cd1;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-card,.result-card{background:#16161c;border:1px solid #2a2a32;border-radius:16px;width:100%;max-width:340px;padding:20px}.modal-text{margin:0;font-size:15px;line-height:1.6}.result-card{text-align:center;max-height:100%;overflow-y:auto}.result-label{color:#8a8a93;margin:0;font-size:13px}.result-score{font-variant-numeric:tabular-nums;margin:4px 0 2px;font-size:48px;font-weight:700}.result-best{color:#8a8a93;margin:0 0 14px;font-size:12px}.result-best.record{color:#ffb84d;font-weight:600}.result-stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.result-stat{background:#101014;border-radius:10px;padding:8px 4px}.result-stat i{color:#8a8a93;font-size:11px;font-style:normal;display:block}.result-stat b{font-variant-numeric:tabular-nums;font-size:16px}.result-chart{margin-top:12px}.result-bars{background:#101014;border-radius:10px;align-items:flex-end;gap:2px;height:96px;padding:8px;display:flex}.result-bar{border-radius:2px 2px 0 0;flex:1}.result-bar.ok{background:#4caf6d}.result-bar.bad{background:#e05252}.result-empty{color:#55555e;margin:auto;font-size:12px}.result-axis{text-align:left;color:#55555e;margin:6px 0 0;font-size:11px}.result-actions{gap:12px;margin-top:18px;display:flex}.result-actions>button{flex:1}.result-actions .primary-button{width:auto;max-width:none;padding:13px 0;font-size:16px}.secondary-button{color:#f2f2f5;cursor:pointer;background:#16161c;border:1px solid #2a2a32;border-radius:14px;padding:12px 0;font-family:inherit;font-size:15px}.secondary-button:active{background:#1f1f27}.danger-button{color:#fff;cursor:pointer;background:#e05252;border:none;border-radius:14px;padding:12px 0;font-family:inherit;font-size:15px;font-weight:600}.danger-button:active{background:#c74343}.login-form{gap:14px;width:100%;padding:0 24px 40px}.login-field{flex-direction:column;gap:8px;width:100%;max-width:340px;display:flex}.login-label{color:#8a8a93;font-size:13px}.login-input{color:#f2f2f5;font-variant-numeric:tabular-nums;-webkit-user-select:text;user-select:text;background:#16161c;border:1px solid #2a2a32;border-radius:12px;outline:none;width:100%;height:48px;padding:0 14px;font-family:inherit;font-size:16px}.login-input:focus{border-color:#4f7cff}.login-input::placeholder{color:#55555e}.login-code-row{gap:10px;display:flex}.login-send{color:#9dbcff;white-space:nowrap;cursor:pointer;background:#1c1c22;border:1px solid #2a2a32;border-radius:12px;flex:0 0 116px;height:48px;font-family:inherit;font-size:14px}.login-send:active{background:#232330}.login-send:disabled{color:#55555e;cursor:default}.form-error{color:#e05252;text-align:center;max-width:340px;margin:0;font-size:13px;line-height:1.5}.form-hint{color:#4caf6d;text-align:center;max-width:340px;margin:0;font-size:13px;line-height:1.5}.leaderboard-body{flex-direction:column;flex:1;gap:16px;padding:0 16px 32px;display:flex;overflow-y:auto}.leaderboard-status{text-align:center;color:#8a8a93;margin:24px 0;font-size:14px}.leaderboard-status.error{color:#e05252}.lb-tabs{gap:8px;display:flex}.lb-tab{color:#8a8a93;cursor:pointer;background:#16161c;border:1px solid #2a2a32;border-radius:12px;flex:1;padding:10px 0;font-family:inherit;font-size:14px}.lb-tab.on{color:#9dbcff;background:#2a3a55;border-color:#4f7cff;font-weight:600}.lb-list{background:#16161c;border:1px solid #2a2a32;border-radius:16px;flex-direction:column;padding:4px 14px;display:flex}.lb-row{align-items:center;gap:12px;padding:12px 0;display:flex}.lb-row+.lb-row{border-top:1px solid #1c1c22}.lb-row.me .lb-name{color:#9dbcff}.lb-rank{text-align:center;color:#8a8a93;font-variant-numeric:tabular-nums;flex:none;width:24px;font-size:14px}.lb-rank.top{color:#ffb84d;font-weight:700}.lb-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.lb-name{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.lb-meta{color:#55555e;font-size:11px}.lb-score{font-variant-numeric:tabular-nums;flex:none;font-size:17px;font-weight:700}.lb-gap{text-align:center;color:#55555e;margin:0;font-size:12px}.lb-empty{text-align:center;color:#55555e;margin:24px 0;font-size:13px}.lb-total{text-align:center;color:#55555e;margin:0;font-size:11px}.result-board{text-align:left;margin-top:16px}.result-board .lb-tabs{margin-bottom:10px}.result-board .lb-list{padding:2px 12px}.result-board .lb-row{padding:9px 0}.result-board .lb-name{font-size:14px}.result-board .lb-score{font-size:15px}.result-board .lb-total{margin-top:8px}.result-upload-error{color:#e05252}.lb-retry{color:#9dbcff;cursor:pointer;background:#1c1c22;border:1px solid #2a2a32;border-radius:10px;margin:0 0 14px;padding:6px 14px;font-family:inherit;font-size:13px}.pk-topbar{justify-content:space-between;align-items:center;padding:12px 16px 0;display:flex}.pk-tabs{padding:0 16px 12px}.pk-tab-body{min-height:0;padding:0 16px calc(24px + env(safe-area-inset-bottom));flex-direction:column;flex:1;gap:16px;display:flex;overflow-y:auto}.pk-pending{background:#16161c;border:1px solid #2a2a32;border-radius:16px;align-items:center;gap:12px;padding:14px 16px;display:flex}.pk-pending-main{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.pk-pending-title{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.pk-pending-sub{color:#8a8a93;font-variant-numeric:tabular-nums;font-size:12px}.pk-pending-cancel{color:#9dbcff;cursor:pointer;background:#1c1c22;border:1px solid #2a2a32;border-radius:10px;flex:none;padding:8px 14px;font-family:inherit;font-size:13px}.pk-player{align-items:center;gap:12px;padding:12px 0;display:flex}.pk-player+.pk-player{border-top:1px solid #1c1c22}.pk-player-avatar{color:#fff;background:linear-gradient(135deg,#4f7cff,#7a5cff);border-radius:50%;flex:none;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;font-weight:600;display:flex}.pk-player-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.pk-player-name{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.pk-player-status{color:#8a8a93;font-size:11px}.pk-player-status.idle{color:#4caf6d}.pk-player-status.inviting{color:#ffb84d}.pk-invite-btn{color:#9dbcff;cursor:pointer;background:#2a3a55;border:1px solid #3f5b8a;border-radius:10px;flex:none;padding:8px 16px;font-family:inherit;font-size:13px}.pk-invite-btn:disabled{opacity:.4;cursor:default}.pk-lobby-note{text-align:center;color:#55555e;margin:0;font-size:11px;line-height:1.6}.pk-invite-card{text-align:center}.pk-invite-title{margin:0;font-size:18px;font-weight:600}.pk-invite-count{color:#8a8a93;font-variant-numeric:tabular-nums;margin:8px 0 0;font-size:12px}.pk-invite-card .result-actions>.primary-button{width:auto;max-width:none;padding:13px 0;font-size:16px}.pk-hud{gap:12px}.pk-side{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.pk-side.right{text-align:right;align-items:flex-end}.pk-side-name{color:#8a8a93;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;overflow:hidden}.pk-side-score{font-variant-numeric:tabular-nums;font-size:30px;font-weight:700;line-height:1.1}.pk-side-meta{color:#55555e;font-variant-numeric:tabular-nums;min-height:14px;font-size:11px}.pk-clock{text-align:center;font-variant-numeric:tabular-nums;flex:none;min-width:82px;font-size:28px;font-weight:700}.pk-clock-danger{color:#e05252;animation:1s ease-in-out infinite timer-pulse}.pk-status-row{color:#8a8a93;justify-content:space-between;align-items:center;gap:12px;padding:0 16px 8px;font-size:12px;display:flex}.pk-chip{color:#8a8a93;white-space:nowrap;background:#1c1c22;border-radius:999px;padding:4px 10px;font-size:12px}.pk-chip.on{color:#9dbcff;background:#2a3a55}.pk-chip.ok{color:#4caf6d;background:#1d3a2a}.pk-chip.bad{color:#e05252;background:#3a2024}.pk-overlay{z-index:20;background:#08080cb8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.pk-overlay-card{text-align:center}.pk-overlay-title{margin:0;font-size:17px;font-weight:600}.pk-overlay-sub{color:#8a8a93;margin:8px 0 0;font-size:12px;line-height:1.6}.pk-overlay-action{width:100%;margin-top:16px}.pk-result-body{min-height:0;padding:8px 16px calc(24px + env(safe-area-inset-bottom));flex-direction:column;flex:1;gap:16px;display:flex;overflow-y:auto}.pk-result-head{text-align:center}.pk-result-title{letter-spacing:2px;margin:8px 0 0;font-size:44px;font-weight:700}.pk-result-title.win{color:#ffb84d}.pk-result-title.loss{color:#e05252}.pk-result-title.draw{color:#9dbcff}.pk-result-reason{color:#8a8a93;margin:6px 0 0;font-size:12px}.pk-scoreboard{background:#16161c;border:1px solid #2a2a32;border-radius:16px;align-items:center;gap:12px;padding:18px 16px;display:flex}.pk-score-side{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.pk-score-side.right{text-align:right;align-items:flex-end}.pk-score-name{color:#8a8a93;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13px;overflow:hidden}.pk-score-num{font-variant-numeric:tabular-nums;font-size:38px;font-weight:700;line-height:1.1}.pk-score-meta{color:#55555e;font-size:11px}.pk-vs{color:#55555e;letter-spacing:1px;flex:none;font-size:12px}.pk-points-card{background:#16161c;border:1px solid #2a2a32;border-radius:16px;flex-direction:column;gap:10px;padding:16px;display:flex}.pk-points-main{justify-content:space-between;align-items:baseline;display:flex}.pk-points-label{color:#8a8a93;font-size:13px}.pk-points-num{color:#ffb84d;font-variant-numeric:tabular-nums;font-size:26px;font-weight:700}.pk-points-rank{color:#8a8a93;justify-content:space-between;font-size:12px;display:flex}.pk-records{background:#16161c;border:1px solid #2a2a32;border-radius:16px;flex-direction:column;max-height:44dvh;padding:4px 14px;display:flex;overflow-y:auto}.pk-record-row{grid-template-columns:28px 1fr 1fr;align-items:center;gap:8px;padding:9px 0;font-size:12px;display:grid}.pk-record-row+.pk-record-row{border-top:1px solid #1c1c22}.pk-record-row.head{color:#55555e;background:#16161c;font-size:11px;position:sticky;top:0}.pk-record-index{text-align:center;color:#8a8a93;font-variant-numeric:tabular-nums}.pk-record-cell{white-space:nowrap;font-variant-numeric:tabular-nums}.pk-record-cell.ok{color:#4caf6d}.pk-record-cell.bad{color:#e05252}.pk-record-empty{text-align:center;color:#55555e;margin:16px 0;font-size:12px}.pk-result-note{text-align:center;color:#55555e;margin:0;font-size:11px}.pk-result-body .result-actions{margin-top:0}.pk-toast{left:50%;bottom:calc(28px + env(safe-area-inset-bottom));z-index:30;color:#f2f2f5;text-align:center;background:#232330;border:1px solid #3f5b8a;border-radius:12px;max-width:calc(100vw - 48px);padding:10px 16px;font-size:13px;line-height:1.5;position:fixed;transform:translate(-50%);box-shadow:0 8px 24px #0006}