@import "https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;600;700&display=swap";:root{--bg-color:#050505;--panel-bg:#000c;--text-primary:#fff;--text-secondary:#aaa;--accent-color:#ff4d00;--accent-glow:#ff4d0080;--border-color:#fff;--font-main:"Rajdhani", sans-serif;--hud-width:1000px;--hud-height:800px}*{box-sizing:border-box}html,body{background-color:var(--bg-color);width:100%;height:100%;color:var(--text-primary);font-family:var(--font-main);background-image:url(/bg.png);background-position:50%;background-repeat:no-repeat;background-size:cover;margin:0;padding:0;overflow:hidden}#app{z-index:1;background-color:#0000;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}#ui-layer{z-index:10;pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.screen{pointer-events:auto;background:#050505f2;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:flex;position:absolute}.screen.hidden{opacity:0;pointer-events:none;display:none}.modal{text-align:center;pointer-events:auto;z-index:200;background:#0a0a0ad9;border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;align-items:center;gap:20px;padding:40px 60px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 30px #00000080}h1.logo{z-index:50;letter-spacing:5px;text-shadow:0 0 15px var(--accent-color);text-transform:uppercase;pointer-events:none;margin:0;font-size:3.5rem;font-style:italic;font-weight:700;position:absolute;top:30px;left:40px}.modal-overlay{z-index:150;opacity:0;pointer-events:none;background:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:flex;position:fixed;top:0;left:0}.modal-overlay.active{opacity:1;pointer-events:auto}#login-screen{z-index:100;background:#050505fa}button{color:#fff;font-family:var(--font-main);text-transform:uppercase;cursor:pointer;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);background:0 0;border:1px solid #ffffff4d;min-width:250px;padding:15px 40px;font-size:1.5rem;font-weight:700;transition:all .2s;position:relative;overflow:hidden}button:hover{color:#000;background:#fff;transform:scale(1.05);box-shadow:0 0 20px #ffffff80}button:focus-visible,button.gamepad-focus{outline:3px solid var(--accent-color);color:#000;box-shadow:0 0 25px var(--accent-glow);background:#fff;transform:scale(1.05)}.menu-buttons{flex-direction:column;gap:15px;display:flex}#game-hud{width:var(--hud-width);height:var(--hud-height);pointer-events:none;grid-template-columns:200px 400px 200px;justify-content:center;gap:40px;display:grid;position:relative}#game-hud>*{pointer-events:auto}#game-hud.hidden{display:none!important}.hud-column{flex-direction:column;height:100%;display:flex}.hud-column.left{align-items:flex-end}.hud-column.right{align-items:flex-start}.hud-column.center{justify-content:center;align-items:center;position:relative}@media screen and (max-height:980px){#game-hud,#app canvas{transform-origin:50%;transform:scale(.85)}.leaderboard-container{transform-origin:top;width:90%;margin-top:10px;transform:scale(.7)}}@media screen and (max-height:800px){#game-hud,#app canvas{transform-origin:50%;transform:scale(.7)}}.panel{border:2px solid var(--accent-color);clip-path:polygon(0 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%);background:0 0;width:140px;margin-bottom:20px;position:relative}.next-queue-wrapper{visibility:hidden;flex-direction:row;align-items:center;gap:10px;margin-top:120px;margin-bottom:20px;margin-left:-20px;display:flex}.next-pair-wrapper{position:relative}.panel.next-primary{width:130px;height:90px}.next-pair-wrapper .panel-header{display:none}.panel.next-secondary{width:80px;height:60px;margin-bottom:0}.stats-group{text-align:center;flex-direction:column;align-items:center;gap:15px;margin-top:20px;display:flex}.hud-column.right .stats-group{text-align:center;align-items:center}.stat-item .label{color:var(--text-secondary);letter-spacing:1px;font-size:.9rem;font-weight:600}.stat-item .value{color:#fff;text-shadow:0 0 10px #ffffff4d;font-size:2.2rem;font-weight:700;line-height:1}#hud-score{color:#fff}#hud-attack{color:#f33}#hud-time{color:#fc0;font-family:monospace}#hud-vs-score{color:#0fc;text-align:center;background:#0006;border:1px solid #00ffcc4d;border-radius:8px;min-width:120px;padding:5px 20px;font-size:3rem}.stats-group.versus-score{align-items:center;margin-top:40px}#hud-message{color:#fff;text-shadow:0 0 20px var(--accent-color);font-size:4rem;font-style:italic;font-weight:900;position:absolute;top:40%}#go-title{color:#f33;margin:0;font-size:3rem}#go-score{font-family:monospace;font-size:2rem}.settings-content{clip-path:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px);background:#0a0a0af2;border:1px solid #fff3;flex-direction:column;gap:30px;width:600px;max-height:80vh;padding:40px 50px;display:flex;overflow-y:auto;box-shadow:0 0 30px #00000080}.setting-item{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}.setting-item:last-child{border-bottom:none}.setting-item label{letter-spacing:1px;text-transform:uppercase;color:#ddd;width:120px;font-weight:700}.setting-item span{color:var(--accent-color);text-align:right;width:60px;font-family:monospace;font-size:1.2rem;font-weight:700}input[type=range]{accent-color:var(--accent-color);cursor:pointer;flex-grow:1;height:4px;margin:0 25px}.controls-content{background:#141414cc;border:1px solid #333;flex-direction:column;flex:1;gap:20px;width:500px;min-height:0;max-height:50vh;margin-bottom:20px;padding:30px;display:flex;overflow-y:auto}.control-binding{background:#ffffff0d;border:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:15px 20px;transition:background .2s;display:flex}.control-binding:hover{background:#ffffff14}.control-binding label{text-transform:uppercase;letter-spacing:1px;font-size:1.2rem;font-weight:600}.key-display{min-width:100px;color:var(--accent-color);text-align:center;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);cursor:pointer;background:#0009;border:2px solid #ffffff4d;padding:10px 20px;font-size:1.2rem;font-weight:700;transition:all .2s}.key-display:hover{border-color:var(--accent-color);background:#ff4d0033;transform:scale(1.05)}.key-display.binding-active{background:var(--accent-color);color:#000;border-color:#fff;animation:1s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.btn-secondary{color:var(--text-secondary);background:#ffffff1a;border:1px solid #ffffff4d;margin-top:20px}.btn-secondary:hover{color:#fff;background:#fff3;border-color:#fff}.btn-back{color:#888;border-color:#0000;margin-top:30px}.btn-back:hover{color:#fff;box-shadow:none;background:0 0;border-color:#fff}.screen h2{text-transform:uppercase;letter-spacing:5px;text-shadow:0 0 10px #fff3;margin-bottom:40px;font-size:3rem}#settings-menu button{width:300px;margin-top:20px}#settings-menu #btn-settings-back{margin-top:10px}.lobby-controls{flex-direction:column;align-items:center;gap:15px;width:400px;display:flex}.status-panel{background:#141414cc;border:1px solid #333;width:100%;margin-bottom:10px;padding:20px}.status-panel p{margin:10px 0;font-size:1.1rem;font-weight:600}button:disabled{opacity:.3;cursor:not-allowed;box-shadow:none!important;color:var(--text-secondary)!important;background:0 0!important;transform:none!important}button:disabled:hover{color:var(--text-secondary)!important;background:0 0!important}.btn-primary-large{background:var(--accent-color);color:#000;clip-path:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px);border:none;width:100%;padding:30px 50px;font-size:2.5rem}.btn-primary-large:hover{color:var(--accent-color);box-shadow:0 0 40px var(--accent-glow);background:#fff}.divider{width:100%;color:var(--text-secondary);align-items:center;margin:20px 0;font-weight:700;display:flex}.divider:before,.divider:after{content:"";background:#fff3;flex:1;height:2px}.divider span{padding:0 15px}#private-room-section{background:#ffffff0d;border:1px dashed #fff3;flex-direction:column;gap:15px;width:100%;padding:15px;display:flex}#private-room-section.hidden{display:none}.room-url-display{justify-content:center;display:flex}.lobby-main-actions{flex-direction:column;gap:15px;width:100%;display:flex}.matchmaking-mode-select{grid-template-columns:1fr 1fr;gap:20px;width:100%;max-height:30vh;display:grid;overflow-y:auto}.matchmaking-mode-select.hidden{display:none!important}.btn-ranked,.btn-unranked{cursor:pointer;height:85px;font-family:var(--font-main);letter-spacing:3px;text-indent:3px;text-align:center;box-sizing:border-box;border:2px solid #0000;border-radius:4px;justify-content:center;align-items:center;width:100%;min-width:0;padding:0;font-size:1.8rem;font-weight:800;transition:all .2s;display:flex}.mode-label{letter-spacing:2px;text-transform:uppercase;font-size:1.3em;font-weight:700}.mode-desc{opacity:.85;letter-spacing:.5px;font-size:.8em;font-weight:400}.btn-ranked{color:#fff;background:linear-gradient(135deg,#ff4d00 0%,#f70 100%);border-color:#f80}.btn-ranked:hover{background:linear-gradient(135deg,#f60 0%,#f90 100%);border-color:#fa0;transform:translateY(-2px);box-shadow:0 0 25px #ff4d00b3}.btn-ranked:active{transform:translateY(0)}.btn-unranked{color:#fff;background:linear-gradient(135deg,#3a3a3a 0%,#555 100%);border-color:#666}.btn-unranked:hover{background:linear-gradient(135deg,#4a4a4a 0%,#666 100%);border-color:#888;transform:translateY(-2px);box-shadow:0 0 25px #fff6}.btn-unranked:active{transform:translateY(0)}#status-queue{color:var(--accent-color);animation:1s infinite pulse}.hidden{display:none!important}#status-global-queue{letter-spacing:1px;font-weight:700;transition:color .3s}.hud-column.left{padding-left:20px}#profile-header{pointer-events:auto;z-index:50;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0006;border:1px solid #ffffff1a;border-radius:50px;align-items:center;gap:15px;padding:8px 20px;transition:all .2s;display:flex;position:absolute;top:20px;right:30px}#profile-header:hover{background:#000000b3;border-color:#ffffff4d}.profile-info{cursor:pointer;flex-direction:row-reverse;align-items:center;gap:15px;display:flex}.p-avatar{color:#fff;background-color:#333;background-position:50%;background-size:cover;border:3px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:10px;font-size:32px;font-weight:700;display:flex}#profile-header .user-avatar{width:40px;height:40px;box-shadow:none;border:2px solid #fff;font-size:1.2rem}#profile-header .profile-text{flex-direction:column;align-items:flex-end;line-height:1.2;display:flex}#profile-name{color:#fff;text-transform:uppercase;letter-spacing:1px;white-space:nowrap;text-overflow:ellipsis;text-align:right;max-width:200px;font-size:1rem;font-weight:700;overflow:hidden}#profile-rank{align-items:baseline;gap:8px;font-size:.9rem;font-weight:600;display:flex}.rank-global{color:#fff;font-size:1.1rem;font-weight:800}.rank-elo{color:var(--accent-color);font-family:monospace;font-weight:700}@keyframes rank-pulse{0%{text-shadow:0 0 #fff0;transform:scale(1)}50%{text-shadow:0 0 20px #fff, 0 0 40px var(--accent-color);color:#fff;transform:scale(1.3)}to{text-shadow:0 0 #fff0;transform:scale(1)}}@keyframes rank-flash{0%{color:var(--accent-color)}50%{color:#fff;text-shadow:0 0 10px #fff}to{color:var(--accent-color)}}.rank-up{animation:.8s ease-out forwards rank-pulse}.elo-up{animation:.5s ease-out forwards rank-flash}#btn-logout{color:#888;clip-path:none;opacity:.7;background:0 0;border:none;min-width:auto;padding:5px 10px;font-size:.8rem;text-decoration:underline}#btn-logout:hover{color:#ff4d00;box-shadow:none;opacity:1;background:0 0;transform:none}.rank-badge{color:var(--accent-color);font-size:.9rem;font-weight:600}#btn-logout{min-width:unset;border:1px solid #333;padding:5px 15px;font-size:1rem}#btn-logout:hover{color:#fff;background:#222;border-color:#666}#auth-modal{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#141923f2;border:1px solid #ffffff1a;border-radius:24px;flex-direction:column;gap:0;width:500px;padding:0;overflow:hidden;box-shadow:0 10px 40px #0009}#auth-modal h1{color:#fff;text-shadow:none;text-align:left;letter-spacing:.5px;background:0 0;width:100%;margin:0;padding:30px 40px 10px;font-size:1.8rem;font-weight:700}.auth-phase{flex-direction:column;width:100%;display:flex}.auth-desc{color:#aaa;text-align:left;text-transform:none;background:0 0;border-bottom:1px solid #ffffff0d;margin:0;padding:0 40px 30px;font-size:.95rem;font-weight:400;line-height:1.5}.auth-input-large{color:#fff;width:100%;font-size:1.4rem;font-weight:600;font-family:var(--font-main);background:#0003;border:none;border-bottom:2px solid #ffffff1a;outline:none;padding:25px 40px;transition:all .3s}.auth-input-large:focus{border-bottom-color:var(--accent-color);background:#0006;padding-left:50px}.auth-input-large::placeholder{color:#555;font-weight:400}.auth-terms{color:#666;text-align:center;background:0 0;margin:0;padding:20px 40px;font-size:.8rem;font-weight:400}.highlight-text{color:var(--accent-color);font-weight:700}.btn-full-width{background:linear-gradient(135deg, var(--accent-color), #f05);color:#fff;clip-path:none;cursor:pointer;text-transform:uppercase;letter-spacing:1px;border:none;width:100%;padding:20px;font-size:1.4rem;font-weight:700;transition:all .3s}.btn-full-width:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 5px 20px #ff4d0066}.auth-actions-row{border-top:1px solid #ffffff0d;width:100%;display:flex}.btn-auth-secondary{color:#888;cursor:pointer;clip-path:none;background:0 0;border:none;flex:1;padding:20px;font-size:1rem;font-weight:600;transition:all .2s}.btn-auth-secondary:hover{color:#fff;background:#ffffff0d}.btn-auth-primary{background:var(--accent-color);background:linear-gradient(135deg, var(--accent-color), #f05);color:#fff;cursor:pointer;clip-path:none;border:none;flex:1.5;padding:20px;font-size:1.2rem;font-weight:700;transition:all .3s}.btn-auth-primary:hover{filter:brightness(1.1)}.auth-form-vertical{flex-direction:column;display:flex}.divider{width:100%;color:var(--text-secondary);align-items:center;margin:10px 0;font-size:.8rem;font-weight:700;display:flex}#btn-guest{color:#888;background:0 0;border:1px solid #ffffff1a;width:60%;margin-top:10px;padding:10px;font-size:1rem}#btn-guest:hover{color:#fff;border-color:#fff}.vs-divider{color:var(--accent-color);text-shadow:0 0 20px var(--accent-color);font-size:4rem;font-style:italic;font-weight:900}#vs-countdown{color:#fff;font-size:8rem;font-weight:700;animation:1s infinite pulse}.user-avatar{color:#fff;cursor:pointer;background-color:#333;background-position:50%;background-size:cover;border:2px solid #ffffff80;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;font-weight:700;transition:transform .2s,border-color .2s;display:flex;box-shadow:0 0 10px #00000080}.user-avatar:hover{border-color:var(--accent-color);box-shadow:0 0 15px var(--accent-glow);transform:scale(1.1)}.profile-info{cursor:pointer;min-width:max-content}.stats-modal{color:#fff;border:1px solid #fff3;border-radius:10px;flex-direction:column;align-items:center;gap:30px;width:500px;max-width:90vw;padding:40px;display:flex;position:relative;box-shadow:0 0 50px #000c;background:#0a0a0af2!important}.close-modal{color:#888;cursor:pointer;clip-path:none;background:0 0;border:none;min-width:auto;padding:0;font-size:2rem;line-height:1;position:absolute;top:15px;right:15px}.close-modal:hover{color:#fff;box-shadow:none;transform:scale(1.1)}.stats-header{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex;position:relative}.large-avatar{border:4px solid var(--accent-color);color:#fff;cursor:pointer;background-color:#222;background-position:50%;background-size:cover;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;font-size:3rem;transition:all .2s;display:flex;box-shadow:0 0 20px #ff4d004d}.large-avatar:hover{box-shadow:0 0 30px var(--accent-glow);filter:brightness(1.2);transform:scale(1.05)}.large-avatar:hover:after{content:"CHANGE";background:#000000b3;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:1rem;font-weight:700;display:flex;position:absolute}.stats-username{text-transform:uppercase;letter-spacing:2px;font-size:2.5rem;font-weight:800}.stats-rank{color:var(--accent-color);letter-spacing:1.5px;font-size:1.2rem;font-weight:600}.stats-grid{grid-template-columns:1fr 1fr;gap:20px;width:100%;display:grid}.stat-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;padding:15px;display:flex}.stat-value{color:#fff;font-size:2rem;font-weight:700}.stat-label{color:#bbb;text-transform:uppercase;letter-spacing:1px;margin-top:5px;font-size:.9rem}.btn-tiny{color:#fff;clip-path:none;z-index:10;background:#a00;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:30px;min-width:0;height:30px;padding:0;font-size:1.2rem;line-height:1;display:flex;position:absolute;top:0;right:170px}.btn-tiny:hover{background:red;transform:scale(1.1)}.stats-header .btn-tiny{margin-right:-80px;top:0;right:50%}.stats-tabs{border-bottom:1px solid #ffffff1a;justify-content:center;gap:20px;margin-bottom:20px;padding-bottom:10px;display:flex}.tab-btn{color:var(--text-secondary);cursor:pointer;clip-path:none;background:0 0;border:none;min-width:auto;padding:10px 20px;font-size:1.2rem;transition:all .2s}.tab-btn:hover{color:#fff;box-shadow:none;transform:none}.tab-btn.active{color:var(--accent-color);border-bottom:2px solid var(--accent-color);font-weight:700}.tab-content{width:100%;display:none}.tab-content.active{animation:.3s fadeIn;display:block}.match-list-header{color:var(--text-secondary);text-align:left;border-bottom:1px solid #ffffff1a;grid-template-columns:2fr 1fr 1fr 2fr 1fr;padding:10px;font-size:.9rem;font-weight:700;display:grid}.match-list{flex-direction:column;gap:5px;max-height:400px;display:flex;overflow-y:auto}.match-item{text-align:left;background:#ffffff08;grid-template-columns:2fr 1fr 1fr 2fr 1fr;align-items:center;padding:15px 10px;font-size:1rem;transition:background .2s;display:grid}.match-item:hover{background:#ffffff14}.result-win{color:#4eff4e}.result-loss{color:#ff4e4e}.btn-watch{background:var(--accent-color);color:#fff;cursor:pointer;clip-path:none;border:none;border-radius:4px;min-width:auto;padding:5px 10px;font-size:.8rem}.btn-watch:hover{color:var(--accent-color);box-shadow:0 0 10px var(--accent-color);background:#fff}.controls-tabs{border-bottom:2px solid #ffffff1a;justify-content:center;gap:20px;margin-bottom:2rem;display:flex}.controls-tabs .tab-btn{text-align:center;width:50%}.controller-status{text-align:center;color:var(--text-secondary);margin-bottom:1rem;font-size:.9rem}.screen .tab-content{width:100%;display:none}.screen .tab-content.active{display:block}.setting-desc{color:var(--text-secondary);opacity:.7;margin-top:2px;font-size:.7rem;font-weight:400;display:block}#profile-header{cursor:pointer;-webkit-user-select:none;user-select:none;transition:opacity .2s,transform .2s}#profile-header:hover{opacity:.85;transform:scale(1.02)}#profile-header .profile-info{pointer-events:none}#profile-header #btn-logout{pointer-events:auto;cursor:pointer}.controls-content{flex-direction:column;align-items:center;gap:8px;max-width:400px;margin:0 auto;display:flex}.control-binding{background:#0000004d;border:1px solid #ffffff1a;border-radius:6px;justify-content:space-between;align-items:center;width:100%;padding:10px 16px;display:flex}.control-binding label{text-transform:uppercase;letter-spacing:1px;flex:1;font-weight:700}.leaderboard-container{border:1px solid var(--primary-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0fd9;border-radius:12px;width:800px;max-width:95%;margin:20px auto;padding:30px;box-shadow:0 0 30px #000000b3}.leaderboard-header{border-bottom:2px solid var(--secondary-color);font-family:var(--font-header);color:var(--secondary-color);text-shadow:0 0 5px #fff3;letter-spacing:1px;grid-template-columns:80px 1fr 120px 120px;padding:15px 20px;font-size:1.3rem;display:grid}.leaderboard-list{max-height:500px;margin-top:20px;overflow-y:auto}.leaderboard-list::-webkit-scrollbar{width:8px}.leaderboard-list::-webkit-scrollbar-track{background:#0000004d}.leaderboard-list::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px}.lb-item{border-bottom:1px solid #ffffff0d;border-radius:4px;grid-template-columns:80px 1fr 120px 120px;align-items:center;margin-bottom:2px;padding:15px 20px;font-size:1.2rem;transition:all .2s;display:grid}.lb-item:hover{background:#ffffff14;transform:translate(5px)}.lb-item.current-user{background:#ff4d0026;border:1px solid #ff4d004d;box-shadow:0 0 10px #ff4d001a}.col-rank{color:#888;font-weight:700;font-family:var(--font-header);text-align:center}.col-rank.top-1{color:gold;text-shadow:0 0 10px gold;font-size:1.3em}.col-rank.top-2{color:silver;text-shadow:0 0 5px silver;font-size:1.2em}.col-rank.top-3{color:#cd7f32;text-shadow:0 0 5px #cd7f32;font-size:1.2em}.col-name{text-align:left;white-space:nowrap;text-overflow:ellipsis;color:#fff;padding-left:10px;font-weight:500;overflow:hidden}.col-elo{color:var(--primary-color);text-align:right;font-weight:700;font-family:var(--font-header);letter-spacing:1px}.col-winrate{color:#aaa;text-align:right;padding-right:10px;font-size:.9em}.my-rank-panel{border-left:4px solid var(--accent-color);font-family:var(--font-header);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(90deg,#ff4d0026 0%,#0a0a0a80 100%);border-right:1px solid #ffffff1a;border-radius:4px;justify-content:space-between;align-items:center;margin-top:30px;padding:20px 40px;display:flex;box-shadow:0 5px 20px #0000004d}.my-rank-info{flex-direction:column;align-items:center;gap:5px;display:flex}.my-rank-info .label{color:#888;letter-spacing:2px;text-transform:uppercase;font-size:.8rem;font-weight:600}.my-rank-info .value{color:#fff;font-size:2rem;font-weight:800;line-height:1}.my-rank-info .value.main{color:#fff;text-shadow:0 0 10px #ffffff4d}.my-rank-info .value.accent{color:var(--accent-color);text-shadow:0 0 15px #ff4d0066}#my-rank-display{background:#0000004d;flex-direction:row;justify-content:center;align-items:center;width:100%;padding:10px;display:flex}#my-rank-display.hidden{display:none}.my-rank-info{flex-direction:column;align-items:center;margin:0 15px;display:flex}.my-rank-info .label{color:#888;letter-spacing:2px;margin-bottom:2px;font-size:.7rem;font-weight:700}.my-rank-info .value{text-shadow:0 0 10px #00000080;font-size:1.8rem;font-weight:700;line-height:1.1}.my-rank-info .value.main{color:#fff;font-size:2.2rem}.my-rank-info .value.accent{color:var(--accent-color)}.my-rank-info .value.secondary{color:#aaa;font-size:1.4rem}.my-rank-divider{background:#ffffff26;width:1px;height:40px}.stats-group.versus-score{background:#00ffcc0d;border:1px solid #00ffcc1a;border-radius:8px;justify-content:center;align-items:center;margin-top:60px;padding:15px;display:flex;position:relative}.stats-group.versus-score:before{content:"MATCH SCORE";color:#0fc;letter-spacing:2px;text-shadow:0 0 5px #00ffcc80;text-align:center;width:100%;font-size:.8rem;font-weight:700;position:absolute;top:-20px}#hud-vs-score{color:#0fc;text-shadow:0 0 20px #0fc6;text-align:center;background:0 0;border:none;min-width:auto;margin-top:5px;padding:0;font-size:4rem;line-height:1}.replay-controls{z-index:100;animation:.3s slideUp;position:fixed;bottom:30px;left:50%;transform:translate(-50%)}@keyframes slideUp{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.replay-controls-inner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0af2;border:1px solid #ffffff26;border-radius:50px;align-items:center;gap:15px;padding:15px 25px;display:flex;box-shadow:0 10px 40px #00000080}.replay-btn{color:#fff;cursor:pointer;clip-path:none;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:45px;min-width:auto;height:45px;padding:0;font-size:1.2rem;transition:all .2s;display:flex}.replay-btn:hover{background:var(--accent-color);box-shadow:0 0 15px var(--accent-glow);transform:scale(1.1)}.replay-divider{background:#fff3;width:1px;height:30px}.replay-speed{font-family:var(--font-header);color:var(--accent-color);text-align:center;min-width:40px;font-size:1.2rem;font-weight:700}.replay-time{font-family:var(--font-header);color:#888;letter-spacing:1px;font-size:1rem}