@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Space+Mono:ital,wght@0,400;0,700;1,400&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0e17;--bg2:#111827;--bg3:#141928;--glass:#141928bf;--gb:#ffffff12;--cyan:#00f2ff;--orange:#ff8c00;--green:#10b981;--red:#ef4444;--gold:#f59e0b;--text:#e2e8f0;--muted:#6b7280;--border:#ffffff14;--win:#10b981;--lose:#ef4444;--tie:#f59e0b;--rock:#ef4444;--paper:#00f2ff;--scissors:#ff8c00}#root,body,html{height:100%}body{background:radial-gradient(circle at 30% 20%,#1a2a3a 0,#0a0e17 70%);color:#e2e8f0;color:var(--text);font-family:Space Mono,monospace;overflow:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.app{align-items:center;display:flex;height:100vh;justify-content:center;overflow:hidden;padding:1rem;position:relative}.app:before{background:radial-gradient(circle,#00f2ff0f 0,#0000 70%);left:-200px;top:-200px}.app:after,.app:before{content:"";height:600px;pointer-events:none;position:fixed;width:600px;z-index:0}.app:after{background:radial-gradient(circle,#ff8c000f 0,#0000 70%);bottom:-200px;right:-200px}.app-inner{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#141928bf;background:var(--glass);border:1px solid #ffffff12;border:1px solid var(--gb);border-radius:1.5rem;display:flex;flex-direction:column;height:calc(100vh - 2rem);max-width:1400px;overflow:hidden;position:relative;width:100%;z-index:1}.header{align-items:center;border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;justify-content:space-between;padding:1rem 1.75rem}.logo{color:#00f2ff;color:var(--cyan);font-family:Bebas Neue,sans-serif;font-size:1.75rem;letter-spacing:.1em;text-shadow:0 0 12px #00f2ff80}.logo-sub{color:#6b7280;color:var(--muted);font-size:.8rem;margin-left:.75rem}.header-right{align-items:center;display:flex;gap:1rem}.notif-btn,.notif-wrap{position:relative}.notif-btn{background:none;border:none;border-radius:6px;color:#6b7280;color:var(--muted);cursor:pointer;font-size:1rem;padding:.35rem;transition:color .2s}.notif-btn:hover{background:#ffffff0d;color:#e2e8f0;color:var(--text)}.notif-badge{background:#ef4444;background:var(--red);border:1.5px solid #0a0e17;border:1.5px solid var(--bg);border-radius:50%;height:7px;position:absolute;right:2px;top:2px;width:7px}.notif-dropdown{animation:fadeUp .2s ease;background:#141928;border:1px solid #ffffff14;border:1px solid var(--border);border-radius:12px;box-shadow:0 16px 40px #00000080;overflow:hidden;position:absolute;right:0;top:calc(100% + 10px);width:320px;z-index:200}.notif-header{align-items:center;border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border);color:#6b7280;color:var(--muted);display:flex;font-size:.7rem;justify-content:space-between;letter-spacing:.1em;padding:.75rem 1rem;text-transform:uppercase}.notif-clear{background:none;border:none;color:#00f2ff;color:var(--cyan);cursor:pointer;font-family:inherit;font-size:.6rem}.notif-list{max-height:300px;overflow-y:auto}.notif-item{align-items:flex-start;border-bottom:1px solid #ffffff0a;cursor:pointer;display:flex;gap:.75rem;padding:.75rem 1rem;transition:background .15s}.notif-item:hover{background:#ffffff0a}.notif-item.unread{background:#00f2ff0a}.notif-icon{flex-shrink:0;font-size:.85rem;margin-top:.1rem}.notif-text{color:#e2e8f0;color:var(--text);font-size:.7rem;line-height:1.5}.notif-time{font-size:.6rem;margin-top:.2rem}.notif-empty,.notif-time{color:#6b7280;color:var(--muted)}.notif-empty{font-size:.75rem;padding:2rem;text-align:center}.user-pill{background:#ffffff0d;border:1px solid #ffffff14;border:1px solid var(--border);border-radius:999px;gap:.5rem;padding:.25rem .9rem .25rem .25rem}.user-avatar,.user-pill{align-items:center;display:flex}.user-avatar{background:#374151;border-radius:50%;color:#6b7280;color:var(--muted);flex-shrink:0;font-size:.65rem;height:28px;justify-content:center;position:relative;width:28px}.user-avatar .sdot{background:#10b981;background:var(--green);border:1.5px solid #0a0e17;border:1.5px solid var(--bg);border-radius:50%;bottom:0;box-shadow:0 0 5px #10b981;box-shadow:0 0 5px var(--green);height:7px;position:absolute;right:0;width:7px}.username-tag{font-size:.75rem;font-weight:700}.btn-logout{align-items:center;background:#0000;border:1px solid #ffffff14;border:1px solid var(--border);border-radius:6px;color:#6b7280;color:var(--muted);cursor:pointer;display:flex;font-family:Space Mono,monospace;font-size:.6rem;gap:.4rem;letter-spacing:.12em;padding:.35rem .9rem;text-transform:uppercase;transition:all .2s}.btn-logout:hover{background:#ffffff0d;color:#e2e8f0;color:var(--text)}.body-layout{display:flex;flex:1 1;overflow:hidden}.sidebar-nav{border-right:1px solid #ffffff0d;flex-shrink:0;gap:0;padding:1.25rem 0;width:90px}.nav-item,.sidebar-nav{align-items:center;display:flex;flex-direction:column}.nav-item{color:#6b7280;color:var(--muted);cursor:pointer;gap:.35rem;justify-content:center;padding:.75rem .5rem;position:relative;text-decoration:none;transition:all .2s;width:100%}.nav-item:hover{color:#9ca3af}.nav-item.active{color:#00f2ff;color:var(--cyan)}.nav-item.active:before{background:#00f2ff;background:var(--cyan);border-radius:0 2px 2px 0;bottom:0;box-shadow:0 0 8px #00f2ff;box-shadow:0 0 8px var(--cyan);content:"";left:0;position:absolute;top:0;width:3px}.nav-icon-box{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#141928bf;background:var(--glass);border:1px solid #00f2ff59;border-radius:10px;box-shadow:0 0 10px #00f2ff1f;color:#00f2ff;color:var(--cyan);display:flex;font-size:1.1rem;height:46px;justify-content:center;width:46px}.nav-item:not(.active) .nav-icon-box{border-color:#ffffff14;border-color:var(--border);box-shadow:none;color:#6b7280;color:var(--muted)}.nav-label{font-size:.5rem;font-weight:700;letter-spacing:.1em;text-align:center;text-transform:uppercase}.nav-status{align-items:center;display:flex;font-size:.48rem;gap:.2rem}.nav-status.idle{color:#ef4444;color:var(--red)}.nav-status.queued{color:#10b981;color:var(--green)}.nav-sdot{background:currentColor;border-radius:50%;height:4px;width:4px}.nav-spacer{margin-top:auto}.main-content{min-width:0}.main-content,.page{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.page{gap:1.25rem;padding:1.25rem 1.5rem}.find-match-banner{align-items:center;display:flex;flex-shrink:0;justify-content:center;padding:.75rem 0;position:relative}.find-match-line{background:linear-gradient(90deg,#0000,#00f2ff40,#0000);height:1px;left:0;position:absolute;right:0;top:50%}.find-match-btn{background:linear-gradient(135deg,#00f2ff1f,#00f2ff0d);border:2px solid #00f2ff;border:2px solid var(--cyan);box-shadow:0 0 18px #00f2ff4d;-webkit-clip-path:polygon(8% 0,92% 0,100% 50%,92% 100%,8% 100%,0 50%);clip-path:polygon(8% 0,92% 0,100% 50%,92% 100%,8% 100%,0 50%);color:#fff;cursor:pointer;font-family:Bebas Neue,sans-serif;font-size:1.3rem;letter-spacing:.2em;padding:.85rem 3.5rem;position:relative;transition:all .25s;z-index:1}.find-match-btn:hover{background:#00f2ff33;box-shadow:0 0 30px #00f2ff80;transform:scale(1.04)}.find-match-btn.cancel{background:linear-gradient(135deg,#ef44441f,#ef44440d);border-color:#ef4444;border-color:var(--red);box-shadow:0 0 18px #ef44444d;-webkit-clip-path:polygon(8% 0,92% 0,100% 50%,92% 100%,8% 100%,0 50%);clip-path:polygon(8% 0,92% 0,100% 50%,92% 100%,8% 100%,0 50%)}.find-match-btn.cancel:hover{background:#ef444433;box-shadow:0 0 30px #ef444466}.queue-timer-badge{color:#00f2ff;color:var(--cyan);font-size:.9rem;margin-left:.6rem;opacity:.85}.dash-grid{grid-gap:1.25rem;display:grid;flex:1 1;gap:1.25rem;grid-template-columns:260px 1fr;overflow:hidden}.friends-sidebar{background:#ffffff05;border:1px solid #ffffff14;border:1px solid var(--border);border-radius:1rem;display:flex;flex-direction:column;gap:.75rem;overflow:hidden;padding:1.1rem}.friends-title{font-size:1rem;font-weight:700}.friends-sub{color:#6b7280;color:var(--muted);font-size:.6rem;margin-top:.1rem}.search-wrap{margin-top:.25rem;position:relative}.search-input{background:#ffffff0d;border:1px solid #ffffff14;border:1px solid var(--border);border-radius:8px;color:#e2e8f0;color:var(--text);font-family:inherit;font-size:.72rem;outline:none;padding:.5rem 2rem .5rem .75rem;transition:border-color .15s;width:100%}.search-input:focus{border-color:#00f2ff;border-color:var(--cyan)}.search-icon,.search-input::placeholder{color:#6b7280;color:var(--muted)}.search-icon{font-size:.7rem;pointer-events:none;position:absolute;right:.65rem;top:50%;transform:translateY(-50%)}.friend-list{display:flex;flex:1 1;flex-direction:column;gap:.1rem;overflow-y:auto}.friend-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;padding:.4rem .35rem;transition:background .15s}.friend-item:hover{background:#ffffff0a}.friend-av{flex-shrink:0;height:36px;position:relative;width:36px}.friend-av,.friend-av-inner{align-items:center;border-radius:50%;display:flex;justify-content:center}.friend-av-inner{background:#4b5563;color:#6b7280;color:var(--muted);font-size:.65rem;height:28px;width:28px}.friend-av.online{border:2px solid #10b98180}.friend-av.ingame{border:2px solid #f59e0b80}.friend-av.offline{border:2px solid #ffffff26;opacity:.5}.friend-info{flex:1 1;min-width:0;padding:0 .6rem}.friend-name{font-size:.75rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-status{font-size:.58rem}.friend-status.online{color:#10b981;color:var(--green)}.friend-status.ingame{color:#f59e0b;color:var(--gold)}.friend-status.offline{color:#6b7280;color:var(--muted)}.sdot{border-radius:50%;flex-shrink:0;height:7px;width:7px}.sdot.online{background:#10b981;background:var(--green);box-shadow:0 0 6px #10b981;box-shadow:0 0 6px var(--green)}.sdot.ingame{background:#f59e0b;background:var(--gold);box-shadow:0 0 6px #f59e0b;box-shadow:0 0 6px var(--gold)}.sdot.offline{background:#4b5563}.stats-col{display:flex;flex-direction:column;gap:1.1rem;overflow:hidden}.stats-top{grid-gap:1.1rem;display:grid;gap:1.1rem;grid-template-columns:1fr 1fr}.glass-card{background:#ffffff08;border:1px solid #ffffff14;border:1px solid var(--border);border-radius:1rem;padding:1.1rem}.card-badge{background:#00f2ff1f;border:1px solid #00f2ff40;border-radius:4px;color:#00f2ff;color:var(--cyan);display:inline-block;font-size:.5rem;font-weight:700;letter-spacing:.15em;margin-bottom:.85rem;padding:.2rem .65rem;text-transform:uppercase}.my-games-body{align-items:center;display:flex;justify-content:space-between}.my-games-title{font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.my-games-stat{color:#6b7280;color:var(--muted);font-size:.75rem;margin-bottom:.2rem}.my-games-stat span{color:#e2e8f0;color:var(--text);font-weight:700}.my-games-icon{color:#00f2ff;color:var(--cyan);font-size:2.5rem;opacity:.35}.comp-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.comp-title{font-size:.9rem;font-weight:700}.comp-bolt{color:#ff8c00;color:var(--orange)}.rank-row{align-items:center;display:flex;gap:.75rem;margin-bottom:.85rem}.rank-name{font-size:1.5rem;font-weight:900}.rank-badge{border:2px solid #ff8c00;border:2px solid var(--orange);flex-shrink:0;height:34px;transform:rotate(45deg);width:34px}.rank-badge,.rank-badge-inner{align-items:center;display:flex;justify-content:center}.rank-badge-inner{border:1px solid #ff8c0066;height:20px;transform:rotate(-45deg);width:20px}.rp-row{display:flex;font-size:.68rem;justify-content:space-between;margin-bottom:.4rem}.rp-label{color:#6b7280;color:var(--muted)}.rp-val{color:#ff8c00;color:var(--orange);font-weight:700}.rp-bar{background:#ffffff0d;height:5px;margin-bottom:.6rem;overflow:hidden;width:100%}.rp-bar,.rp-fill{border-radius:99px}.rp-fill{height:100%}.comp-wl{border-top:1px solid #ffffff0d;display:grid;font-size:.6rem;grid-template-columns:1fr 1fr;padding-top:.6rem}.wl-label{color:#6b7280;color:var(--muted);letter-spacing:.1em;margin-bottom:.2rem;text-transform:uppercase}.wl-val{color:#e2e8f0;color:var(--text);font-size:.9rem;font-weight:700}.wl-right{text-align:right}.prev-games{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.prev-title{flex-shrink:0;font-size:.9rem;font-weight:700;margin-bottom:.75rem}.prev-list{flex:1 1;overflow-y:auto}.game-row{align-items:center;border-bottom:1px solid #ffffff0a;border-radius:8px;cursor:pointer;display:grid;grid-template-columns:70px 1fr 150px 24px;padding:.6rem .75rem;transition:background .15s}.game-row:hover{background:#ffffff0a}.result-win{color:#10b981;color:var(--win)}.result-lose,.result-win{font-size:.8rem;font-weight:700}.result-lose{color:#ef4444;color:var(--lose)}.result-draw{color:#f59e0b;color:var(--tie);font-size:.8rem;font-weight:700}.game-vs{color:#6b7280;color:var(--muted);font-size:.75rem}.game-vs b{color:#e2e8f0;color:var(--text)}.game-date{color:#6b7280;color:var(--muted);font-size:.6rem;text-align:center}.game-chev{color:#374151;font-size:.55rem;text-align:right}.mode-page{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:1.5rem;justify-content:center;padding:1.5rem}.mode-top{grid-gap:1rem;grid-template-columns:1fr 1fr}.mode-bottom,.mode-top{display:grid;gap:1rem;max-width:700px;width:100%}.mode-bottom{grid-gap:1rem;grid-template-columns:repeat(4,1fr)}.mode-card{align-items:center;background:#ffffff0a;border:2px solid #ffffff14;border:2px solid var(--border);border-radius:1rem;cursor:pointer;display:flex;flex-direction:column;gap:.6rem;padding:1.25rem 1rem;position:relative;text-align:center;transition:all .2s}.mode-card:hover{background:#00f2ff0f;border-color:#00f2ff66}.mode-card.selected{background:#00f2ff1a;border-color:#00f2ff;border-color:var(--cyan);box-shadow:0 0 20px #00f2ff33}.mode-card.disabled{cursor:not-allowed;opacity:.45}.mode-card.disabled:hover{background:#ffffff0a;border-color:#ffffff14;border-color:var(--border)}.mode-check{align-items:center;background:#00f2ff;background:var(--cyan);border-radius:50%;color:#0a0e17;color:var(--bg);display:flex;font-size:.6rem;height:20px;justify-content:center;position:absolute;right:.6rem;top:.6rem;width:20px}.mode-icon{font-size:2rem}.mode-name{font-size:.85rem;font-weight:700}.mode-desc{color:#6b7280;color:var(--muted);font-size:.6rem;line-height:1.5}.mode-top .mode-card .mode-icon{font-size:1.5rem}.mode-top .mode-card .mode-name{font-size:1rem}.start-queue-btn{background:linear-gradient(135deg,#ff8c00,#e07000);background:linear-gradient(135deg,var(--orange),#e07000);border:2px solid #ff8c00;border:2px solid var(--orange);box-shadow:0 0 20px #ff8c0066;-webkit-clip-path:polygon(8% 0,92% 0,100% 50%,92% 100%,8% 100%,0 50%);clip-path:polygon(8% 0,92% 0,100% 50%,92% 100%,8% 100%,0 50%);color:#fff;cursor:pointer;font-family:Bebas Neue,sans-serif;font-size:1.3rem;letter-spacing:.2em;padding:.9rem 4rem;transition:all .25s}.start-queue-btn:hover{box-shadow:0 0 32px #ff8c0099;transform:scale(1.04)}.start-queue-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.friends-page{display:flex;flex:1 1;flex-direction:column;gap:1rem;overflow:hidden}.friends-tabs{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;gap:0}.ftab{background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;color:var(--muted);cursor:pointer;font-family:inherit;font-size:.65rem;letter-spacing:.1em;margin-bottom:-1px;padding:.65rem 1.25rem;text-transform:uppercase;transition:all .15s}.ftab.active{border-bottom-color:#00f2ff;border-bottom-color:var(--cyan);color:#00f2ff;color:var(--cyan)}.add-friend-bar{align-items:center;display:flex;gap:.75rem}.add-search{flex:1 1}.friends-list-page{display:flex;flex:1 1;flex-direction:column;gap:.6rem;overflow-y:auto}.friend-card{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border:1px solid var(--border);border-radius:.9rem;display:flex;gap:1rem;padding:.9rem 1.1rem;transition:border-color .15s}.friend-card:hover{border-color:#00f2ff33}.friend-card-av{align-items:center;border-radius:50%;display:flex;height:44px;justify-content:center;width:44px}.friend-card-av.online{border:2px solid #10b98180}.friend-card-av.ingame{border:2px solid #f59e0b80}.friend-card-av.offline{border:2px solid #ffffff26;opacity:.6}.friend-card-av-inner{align-items:center;background:#4b5563;border-radius:50%;color:#6b7280;color:var(--muted);display:flex;font-size:.8rem;height:36px;justify-content:center;width:36px}.friend-card-info{flex:1 1;min-width:0}.friend-card-name{font-size:.85rem;font-weight:700}.friend-card-status{font-size:.62rem}.friend-card-status.online{color:#10b981;color:var(--green)}.friend-card-status.ingame{color:#f59e0b;color:var(--gold)}.friend-card-status.offline{color:#6b7280;color:var(--muted)}.friend-card-rank{align-items:center;display:flex;gap:.5rem}.rank-icon{font-size:1.4rem}.rank-info .rank-n{color:#ff8c00;color:var(--orange);font-size:.75rem;font-weight:700}.rank-info .rank-rp{color:#ff8c00;color:var(--orange);font-size:.6rem}.friend-card-actions{display:flex;gap:.5rem;margin-left:auto}.lb-podium{grid-gap:1rem;align-items:end;display:grid;gap:1rem;grid-template-columns:1fr 1.15fr 1fr}.podium-card{align-items:center;background:#ffffff0a;border:2px solid #ffffff14;border:2px solid var(--border);border-radius:1rem;display:flex;flex-direction:column;gap:.4rem;padding:1.1rem;text-align:center}.podium-card.first{border-color:#ff8c00;border-color:var(--orange);box-shadow:0 0 20px #ff8c0033}.podium-card.second{border-color:#fff3}.podium-card.third{border-color:#cd7f3266}.podium-av{align-items:center;background:#4b5563;border:2px solid #ffffff14;border:2px solid var(--border);border-radius:50%;color:#6b7280;color:var(--muted);display:flex;font-size:1rem;height:52px;justify-content:center;width:52px}.podium-card.first .podium-av{border-color:#ff8c00;border-color:var(--orange);box-shadow:0 0 12px #ff8c004d}.podium-rank-name{color:#ff8c00;color:var(--orange);font-size:.8rem;font-weight:700}.podium-card.second .podium-rank-name,.podium-card.third .podium-rank-name{color:#e2e8f0;color:var(--text);font-size:.75rem}.podium-name{font-size:.9rem;font-weight:700}.podium-rp,.podium-wr{color:#6b7280;color:var(--muted);font-size:.65rem}.lb-search-wrap{max-width:280px;position:relative}.lb-table-wrap{flex:1 1;overflow-y:auto}.lb-table{border-collapse:collapse;width:100%}.lb-table th{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border);color:#6b7280;color:var(--muted);font-size:.6rem;letter-spacing:.12em;padding:.5rem .75rem;text-align:left;text-transform:uppercase}.lb-table td{border-bottom:1px solid #ffffff08;font-size:.78rem;padding:.65rem .75rem}.lb-table tr:hover td{background:#ffffff08}.lb-table tr.highlight td{background:#ff8c0014;border-color:#ff8c0026}.lb-rank{color:#6b7280;color:var(--muted);font-size:.7rem}.lb-name{font-weight:700}.settings-tabs{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border);display:flex;flex-shrink:0}.stab{background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;color:var(--muted);cursor:pointer;flex:1 1;font-family:inherit;font-size:.68rem;letter-spacing:.1em;margin-bottom:-1px;padding:.7rem 1rem;text-align:center;text-transform:uppercase;transition:all .15s}.stab.active{border-bottom-color:#00f2ff;border-bottom-color:var(--cyan);color:#00f2ff;color:var(--cyan)}.settings-body{display:flex;flex:1 1;flex-direction:column;gap:1rem;overflow:hidden;padding:1rem 0}.settings-card{background:#ffffff08;border:1px solid #ffffff14;border:1px solid var(--border);border-radius:1rem;flex:1 1;overflow-y:auto;padding:1.5rem}.settings-row{align-items:center;display:flex;gap:1.5rem}.settings-av-wrap{flex-direction:column;gap:.75rem}.settings-av,.settings-av-wrap{align-items:center;display:flex}.settings-av{background:#374151;border:2px solid #ffffff14;border:2px solid var(--border);border-radius:50%;color:#6b7280;color:var(--muted);font-size:2.5rem;height:100px;justify-content:center;width:100px}.settings-fields{flex:1 1;gap:1rem}.settings-field,.settings-fields{display:flex;flex-direction:column}.settings-field{gap:.4rem}.settings-label{color:#6b7280;color:var(--muted);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase}.settings-input-wrap{position:relative}.settings-input{background:#ffffff0d;border:1px solid #00f2ff40;border-radius:8px;box-shadow:0 0 8px #00f2ff14;color:#e2e8f0;color:var(--text);font-family:inherit;font-size:.85rem;outline:none;padding:.65rem 2.5rem .65rem .9rem;width:100%}.settings-input:focus{border-color:#00f2ff;border-color:var(--cyan);box-shadow:0 0 12px #00f2ff33}.settings-edit-icon{font-size:.75rem;position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.settings-change-pw,.settings-edit-icon{color:#00f2ff;color:var(--cyan);cursor:pointer}.settings-change-pw{background:#00f2ff0d;border:1px solid #00f2ff4d;border-radius:8px;box-shadow:0 0 8px #00f2ff1a;font-family:inherit;font-size:.8rem;padding:.7rem;transition:all .2s;width:100%}.settings-change-pw:hover{background:#00f2ff1f;box-shadow:0 0 16px #00f2ff33}.save-btn-wrap{display:flex;flex-shrink:0;justify-content:center}.save-btn{background:linear-gradient(135deg,#00f2ff,#00b8c8);background:linear-gradient(135deg,var(--cyan),#00b8c8);border:none;box-shadow:0 0 16px #00f2ff4d;-webkit-clip-path:polygon(6% 0,94% 0,100% 50%,94% 100%,6% 100%,0 50%);clip-path:polygon(6% 0,94% 0,100% 50%,94% 100%,6% 100%,0 50%);color:#0a0e17;color:var(--bg);cursor:pointer;font-family:Bebas Neue,sans-serif;font-size:1.1rem;letter-spacing:.15em;padding:.8rem 4rem;transition:all .25s}.save-btn:hover{box-shadow:0 0 28px #00f2ff80;transform:scale(1.03)}.audio-row{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.85rem}.audio-row-top{display:flex;font-size:.72rem;justify-content:space-between}.audio-label{color:#e2e8f0;color:var(--text)}.audio-val{color:#00f2ff;color:var(--cyan)}.audio-slider{-webkit-appearance:none;appearance:none;background:#ffffff1a;border-radius:99px;cursor:pointer;height:4px;outline:none;width:100%}.audio-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#00f2ff;background:var(--cyan);border-radius:50%;box-shadow:0 0 8px #00f2ff80;cursor:pointer;height:14px;width:14px}.privacy-row{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:.65rem 0}.privacy-label{font-size:.78rem}.toggle-wrap{align-items:center;display:flex;gap:.75rem}.toggle{background:#ffffff1a;border:none;border-radius:99px;cursor:pointer;flex-shrink:0;height:22px;position:relative;transition:background .2s;width:40px}.toggle.on{background:#00f2ff;background:var(--cyan)}.toggle-knob{background:#fff;border-radius:50%;box-shadow:0 1px 4px #0000004d;height:16px;position:absolute;top:3px;transition:left .2s;width:16px}.toggle.on .toggle-knob{left:21px}.toggle.off .toggle-knob{left:3px}.btn{background:#0000;border:1px solid #ffffff14;border:1px solid var(--border);border-radius:6px;color:#e2e8f0;color:var(--text);cursor:pointer;font-family:Space Mono,monospace;font-size:.65rem;letter-spacing:.08em;padding:.45rem 1rem;text-transform:uppercase;transition:all .15s}.btn:hover{border-color:#00f2ff;border-color:var(--cyan);color:#00f2ff;color:var(--cyan)}.btn:disabled{cursor:not-allowed;opacity:.4}.btn-primary{background:#00f2ff;background:var(--cyan);border-color:#00f2ff;border-color:var(--cyan);color:#0a0e17;color:var(--bg);font-weight:700}.btn-primary:hover{box-shadow:0 0 14px #00f2ff66;color:#0a0e17;color:var(--bg)}.btn-secondary{background:#00f2ff1a;border-color:#00f2ff;border-color:var(--cyan);color:#00f2ff;color:var(--cyan)}.btn-secondary:hover{background:#00f2ff33;color:#00f2ff;color:var(--cyan)}.btn-danger{border-color:#ef4444;border-color:var(--red);color:#ef4444;color:var(--red)}.btn-danger:hover{background:#ef4444;background:var(--red);color:#fff}.btn-sm{font-size:.58rem;padding:.28rem .65rem}.btn-lg{font-size:.82rem;padding:.8rem 2rem}.card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#141928bf;background:var(--glass);border:1px solid #ffffff12;border:1px solid var(--gb);border-radius:1rem;padding:1.75rem}.form-group{margin-bottom:1.1rem}.form-label{color:#6b7280;color:var(--muted);display:block;font-size:.58rem;letter-spacing:.14em;margin-bottom:.45rem;text-transform:uppercase}.form-input{background:#ffffff0d;border:1px solid #ffffff14;border:1px solid var(--border);border-radius:8px;color:#e2e8f0;color:var(--text);font-family:inherit;font-size:.85rem;outline:none;padding:.7rem .9rem;transition:border-color .15s,box-shadow .15s;width:100%}.form-input:focus{border-color:#00f2ff;border-color:var(--cyan);box-shadow:0 0 0 2px #00f2ff1a}.form-error{background:#ef44441a;border-left:2px solid #ef4444;border-left:2px solid var(--red);border-radius:4px;color:#ef4444;color:var(--red);font-size:.68rem;margin-top:.85rem;padding:.55rem .75rem}.tab-row{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border);display:flex;margin-bottom:1.5rem}.tab{background:#0000;border:none;border-bottom:2px solid #0000;color:#6b7280;color:var(--muted);cursor:pointer;flex:1 1;font-family:inherit;font-size:.62rem;letter-spacing:.14em;margin-bottom:-1px;padding:.7rem;text-align:center;text-transform:uppercase;transition:all .15s}.tab.active{border-bottom-color:#00f2ff;border-bottom-color:var(--cyan);color:#00f2ff;color:var(--cyan)}.auth-screen{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:2rem}.auth-box{max-width:420px;width:100%}.auth-title{color:#00f2ff;color:var(--cyan);font-family:Bebas Neue,sans-serif;font-size:3.2rem;letter-spacing:.08em;margin-bottom:.2rem;text-align:center;text-shadow:0 0 20px #00f2ff66}.auth-sub{color:#6b7280;color:var(--muted);font-size:.62rem;letter-spacing:.2em;margin-bottom:2rem;text-align:center;text-transform:uppercase}.game-screen{flex:1 1;flex-direction:column;gap:1.5rem;overflow:hidden;padding:1.5rem}.game-header,.game-screen{align-items:center;display:flex}.game-header{justify-content:space-between;max-width:680px;width:100%}.game-id{color:#6b7280;color:var(--muted);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase}.score-board{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:1fr auto 1fr;max-width:680px;width:100%}.score-player{background:#ffffff08;border:1px solid #ffffff14;border:1px solid var(--border);border-radius:1rem;padding:1.25rem;text-align:center}.score-player.you{border-color:#00f2ff33}.score-player.opponent{border-color:#ef444433}.score-label{color:#6b7280;color:var(--muted);font-size:.52rem;letter-spacing:.18em;margin-bottom:.35rem;text-transform:uppercase}.score-name{font-size:.8rem;font-weight:700;margin-bottom:.6rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score-num{color:#00f2ff;color:var(--cyan);font-size:3.5rem;line-height:1}.score-num,.score-vs{font-family:Bebas Neue,sans-serif}.score-vs{color:#6b7280;color:var(--muted);font-size:1.3rem;text-align:center}.round-info{align-items:center;display:flex;flex-direction:column;gap:.4rem}.round-label{color:#6b7280;color:var(--muted);font-size:.58rem;letter-spacing:.18em;text-transform:uppercase}.deadline-bar-wrap{background:#ffffff0d;border-radius:2px;height:3px;overflow:hidden;width:180px}.deadline-bar{background:#00f2ff;background:var(--cyan);height:100%;transition:width 1s linear}.deadline-bar.urgent{background:#ef4444;background:var(--red)}.move-picker{display:flex;gap:1rem;justify-content:center}.move-btn{align-items:center;background:#ffffff0a;border:2px solid #ffffff14;border:2px solid var(--border);border-radius:1rem;color:#e2e8f0;color:var(--text);cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:.65rem;min-width:110px;padding:1.25rem 1.75rem;transition:all .2s}.move-btn:hover{transform:translateY(-3px)}.move-btn.rock:hover{border-color:#ef4444;border-color:var(--rock);box-shadow:0 8px 24px #ef444433}.move-btn.paper:hover{border-color:#00f2ff;border-color:var(--paper);box-shadow:0 8px 24px #00f2ff33}.move-btn.scissors:hover{border-color:#ff8c00;border-color:var(--scissors);box-shadow:0 8px 24px #ff8c0033}.move-btn.selected.rock{background:#ef44441a;border-color:#ef4444;border-color:var(--rock)}.move-btn.selected.paper{background:#00f2ff1a;border-color:#00f2ff;border-color:var(--paper)}.move-btn.selected.scissors{background:#ff8c001a;border-color:#ff8c00;border-color:var(--scissors)}.move-emoji{font-size:2.2rem;line-height:1}.move-label{color:#6b7280;color:var(--muted);font-size:.58rem;letter-spacing:.14em;text-transform:uppercase}.move-btn.selected .move-label{color:#e2e8f0;color:var(--text)}.move-btn:disabled{cursor:not-allowed;opacity:.4;transform:none!important}.round-history{flex-wrap:wrap;gap:.4rem}.round-chip,.round-history{align-items:center;display:flex;justify-content:center}.round-chip{border:1px solid #ffffff14;border:1px solid var(--border);border-radius:50%;font-size:.6rem;font-weight:700;height:28px;width:28px}.round-chip.win{background:#10b98126;border-color:#10b981;border-color:var(--win);color:#10b981;color:var(--win)}.round-chip.lose{background:#ef444426;border-color:#ef4444;border-color:var(--lose);color:#ef4444;color:var(--lose)}.round-chip.tie{background:#f59e0b26;border-color:#f59e0b;border-color:var(--tie);color:#f59e0b;color:var(--tie)}.result-banner{animation:fadeUp .4s ease;border-radius:1rem;max-width:680px;padding:1.75rem;text-align:center;width:100%}.result-banner.win{background:#10b98114;border:1px solid #10b981;border:1px solid var(--win)}.result-banner.lose{background:#ef444414;border:1px solid #ef4444;border:1px solid var(--lose)}.result-banner.draw{background:#f59e0b14;border:1px solid #f59e0b;border:1px solid var(--tie)}.result-headline{font-family:Bebas Neue,sans-serif;font-size:2.75rem;letter-spacing:.1em;margin-bottom:.4rem}.result-banner.win .result-headline{color:#10b981;color:var(--win)}.result-banner.lose .result-headline{color:#ef4444;color:var(--lose)}.result-banner.draw .result-headline{color:#f59e0b;color:var(--tie)}.result-sub{color:#6b7280;color:var(--muted);font-size:.72rem;margin-bottom:1.25rem}.waiting-screen{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:1.5rem;justify-content:center}.waiting-orb{animation:spin 3s linear infinite;border:2px solid #00f2ff;border:2px solid var(--cyan);border-radius:50%;height:90px;position:relative;width:90px}.waiting-orb:before{animation:spin 2s linear infinite reverse;border:2px solid #ff8c00;border:2px solid var(--orange);border-radius:50%;content:"";inset:6px;position:absolute}.waiting-orb:after{animation:pulse 2s ease infinite;background:#00f2ff;background:var(--cyan);border-radius:50%;content:"";inset:16px;opacity:.12;position:absolute}.waiting-text{color:#6b7280;color:var(--muted);font-family:Bebas Neue,sans-serif;font-size:1.6rem;letter-spacing:.1em}.flash{animation:slideIn .3s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#141928;border:1px solid #00f2ff;border:1px solid var(--cyan);border-radius:8px;box-shadow:0 0 18px #00f2ff26;color:#e2e8f0;color:var(--text);font-size:.72rem;letter-spacing:.05em;padding:.65rem 1.1rem;position:fixed;right:1.25rem;top:1.25rem;z-index:300}.empty-state{color:#6b7280;color:var(--muted);font-size:.72rem;letter-spacing:.1em;padding:2.5rem;text-align:center}.spinner{animation:spin .8s linear infinite;border:2px solid #ffffff14;border-top-color:#00f2ff;border:2px solid var(--border);border-radius:50%;border-top-color:var(--cyan);display:inline-block;height:16px;width:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(16px)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){body{overflow:auto}.app{align-items:stretch;padding:0}.app-inner{border:none;border-radius:0;height:100%;min-height:100dvh}.header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#141928bf;background:var(--glass);padding:.65rem 1rem;position:-webkit-sticky;position:sticky;top:0;z-index:50}.logo{font-size:1.35rem}.logo-sub{display:none}.header-right{gap:.5rem}.username-tag{display:none}.btn-logout{font-size:.55rem;padding:.3rem .6rem}.notif-dropdown{border-radius:0 0 12px 12px;left:0;position:fixed;right:0;top:56px;width:100%}.body-layout{flex-direction:column-reverse}.sidebar-nav{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#141928bf;background:var(--glass);border-right:none;border-top:1px solid #ffffff14;border-top:1px solid var(--border);bottom:0;flex-direction:row;flex-shrink:0;justify-content:space-around;padding:.4rem 0 calc(.4rem + env(safe-area-inset-bottom));position:-webkit-sticky;position:sticky;width:100%;z-index:40}.nav-item{flex:1 1;gap:.2rem;padding:.45rem .25rem}.nav-item.active:before{border-radius:0 0 2px 2px;bottom:auto;height:2px;left:0;right:0;top:0;width:auto}.nav-icon-box{border-radius:8px;font-size:.95rem;height:38px;width:38px}.nav-label{font-size:.45rem}.nav-status{display:none}.main-content{overflow:auto}.page{gap:.85rem;overflow:visible;padding:.85rem .9rem}.find-match-btn{-webkit-clip-path:polygon(6% 0,94% 0,100% 50%,94% 100%,6% 100%,0 50%);clip-path:polygon(6% 0,94% 0,100% 50%,94% 100%,6% 100%,0 50%);font-size:1rem;padding:.7rem 2.5rem}.dash-grid{grid-template-columns:1fr;overflow:visible}.friends-sidebar{flex-direction:column;max-height:200px}.friend-list{flex-direction:row;flex-wrap:nowrap;gap:.75rem;overflow-x:auto;padding-bottom:.25rem}.friend-item{align-items:center;flex-direction:column;gap:.25rem;min-width:56px;padding:.5rem .4rem}.friend-info{padding:0;text-align:center}.friend-name{font-size:.55rem}.friend-status{font-size:.5rem}.sdot{display:none}.stats-top{gap:.75rem;grid-template-columns:1fr}.game-row{font-size:.7rem;grid-template-columns:55px 1fr 90px 16px}.auth-screen{min-height:100dvh;padding:1rem .75rem}.auth-title{font-size:2.5rem}.auth-sub{font-size:.55rem;margin-bottom:1.25rem}.card{padding:1.25rem}.friend-card{gap:.7rem;padding:.7rem .85rem}.friend-card-av{height:38px;width:38px}.friend-card-av-inner{font-size:.7rem;height:30px;width:30px}.friend-card-name{font-size:.75rem}.friend-card-actions{gap:.3rem}.lb-podium{gap:.5rem;grid-template-columns:1fr 1.1fr 1fr}.podium-card{gap:.3rem;padding:.65rem .4rem}.podium-av{font-size:.75rem;height:38px;width:38px}.podium-name{font-size:.7rem}.podium-rp{font-size:.55rem}.podium-rank-name{font-size:.65rem}.lb-table td:nth-child(6),.lb-table td:nth-child(7),.lb-table th:nth-child(6),.lb-table th:nth-child(7){display:none}.game-screen{gap:1rem;padding:.85rem .75rem}.score-board{gap:.5rem;grid-template-columns:1fr auto 1fr}.score-player{padding:.75rem .5rem}.score-num{font-size:2.75rem}.score-name{font-size:.65rem}.move-picker{gap:.6rem}.move-btn{min-width:85px;padding:1rem .9rem}.move-emoji{font-size:1.75rem}.result-headline{font-size:2rem}.mode-bottom,.mode-top{gap:.65rem;grid-template-columns:1fr 1fr}.mode-card{padding:.9rem .65rem}.mode-icon{font-size:1.4rem}.mode-name{font-size:.72rem}.mode-desc{font-size:.55rem}.start-queue-btn{-webkit-clip-path:polygon(6% 0,94% 0,100% 50%,94% 100%,6% 100%,0 50%);clip-path:polygon(6% 0,94% 0,100% 50%,94% 100%,6% 100%,0 50%);font-size:1.1rem;padding:.75rem 3rem}.settings-row{align-items:stretch;flex-direction:column;gap:1rem}.settings-av{font-size:1.75rem;height:72px;width:72px}.settings-av-wrap{align-items:center;flex-direction:row;gap:1rem}.save-btn{font-size:.95rem;padding:.7rem 3rem}.msg-panel{border-radius:1rem 1rem 0 0!important;bottom:0!important;left:0!important;max-width:100%!important;right:0!important;width:100%!important}.flash{bottom:calc(70px + env(safe-area-inset-bottom));left:.75rem;right:.75rem;top:auto}.queue-modes-grid{grid-template-columns:1fr 1fr!important}}@media (max-width:390px){.move-btn{min-width:72px;padding:.8rem .55rem}.score-num{font-size:2.2rem}.auth-title{font-size:2rem}}@media (max-width:768px){.logout-label{display:none}.btn-logout{padding:.35rem .45rem}.nav-spacer{display:none}}
/*# sourceMappingURL=main.5b8e9068.css.map*/