:root{--bg:#0b0d11;--panel:#14181e;--panel-2:#1b2129;--text:#f5f7fa;--muted:#9aa4b2;--border:#2a323c;--accent:#4c8dff;--ok:#3fb950;--warn:#d29922;--err:#f85149;--danger:#da3633}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:15px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.center{place-items:center;min-height:100vh;padding:24px;display:grid}.muted{color:var(--muted)}.small{font-size:12px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.spacer,.grow{flex:1}.row{align-items:center;gap:12px;display:flex}.row.wrap{flex-wrap:wrap;row-gap:6px}.row.wrap>.btn{align-self:flex-end}.row.wrap>.switch{align-self:flex-end;padding-bottom:10px}.stack{flex-direction:column;gap:20px;display:flex}.stack>p{margin:0}.stack>h2+p.muted,.stack>h3+p.muted,.stack>.row+p.muted{margin-top:-14px}.topbar{background:var(--panel);border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px 20px;display:flex}.brand{color:var(--text);font-weight:700}.nav{align-items:center;gap:14px;margin-left:16px;display:flex}.nav a{color:#d4dae2}.nav a:hover{color:var(--text)}.nav a.active{color:var(--text);font-weight:600}.nav-dropdown-toggle{cursor:pointer;color:#d4dae2;font:inherit;background:0 0;border:none;padding:0}.nav-dropdown-toggle:hover{color:var(--text)}.content{max-width:1280px;margin:0 auto;padding:24px 20px}.app{flex-direction:column;min-height:100vh;display:flex}.app .content{flex:1;width:100%}.footer{text-align:center;border-top:1px solid var(--border);padding:14px 20px;font-size:12px}.card{background:var(--panel);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:14px;padding:20px;display:flex}.login{width:360px}.divider{text-align:center;color:var(--muted);margin:4px 0}label{color:var(--muted);flex-direction:column;gap:6px;font-size:13px;display:flex}label.checkbox{color:var(--text);flex-direction:row;align-items:center;gap:8px}input,select{background:var(--panel-2);color:var(--text);border:1px solid var(--border);font:inherit;border-radius:8px;padding:9px 11px}input:focus,select:focus{border-color:var(--accent);outline:none}.grid2{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=620px){.grid2{grid-template-columns:1fr}}.btn{background:var(--panel-2);color:var(--text);border:1px solid var(--border);font:inherit;cursor:pointer;border-radius:8px;padding:9px 14px}.btn:hover{border-color:var(--accent)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn.ghost{background:0 0}.btn.ghost.danger{border-color:var(--danger);color:var(--danger);background:0 0}.btn.block{justify-content:center;align-items:center;gap:8px;width:100%;text-decoration:none;display:inline-flex}.btn.block:hover{text-decoration:none}.btn.sm{padding:5px 10px;font-size:13px}.btn:disabled{opacity:.6;cursor:default}.btn.choice{text-align:left;flex-direction:column;flex:260px;align-self:stretch;align-items:flex-start;gap:3px;display:flex}.btn.choice .choice-hint{color:var(--muted);font-size:12px}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);padding:6px 10px}.table th{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:600}.table tr.clickable{cursor:pointer}.table tr.clickable:hover td{background:var(--panel-2)}.badge{border:1px solid var(--border);white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:12px}.badge.green{color:var(--ok);border-color:var(--ok)}.badge.yellow{color:var(--warn);border-color:var(--warn)}.badge.red{color:var(--err);border-color:var(--err)}.badge.blue{color:var(--accent);border-color:var(--accent)}.badge.gray{color:var(--muted);border-color:var(--border)}.badge.muted{color:var(--muted)}.connect{align-items:center;gap:6px;display:inline-flex}.connect code{background:var(--panel-2);border:1px solid var(--border);border-radius:6px;padding:3px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.switch{cursor:pointer;flex-direction:row;align-items:center;gap:8px;font-size:13px;display:inline-flex}.switch input{appearance:none;cursor:pointer;background:var(--border);border-radius:999px;flex:none;width:34px;height:20px;margin:0;transition:background .15s;position:relative}.switch input:checked{background:var(--accent)}.switch input:before{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:2px;left:2px}.switch input:checked:before{transform:translate(14px)}.teamgrid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.playerlist{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.playerlist li{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:3px 0;display:flex}.playerlist li:last-child{border-bottom:none}.rating{border:1px solid var(--border);border-radius:6px;flex-wrap:wrap;display:inline-flex;overflow:hidden}.rating button{border:0;border-left:1px solid var(--border);color:var(--muted);cursor:pointer;font:inherit;background:0 0;padding:5px 9px;line-height:1}.rating button:first-child{border-left:0}.rating button:hover{background:var(--panel);color:var(--text)}.rating button.on{color:#fff;background:#e8623a;border-color:#e8623a;font-weight:600}.rating-badge{text-align:center;color:#fff;background:#e8623a;border-radius:4px;min-width:1.6em;padding:1px 6px;font-size:12px;font-weight:600;display:inline-block}.error{color:var(--err);font-size:13px}.warn{color:var(--warn);font-size:13px}.success{color:var(--ok);font-size:13px}.modal-overlay{z-index:100;background:#0009;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--border);text-align:center;border-radius:12px;flex-direction:column;gap:14px;max-width:520px;padding:28px;display:flex;box-shadow:0 8px 32px #00000080}.modal h2{margin:0}.modal.wide{text-align:left;max-width:560px}h1,h2,h3{margin:0}.segmented{border:1px solid var(--border);border-radius:8px;display:inline-flex;overflow:hidden}.segmented button{background:var(--panel-2);color:var(--muted);font:inherit;cursor:pointer;border:none;padding:8px 14px}.segmented button.on{background:var(--accent);color:#fff}.map-chips{row-gap:8px}.map-card{align-items:center;scroll-margin-top:16px}.map-card img{border-radius:8px;max-width:100%}.guide ul{flex-direction:column;gap:6px;margin:0;padding-left:22px;display:flex}.guide .card p{margin:0}.guide .card h4,.guide .card h5{margin:6px 0 0}.guide code{background:var(--panel-2);border:1px solid var(--border);border-radius:6px;padding:1px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.guide-img{border-radius:8px;align-self:flex-start;max-width:100%}.guide-img.qr{max-width:320px}.statrow{gap:12px}.stat{background:var(--panel);border:1px solid var(--border);border-radius:10px;min-width:120px;padding:12px 18px}.stat-value{font-size:24px;font-weight:700}.stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px}.chips{gap:6px}.chip{background:var(--panel-2);color:var(--muted);border:1px solid var(--border);cursor:pointer;border-radius:999px;padding:3px 10px;font-size:12px}.chip.on{background:var(--accent);border-color:var(--accent);color:#fff}.cal-list{flex-direction:column;gap:4px;max-height:200px;display:flex;overflow-y:auto}.cal-item{text-align:left;width:100%;font:inherit;cursor:pointer;background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:8px;justify-content:space-between;align-items:baseline;gap:12px;padding:7px 10px;font-size:13px;display:flex}.cal-item:hover{border-color:var(--accent)}.cal-item.on{background:var(--accent);border-color:var(--accent);color:#fff}.cal-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cal-date{color:var(--muted);white-space:nowrap;font-size:12px}.cal-item.on .cal-date{color:#fff;opacity:.85}.table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.table th.sortable:hover{color:var(--text)}.role-badge{margin:0 4px 4px 0;display:inline-block}.birthday-alert{border-color:var(--warn);color:var(--warn);flex-direction:row;align-items:center;gap:8px}.table tr.birthday-row td{background:#d299221f}details.advanced summary{cursor:pointer;color:var(--muted);-webkit-user-select:none;user-select:none;font-size:13px}details.advanced[open] summary{margin-bottom:12px}.access-cards{grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:1.25rem;margin-top:.5rem;display:grid}.access-card{color:inherit;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:1.5rem 1.75rem;text-decoration:none;transition:border-color .12s,transform .12s;display:block}.access-card:hover{border-color:var(--accent);transform:translateY(-2px)}.access-card,.access-card:hover,.access-card *,.access-card:hover *{text-decoration:none}.access-card h3{margin:.75rem 0 .4rem}.access-card p{margin:0}.access-card-icon{color:var(--accent);font-size:2rem}.access-card-warn:hover{border-color:var(--warn)}.access-card-warn .access-card-icon{color:var(--warn)}details.access-manual summary{cursor:pointer;-webkit-user-select:none;user-select:none}details.access-manual[open] summary{margin-bottom:4px}.access-hidden{opacity:0;pointer-events:none;width:1px;height:1px;display:inline-block;overflow:hidden}.error-note{border:1px solid var(--warn);color:var(--warn);background:#d299221a;border-radius:8px;padding:.6rem .8rem}.center-text{text-align:center}.home hr{border:none;border-top:1px solid var(--border);width:100%;margin:8px 0}.home ul{flex-direction:column;gap:4px;margin:0;padding-left:22px;display:flex}.hero-logo,.section-logo{width:100%;max-width:400px}.section-logo.wide{max-width:600px}.topbar .brand img{display:block}.topbar .nav a{white-space:nowrap}.topbar{flex-wrap:wrap;row-gap:6px}.dropdown{position:relative}.user-profile-button{white-space:nowrap;background:linear-gradient(135deg,#5c9ce6 0%,#4a90e2 100%);border:1px solid #ffffff26;border-radius:20px;box-shadow:0 2px 8px #4a90e24d}.user-profile-button:hover{background:linear-gradient(135deg,#4a90e2 0%,#357abd 100%)}.dropdown-menu{z-index:50;background:var(--panel-2);border:1px solid #4a90e24d;border-radius:10px;flex-direction:column;min-width:200px;padding:6px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 4px 16px #0006}.dropdown-header{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;padding:6px 10px;font-size:12px}.dropdown-item{cursor:pointer;color:var(--text);font:inherit;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;display:flex}.dropdown-item:hover{background:#4a90e233;text-decoration:none}.dropdown-divider{border:none;border-top:1px solid var(--border);width:auto;margin:4px 0}.login-button{background:linear-gradient(135deg,#4a90e2 0%,#357abd 100%);border:1px solid #ffffff1a;border-radius:20px;text-decoration:none;box-shadow:0 2px 8px #4a90e24d}.login-button:hover{background:linear-gradient(135deg,#357abd 0%,#2868a8 100%);text-decoration:none}.info-screen{color:#eef1f6;background:#05070a;flex-direction:column;gap:2.25rem;min-height:100vh;padding:2.5rem 3.5rem;font-size:1.25rem;display:flex}.info-screen.info-center{justify-content:center;align-items:center;font-size:2rem}.info-muted{color:#8b95a3}.info-error{color:var(--err);font-size:1.2rem}.info-header{border-bottom:2px solid #1b222c;flex-wrap:wrap;align-items:center;gap:2rem;padding-bottom:1.25rem;display:flex}.info-header h1{font-size:3.5rem;line-height:1.1}.info-date{color:#8b95a3;text-transform:capitalize;font-size:1.6rem}.info-top{align-items:flex-start;gap:2.5rem;display:flex}.info-top .info-live{flex:1;min-width:0}.info-top .info-feed{flex:0 0 26rem}@media (width<=1100px){.info-top{flex-direction:column}.info-top .info-feed{flex-basis:auto;width:100%}}.info-live{grid-template-columns:repeat(auto-fit,minmax(28rem,1fr));gap:1.5rem;display:grid}.info-nolive{text-align:center;padding:1.5rem 0;font-size:1.6rem}.info-match{text-align:center;background:#10151c;border:1px solid #232c38;border-radius:1rem;flex-direction:column;gap:1rem;padding:2rem 2.5rem;display:flex;position:relative;overflow:hidden}.info-roundwin{z-index:5;color:#fff;overflow-wrap:anywhere;background:#e30613;justify-content:center;align-items:center;padding:0 1.5rem;font-size:2.4rem;font-weight:800;line-height:1.2;animation:.6s cubic-bezier(.22,1,.36,1) info-roundwin-in;display:flex;position:absolute;inset:0}.info-roundwin-out{opacity:0;transition:transform .7s ease-in,opacity .7s ease-in;transform:translateY(-100%)}@keyframes info-roundwin-in{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.info-match-row{justify-content:center;align-items:center;gap:2rem;display:flex}.info-team{overflow-wrap:anywhere;flex:1;min-width:0;font-size:2.6rem;font-weight:700}.info-score{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:5.5rem;font-weight:800;line-height:1}.info-colon{color:#4a5563;padding:0 1rem}.info-status{color:var(--warn);font-size:1.4rem}.info-maps{color:#8b95a3;flex-wrap:wrap;justify-content:center;gap:.5rem 2rem;font-size:1.2rem;display:flex}.info-columns{grid-template-columns:1fr 1fr;gap:2rem;display:grid}@media (width<=900px){.info-columns{grid-template-columns:1fr}}.info-list h2{text-transform:uppercase;letter-spacing:.08em;color:#8b95a3;margin-bottom:.75rem;font-size:1.3rem}.info-list ul{margin:0;padding:0;list-style:none}.info-list li{border-bottom:1px solid #1b222c;padding:.45rem 0;font-size:1.6rem}.info-result{font-variant-numeric:tabular-nums;padding:0 .5rem;font-weight:800}.info-teams-heading{border-bottom:2px solid #232c38;margin-bottom:1rem;padding-bottom:.5rem;font-size:2.4rem}.info-teams{grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:1.5rem;margin-top:auto;display:grid}.info-roster{background:#10151c;border:1px solid #232c38;border-radius:.8rem;padding:1.2rem 1.5rem}.info-roster h3{border-bottom:2px solid #2f6fed;padding-bottom:.4rem;font-size:1.6rem}.info-roster ol{counter-reset:player;margin:.6rem 0 0;padding:0;list-style:none}.info-roster ol li{color:#dfe5ee;counter-increment:player;padding:.2rem 0;font-size:1.3rem}.info-roster ol li:before{content:counter(player) ". ";color:#8b95a3;font-variant-numeric:tabular-nums}.info-feed h2{text-transform:uppercase;letter-spacing:.08em;color:#8b95a3;margin-bottom:.5rem;font-size:1.3rem}.info-killfeed{text-align:left;color:#dfe5ee;border-top:1px solid #232c38;max-height:18rem;margin:0;padding:.4rem 0 0;font-size:1.25rem;list-style:none;overflow:hidden}.info-killfeed li{align-items:baseline;gap:.6rem;padding:.15rem 0;display:flex}.info-killfeed .info-msg{overflow-wrap:anywhere;flex:auto;min-width:0}.info-weapon{color:#8b95a3;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.info-tags{white-space:nowrap;flex:none;gap:.6rem;margin-left:auto;display:inline-flex}.info-hs{color:#3fb950}.info-tk{color:#f85149}.info-overlay{z-index:100;background:#030508eb;flex-direction:column;justify-content:center;align-items:center;gap:2rem;display:flex;position:fixed;inset:0}.info-overlay-emoji{font-size:40vmin;line-height:1;animation:.5s infinite info-shake}.info-overlay-text{text-align:center;font-size:3rem;font-weight:800}@keyframes info-shake{0%,to{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}.info-logo{height:5rem}