@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@400;600;700&display=swap");
*{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#0b0b0b;--panel:#141414;--muted:#aaa;--text:#fff;--brand:#beff00;--border:#263226}
html,body{height:100%}
body{font-family:"Quicksand",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}
a{color:#fff;text-decoration:none}
:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
main a{color:var(--brand)}
main a:hover{text-decoration:underline}
header{background:#111;border-bottom:2px solid var(--brand)}
.nav-menu{display:flex;justify-content:center;align-items:center;padding:10px;background:#131313}
.nav-menu ul{list-style:none;display:flex;gap:14px}
.nav-menu a{padding:6px 10px;border-radius:8px}
.nav-menu a:hover{background:var(--brand);color:#000}
.players-post{width:min(980px,92%);margin:24px auto;display:flex;flex-direction:column;gap:16px}
.players-post h1{font-size:1.8rem;margin-bottom:4px}
.match-teams{display:flex;justify-content:center;align-items:center;gap:14px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0)) ,var(--panel);padding:16px;border:1px solid var(--border);border-radius:14px;flex-wrap:wrap}
.team-logo{position:relative;flex:0 0 auto;width:96px;height:96px;border-radius:999px;overflow:hidden;border:1px solid var(--border);background:radial-gradient(120% 120% at 30% 30%,rgba(190,255,0,.9),rgba(115,255,0,.25) 55%,rgba(0,0,0,.2) 100%)}
.team-logo img{width:100%;height:100%;object-fit:contain;background:#0f0f0f}
.team-fallback{display:none;width:100%;height:100%;place-items:center;color:#0b0b0b;font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:1.2rem}
.team-logo.is-fallback img{display:none}
.team-logo.is-fallback .team-fallback{display:grid}
.match-teams strong{font-size:1.2rem;max-width:18ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hour-match{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:14px;display:flex;justify-content:space-between;align-items:center;color:#d8ffd0}
.hour-match time{padding:4px 8px;border:1px dashed var(--brand);border-radius:8px;background:rgba(190,255,0,.08);color:#e3ffe0}
.players-modal{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:12px}
#screen-modal{width:100%;aspect-ratio:16/9}
#screen-modal iframe{width:100%;height:100%;border:0;border-radius:10px}
.text-information{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px;color:#ddd}
footer{margin:24px 0;text-align:center;color:#bbb}
@media (max-width:560px){
 .players-post h1{font-size:1.5rem}
 .team-logo{width:72px;height:72px}
 .match-teams strong{max-width:14ch}
 .hour-match{flex-direction:column;gap:8px;align-items:flex-start}
}