:root{--bg:#0f1724;--card:#0b1220;--muted:#94a3b8;--accent:#60a5fa;--accent-2:#7c3aed;--danger:#fb7185;--positive:#22c55e;--radius:10px;--glass: rgba(255,255,255,.03)}*{box-sizing:border-box}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;margin:0;background:linear-gradient(180deg,#071024,#081426);color:#e6eef8}.container{max-width:1100px;margin:28px auto;padding:18px}header{background:transparent;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.03)}.header-inner{display:flex;align-items:center;justify-content:space-between}.logo{font-weight:800;color:var(--accent);font-size:20px;text-decoration:none}nav.main-nav{display:flex;gap:14px;align-items:center}nav.main-nav .nav-link{color:var(--muted);text-decoration:none;padding:8px 10px;border-radius:8px;font-weight:600;outline:none}nav.main-nav .nav-link:hover{color:var(--accent);background:var(--glass)}nav.main-nav .nav-link.active{color:#04263a;background:linear-gradient(90deg,var(--accent),var(--accent-2));box-shadow:0 8px 20px #0366d61f}nav.main-nav .nav-link:focus-visible{box-shadow:0 0 0 4px #60a5fa1f;border-radius:8px}.header-right{display:flex;gap:10px;align-items:center}.card{background:linear-gradient(180deg,#ffffff05,#ffffff03);border-radius:var(--radius);padding:18px;box-shadow:0 6px 18px #02061799;margin-bottom:18px;border:1px solid rgba(255,255,255,.03)}h1,h2{margin:0 0 8px}h3{margin:0}.form-row{display:flex;gap:12px}.form-col{flex:1}label{display:block;margin-bottom:8px;font-weight:700;color:#e6eef8}input[type=text],input[type=password],select,.search-input,textarea{padding:12px 14px;border:1px solid rgba(255,255,255,.04);border-radius:8px;background:transparent;color:var(--muted);outline:none;width:100%}input:focus,select:focus,.search-input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 6px 20px #60a5fa14}button{background:var(--accent);color:#04263a;border:none;padding:10px 14px;border-radius:8px;cursor:pointer;font-weight:700}button.secondary{background:transparent;color:var(--accent);border:1px solid rgba(96,165,250,.12)}button.ghost{background:transparent;color:var(--muted);border:1px solid transparent}.small{padding:6px 8px;font-size:14px}.small.active-page{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#04263a}.small[disabled]{opacity:.45}.suggestions{position:absolute;left:0;right:0;z-index:50;background:linear-gradient(180deg,#071426,#061225);border:1px solid rgba(255,255,255,.04);border-radius:8px;max-height:240px;overflow:auto;margin-top:8px}.suggestions li{padding:10px 12px;cursor:pointer;color:var(--muted)}.suggestions li:hover,.suggestions li.active{background:#ffffff05;color:var(--accent)}.suggestion-item{padding:10px 12px;cursor:pointer;color:var(--muted)}.suggestion-item:hover{background:#ffffff05;color:var(--accent)}.fieldset{border:1px solid rgba(124,58,237,.08);padding:12px;border-radius:10px;margin-bottom:12px;background:linear-gradient(180deg,rgba(124,58,237,.02),transparent)}.legend{font-weight:800;color:var(--accent-2);margin-bottom:8px}.message{margin-top:12px}.error{color:var(--danger)}.success{color:var(--positive)}.footer-note{color:var(--muted);font-size:13px;margin-top:6px}.player-card{display:flex;justify-content:space-between;align-items:center;padding:12px;border-radius:8px;border:1px solid rgba(255,255,255,.02);background:linear-gradient(180deg,rgba(255,255,255,.01),transparent);margin-bottom:8px;transition:transform .15s ease,background .15s ease}.player-card:hover{transform:translateY(-4px);background:linear-gradient(180deg,#ffffff05,#ffffff03)}.player-name{font-weight:800;color:#fff}.player-meta{color:var(--muted);font-size:13px}.badge{display:inline-block;padding:6px 10px;border-radius:999px;font-weight:800;color:#04263a;background:var(--accent)}.badge.positive{background:var(--positive);color:#04263a}.badge.negative{background:var(--danger);color:#fff}.game-item{padding:12px;border-radius:8px;border:1px solid rgba(255,255,255,.02);background:linear-gradient(180deg,rgba(255,255,255,.01),transparent);margin-bottom:10px;display:flex;justify-content:space-between;align-items:center}.game-item .meta{color:var(--muted);font-size:13px}.game-card{border-radius:12px;border:1px solid rgba(255,255,255,.04);background:linear-gradient(180deg,#ffffff03,#fff0);transition:transform .16s ease,box-shadow .16s ease;padding:12px}.game-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px #02061799}.game-card .team-players{color:var(--muted);font-size:14px}.game-card[role=button]{cursor:pointer}.search-input{padding:10px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.04);background:transparent;color:var(--muted)}.search-input:focus{border-color:var(--accent);box-shadow:0 8px 30px #60a5fa0f}.searching-note{font-size:13px;color:var(--muted);margin-top:6px}.teams-row{display:flex;gap:20px;align-items:center;justify-content:center;margin-top:12px}.team-box{flex:1;min-height:220px;border-radius:12px;padding:18px;border:1px solid rgba(255,255,255,.04);background:linear-gradient(180deg,rgba(255,255,255,.01),transparent);display:flex;flex-direction:column;justify-content:flex-start;transition:transform .18s ease,box-shadow .18s ease}.team-box:hover{transform:translateY(-4px);box-shadow:0 10px 30px #02061799}.team-title{font-weight:800;color:var(--muted);margin-bottom:12px}.team-box{cursor:pointer;position:relative}.winner-badge{position:absolute;top:10px;right:10px;background:var(--positive);color:#04263a;padding:6px 8px;border-radius:999px;font-weight:800;font-size:12px}.enter-btn[disabled]{opacity:.45;cursor:not-allowed;box-shadow:none;background:#ffffff0a;color:var(--muted)}.team-box.winner{border:2px solid rgba(34,197,94,.95);box-shadow:0 14px 34px #10b98114;background:linear-gradient(180deg,#22c55e0f,#22c55e05)}.team-players{display:flex;flex-direction:column;gap:10px}.team-vs{font-weight:900;color:var(--accent);font-size:22px}.enter-area{display:flex;flex-direction:column;align-items:center;gap:8px}.enter-btn{background:linear-gradient(90deg,var(--accent),var(--accent-2));border:none;color:#06202a;padding:12px 20px;border-radius:10px;font-weight:900;cursor:pointer;box-shadow:0 8px 20px #0366d61f;transition:transform .14s ease}.enter-btn:active{transform:translateY(2px)}.success-toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%);background:linear-gradient(90deg,#10b981,#60a5fa);color:#04263a;padding:12px 20px;border-radius:999px;font-weight:800;box-shadow:0 8px 30px #10b9811f;opacity:0;animation:toastIn .9s ease forwards}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,12px) scale(.95)}50%{opacity:1;transform:translate(-50%,-6px) scale(1.02)}to{opacity:1;transform:translate(-50%) scale(1)}}a{color:inherit}a:hover{color:var(--accent);text-decoration:underline}@media (max-width:820px){.form-row{flex-direction:column}.container{padding:12px}.card{padding:14px}nav.main-nav{display:none}.teams-row{flex-direction:column}}