:root{--bg: #0d1016;--card: rgba(20, 25, 34, .78);--card-strong: rgba(20, 25, 34, .94);--border: rgba(255, 255, 255, .12);--text: #e7eaf0;--muted: #9aa4b3;--accent: #6ea8ff;--green: #4ade80;--red: #f87171;font-family:system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:url(/gambling_lounge.jpg) center / cover fixed no-repeat,var(--bg);color:var(--text)}body:before{content:"";position:fixed;inset:0;background:#0d10168c;z-index:0;pointer-events:none}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.topbar{display:flex;align-items:center;gap:24px;padding:12px 24px;background:var(--card-strong);border-bottom:1px solid var(--border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:sticky;top:0;z-index:50;flex-wrap:wrap}.brand{font-size:20px;font-weight:700;color:var(--text)}.brand:hover{text-decoration:none}.nav{display:flex;gap:16px}.nav a{color:var(--muted);font-weight:500}.nav a.active{color:var(--accent)}.content{position:relative;z-index:1;max-width:1100px;margin:24px auto;padding:24px;text-shadow:0 1px 4px rgba(0,0,0,.7);background:#0d101680;border:1px solid var(--border);border-radius:14px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);box-shadow:0 8px 40px #00000059}.card{text-shadow:none}h1{font-size:26px;margin:0 0 16px}h2{font-size:20px;margin:24px 0 12px}.card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:16px;margin-bottom:16px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 24px #00000040;overflow-wrap:break-word}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:16px;z-index:100}.modal{width:100%;max-width:420px;max-height:80vh;overflow-y:auto;margin-bottom:0;background:var(--card-strong)}.row{display:flex;justify-content:space-between;align-items:center;gap:12px}.muted{color:var(--muted);font-size:14px}.error{color:var(--red)}.badge{display:inline-block;font-size:12px;font-weight:600;padding:2px 8px;border-radius:999px;background:#6ea8ff2e;color:var(--accent)}.status-UPCOMING{background:#6366f138;color:#c7d2fe}.status-LIVE{background:#f59e0b38;color:#fcd34d}.status-COMPLETED{background:#22c55e38;color:#86efac}.status-CANCELED{background:#94a3b833;color:#cbd5e1}.teams{display:flex;flex-direction:column;gap:4px;margin:10px 0 0}.team{display:flex;justify-content:space-between;gap:12px}.team .name{font-weight:600}.team .price{color:var(--muted)}.team.fav .price{color:var(--green);font-weight:600}.pos{color:var(--green)}.neg{color:var(--red)}.timeline{display:flex;gap:16px;overflow-x:auto;padding-bottom:12px;align-items:flex-start}.timeline-col{flex:0 0 320px;max-width:320px}.event-card{position:relative;margin-bottom:0;padding:18px;min-height:160px;border-color:#6ea8ff59;box-shadow:0 6px 28px #0000004d}.event-card strong{font-size:17px}.event-card:after{content:"";position:absolute;top:50%;left:100%;width:16px;height:2px;transform:translateY(-50%);background:linear-gradient(90deg,rgba(110,168,255,.5),var(--accent))}.timeline-col:last-child .event-card:after{display:none}.profile-stack{display:flex;flex-direction:column;gap:8px;margin:14px 0 0 16px;position:relative}.profile-stack:before{content:"";position:absolute;left:-9px;top:-6px;bottom:10px;width:2px;background:var(--border)}.profile-card{margin:0;padding:8px 11px;background:#14192299;box-shadow:none}.profile-card .pname{font-weight:600;font-size:14px}.profile-card .pick{font-size:13px;color:var(--muted);margin:2px 0}.profile-card .result{font-size:13px;font-weight:600}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border);font-size:14px}th{color:var(--muted);font-weight:600}.filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}select,input,button{font:inherit;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:#ffffff0f;color:var(--text);text-shadow:none}option{background:#161b24;color:var(--text)}input::placeholder{color:var(--muted)}button{cursor:pointer;background:var(--accent);color:#0b1020;border:none;font-weight:600}button.secondary{background:#6ea8ff29;color:var(--accent)}button.danger{background:#f8717129;color:#fca5a5}button:disabled{opacity:.5;cursor:default}.form-grid{display:grid;grid-template-columns:160px 1fr;gap:10px 14px;align-items:center;max-width:520px}.form-grid input:not([type=checkbox]),.form-grid select{width:100%;min-width:0}.stats{display:flex;gap:24px;flex-wrap:wrap;margin:8px 0 16px}.stat .label{color:var(--muted);font-size:13px}.stat .value{font-size:20px;font-weight:700}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:20px}.tabs button{background:none;color:var(--muted);border:none;border-bottom:2px solid transparent;border-radius:0;padding:8px 14px;margin-bottom:-1px;font-weight:600}.tabs button:hover{color:var(--text)}.tabs button.active{color:var(--accent);border-bottom-color:var(--accent)}.legend{margin:0}.legend dt{font-weight:600;font-size:14px;margin-top:8px}.legend dt:first-of-type{margin-top:0}.legend dd{margin:2px 0 0;color:var(--muted);font-size:13px;line-height:1.45}@media(max-width:720px){.content{padding:16px}.card>table{display:block;overflow-x:auto}.form-grid{grid-template-columns:1fr;max-width:100%}}.recharts-cartesian-grid line{stroke:#ffffff14}.recharts-cartesian-axis-line,.recharts-cartesian-axis-tick-line{stroke:#ffffff2e}.recharts-cartesian-axis-tick-value{fill:var(--muted)}.recharts-default-tooltip{border-radius:8px;border:none!important;box-shadow:0 4px 16px #0006}
