:root{--green-edge:#1a8755;--red-edge:#dd3a4a;--blue-badge:var(--accent);}.odds-detail-wrapper{max-width:1200px;margin:0 auto;padding:2rem 0 5rem;}.top-dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem;}.matchup-hero{border:1px solid var(--border-color);border-left:5px solid var(--away-color);border-right:5px solid var(--home-color);border-radius:16px;padding:24px 32px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:28px;background:linear-gradient(90deg,color-mix(in srgb,var(--away-color) 8%,transparent) 0%,var(--bg-elevated) 35%,var(--bg-elevated) 65%,color-mix(in srgb,var(--home-color) 8%,transparent) 100% );backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform 0.3s cubic-bezier(0.4,0,0.2,1),border-color 0.3s ease;}.matchup-hero:hover{transform:translateY(-4px);border-color:var(--accent);}.hero-team{display:flex;align-items:center;gap:20px;min-width:0;}.hero-team.away{justify-content:flex-start;text-align:left;}.hero-team.home{justify-content:flex-start;text-align:right;flex-direction:row-reverse;}.hero-team.home .hero-team-info{text-align:right;}.hero-team img{height:3.5rem;width:3.5rem;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,0.15));}.hero-team-info h2{font-size:11px;color:var(--text-muted);letter-spacing:0.8px;text-transform:uppercase;font-weight:700;margin:0;}.hero-team-info h3{font-size:32px;font-weight:900;line-height:1.1;color:var(--text-primary);letter-spacing:-0.5px;margin:0;}.hero-team-info p{font-size:12px;color:var(--text-muted);margin-top:4px;font-weight:600;margin-bottom:0;}.hero-team-score{font-size:2.75rem;font-weight:900;color:var(--text-primary);font-family:'Outfit','Inter',sans-serif;line-height:1;padding:0 0.5rem;}.hero-meta{text-align:center;background:rgba(0,0,0,0.25);border:1px solid var(--border-color);border-radius:12px;padding:10px 24px;min-width:190px;box-shadow:inset 0 2px 8px rgba(0,0,0,0.3);transition:border-color 0.3s ease;}body[data-theme="light"] .hero-meta{background:rgba(0,0,0,0.03);box-shadow:inset 0 1px 4px rgba(0,0,0,0.06);}.hero-vs{background-color:var(--accent) !important;color:#fff !important;font-size:10px;font-weight:800;padding:3px 12px;border-radius:20px;display:inline-block;margin-bottom:8px;letter-spacing:1px;box-shadow:0 2px 8px rgba(0,0,0,0.2);text-transform:uppercase;border:none;}.hero-vs.final-badge{background-color:color-mix(in srgb,#16a34a 15%,transparent) !important;border:1px solid #16a34a !important;color:#16a34a !important;font-size:10px !important;font-weight:900 !important;box-shadow:none;}.hero-time{font-size:13px;font-weight:700;color:var(--text-primary);letter-spacing:0.5px;font-family:monospace;}.hero-venue{font-size:10px;font-weight:600;color:var(--text-muted);margin-top:6px;display:flex;align-items:center;justify-content:center;gap:4px;text-transform:uppercase;letter-spacing:0.5px;border:none;}.hero-venue::before{content:"📍";font-size:10px;opacity:0.8;}.gauge-viz{width:80px;height:80px;position:relative;}.gauge-svg{transform:rotate(-90deg);width:100%;height:100%;}.gauge-bg{fill:none;stroke:var(--bg-elevated);stroke-width:8;}.gauge-fill{fill:none;stroke:var(--accent);stroke-width:8;stroke-linecap:round;stroke-dasharray:283;transition:stroke-dashoffset 0.6s ease;}.gauge-val{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:900;font-size:1rem;color:var(--text-primary);}.content-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:1.5rem;margin-bottom:1.5rem;width:100%;}.grid-column{display:flex;flex-direction:column;gap:1.5rem;min-width:0;}.panel-card{background:color-mix(in srgb,var(--bg-card) 75%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid color-mix(in srgb,var(--border-color) 40%,transparent);border-radius:16px;padding:1.5rem;min-width:0;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,0.12);transition:transform 0.3s cubic-bezier(0.4,0,0.2,1),border-color 0.3s ease,box-shadow 0.3s ease;}.panel-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 30%,transparent);box-shadow:0 12px 36px color-mix(in srgb,var(--accent) 8%,transparent);}@media (min-width:951px){.content-grid .panel-card{flex-grow:1;display:flex;flex-direction:column;}.content-grid .chart-container{flex-grow:1;height:auto;min-height:300px;}}.panel-card-header{font-size:0.8rem;font-weight:800;color:var(--text-primary);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:space-between;}.filter-pills{display:flex;gap:8px;}.pill{font-size:0.7rem;font-weight:700;padding:6px 14px;border-radius:20px;border:1px solid color-mix(in srgb,var(--border-color) 60%,transparent);color:var(--text-muted);cursor:pointer;background:var(--bg-elevated);transition:all 0.2s cubic-bezier(0.4,0,0.2,1);}.pill.active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 4px 14px color-mix(in srgb,var(--accent) 35%,transparent);}.chart-container{position:relative;height:350px;width:100%;margin-top:1rem;}.table-wrapper{overflow-x:auto;}.panel-card table{width:100%;border-collapse:collapse;font-size:0.85rem;}.panel-card th{text-align:left;font-size:0.65rem;text-transform:uppercase;color:var(--text-muted);padding-bottom:10px;border-bottom:1px solid color-mix(in srgb,var(--border-color) 40%,transparent);}.panel-card td{padding:12px 0;border-bottom:1px solid color-mix(in srgb,var(--border-color) 40%,transparent);vertical-align:middle;}.panel-card th:not(:first-child),.panel-card td:not(:first-child){text-align:center;}.edge-badge{font-weight:800;padding:4px 12px;border-radius:8px;font-size:0.75rem;border:1px solid transparent;transition:all 0.3s ease;}.edge-badge.positive{color:#10b981;background:rgba(16,185,129,0.12);border-color:rgba(16,185,129,0.25);box-shadow:0 0 12px rgba(16,185,129,0.15);}.edge-badge.negative{color:#f43f5e;background:rgba(244,63,94,0.12);border-color:rgba(244,63,94,0.25);}.heatmap-cell{transition:background-color 0.3s ease;}.heatmap-cell:hover{background-color:rgba(255,255,255,0.02) !important;}.direct-link-box{margin-bottom:2rem;background:linear-gradient(90deg,var(--accent),#e31837);padding:1.5rem;border-radius:12px;display:flex;justify-content:space-between;align-items:center;color:#fff;}.btn-white{display:inline-block;background:#fff;color:var(--accent) !important;padding:10px 20px;border-radius:8px;font-weight:800;text-decoration:none;font-size:0.85rem;transition:transform 0.2s,box-shadow 0.2s;text-align:center;}.btn-white:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(255,255,255,0.25);}.btn-accent-glow{background:linear-gradient(135deg,var(--accent),#e31837);color:#fff !important;padding:8px 18px;border-radius:20px;font-weight:800;text-decoration:none;font-size:0.75rem;display:inline-block;box-shadow:0 4px 15px rgba(227,24,55,0.35);transition:transform 0.2s cubic-bezier(0.4,0,0.2,1),box-shadow 0.2s ease,filter 0.2s;border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);text-transform:uppercase;letter-spacing:0.05em;}.btn-accent-glow:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(227,24,55,0.5);filter:brightness(1.1);}.btn-accent-glow:active{transform:translateY(0);box-shadow:0 4px 10px rgba(227,24,55,0.3);}.odds-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem;}.tables-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;width:100%;}@media (max-width:950px){.hide-mobile{display:none !important;}.content-grid,.top-dashboard-grid,.tables-grid{grid-template-columns:1fr;}.matchup-hero{grid-template-columns:1fr;gap:1.5rem;text-align:center;padding:2rem 1rem;}.hero-team.away,.hero-team.home{justify-content:center;}.hero-meta{border:1px solid var(--border-color);padding:1rem 1.5rem;margin:0 auto;width:100%;max-width:280px;box-shadow:none;}.odds-detail-header{flex-direction:column;align-items:flex-start;}.panel-card-header{flex-direction:column;align-items:flex-start;gap:1rem;}.chart-container{height:250px;}.panel-card{padding:1rem;}}@media (max-width:768px){.odds-detail-wrapper{margin:0 1rem;}}#summary-table td.up-arrow{color:var(--green-edge) !important;font-weight:900;font-size:0.95rem;}#summary-table td.down-arrow{color:var(--red-edge) !important;font-weight:900;font-size:0.95rem;}#summary-table td.neutral-txt{color:var(--text-muted);font-weight:600;}.atswins-open-val{color:#3b82f6 !important;text-shadow:0 0 10px rgba(59,130,246,0.15);}#floating-tooltip{position:absolute;display:none;z-index:9999;background-color:color-mix(in srgb,var(--bg-elevated) 85%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--text-primary);text-align:center;border-radius:10px;padding:10px 14px;box-shadow:0 10px 30px rgba(0,0,0,0.35);border:1px solid color-mix(in srgb,var(--border-color) 70%,transparent);font-size:0.75rem;font-weight:600;line-height:1.45;max-width:240px;pointer-events:none;transition:opacity 0.15s ease,transform 0.15s ease;opacity:0;transform:translateY(5px);}.has-tooltip{cursor:help;border-bottom:1.5px dashed color-mix(in srgb,var(--text-muted) 60%,transparent);display:inline-block;transition:border-color 0.2s ease,color 0.2s ease;}.has-tooltip:hover{color:var(--accent);border-bottom-color:var(--accent);}.panel-card select,.panel-card input{background:var(--bg-elevated) !important;color:var(--text-primary) !important;border:1px solid color-mix(in srgb,var(--border-color) 60%,transparent) !important;border-radius:8px !important;padding:8px 12px !important;font-size:0.8rem !important;font-weight:600 !important;outline:none !important;transition:all 0.2s ease !important;}.panel-card select:focus,.panel-card input:focus{border-color:var(--accent) !important;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 25%,transparent) !important;}@keyframes pulse-dot{0%{opacity:0.4;transform:scale(0.8);}50%{opacity:1;transform:scale(1.2);}100%{opacity:0.4;transform:scale(0.8);}}