:root{--bg-app: #0f172a;--bg-subtle: #1e293b;--bg-card: #1e293b;--bg-input: #020617;--primary: #06b6d4;--primary-hover: #0891b2;--primary-glow: rgba(6, 182, 212, .4);--danger: #ef4444;--danger-bg: rgba(239, 68, 68, .1);--success: #10b981;--success-bg: rgba(16, 185, 129, .1);--text-main: #f8fafc;--text-muted: #94a3b8;--text-dim: #64748b;--border: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .15);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 9999px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow-lg: 0 10px 30px -5px rgba(0,0,0,.4);--page-max: 1400px;--content-max: 1200px;--space-1: clamp(6px, .8vw, 10px);--space-2: clamp(10px, 1.2vw, 16px);--space-3: clamp(14px, 1.8vw, 24px);--space-4: clamp(18px, 2.4vw, 32px);--space-5: clamp(24px, 3.2vw, 48px);--card-pad: clamp(14px, 2vw, 24px);--page-pad-x: clamp(12px, 2.4vw, 24px);--page-pad-y: clamp(16px, 3vw, 32px)}*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-main);line-height:1.5;overflow-x:hidden}.court-tile{box-shadow:0 4px 15px #0000004d;display:flex;flex-direction:column}.player-name{font-size:13px;font-weight:600;padding:3px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.leader-badge{display:inline-flex;align-items:center;gap:6px;margin-left:10px;padding:2px 8px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:#f59e0b1f;border:1px solid rgba(245,158,11,.28);color:#fbbf24}.player-list{width:100%;text-align:center;overflow:hidden;padding:4px 0}.court-header{padding:8px;background:#0000004d}.match-info{display:flex;flex-direction:column;height:100%}button{cursor:pointer;border:none;font-family:inherit;transition:all .2s ease}h1,h2,h3,h4{margin:0 0 .5em;font-weight:700;letter-spacing:-.02em}p{margin:0 0 1em;color:var(--text-muted)}.text-center{text-align:center}.muted{color:var(--text-muted)}.tiny{font-size:11px}.flex-center{display:flex;align-items:center;justify-content:center}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.small{font-size:13px}.eyebrow{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:4px}.ghost{background:#02061759;color:var(--text-muted);padding:8px 16px;border-radius:var(--radius-md);font-size:14px;font-weight:600;border:1px solid var(--border)}.ghost:hover{background:#0206178c;color:var(--text-main);border-color:var(--border-hover)}.ghost.active{background:var(--bg-subtle);color:var(--primary);font-weight:700;box-shadow:inset 0 0 0 1px var(--border)}.ghost.danger{color:var(--danger);background:transparent;border:1px solid rgba(239,68,68,.3);padding:8px 16px;font-weight:600;transition:all .2s ease;letter-spacing:.05em}.ghost.danger:hover{background:#ef44441a;color:#fca5a5;border-color:var(--danger);box-shadow:0 0 15px #ef444433;transform:translateY(-1px)}.ghost.tiny.danger{padding:4px 10px;font-size:10px;border-radius:6px;border-width:1px;text-transform:uppercase;letter-spacing:.05em;height:auto;line-height:normal;background:#ef44440d;border-color:#ef444466}.ghost.tiny.danger:hover{background:var(--danger);color:#fff;border-color:var(--danger);box-shadow:0 0 10px #ef444466}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-full);font-size:12px;background:var(--bg-input);border:1px solid var(--border)}.chip.subtle{background:transparent;border-color:transparent}.modern-header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:#0f172ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50;margin-bottom:24px;flex-wrap:nowrap}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:18px}.brand-icon{color:var(--primary);font-size:20px}.header-left,.header-right{display:flex;align-items:center;gap:20px}.nav-center{display:flex;gap:8px}.nav-link{background:transparent;color:var(--text-muted);font-weight:500;padding:6px 16px;border-radius:var(--radius-full);font-size:14px;display:flex;align-items:center;gap:8px}.nav-link svg{opacity:.7}.nav-link:hover{color:var(--text-main);background:#ffffff08}.nav-link.active{color:var(--text-main);background:var(--bg-subtle);box-shadow:inset 0 0 0 1px var(--border)}.nav-link.active svg{opacity:1;color:var(--primary)}.user-profile{display:flex;align-items:center;gap:10px;border-right:1px solid var(--border);padding-right:16px}.avatar-small{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--bg-subtle),var(--bg-app));border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px}.user-info{display:flex;flex-direction:column;line-height:1.2}.u-name{font-size:13px;font-weight:600}.u-role{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.icon-btn{background:transparent;color:var(--text-muted);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px}.icon-btn:hover{background:var(--bg-subtle);color:var(--text-main)}.icon-btn.danger:hover{color:var(--danger);background:var(--danger-bg)}.location-selector-wrapper{position:relative}.location-pill{display:flex;align-items:center;gap:8px;background:var(--bg-input);border:1px solid var(--border);padding:6px 12px;border-radius:var(--radius-full);font-size:13px;font-weight:600;color:var(--text-main)}.location-pill:hover{border-color:var(--text-muted)}.location-menu{position:absolute;top:calc(100% + 8px);left:0;width:240px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:4px;display:flex;flex-direction:column;gap:2px;z-index:100}.menu-label{padding:8px 12px;font-size:10px;font-weight:700;color:var(--text-dim);text-transform:uppercase}.menu-item{text-align:left;padding:8px 12px;background:transparent;color:var(--text-muted);border-radius:var(--radius-sm);font-size:13px;display:flex;justify-content:space-between}.menu-item:hover{background:#ffffff08;color:var(--text-main)}.menu-item.active{color:var(--primary);background:#06b6d41a}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top,#1e293b,#0f172a 60%)}.auth-card{width:100%;max-width:380px;padding:40px;background:#0f172a99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:24px}.auth-card h1{text-align:center;font-size:24px;background:linear-gradient(to right,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.pill-group{display:flex;background:var(--bg-input);padding:4px;border-radius:var(--radius-full);border:1px solid var(--border)}.pill{flex:1;background:transparent;color:var(--text-muted);font-size:13px;font-weight:600;padding:8px;border-radius:var(--radius-full)}.pill.active{background:var(--bg-subtle);color:var(--text-main);box-shadow:0 1px 3px #0003}.form{display:flex;flex-direction:column;gap:16px}.form.small-gaps{gap:10px}.form label{font-size:12px;font-weight:600;color:var(--text-muted);display:flex;flex-direction:column;gap:6px}.form input,.form select{background:var(--bg-input);border:1px solid var(--border);padding:10px 12px;border-radius:var(--radius-md);color:var(--text-main);font-size:14px}.form input:focus,.form select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.primary-btn{background:var(--primary);color:#020617;font-weight:700;padding:12px;border-radius:var(--radius-md);font-size:14px}.primary-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.message{padding:12px;border-radius:var(--radius-md);background:var(--bg-subtle);border:1px solid var(--border);margin-bottom:16px;font-size:14px}.message.error{color:#fca5a5;background:#ef44441a;border-color:#ef444433}.page{max-width:var(--page-max);margin:0 auto;padding:var(--page-pad-y) var(--page-pad-x);width:100%}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3);gap:var(--space-2);flex-wrap:wrap}.lobby-container{display:flex;flex-direction:column;align-items:center;gap:32px;background:var(--bg-subtle);border:1px solid var(--border);padding:var(--space-5);border-radius:clamp(18px,3vw,32px);max-width:900px;margin:0 auto;width:100%}.lobby-header{width:100%;display:flex;justify-content:space-between;align-items:center}.mode-selector{display:flex;gap:4px;background:var(--bg-input);padding:4px;border-radius:var(--radius-full);border:1px solid var(--border)}.mode-selector button{background:transparent;color:var(--text-muted);padding:8px 24px;border-radius:var(--radius-full);font-size:13px;font-weight:600}.mode-selector button.active{background:var(--bg-subtle);color:var(--text-main)}.mode-selector button.active.ranked{background:var(--danger);color:#fff}.lobby-slots{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}.lobby-slot{width:clamp(132px,38vw,160px);height:clamp(190px,46vw,220px);background:#ffffff05;border:1px dashed var(--border);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center}.lobby-slot.occupied{background:var(--bg-subtle);border-style:solid;border-color:var(--border)}.avatar-circle{width:64px;height:64px;border-radius:50%;background:var(--bg-app);border:2px solid var(--primary);display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:12px;color:var(--primary)}.slot-content{display:flex;flex-direction:column;align-items:center;width:100%}.slot-content span{font-size:14px;font-weight:600}.slot-status-row{display:flex;align-items:center;gap:8px;margin-top:8px}.action-buttons{display:flex;align-items:center;gap:16px;margin-top:8px}.find-match-btn{background:var(--primary);color:#020617;padding:16px 48px;border-radius:var(--radius-full);font-weight:800;font-size:16px;box-shadow:0 0 20px var(--primary-glow)}.find-match-btn:hover{transform:scale(1.02)}.find-match-btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none;filter:saturate(.7)}.cta-btn{padding:16px 32px;font-size:18px;font-weight:800;background:var(--primary);color:#020617;border-radius:var(--radius-full);box-shadow:0 0 20px var(--primary-glow);transition:transform .2s,box-shadow .2s}.cta-btn:hover{transform:scale(1.05);box-shadow:0 0 30px var(--primary-glow)}.layout-viewport{overflow:hidden;position:relative;background:var(--bg-app);min-height:600px;display:block;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.layout-viewport:active{cursor:grabbing}.layout-canvas{background:transparent;border:none;border-radius:0;position:relative;box-shadow:none}.layout-canvas-player{transform-origin:0 0;transition:transform .2s cubic-bezier(.25,.46,.45,.94)}.grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:40px 40px;opacity:1}.court-tile{position:absolute;background:#1e293b99;border:1px solid var(--border);border-radius:8px;display:flex;flex-direction:column;overflow:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:var(--shadow-sm)}.court-tile.active{border-color:var(--success);background:#10b9810d}.court-tile.selected{border-color:#fbbf24;box-shadow:0 0 0 2px #fbbf244d}.court-header{padding:6px;border-bottom:1px solid var(--border);text-align:center;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.court-body{flex:1;padding:8px;display:flex;flex-direction:column;align-items:center;justify-content:center}.player-list{width:100%;text-align:center}.player-name{font-size:11px;font-weight:500;padding:2px 0}.vs-divider{font-size:9px;color:var(--text-dim);margin:2px 0}.match-badge{display:inline-block;font-size:10px;padding:2px 6px;background:var(--bg-app);border:1px solid var(--border);border-radius:4px;font-weight:700;color:var(--text-muted)}.match-info-row{display:flex;justify-content:space-between;width:100%;gap:8px;align-items:center;margin-bottom:8px}.resize-handle{position:absolute;bottom:0;right:0;width:12px;height:12px;background:var(--text-muted);cursor:nwse-resize;clip-path:polygon(100% 0,100% 100%,0 100%);opacity:.5}.resize-handle:hover{opacity:1;background:var(--primary)}.layout-split{display:grid;grid-template-columns:1fr 300px;gap:24px}.layout-panel{background:var(--bg-subtle);border:1px solid var(--border);border-radius:16px;padding:24px}.team-block.interactable{cursor:pointer;transition:all .2s}.team-block.interactable:hover{background:#ffffff1a;border-color:var(--primary);box-shadow:0 0 20px var(--primary-glow)}.active-match-container{display:flex;flex-direction:column;align-items:center;gap:32px;padding:48px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:32px;max-width:900px;margin:0 auto}.match-header-centered h1{font-size:32px;color:var(--primary);text-align:center}.timer-large{font-size:64px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--text-main);margin:16px 0}.timer-large.warn{color:#fbbf24}.match-teams-large{display:flex;gap:48px;align-items:center;width:100%;justify-content:center}.team-block{flex:1;background:#0003;padding:24px;border-radius:16px;border:1px solid var(--border);text-align:center}.vs-large{font-size:24px;font-weight:900;color:var(--text-dim)}.score-input{background:var(--bg-input);border:1px solid var(--border);color:var(--text-main);padding:12px;font-size:20px;border-radius:12px;width:80px;text-align:center;margin-top:16px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-3)}.card{background:var(--bg-subtle);border:1px solid var(--border);border-radius:16px;padding:var(--card-pad)}.card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.checkin-desk{display:flex;flex-direction:column;gap:24px}.desk-header{background:var(--bg-input);padding:24px;border-radius:16px;border:1px solid var(--border);display:flex;gap:24px;align-items:flex-end}.search-bar-large{flex:1}.search-bar-large input{width:100%;background:var(--bg-subtle);border:1px solid var(--border);padding:16px;border-radius:12px;color:var(--text-main);font-size:16px}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.result-card{background:var(--bg-subtle);border:1px solid var(--border);padding:16px;border-radius:12px}.result-card.active{border-color:var(--primary);background:#06b6d40d}.p-name{font-weight:700;font-size:15px}.p-actions{margin-top:12px;display:flex;gap:8px}.p-actions button{flex:1;padding:8px;border-radius:8px;font-weight:600;font-size:12px;background:var(--bg-input);color:var(--text-muted)}.p-actions button.primary{background:var(--primary);color:#020617}.leaderboard-container{background:var(--bg-subtle);border:1px solid var(--border);border-radius:clamp(16px,3vw,24px);padding:clamp(16px,3vw,32px);max-width:var(--content-max);margin:0 auto;width:100%}.lb-wide{display:none}.lb-compact{display:block}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table{width:100%;border-collapse:collapse;table-layout:fixed}.data-table th{text-align:left;padding:12px;color:var(--text-muted);border-bottom:1px solid var(--border);font-size:12px;text-transform:uppercase}.data-table td{padding:12px;border-bottom:1px solid var(--border);font-size:14px}.player-cell{display:flex;align-items:center;gap:10px;min-width:0}.p-name-table{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:600;font-size:14px}@media(min-width:980px){.lb-wide{display:block}.lb-compact{display:none}}.lb-list{display:flex;flex-direction:column;gap:6px}.lb-head{display:grid;grid-template-columns:70px 1fr 90px;gap:12px;padding:10px;border-bottom:1px solid var(--border);margin-bottom:6px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.lb-row{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;display:grid;grid-template-columns:70px 1fr 90px;gap:12px;align-items:center;padding:10px;border-radius:14px;background:#02061747;border:1px solid rgba(255,255,255,.06)}.lb-row:hover{background:#0206175c;border-color:#ffffff1f}.lb-row.me{background:#06b6d414;border-color:#06b6d438}.lb-rank{display:flex;align-items:center;justify-content:center}.lb-player{position:relative;display:flex;align-items:center;gap:12px;width:100%;min-width:0;padding:2px 0;text-align:left}.lb-row.tier-Iron{box-shadow:inset 0 0 0 1px #a1a1aa59}.lb-row.tier-Bronze{box-shadow:inset 0 0 0 1px #d977067a}.lb-row.tier-Silver{box-shadow:inset 0 0 0 1px #cbd5e16b}.lb-row.tier-Gold{box-shadow:inset 0 0 0 1px #fbbf2480}.lb-row.tier-Platinum{box-shadow:inset 0 0 0 1px #22d3ee80}.lb-row.tier-Diamond{box-shadow:inset 0 0 0 1px #d8b4fe8c}.lb-row.tier-Master{box-shadow:inset 0 0 0 1px #f472b68c}.lb-row.tier-Grandmaster{box-shadow:inset 0 0 0 1px #f8717199}.lb-name{font-weight:700;font-size:14px;color:var(--text-main);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.lb-tier-pill{display:none;flex:0 0 auto;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.06em;background:#00000038;border:1px solid rgba(255,255,255,.08);color:#ffffffc7}.lb-rating{text-align:right;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-weight:800;font-variant-numeric:tabular-nums;font-size:14px;color:#ffffffe6}.lb-matches{display:none;text-align:right;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-variant-numeric:tabular-nums;font-weight:700;color:#ffffffb8}@media(min-width:980px){.lb-head,.lb-row{grid-template-columns:80px 1fr 110px 110px}.lb-tier-pill{display:inline-flex;align-items:center}.lb-matches{display:block}}@media(max-width:420px){.lb-head,.lb-row{grid-template-columns:60px 1fr 72px}.lb-player{padding:9px 10px}}.tier-Iron{color:#a1a1aa}.tier-Bronze{color:#d97706}.tier-Silver{color:#cbd5e1}.tier-Gold{color:#fbbf24}.tier-Platinum{color:#22d3ee}.tier-Diamond{color:#d8b4fe}.tier-Master{color:#f472b6}.tier-Grandmaster{color:#f87171}.badge{display:inline-block;padding:2px 8px;border-radius:99px;font-size:10px;font-weight:700;background:var(--bg-input);border:1px solid var(--border)}.badge.success{border-color:var(--success);color:var(--success);background:var(--success-bg)}.badge.warn{border-color:#facc15;color:#facc15;background:#eab3081a}.mobile-only{display:none!important}@media(max-width:1200px){.layout-split{grid-template-columns:1fr 280px;gap:var(--space-3)}.active-match-container{padding:var(--space-4)}}@media(max-width:900px){.nav-link.mobile-only{display:flex!important}.modern-header{height:auto;min-height:60px;padding:12px;position:sticky;top:0;justify-content:space-between;margin-bottom:0;flex-wrap:wrap;gap:10px}.brand-text{display:none}.header-left{gap:10px;width:100%;align-items:center;flex-wrap:wrap;padding-right:0}.header-right{gap:8px;position:absolute;top:12px;right:12px}.user-info{display:none}.user-profile{border-right:none;padding-right:0}.admin-btn{display:none}.location-selector-wrapper{flex:1 0 100%;min-width:0;width:100%}.location-pill{width:100%;justify-content:space-between;padding:10px 12px}.location-pill .loc-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.location-menu{width:min(92vw,320px)}.nav-center.player-nav{position:fixed;bottom:0;left:0;right:0;background:#0f172af2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--border);padding:8px 0;padding-bottom:max(8px,env(safe-area-inset-bottom));display:flex;justify-content:space-evenly;align-items:center;z-index:999;box-shadow:0 -4px 20px #0000004d;height:70px}.nav-center.player-nav .nav-link{flex-direction:column;padding:8px 4px;font-size:10px;background:transparent!important;border:none;color:var(--text-muted);font-weight:600;letter-spacing:.05em;text-transform:uppercase;flex:1;max-width:80px;justify-content:center;align-items:center;gap:6px;height:100%}.nav-center.player-nav .nav-link.active{color:var(--primary);box-shadow:none!important}.nav-center.player-nav .nav-play-btn{order:-1;margin:0;padding:0;width:80px;height:100%;border-radius:0;font-size:14px;box-shadow:none;clip-path:none;border:none;transform:none;background:transparent;color:var(--primary);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.nav-play-btn:before{content:"▶";font-size:20px;display:block;width:20px;height:20px;line-height:20px;text-align:center;background:var(--primary);color:#020617;border-radius:50%;box-shadow:0 0 10px var(--primary-glow)}.nav-play-btn:hover{background:transparent;transform:none;box-shadow:none;text-shadow:none}.page{padding-bottom:100px;padding-top:24px}.map-controls{bottom:80px;right:16px}.layout-viewport{min-height:65vh}.lobby-container{padding:24px 16px;margin-bottom:40px}}@media(max-width:600px){.section-header{flex-direction:column;align-items:flex-start}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table th,.data-table td{padding:10px}.lobby-header{flex-direction:column;align-items:flex-start;gap:12px}.mode-selector button{padding:8px 14px}.desk-header{flex-direction:column;align-items:stretch;gap:12px}.layout-split{grid-template-columns:1fr}.layout-panel{padding:var(--card-pad)}}@media(max-width:420px){.nav-center.player-nav{height:64px}.nav-center.player-nav .nav-link{max-width:74px}.nav-center.player-nav .nav-play-btn{width:74px}.modal-overlay{padding:14px}}.modern-select{background:var(--bg-input);border:1px solid var(--border);padding:8px 12px;border-radius:var(--radius-md);color:var(--text-main);font-size:14px}.modern-select:focus{outline:none;border-color:var(--primary)}.p-name-table{font-weight:600;font-size:14px}.player-link{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;padding:0;margin:0;color:inherit;cursor:pointer;text-align:left}.player-link:hover{color:var(--primary);text-decoration:underline}.data-table tr.me td{background:#06b6d40f}.leaderboard-divider{height:1px;background:var(--border);opacity:.9;margin:18px 0}.rank-cell{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.rank-icon{width:22px;display:inline-flex;justify-content:center;font-size:18px;line-height:1}.rank-num{font-variant-numeric:tabular-nums}.lobby-slot{transition:all .2s}.lobby-slot.empty{border:2px dashed var(--border);opacity:.6}.lobby-slot.empty:hover{border-color:var(--primary);background:#06b6d40d;opacity:1;transform:translateY(-2px);box-shadow:0 4px 12px #06b6d41a;cursor:pointer}.home-actions-top{display:flex;justify-content:center;width:100%;margin-top:12px;margin-bottom:24px}.cta-btn-large{position:relative;padding:18px 80px;font-size:24px;font-weight:900;background:var(--primary);color:#020617;border:none;box-shadow:0 0 20px var(--primary-glow);transition:all .2s cubic-bezier(.4,0,.2,1);letter-spacing:.15em;text-transform:uppercase;clip-path:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px)}.cta-btn-large:hover{transform:translateY(-2px);box-shadow:0 0 40px var(--primary-glow),inset 0 0 20px #fff6;background:#22d3ee;text-shadow:0 0 10px rgba(255,255,255,.5)}.cta-btn-large:active{transform:translateY(1px)}.nav-play-btn{background:var(--primary);color:#020617;font-weight:900;font-size:15px;padding:10px 36px;border-radius:4px;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);margin:0 16px;box-shadow:0 0 15px var(--primary-glow);letter-spacing:.1em;transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.2)}.nav-play-btn:hover{background:#22d3ee;transform:translateY(-1px);box-shadow:0 0 25px var(--primary-glow);text-shadow:0 0 8px rgba(255,255,255,.5)}.slot-content.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:100%;width:100%}.plus-icon{font-size:32px;font-weight:300;color:var(--text-muted);width:56px;height:56px;border-radius:50%;border:1px dashed var(--border);display:flex;align-items:center;justify-content:center;transition:all .2s}.lobby-slot.empty:hover .plus-icon{color:var(--primary);border-color:var(--primary);background:#06b6d41a;transform:scale(1.1) rotate(90deg)}.invite-text{font-size:12px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.lobby-slot.empty:hover .invite-text{color:var(--text-main)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:24px}.match-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-width:500px;margin:32px auto}.player-card-simple{background:var(--bg-input);border:1px solid var(--border);padding:24px;border-radius:16px;text-align:center;font-weight:700;color:var(--text-main);font-size:18px;box-shadow:var(--shadow-sm)}.end-session-btn{background:transparent;border:1px solid var(--danger);color:var(--danger);padding:14px 40px;border-radius:8px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;transition:all .2s;cursor:pointer;margin-top:24px}.end-session-btn:hover{background:var(--danger);color:#fff;box-shadow:0 0 20px #ef444466}.modal-content{background:var(--bg-subtle);border:1px solid var(--border);border-radius:24px;padding:clamp(14px,4vw,28px);width:100%;max-width:min(92vw,720px);display:flex;flex-direction:column;gap:16px;box-shadow:var(--shadow-lg);position:relative;max-height:calc(100vh - 48px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.profile-container{width:100%;max-width:min(92vw,760px);align-items:stretch}.profile-container .card{width:100%}.modal-content h3{margin-bottom:8px;color:var(--text-main);font-size:20px}.chart-tooltip{position:absolute;transform:translate(12px,-12px);min-width:140px;max-width:220px;padding:10px 12px;border-radius:12px;background:#080c14eb;border:1px solid rgba(255,255,255,.1);box-shadow:0 14px 40px #0000008c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;z-index:5}.chart-tooltip-title{font-weight:800;font-size:12px;margin-bottom:6px;color:#ffffffe6}.chart-tooltip-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:#ffffffd9}.modal-content svg{touch-action:none}.search-input{width:100%;background:var(--bg-input);border:1px solid var(--border);padding:14px;border-radius:12px;color:var(--text-main);font-size:16px}.search-input:focus{outline:none;border-color:var(--primary)}.player-results-list{max-height:300px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;margin:8px 0}.player-result-row{display:flex;align-items:center;justify-content:space-between;padding:12px;background:var(--bg-app);border-radius:12px;border:1px solid var(--border);cursor:pointer;transition:all .2s;margin-bottom:8px}.player-result-row:hover{background:var(--bg-subtle);border-color:var(--primary);box-shadow:0 0 15px #06b6d41a}.primary-btn.small{padding:6px 12px;font-size:12px;border-radius:8px}.player-result-info{display:flex;flex-direction:column}.player-stat-line{font-size:12px;color:var(--text-muted);display:flex;gap:8px;margin-top:4px}.invite-alert{position:relative;background:#06b6d41a;border:1px solid var(--primary);border-radius:12px;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;margin:0 auto 24px;max-width:800px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 20px #06b6d426;z-index:100;animation:slideDown .3s ease-out}.invite-alert span{font-weight:700;color:var(--primary);font-size:15px}.invite-alert .row{display:flex;gap:12px}.invite-alert button{background:var(--primary);color:#020617;padding:8px 20px;border-radius:6px;font-weight:700;font-size:13px;box-shadow:0 0 10px var(--primary-glow)}.invite-alert button:hover{transform:translateY(-1px);box-shadow:0 0 15px var(--primary-glow)}.invite-alert button.danger{background:transparent;border:1px solid var(--danger);color:var(--danger);box-shadow:none}.invite-alert button.danger:hover{background:var(--danger);color:#fff;box-shadow:0 0 15px #ef444466}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.map-controls{position:fixed;bottom:32px;right:32px;z-index:100;display:flex;align-items:center;gap:12px;background:#0f172ae6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:8px 16px;border-radius:var(--radius-full);border:1px solid var(--border);box-shadow:0 4px 20px #0006}.zoom-btn{width:32px;height:32px;border-radius:50%;background:var(--bg-subtle);color:var(--text-main);font-weight:700;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);font-size:16px;transition:all .2s}.zoom-btn:hover{background:var(--primary);color:#020617;transform:scale(1.1);border-color:var(--primary)}.zoom-btn.reset{width:auto;padding:0 16px;border-radius:20px;font-size:13px;text-transform:uppercase;letter-spacing:.05em}.zoom-level{font-size:14px;font-weight:700;color:var(--text-main);min-width:48px;text-align:center;font-variant-numeric:tabular-nums}