*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--sidebar-width:220px;--sidebar-collapsed-width:60px;--topbar-height:70px;--bg:#0e0e10;--sidebar-bg:#18181b;--surface:#1f1f23;--surface-2:#2a2a2f;--border:#2a2a2f;--text:#efeff1;--text-muted:#adadb8;--text-dim:#6a6a77;--accent:#9147ff;--accent-hover:#772ce8;-webkit-font-smoothing:antialiased;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Nunito,Inter,system-ui,sans-serif;font-size:15px}body{background:var(--bg);color:var(--text);min-height:100vh}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}h1,h2,h3{font-weight:700;line-height:1.2}.avatar-img{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);border-right:1px solid var(--border);z-index:200;flex-direction:column;height:100vh;transition:width .15s ease-in-out,box-shadow .15s ease-in-out;display:flex;position:fixed;top:0;left:0;overflow:hidden}.sidebar-logo{height:var(--topbar-height);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:.7rem;padding:0 1rem;display:flex;overflow:hidden}.sidebar-logo-img{object-fit:cover;object-position:center top;border:2px solid var(--surface-2);border-radius:50%;flex-shrink:0;width:50px;height:50px}.sidebar-logo-text{flex-direction:column;justify-content:center;font-family:Nunito,sans-serif;line-height:1;display:flex}.logo-line-1{color:var(--text);letter-spacing:.01em;font-size:23px;font-weight:900}.logo-line-2{color:var(--accent);letter-spacing:.42em;text-transform:uppercase;margin-top:3px;font-size:12px;font-weight:800}.sidebar-nav{flex-direction:column;gap:2px;padding:.75rem .5rem;display:flex}.sidebar-link{color:var(--text-muted);border-radius:6px;align-items:center;gap:.65rem;padding:.6rem .85rem;font-size:.9rem;font-weight:500;transition:color .1s,background .1s;display:flex}.sidebar-link svg{flex-shrink:0}.sidebar-label{white-space:nowrap}.sidebar-link:hover{color:var(--text);background:var(--surface-2)}.sidebar-link.active{color:var(--text);background:var(--surface-2);font-weight:600}.app-shell.collapsed .sidebar{width:var(--sidebar-collapsed-width)}.app-shell.collapsed .sidebar:hover{width:var(--sidebar-width);box-shadow:6px 0 24px #00000073}.app-shell.collapsed .sidebar:not(:hover) .sidebar-logo{justify-content:center;gap:0;padding-left:0;padding-right:0}.app-shell.collapsed .sidebar:not(:hover) .sidebar-logo-text{max-width:0;overflow:hidden}.app-shell.collapsed .sidebar-logo-text,.app-shell.collapsed .sidebar-label{opacity:0;transition:opacity .1s}.app-shell.collapsed .sidebar:hover .sidebar-logo-text,.app-shell.collapsed .sidebar:hover .sidebar-label{opacity:1;transition:opacity .12s 80ms}.topbar{height:var(--topbar-height);background:var(--sidebar-bg);border-bottom:1px solid var(--border);z-index:100;justify-content:flex-end;align-items:center;padding:0 1.5rem;display:flex;position:sticky;top:0}.topbar-right{align-items:center;gap:1rem;display:flex}.twitch-login-btn{background:var(--accent);color:#fff;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1.1rem;font-size:.875rem;font-weight:600;transition:background .15s;display:flex}.twitch-login-btn:hover{background:var(--accent-hover)}.topbar-user{align-items:center;gap:.6rem;display:flex}.topbar-chip{border-radius:100px;align-items:center;gap:.6rem;padding:.3rem .6rem .3rem .3rem;transition:background .12s;display:flex}.topbar-chip:hover{background:var(--surface-2)}.topbar-avatar{background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.8rem;font-weight:700;display:flex}.topbar-username{color:var(--text);font-size:.875rem;font-weight:600}.topbar-logout{color:var(--text-muted);background:0 0;border:none;border-radius:4px;padding:.25rem .5rem;font-size:.8rem;transition:color .1s}.topbar-logout:hover{color:var(--text)}.home{min-height:calc(100vh - var(--topbar-height));justify-content:center;align-items:flex-start;padding:2.5rem 1.75rem 3rem;display:flex}.game-grid{grid-template-columns:repeat(2,minmax(0,560px));gap:1.5rem;width:100%;max-width:1150px;display:grid}.game-card{border:2px solid #0000;border-radius:10px;transition:transform .15s,border-color .15s;display:block;overflow:hidden}.game-card:hover{border-color:var(--accent);transform:translateY(-3px)}.game-thumb{aspect-ratio:178/100;border-radius:8px;width:100%;position:relative;overflow:hidden}.game-vignette{z-index:1;background:linear-gradient(#0000 45%,#000000e0 100%);position:absolute;inset:0}.game-title{z-index:2;color:#fff;letter-spacing:-.01em;font-family:Nunito,sans-serif;font-size:1.75rem;font-weight:800;position:absolute;bottom:1rem;left:1.1rem}.game-badge{z-index:2;text-transform:uppercase;letter-spacing:.05em;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000073;border-radius:5px;padding:.2rem .5rem;font-size:.68rem;font-weight:700;position:absolute;top:.6rem;left:.6rem}.game-card.skeleton{pointer-events:none;border-color:#0000}.game-card.skeleton:before{content:"";aspect-ratio:178/100;background:var(--surface-2);border-radius:8px;width:100%;animation:1.4s ease-in-out infinite pulse;display:block}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.glb{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.1rem 1.25rem 1.25rem}.glb-head{color:var(--accent);align-items:center;gap:.5rem;margin-bottom:1.1rem;display:flex}.glb-head h3{color:var(--text);letter-spacing:-.01em;font-family:Nunito,sans-serif;font-size:1.15rem;font-weight:900}.glb-period{background:var(--bg);border-radius:100px;gap:2px;margin-bottom:1.1rem;padding:3px;display:flex}.glb-period button{color:var(--text-muted);background:0 0;border:none;border-radius:100px;flex:1;padding:.4rem .5rem;font-size:.78rem;font-weight:700;transition:background .12s,color .12s}.glb-period button:hover{color:var(--text)}.glb-period button.active{background:var(--accent);color:#fff}.glb-podium{grid-template-columns:1fr 1fr 1fr;align-items:end;gap:.5rem;margin-bottom:1rem;display:grid}.glb-pod{background:var(--bg);border:1px solid var(--border);text-align:center;border-radius:10px;flex-direction:column;align-items:center;gap:.4rem;padding:.85rem .4rem .7rem;transition:transform .12s,border-color .12s;display:flex}.glb-pod:hover{border-color:var(--accent);transform:translateY(-2px)}.glb-pod-1{background:linear-gradient(180deg, #f5c5181f, var(--bg) 60%);border-color:#f5c51880;padding-top:1.25rem}.glb-pod-avatar{background:var(--surface-2);width:44px;height:44px;color:var(--text);border-radius:50%;justify-content:center;align-items:center;font-family:Nunito,sans-serif;font-size:1.05rem;font-weight:900;display:flex;position:relative}.glb-pod-1 .glb-pod-avatar{width:52px;height:52px;font-size:1.2rem}.glb-pod-rank{color:#18181b;border:2px solid var(--surface);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.7rem;font-weight:900;display:flex;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.glb-pod-1 .glb-pod-rank{background:#f5c518}.glb-pod-2 .glb-pod-rank{background:#c0c4cc}.glb-pod-3 .glb-pod-rank{color:#fff;background:#cd7f32}.glb-pod-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.78rem;font-weight:700;overflow:hidden}.glb-pod-score{font-variant-numeric:tabular-nums;color:var(--accent);font-size:.82rem;font-weight:800}.glb-list{flex-direction:column;gap:3px;display:flex}.glb-row{background:var(--bg);border-radius:8px;grid-template-columns:1.75rem 26px 1fr auto;align-items:center;gap:.6rem;padding:.55rem .65rem;font-size:.875rem;transition:background .12s;display:grid}.glb-row:hover{background:var(--surface-2)}.glb-rank{color:var(--text-muted);text-align:center;font-size:.82rem;font-weight:800}.glb-avatar{background:var(--surface-2);width:26px;height:26px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;font-size:.72rem;font-weight:800;display:flex}.glb-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.glb-score{font-variant-numeric:tabular-nums;color:var(--text);font-weight:800}.glb-empty{text-align:center;color:var(--text-muted);padding:2rem;font-size:.875rem}.gp{align-items:flex-start;gap:1.5rem;padding:1.5rem 1.75rem 3rem;display:flex}.gp-main{flex-direction:column;flex:1;min-width:0;display:flex}.gp-player{width:100%;max-width:calc((100vh - var(--topbar-height) - 180px) * 16 / 9);aspect-ratio:16/9;border-radius:12px;justify-content:center;align-items:center;margin:0 auto;display:flex;position:relative;overflow:hidden}.gp-bar,.gp-about{width:100%;max-width:calc((100vh - var(--topbar-height) - 180px) * 16 / 9);margin-left:auto;margin-right:auto}.gp-player-inner{flex-direction:column;align-items:center;gap:1rem;display:flex}.gp-play-big{color:#18181b;background:#fff;border:none;border-radius:100px;padding:.85rem 2rem;font-family:Nunito,sans-serif;font-size:1.25rem;font-weight:800;transition:transform .15s;box-shadow:0 6px 20px #0000004d}.gp-play-big:hover{transform:scale(1.04)}.gp-coming-soon{text-transform:uppercase;letter-spacing:.1em;color:#ffffffd9;font-size:.8rem;font-weight:700}.gp-bar{justify-content:space-between;align-items:center;gap:1rem;padding:1rem .25rem 1.5rem;display:flex}.gp-bar-left{align-items:center;gap:.85rem;display:flex}.gp-icon{color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-family:Nunito,sans-serif;font-size:1.5rem;font-weight:900;display:flex}.gp-titles h1{color:var(--text);letter-spacing:-.02em;font-family:Nunito,sans-serif;font-size:1.75rem;font-weight:900;line-height:1.1}.gp-genre{color:var(--text-muted);font-size:.82rem;font-weight:600}.gp-play-btn{color:#fff;background:var(--accent);border:none;border-radius:100px;padding:.7rem 2rem;font-family:Nunito,sans-serif;font-size:1rem;font-weight:800;transition:background .15s}.gp-play-btn:hover{background:var(--accent-hover)}.gp-about{margin-top:1.5rem}.gp-about h2{color:var(--text);margin-bottom:.5rem;font-family:Nunito,sans-serif;font-size:1.15rem;font-weight:900}.gp-about p{color:var(--text-muted);max-width:640px;font-size:.9rem;line-height:1.65}.gp-side{flex-direction:column;flex-shrink:0;gap:1.5rem;width:340px;display:flex}.gp-side-title{color:var(--text);margin-bottom:.85rem;font-family:Nunito,sans-serif;font-size:1rem;font-weight:900}.gp-side-list{flex-direction:column;gap:.75rem;display:flex}.gp-side-card{border:1px solid var(--border);background:var(--surface);border-radius:10px;align-items:center;gap:.75rem;padding:.5rem;transition:border-color .15s,transform .15s;display:flex}.gp-side-card:hover{border-color:var(--accent);transform:translate(2px)}.gp-side-thumb{border-radius:6px;flex-shrink:0;width:72px;height:48px}.gp-side-name{color:var(--text);font-family:Nunito,sans-serif;font-size:.95rem;font-weight:800}.gp-side-empty{color:var(--text-muted);font-size:.85rem}.gp-loading{text-align:center;color:var(--text-muted);padding:4rem 2rem;font-size:.95rem}.gp-backlink{color:var(--accent);font-weight:700}@media (width<=900px){.gp{flex-direction:column}.gp-side{width:100%}}.user-page{max-width:1000px;margin:0 auto;padding:0 1.75rem 3rem}.up-cover{background:linear-gradient(120deg, var(--accent), #0891b2 70%, #18181b);border-radius:0 0 12px 12px;height:240px;-webkit-mask-image:linear-gradient(#000 40%,#0000);mask-image:linear-gradient(#000 40%,#0000)}.up-header{align-items:flex-end;gap:1.25rem;margin-top:-64px;margin-bottom:1.75rem;padding:0 .5rem;display:flex;position:relative}.up-avatar{border:5px solid var(--bg);background:var(--accent);color:#fff;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:140px;height:140px;font-family:Nunito,sans-serif;font-size:3.2rem;font-weight:900;display:flex}.up-title{padding-bottom:.75rem}.up-title h1{letter-spacing:-.02em;color:var(--text);font-family:Nunito,sans-serif;font-size:1.65rem;font-weight:900;line-height:1.2}.up-joined{color:var(--text-muted);font-size:.85rem}.up-main{flex-flow:wrap;align-items:flex-start;gap:1.25rem;display:flex}.up-left{flex-shrink:0;width:250px}.up-right{flex:1;min-width:0}.up-section{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1.25rem}.up-section h2{color:var(--text);margin-bottom:1rem;font-family:Nunito,sans-serif;font-size:1.15rem;font-weight:900}.up-stat{border-top:1px solid var(--border);flex-direction:column;padding:.75rem 0;display:flex}.up-stat:first-of-type{border-top:none;padding-top:0}.up-stat-value{color:var(--text);font-variant-numeric:tabular-nums;font-family:Nunito,sans-serif;font-size:1.5rem;font-weight:900}.up-stat-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);font-size:.72rem}.up-games{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.85rem;display:grid}.up-game-card{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:1rem 1.1rem;transition:border-color .12s,transform .12s}.up-game-card:hover{border-color:var(--accent);transform:translateY(-2px)}.up-game-head{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.up-game-name{color:var(--text);font-family:Nunito,sans-serif;font-size:.95rem;font-weight:800}.up-game-rank{color:var(--text-muted);background:var(--surface-2);border-radius:100px;padding:.2rem .55rem;font-size:.78rem;font-weight:800}.up-game-rank.rank-1{color:#18181b;background:#f5c518}.up-game-rank.rank-2{color:#18181b;background:#c0c4cc}.up-game-rank.rank-3{color:#fff;background:#cd7f32}.up-game-score{flex-direction:column;display:flex}.up-game-score-value{color:var(--text);font-variant-numeric:tabular-nums;font-family:Nunito,sans-serif;font-size:1.45rem;font-weight:900}.up-game-score-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);font-size:.72rem}.user-loading{text-align:center;color:var(--text-muted);padding:4rem 2rem;font-size:.95rem}.user-backlink{color:var(--accent);font-weight:700}@media (width<=760px){.up-left{width:100%}}.players-page{max-width:1000px;margin:0 auto;padding:2.5rem 1.75rem 3rem}.players-header{margin-bottom:1.5rem}.players-header h1{letter-spacing:-.02em;color:var(--text);font-family:Nunito,sans-serif;font-size:1.9rem;font-weight:900}.players-header p{color:var(--text-muted);margin-top:.25rem;font-size:.9rem}.players-search{background:var(--surface);border:1px solid var(--border);height:48px;color:var(--text-muted);border-radius:10px;align-items:center;gap:.65rem;margin-bottom:1.75rem;padding:0 1rem;transition:border-color .12s;display:flex}.players-search:focus-within{border-color:var(--accent);color:var(--text)}.players-search input{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.95rem}.players-search input::placeholder{color:var(--text-dim)}.players-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;display:grid}.player-card{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:.6rem;padding:1.5rem 1rem 1.25rem;transition:border-color .12s,transform .12s;display:flex}.player-card:hover{border-color:var(--accent);transform:translateY(-3px)}.player-avatar{background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-family:Nunito,sans-serif;font-size:1.75rem;font-weight:900;display:flex}.player-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-family:Nunito,sans-serif;font-size:1rem;font-weight:800;overflow:hidden}.player-meta{color:var(--text-muted);font-size:.78rem}.players-empty{text-align:center;color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:3rem;font-size:.9rem}.settings-page{max-width:620px;margin:0 auto;padding:2.5rem 1.75rem 3rem}.settings-page h1{letter-spacing:-.02em;color:var(--text);margin-bottom:1.5rem;font-family:Nunito,sans-serif;font-size:1.9rem;font-weight:900}.settings-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:1.25rem;padding:1.5rem}.settings-profile{align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.settings-avatar{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-family:Nunito,sans-serif;font-size:1.6rem;font-weight:900;display:flex}.settings-name{color:var(--text);align-items:center;gap:.6rem;font-family:Nunito,sans-serif;font-size:1.2rem;font-weight:800;display:flex}.settings-role{text-transform:uppercase;letter-spacing:.06em;color:#fff;border-radius:100px;padding:.18rem .5rem;font-size:.65rem;font-weight:800}.settings-role.role-player{background:var(--surface-2);color:var(--text-muted)}.settings-role.role-moderator{background:#2563eb}.settings-role.role-admin{background:var(--accent)}.settings-section-note{color:var(--text-muted);font-size:.875rem}.settings-sub{color:var(--text-muted);font-size:.82rem}.settings-actions{border-top:1px solid var(--border);align-items:center;gap:1rem;padding-top:1.25rem;display:flex}.settings-link{color:var(--accent);font-size:.875rem;font-weight:700}.settings-link:hover{text-decoration:underline}.settings-logout{color:var(--text-muted);border:1px solid var(--border);background:0 0;border-radius:8px;margin-left:auto;padding:.45rem 1rem;font-size:.85rem;font-weight:600;transition:color .12s,border-color .12s}.settings-logout:hover{color:var(--text);border-color:var(--text-dim)}.settings-guest{color:var(--text-muted);margin-bottom:1rem}.settings-login{color:#fff;background:var(--accent);border:none;border-radius:8px;padding:.6rem 1.4rem;font-family:Nunito,sans-serif;font-size:.9rem;font-weight:800;transition:background .12s}.settings-login:hover{background:var(--accent-hover)}.settings-danger{border-color:#ef444459}.settings-danger h2{color:#f87171;margin-bottom:.4rem;font-family:Nunito,sans-serif;font-size:1.1rem;font-weight:900}.settings-danger p{color:var(--text-muted);margin-bottom:1rem;font-size:.875rem;line-height:1.55}.settings-delete{color:#fff;background:#dc2626;border:none;border-radius:8px;padding:.55rem 1.2rem;font-size:.875rem;font-weight:700;transition:background .12s}.settings-delete:hover{background:#b91c1c}.settings-modal-backdrop{z-index:500;background:#0009;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.settings-modal{background:var(--surface);border:1px solid var(--border);border-radius:14px;width:100%;max-width:420px;padding:1.75rem}.settings-modal h3{color:var(--text);margin-bottom:.6rem;font-family:Nunito,sans-serif;font-size:1.25rem;font-weight:900}.settings-modal p{color:var(--text-muted);margin-bottom:1.5rem;font-size:.9rem;line-height:1.6}.settings-modal-actions{justify-content:flex-end;gap:.75rem;display:flex}.settings-cancel{color:var(--text);background:var(--surface-2);border:none;border-radius:8px;padding:.55rem 1.2rem;font-size:.875rem;font-weight:700}.settings-cancel:hover{background:var(--border)}.settings-cancel:disabled,.settings-confirm-delete:disabled{opacity:.6;cursor:not-allowed}.settings-confirm-delete{color:#fff;background:#dc2626;border:none;border-radius:8px;padding:.55rem 1.2rem;font-size:.875rem;font-weight:700}.settings-confirm-delete:hover{background:#b91c1c}.app-shell{min-height:100vh;display:flex}.app-body{margin-left:var(--sidebar-width);flex-direction:column;flex:1;min-width:0;transition:margin-left .15s ease-in-out;display:flex}.app-shell.collapsed .app-body{margin-left:var(--sidebar-collapsed-width)}.app-content{flex:1}