:root{--bg:linear-gradient(45deg, #1d4ed8, #357bd6);--surface:#fff;--surface-muted:#f9fafb;--border:#e5e7eb;--text:#111827;--text-muted:#6b7280;--primary:#2563eb;--primary-hover:#1d4ed8;--success-bg:#dcfce7;--success-text:#166534;--warning-bg:#fef3c7;--warning-text:#92400e;--neutral-bg:#e5e7eb;--neutral-text:#374151;--danger-bg:#fef2f2;--danger-text:#b91c1c;--radius:18px;--shadow:0 10px 30px #0000000a;--container-width:1100px}*{box-sizing:border-box}html,body,#root{background:var(--bg);min-height:100%;color:var(--text);margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{line-height:1.5}a{color:var(--text);text-decoration:none}a:hover{color:var(--primary)}button{font:inherit}h1,h2,h3{color:var(--text);margin-top:0}h1{text-align:center;margin-bottom:2rem;font-size:3rem;line-height:1.1}h2{color:#111827;margin:0;font-size:2rem}h3{color:#6b7280;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.35rem;font-size:.82rem;font-weight:700}.page{min-height:100vh;padding:2rem 1rem 3rem}.page-container{max-width:1100px;margin:0 auto}.page-title{text-align:center;color:#111827;margin-bottom:2rem;font-size:3rem}.card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;margin-bottom:2rem;padding:1.75rem;box-shadow:0 10px 30px #0000000a}.title-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;max-width:600px;margin:0 auto 2rem;padding:1.75rem;box-shadow:0 10px 30px #0000000a}.header{margin-bottom:1.5rem}.title{color:#111827;max-width:320px;font-weight:600;text-align:left!important}.section-title{color:#111827;margin:0 0 1rem;font-size:1.75rem}.sub-title{color:#6b7280;margin-top:.25rem;font-size:.82rem}.sub-text{color:#6b7280;font-size:.78rem;font-weight:400;line-height:1.3}.message-box{background:#fff;border:1px solid #e5e7eb;border-radius:12px;max-width:1100px;margin:2rem auto;padding:1rem 1.25rem}.message-box.loading{min-height:400px}.message-box.error{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.wrapper{width:100%;overflow-x:auto}.small-wrapper{justify-content:center;align-items:center;min-height:calc(100vh - 120px);display:flex}.button-primary{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:10px;padding:.6rem .95rem;font-size:.95rem;font-weight:700;transition:background .15s,transform .15s}.table-base{border-collapse:collapse;border-radius:14px;width:100%;overflow:hidden}.table-base th,.table-base td{vertical-align:middle;text-align:center;border:1px solid #e5e7eb;padding:1rem}.table-base thead th{color:#111827;text-align:center;background:#f3f4f6;font-weight:700}.table-base tbody td{background:#fff}.form{flex-direction:column;gap:1rem;display:flex}.form-title{flex-direction:column;gap:.45rem;display:flex}.form-label{color:#111827;font-weight:700}.form-input{background:#fff;border:1px solid #d1d5db;border-radius:12px;width:100%;padding:.85rem .95rem;font-size:1rem}.form-input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1f}.points{color:#1d4ed8;font-weight:700}.prediction-outcome{border-radius:999px;justify-content:center;align-items:center;margin:.5rem;padding:.25rem .65rem;font-size:.8rem;font-weight:700;display:inline-flex}.bet-status-resolved,.outcome-unresolved{color:#374151;background:#e5e7eb}.bet-status-open,.outcome-true{color:#166534;background:#dcfce7}.bet-status-locked,.outcome-false{color:#b91c1c;background:#fef2f2}.max-width820px{max-width:820px;margin:0 auto}.full-width{width:100%}.center{text-align:center}.mobile-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;margin-bottom:1rem;padding:1rem}.mobile-card-header{background:#f3f4f6;border:1px solid #dbeafe;border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:.85rem 1rem;display:flex}.mobile-card-sub-header{margin-bottom:1rem}.mobile-card-title{color:#111827;text-transform:none;margin:0;font-size:1.1rem;line-height:1.3}.mobile-card-subtitle{color:#6b7280;font-size:.82rem;line-height:1.45}.mobile-card-body{flex-direction:column;gap:1rem;display:flex}.mobile-card-grid{grid-template-columns:1fr 1fr;gap:.85rem;display:grid}.mobile-card-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:.8rem .9rem}.mobile-card-label{color:#6b7280;text-transform:uppercase;letter-spacing:.03em;margin-bottom:.35rem;font-size:.78rem;font-weight:700}.mobile-card-value{color:#111827;font-size:.96rem;font-weight:600;line-height:1.35}.mobile-card-prediction-grid{grid-template-columns:1fr 1fr;gap:.85rem;display:grid}.mobile-card-prediction-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:.8rem .9rem}.mobile-card-prediction-value{color:#111827;font-size:.96rem;font-weight:600;line-height:1.35}.desktop-view{display:block}.desktop-view-table-cell{display:table-cell}.mobile-view{display:none}@media (width<=768px){.desktop-view,.desktop-view-table-cell{display:none}.mobile-view{display:block}.sub-title{margin:0}.events-title{font-size:2.2rem}.section-title{font-size:1.4rem}.events-table th,.events-table td{padding:.75rem}.bet-price{font-size:.9rem}.bet-button{width:100%}}.navbar{z-index:50;background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;box-shadow:0 2px 12px #00000008}.navbar-container{max-width:1250px;margin:0 auto;padding:.9rem 1rem}.navbar-desktop{justify-content:space-between;align-items:center;gap:1rem;display:flex}.navbar-mobile{display:none}.navbar-left{align-items:center;gap:1.5rem;min-width:0;display:flex}.navbar-brand{flex-shrink:0;align-items:center;display:flex}.navbar-logo{height:60px;display:block}.navbar-links{flex-wrap:wrap;align-items:center;gap:1.25rem;display:flex}.navbar-link,.navbar-login-link{color:#111827;font-size:.98rem;font-weight:600;text-decoration:none;transition:color .15s}.navbar-link:hover,.navbar-login-link:hover{color:#2563eb}.navbar-actions{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.navbar-points-badge{color:#1d4ed8;white-space:nowrap;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;justify-content:center;align-items:center;padding:.55rem .85rem;font-size:.92rem;font-weight:700;display:inline-flex}.navbar-multiplier-badge{color:#b91c1c;white-space:nowrap;background:#fee2e2;border:1px solid #d89393;border-radius:999px;justify-content:center;align-items:center;padding:.55rem .85rem;font-size:.92rem;font-weight:700;display:inline-flex}.navbar-menu-toggle{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:10px;padding:.55rem .8rem;font-size:1.2rem;font-weight:700;display:none}.navbar-menu,.navbar-mobile-auth{display:none}@media (width<=768px){.navbar-desktop{display:none}.navbar-mobile{display:block}.navbar-container{padding:.8rem .9rem}.navbar-top-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.navbar-logo{height:46px}.navbar-points-badge{padding:.45rem .7rem;font-size:.82rem}.navbar-menu-toggle{justify-content:center;align-items:center;display:inline-flex}.navbar-menu{border-top:1px solid #e5e7eb;flex-direction:column;align-items:stretch;gap:1rem;margin-top:1rem;padding-top:1rem;display:none}.navbar-menu.open{display:flex}.navbar-links-mobile{flex-direction:column;align-items:stretch;gap:.25rem;display:flex}.navbar-links-mobile .navbar-link{border-bottom:1px solid #f1f5f9;padding:.75rem 0;display:block}.navbar-mobile-auth{flex-direction:column;align-items:stretch;gap:.5rem;display:flex}.navbar-mobile-auth .navbar-login-link,.navbar-mobile-auth .button-primary{text-align:center;width:100%;display:block}}.price-history-chart{width:100%;height:320px;margin-bottom:2rem}@media (width<=768px){.price-history-chart{width:calc(100% + 1rem);height:220px;margin-bottom:1.25rem;margin-left:-.5rem}}.live-ticker{white-space:nowrap;color:#fff;background:#0f172a;border-radius:999px;margin-bottom:1.5rem;padding:10px 0;overflow:hidden;box-shadow:0 4px 12px #00000026}.live-ticker-track{gap:60px;animation:150s linear infinite ticker-scroll;display:inline-flex}.live-ticker-item{font-size:.9rem;font-weight:700}.live-ticker-points{color:#3b82f6;font-weight:900}.live-ticker-event{color:#fb923c;font-weight:800}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (width<=768px){.live-ticker-track{animation:75s linear infinite ticker-scroll}}.station-card{margin-bottom:1.5rem;padding:1.25rem 1.5rem}.station-card-label{color:#6b7282;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.4rem;font-size:.82rem;font-weight:700}.station-card-name{color:#111827;margin:0;font-size:1.8rem;line-height:1.1}.station-card-address{color:#4b5563;margin-top:.4rem;font-size:1rem}.station-card-row{align-items:center;gap:1rem;display:flex}.station-card-icon{background:#f3f4f6;border-radius:12px;justify-content:center;align-items:center;width:96px;height:72px;font-size:1.4rem;display:flex}.price-chart-center{justify-content:center;width:100%;display:flex}.price-chart-box{width:100%;max-width:900px}.price-chart-box:focus,.price-chart-box:focus-visible,.price-chart-box :focus,.price-chart-box :focus-visible{outline:none}.events-table{border-collapse:collapse;border-radius:14px;width:100%;overflow:hidden}.events-table th,.events-table td{text-align:center;vertical-align:middle;border:1px solid #e5e7eb;padding:1rem}.events-table thead th{color:#111827;background:#f3f4f6;font-size:1rem;font-weight:700}.events-table tbody th{color:#374151;text-align:left;background:#f9fafb;min-width:140px;font-weight:600}.fuel-header{flex-direction:column;align-items:center;gap:.2rem;display:flex}.bet-cell{flex-direction:column;align-items:center;gap:.6rem;display:flex}.bet-cell-empty{color:#9ca3af;font-size:1.1rem}.bet-price{color:#111827;font-size:1rem;font-weight:700}.bet-status{border-radius:999px;justify-content:center;align-items:center;padding:.25rem .6rem;font-size:.8rem;font-weight:700;display:inline-flex}.bet-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;padding:.6rem 1rem;font-size:.95rem;font-weight:700;transition:transform .15s,opacity .15s,background .15s}.bet-button:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px)}.bet-button:disabled{color:#475569;cursor:not-allowed;background:#cbd5e1}.bet-badges{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.bet-badge{border-radius:999px;justify-content:center;align-items:center;padding:.25rem .6rem;font-size:.8rem;font-weight:700;display:inline-flex}.bet-badge-popular{color:#be185d;background:#fce7f3}.bet-badge-hot{color:#b91c1c;background:#fee2e2}.bet-badge-cold{color:#1d4ed8;background:#dbeafe}.mobile-fuel-card-price{color:#6b7280;white-space:nowrap;font-size:.9rem;font-weight:600}.mobile-bet-option{border-top:1px solid #f1f5f9;flex-direction:column;gap:.8rem;padding-top:1rem;display:flex}.mobile-bet-option:first-child{border-top:none;padding-top:0}.mobile-bet-option-action .bet-button{width:100%;max-width:220px}@media (width<=768px){.price-chart-box{width:100%;overflow:hidden}}.combo-highlight-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:18px;display:grid}.combo-highlight-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:18px;padding:24px}.combo-value{margin-top:8px;font-size:42px;font-weight:800;line-height:1}.stats-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.stats-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:16px;padding:1.25rem}.stats-box-value{font-size:2rem;font-weight:800;line-height:1}.stats-box-value-primary{color:#2563eb}.stats-box-value-success{color:#16a34a}.stats-box-value-failure{color:#dc2626}@media (width<=768px){.combo-highlight-grid,.stats-grid{grid-template-columns:1fr}.stats-user-name{font-size:1.6rem}.stats-box-value{font-size:1.75rem}}.rank-badge{color:#374151;background:#e5e7eb;border-radius:999px;justify-content:center;align-items:center;min-width:52px;padding:.35rem .7rem;font-size:.85rem;font-weight:700;display:inline-flex}.rank-1{color:#92400e;background:#fef3c7}.rank-2{color:#374151;background:#e5e7eb}.rank-3{color:#92400e;background:#fde68a}.user-substats{color:#6b7280;margin-top:4px;font-size:.85rem;font-weight:600}.place-bet-form{flex-direction:column;align-items:center;gap:.9rem;max-width:320px;margin:2rem auto 0;display:flex}.place-bet-info-grid{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.75rem;display:grid}.place-bet-info-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:16px;padding:1rem}.footer{background:#fff;border-top:1px solid #e5e7eb}.footer-container{color:#6b7280;justify-content:space-between;align-items:center;gap:1rem;max-width:1200px;margin:0 auto;padding:1rem;font-size:.9rem;display:flex}@media (width<=768px){.footer-container{flex-direction:column;align-items:flex-start;gap:.4rem}}