:root{--bg:#0b1a12;--panel:#0f261a;--panel2:#12301f;--text:#e8f5ee;--muted:#b7d6c4;--accent:#2de38f;--danger:#ff5a6a;--border: rgba(232,245,238,.12);--shadow: 0 10px 30px rgba(0,0,0,.35);--radius: 18px;--mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono","Courier New", monospace;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,Noto Sans,Liberation Sans,sans-serif;background:radial-gradient(1200px 600px at 20% 0%,rgba(45,227,143,.18),transparent 55%),radial-gradient(900px 500px at 90% 20%,rgba(27,189,116,.12),transparent 55%),var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}.container{max-width:1100px;margin:0 auto;padding:18px}.adminLayout{display:grid;grid-template-columns:320px 1fr;gap:14px;align-items:start}.sidebar{position:sticky;top:82px}.main{display:grid;gap:14px}.rosterList{display:grid;gap:8px;margin-top:6px}.rosterGroupTitle{margin:2px 0 6px;font-size:12px;color:var(--muted);font-weight:800;letter-spacing:.25px;text-transform:uppercase}.rosterItem{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px;border:1px solid var(--border);border-radius:14px;background:#ffffff08}.rosterItem.free{border-color:#2de38f47;background:linear-gradient(180deg,#2de38f1a,#ffffff08);box-shadow:0 10px 24px #0000002e}.rosterItem.busy{opacity:.68}.rosterName{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(180deg,#12301fe6,#0f261adb);box-shadow:var(--shadow);position:sticky;top:10px;z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.headerShowcase{padding:16px 18px;background:radial-gradient(900px 300px at 20% 0%,rgba(45,227,143,.22),transparent 55%),linear-gradient(180deg,#12301feb,#0f261ad1);border-color:#2de38f29}.brand{display:flex;align-items:center;gap:12px}.brand img{width:36px;height:36px;border-radius:10px}.brandLogoBig{width:72px!important;height:72px!important;border-radius:18px!important;box-shadow:0 18px 40px #0006}.headerShowcase .brand h1{font-size:18px;letter-spacing:.25px}.brand h1{font-size:16px;margin:0;letter-spacing:.2px}.nav{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.pill{padding:9px 12px;border-radius:999px;border:1px solid var(--border);background:#ffffff0a;color:var(--text);cursor:pointer;transition:transform .06s ease,background .12s ease;font-size:13px}.pill.big{padding:12px 16px;font-size:15px;font-weight:700}.pill:hover{background:#2de38f14}.pill:active{transform:translateY(1px)}.pill.primary{border-color:#2de38f59;background:#2de38f1a}.pill.danger{border-color:#ff5a6a59;background:#ff5a6a1a}.pill.ghost{background:transparent}.pill:disabled{opacity:.45;cursor:not-allowed}.grid{display:grid;gap:14px}.grid.two{grid-template-columns:1fr 1fr}@media (max-width: 920px){.grid.two{grid-template-columns:1fr}}.card{border:1px solid var(--border);background:#0f261abf;border-radius:var(--radius);box-shadow:var(--shadow);padding:14px}.showcaseHero{position:relative;overflow:hidden;background:radial-gradient(900px 240px at 10% 0%,rgba(45,227,143,.22),transparent 55%),radial-gradient(700px 200px at 90% 20%,rgba(255,255,255,.08),transparent 55%),linear-gradient(180deg,#12301feb,#0f261ab3);border-color:#2de38f33}.showcaseHero:before{content:"";position:absolute;inset:-40% -20% auto -30%;height:160px;transform:rotate(12deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);filter:blur(2px)}.showcaseLogo{width:72px;height:72px;border-radius:18px;box-shadow:0 18px 40px #0006}.card.accent{border-color:#2de38f59;background:linear-gradient(180deg,#12301feb,#0f261ab8)}.card h2{font-size:14px;margin:0 0 10px;color:var(--muted);font-weight:600}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.row.space{justify-content:space-between}.muted{color:var(--muted)}.small{font-size:12px}.input,select{padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:#ffffff0a;color:var(--text);outline:none;min-height:38px}select option{background:#0f261a}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px 8px;border-bottom:1px solid var(--border);font-size:13px;vertical-align:top}.table th{color:var(--muted);font-weight:600;text-align:left}.badge{font-family:var(--mono);padding:2px 8px;border-radius:999px;border:1px solid var(--border);background:#ffffff0a;font-size:12px;color:var(--muted)}.ratingBig{font-size:14px;font-weight:800;padding:6px 10px}.deltaChip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid var(--border);font-weight:700;font-size:12px}.deltaChip.up{background:#2de38f1a;border-color:#2de38f40}.deltaChip.down{background:#ff5a6a1a;border-color:#ff5a6a40}.deltaChip.flat{background:#ffffff0d}.infoButton{display:inline-flex;align-items:center;gap:10px;padding:10px 12px;border-radius:999px;border:1px solid rgba(45,227,143,.28);background:#2de38f14;color:var(--text);cursor:pointer;transition:transform .06s ease,background .12s ease;font-size:13px;font-weight:700}.infoButton:hover{background:#2de38f1f}.infoButton:active{transform:translateY(1px)}.infoIcon{display:inline-flex;color:var(--accent)}.infoText{color:var(--muted);font-weight:600}.whoPlayed{min-width:420px}.whoLine{padding:6px 8px;border-radius:12px}.whoLine.win{background:#2de38f1a;border:1px solid rgba(45,227,143,.2)}.whoLine.lose{opacity:.75}@media (max-width: 980px){.adminLayout{grid-template-columns:1fr}.sidebar{position:static}}.good{color:var(--accent)}.bad{color:var(--danger)}.modalOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:16px;z-index:50}.modal{max-width:720px;width:100%;border:1px solid var(--border);background:#0f261aeb;border-radius:var(--radius);box-shadow:var(--shadow);padding:14px}.modal h3{margin:0 0 8px}.hr{height:1px;background:var(--border);margin:10px 0}
