:root{--neon-green: #00ff41;--neon-cyan: #00e5ff;--neon-pink: #ff006e;--neon-yellow: #ffe600;--bg: #04040a;--bg-card: #08081a;--bg-card2: #0c0c1e;--border: #1c1c3a;--text: #c0d8f0;--text-dim: #506070;--glow-green: 0 0 8px #00ff41, 0 0 20px rgba(0,255,65,.4);--glow-cyan: 0 0 8px #00e5ff, 0 0 20px rgba(0,229,255,.4);--glow-pink: 0 0 8px #ff006e, 0 0 20px rgba(255,0,110,.4);--glow-yellow:0 0 8px #ffe600, 0 0 20px rgba(255,230,0,.4)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Share Tech Mono,Courier New,monospace;background:var(--bg);color:var(--text);min-height:100vh;background-image:linear-gradient(rgba(0,255,65,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,65,.025) 1px,transparent 1px);background-size:36px 36px}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.07) 2px,rgba(0,0,0,.07) 4px);pointer-events:none;z-index:9999}.navbar{display:flex;align-items:center;gap:1.5rem;padding:.75rem 2rem;background:#04040ef2;border-bottom:1px solid var(--neon-green);box-shadow:0 1px 24px #00ff4126;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.navbar .brand{font-family:"Press Start 2P",monospace;font-size:.7rem;color:var(--neon-green);text-shadow:var(--glow-green);margin-right:auto;letter-spacing:1px;display:flex;align-items:center;gap:.6rem;text-decoration:none}.navbar .brand img{width:20px;height:20px;image-rendering:pixelated}.navbar a{color:var(--text-dim);text-decoration:none;font-size:.65rem;letter-spacing:1px;text-transform:uppercase;padding:.3rem .5rem;transition:color .15s,text-shadow .15s}.navbar a:hover,.navbar a.router-link-active{color:var(--neon-cyan);text-shadow:var(--glow-cyan)}.sync-info{font-size:.6rem;color:var(--text-dim);margin-left:auto}.content{padding:2rem;max-width:1200px;margin:0 auto}h1{font-family:"Press Start 2P",monospace;font-size:1rem;color:var(--neon-green);text-shadow:var(--glow-green);margin-bottom:1.5rem;letter-spacing:2px;text-transform:uppercase;line-height:1.8}h2{font-family:"Press Start 2P",monospace;font-size:.65rem;color:var(--neon-cyan);text-shadow:var(--glow-cyan);margin:1.5rem 0 .75rem;letter-spacing:1px;text-transform:uppercase}h3{font-family:"Press Start 2P",monospace;font-size:.6rem;color:var(--text);letter-spacing:1px;line-height:1.8}.player-grid{display:flex;gap:1rem;flex-wrap:wrap}.player-card{background:var(--bg-card);border:1px solid var(--border);padding:.75rem 1rem;display:flex;align-items:center;gap:.5rem;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));transition:border-color .15s,box-shadow .15s}.player-card:hover{border-color:var(--neon-green);box-shadow:0 0 12px #00ff4133}.player-card img{width:40px;border:1px solid var(--neon-green);box-shadow:0 0 6px #00ff414d}.player-card a{color:var(--text);text-decoration:none;display:flex;align-items:center;gap:.5rem;font-size:.85rem}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.game-card{background:var(--bg-card);border:1px solid var(--border);overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s,box-shadow .2s}.game-card:hover{border-color:var(--neon-cyan);box-shadow:0 0 16px #00e5ff26}.game-card img{width:100%;aspect-ratio:460/215;object-fit:cover;filter:saturate(1.1)}.game-card strong{padding:.4rem .5rem;font-size:.75rem;color:var(--text);line-height:1.4}.game-card small{padding:0 .5rem;font-size:.65rem;color:var(--text-dim)}.game-card .tags{padding:0 .5rem .5rem;display:flex;gap:.25rem}.game-card-big{background:var(--bg-card);border:1px solid var(--neon-pink);box-shadow:0 0 24px #ff006e33;overflow:hidden;max-width:460px;margin-top:1rem}.game-card-big img{width:100%}.game-card-big h3,.game-card-big p,.game-card-big span{padding:.5rem 1rem;display:block;font-size:.8rem}.filters{display:flex;gap:1.5rem;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap}.filters label{display:flex;align-items:center;gap:.4rem;font-size:.8rem}.filters input[type=number]{width:60px;background:var(--bg-card);border:1px solid var(--border);color:var(--neon-green);padding:.25rem;font-family:inherit;font-size:.8rem}.filters input[type=number]:focus{outline:none;border-color:var(--neon-green);box-shadow:0 0 6px #00ff414d}.filters input[type=text]{background:var(--bg-card);border:1px solid var(--border);color:var(--neon-cyan);padding:.25rem .5rem;font-family:inherit;font-size:.8rem;width:140px}.filters input[type=text]:focus{outline:none;border-color:var(--neon-cyan);box-shadow:0 0 6px #00e5ff4d}.picker-buttons{display:flex;gap:1rem;margin-bottom:1.5rem;align-items:center;flex-wrap:wrap}.btn-primary{background:transparent;color:var(--neon-green);border:1px solid var(--neon-green);padding:.6rem 1.2rem;cursor:pointer;font-family:"Press Start 2P",monospace;font-size:.55rem;letter-spacing:1px;text-transform:uppercase;box-shadow:0 0 10px #00ff4133,inset 0 0 10px #00ff410d;transition:box-shadow .15s,background .15s}.btn-primary:hover:not(:disabled){background:#00ff411a;box-shadow:0 0 22px #00ff4173,inset 0 0 10px #00ff411a}.btn-primary:disabled{opacity:.3;cursor:not-allowed}.btn-secondary{background:transparent;color:var(--neon-cyan);border:1px solid var(--neon-cyan);padding:.6rem 1.2rem;cursor:pointer;font-family:"Press Start 2P",monospace;font-size:.55rem;letter-spacing:1px;text-transform:uppercase;box-shadow:0 0 10px #00e5ff33,inset 0 0 10px #00e5ff0d;transition:box-shadow .15s,background .15s}.btn-secondary:hover:not(:disabled){background:#00e5ff1a;box-shadow:0 0 22px #00e5ff73,inset 0 0 10px #00e5ff1a}.btn-secondary:disabled{opacity:.3;cursor:not-allowed}.tabs{display:flex;gap:.5rem;margin-bottom:1.5rem}.tabs button{background:transparent;color:var(--text-dim);border:1px solid var(--border);padding:.5rem 1rem;cursor:pointer;font-family:"Press Start 2P",monospace;font-size:.55rem;letter-spacing:1px;text-transform:uppercase;transition:color .15s,border-color .15s,box-shadow .15s}.tabs button.active{color:var(--neon-pink);border-color:var(--neon-pink);box-shadow:0 0 12px #ff006e4d}.tabs button:hover:not(.active){color:var(--text);border-color:#333}table{width:100%;border-collapse:collapse;font-size:.82rem}th,td{padding:.6rem 1rem;text-align:left;border-bottom:1px solid var(--border)}th{color:var(--neon-yellow);text-shadow:var(--glow-yellow);font-family:"Press Start 2P",monospace;font-size:.55rem;letter-spacing:1px;text-transform:uppercase}td img{vertical-align:middle;margin-right:.4rem}td a{color:var(--text);text-decoration:none}td a:hover{color:var(--neon-cyan)}tr:hover td{background:#00e5ff08}.profile-header{display:flex;gap:1.5rem;align-items:center;margin-bottom:2rem}.profile-header .avatar{width:80px;border:2px solid var(--neon-green);box-shadow:0 0 18px #00ff4166}.profile-header a{color:var(--neon-cyan);font-size:.8rem}.profile-header p{font-size:.75rem;color:var(--text-dim);margin-top:.25rem}.privacy-warning{background:#ff006e12;border:1px solid var(--neon-pink);box-shadow:0 0 14px #ff006e26;padding:.75rem 1rem;margin-bottom:1.5rem;color:var(--neon-pink);display:flex;flex-direction:column;gap:.35rem;font-size:.8rem;line-height:1.6}.leaderboard-section ol{padding-left:1.5rem}.leaderboard-section li{padding:.4rem 0;display:flex;align-items:center;gap:.5rem;font-size:.82rem}.no-game{background:#14140a99;border:1px solid #2a2a10;color:var(--text-dim);padding:1rem;font-size:.8rem}.tag-chip{display:inline-block;font-size:.55rem;padding:.15rem .45rem;border:1px solid var(--neon-cyan);color:var(--neon-cyan);letter-spacing:.5px;text-transform:uppercase;line-height:1.6;margin:.1rem .1rem 0 0}.tag-chip:nth-child(2n){border-color:var(--neon-green);color:var(--neon-green)}.tag-chip:nth-child(3n){border-color:var(--neon-yellow);color:var(--neon-yellow)}.tag-chip:nth-child(4n){border-color:var(--neon-pink);color:var(--neon-pink)}.tag-chip-btn{background:transparent;cursor:pointer;transition:background .12s,box-shadow .12s}.tag-chip-btn:hover{background:#00e5ff14}.tag-chip-btn.active{background:#00e5ff2e;box-shadow:0 0 8px #00e5ff66;color:#fff!important;border-color:#fff!important}.tag-filter-row{margin-bottom:1.25rem}.tag-filter-chips{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.4rem}.lib-count{font-size:.7rem;color:var(--text-dim);margin-bottom:.75rem;letter-spacing:1px}.player-select{margin-bottom:1rem}.filter-label{font-size:.65rem;color:var(--text-dim);margin-bottom:.5rem;letter-spacing:1px;text-transform:uppercase}.player-checkboxes{display:flex;flex-wrap:wrap;gap:.5rem}.player-check{display:flex;align-items:center;gap:.4rem;padding:.4rem .75rem;background:var(--bg-card);border:1px solid var(--border);cursor:pointer;font-size:.78rem;-webkit-user-select:none;user-select:none;transition:border-color .15s,box-shadow .15s,color .15s}.player-check input{display:none}.player-check img{width:24px}.player-check.active{border-color:var(--neon-green);box-shadow:0 0 8px #00ff414d;color:var(--neon-green)}.player-check:hover{border-color:#444}.extra-filters{display:flex;gap:1.5rem;align-items:center;margin-top:.5rem;font-size:.8rem}.join{max-width:480px}.join .subtitle{color:var(--text-dim);margin-bottom:1.5rem;font-size:.82rem;line-height:1.7}.card{background:var(--bg-card);border:1px solid var(--border);padding:1.5rem;display:flex;flex-direction:column;gap:.75rem}.card label{display:flex;flex-direction:column;gap:.4rem;font-size:.65rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px}.card input[type=text]{background:var(--bg);border:1px solid var(--border);color:var(--neon-green);padding:.6rem .8rem;font-family:Share Tech Mono,monospace;font-size:1rem;width:100%}.card input:focus{outline:none;border-color:var(--neon-green);box-shadow:0 0 8px #00ff414d}.hint{font-size:.72rem;color:var(--text-dim);line-height:1.6}.hint a{color:var(--neon-cyan)}.result{display:flex;align-items:center;gap:1rem;margin-top:1.5rem;padding:1rem;font-size:.82rem}.result.success{background:#00ff410d;border:1px solid var(--neon-green);box-shadow:0 0 12px #00ff4126}.result.error{background:#ff006e0d;border:1px solid var(--neon-pink);box-shadow:0 0 12px #ff006e26;color:var(--neon-pink)}.result img{width:56px;border:1px solid var(--neon-green)}.join-link{background:transparent;color:var(--neon-green)!important;border:1px solid var(--neon-green);padding:.3rem .8rem;font-family:"Press Start 2P",monospace;font-size:.5rem;letter-spacing:1px;text-transform:uppercase;box-shadow:0 0 8px #00ff4133;transition:box-shadow .15s,background .15s}.join-link:hover{background:#00ff411a!important;box-shadow:0 0 18px #00ff4166;text-decoration:none!important}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.presence-grid{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.5rem}.presence-card{display:flex;align-items:center;gap:.6rem;padding:.5rem .85rem .5rem .6rem;background:var(--bg-card);border:1px solid var(--border);min-width:160px;transition:border-color .15s,box-shadow .15s}.presence-card.ingame{border-color:var(--neon-green);box-shadow:0 0 12px #00ff4133}.presence-card.online{border-color:#1a6b1a}.presence-card.offline{opacity:.45}.presence-avatar{position:relative;flex-shrink:0}.presence-avatar img{width:36px;height:36px;display:block}.presence-dot{position:absolute;bottom:-2px;right:-2px;width:9px;height:9px;border:2px solid var(--bg-card)}.dot-ingame{background:var(--neon-green);box-shadow:0 0 6px #00ff41cc}.dot-online{background:#3cba3c}.dot-away{background:var(--neon-yellow)}.dot-offline{background:#444}.presence-info{display:flex;flex-direction:column;gap:.1rem;overflow:hidden}.presence-info a{color:var(--text);text-decoration:none;font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.presence-info a:hover{color:var(--neon-cyan)}.presence-game{font-size:.65rem;color:var(--neon-green);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.presence-state{font-size:.65rem;color:var(--text-dim)}@media (max-width: 768px){.presence-grid{flex-direction:column}.presence-card{min-width:unset}}.nav-hamburger{display:none;flex-direction:column;gap:5px;background:transparent;border:1px solid var(--neon-green);padding:7px 9px;cursor:pointer;box-shadow:0 0 8px #00ff4133;margin-left:auto;flex-shrink:0}.nav-hamburger span{display:block;width:18px;height:2px;background:var(--neon-green);box-shadow:0 0 4px #00ff41b3;transition:transform .2s,opacity .2s}.nav-hamburger.open span:first-child{transform:translateY(7px) rotate(45deg)}.nav-hamburger.open span:nth-child(2){opacity:0}.nav-hamburger.open span:last-child{transform:translateY(-7px) rotate(-45deg)}.nav-links{display:contents}@media (max-width: 768px){.navbar{flex-wrap:wrap;padding:.6rem 1rem;gap:0;row-gap:0}.navbar .brand{flex:1;font-size:.6rem}.nav-hamburger{display:flex}.sync-info{display:none}.nav-links{display:none;flex-direction:column;width:100%;order:10;border-top:1px solid var(--border);margin-top:.5rem;padding-top:.25rem}.nav-links.open{display:flex}.nav-links a{padding:.65rem 0;font-size:.58rem;border-bottom:1px solid var(--border);color:var(--text-dim)}.nav-links a:last-child{border-bottom:none}.nav-links a.router-link-active{color:var(--neon-cyan);text-shadow:var(--glow-cyan)}.nav-links .join-link{margin-top:.4rem;text-align:center;padding:.5rem}.content{padding:1rem}h1{font-size:.75rem}h2{font-size:.55rem}.game-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.6rem}.profile-header{flex-direction:column;align-items:flex-start;gap:1rem}.profile-header .avatar{width:60px}.picker-buttons{flex-direction:column;align-items:stretch}.btn-primary,.btn-secondary{width:100%;text-align:center;padding:.75rem 1rem}.filters{flex-direction:column;align-items:flex-start;gap:.75rem}.extra-filters{flex-direction:column;gap:.5rem}.player-grid{flex-direction:column}.player-checkboxes{gap:.4rem}.tabs{flex-wrap:wrap;gap:.4rem}.tabs button{flex:1;text-align:center}.card{padding:1rem}.result{flex-direction:column;align-items:flex-start}.game-card-big{max-width:100%}th,td{padding:.5rem .6rem;font-size:.75rem}th{font-size:.45rem}}.ts-section h2{display:flex;align-items:center;gap:.75rem}.ts-meta{font-size:.8rem;font-weight:400;color:var(--color-text-muted, #8a9bac)}.ts-offline{font-size:.8rem;color:#888}.ts-tree{margin-top:.75rem;display:flex;flex-direction:column;gap:.15rem}.ts-channel{display:flex;align-items:center;gap:.4rem;padding:.3rem .5rem;border-radius:4px;color:#8a9bac;font-size:.85rem;margin-top:.35rem}.ts-channel--occupied{color:#cdd9e5}.ts-channel-icon{font-size:.75rem}.ts-channel-name{font-weight:600;letter-spacing:.02em}.ts-client{display:flex;align-items:center;gap:.5rem;padding:.3rem .75rem .3rem 1.75rem;border-radius:4px;font-size:.9rem;position:relative}.ts-client:hover{background:#ffffff0a}.ts-client-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;flex-shrink:0}.ts-client-avatar--placeholder{display:inline-flex;align-items:center;justify-content:center;font-size:1rem}.ts-client-dot{position:absolute;left:2.1rem;bottom:.3rem;width:9px;height:9px}.ts-client-name{font-weight:500}.ts-client-game{color:#5ba3c9;font-size:.8rem;margin-left:.25rem}