*{box-sizing:border-box;margin:0;padding:0}body,button{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--ov-bg);min-height:100vh;color:var(--ov-text)}body.filters-open{overflow:hidden;overscroll-behavior-y:contain}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.app-toast{white-space:nowrap!important;max-width:none!important;min-width:max-content}.app-toast-disclaimer{white-space:normal!important;min-width:0;position:relative;padding:var(--space-lg) var(--space-2xl) var(--space-lg) var(--space-lg)}.disclaimer-toast-close{position:absolute;top:8px;right:8px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;color:var(--ov-text-muted);cursor:pointer;border-radius:4px;transition:color .2s,background .2s}.disclaimer-toast-close:hover{color:var(--ov-text);background:rgba(0,0,0,.08)}.ov-dark .disclaimer-toast-close:hover{background:rgba(255,255,255,.08)}.disclaimer-toast-inner{display:flex;flex-direction:column;gap:.5em}.disclaimer-toast-p{display:block}.app-toast-disclaimer a{color:var(--ov-brand);text-decoration:underline}.ov-dark .app-toast{background:var(--ov-surface)!important;color:var(--ov-text)!important;border:1px solid var(--ov-border)!important}.app-container{max-width:1400px;margin:0 auto;padding:var(--space-lg);padding-top:0;padding-bottom:var(--space-sm);display:flex;flex-direction:column;min-height:100vh}.app-main{flex:1 1}.app-main--with-fixed-footer{padding-bottom:72px}.app-header{background:var(--ov-bg);color:var(--ov-text);padding:0;border-radius:0;margin-bottom:var(--space-xl);box-shadow:none;border-bottom:1px solid var(--ov-border);position:sticky;top:0;z-index:100;overflow:visible;width:100%}.app-header.app-header--mount.app-header--mount-prep{opacity:0;transform:translate3d(0,-20px,0);pointer-events:none;transition:none}.app-header.app-header--mount.app-header--mount-reveal{opacity:1;transform:translateZ(0);pointer-events:auto;transition:opacity .38s cubic-bezier(.22,1,.36,1),transform .45s cubic-bezier(.22,1,.36,1)}@media (prefers-reduced-motion:reduce){.app-header.app-header--mount.app-header--mount-prep,.app-header.app-header--mount.app-header--mount-reveal{transform:none}.app-header.app-header--mount.app-header--mount-reveal{transition:opacity .2s ease}}.app-header a,.app-header a:active,.app-header a:focus,.app-header a:hover,.app-header a:visited,.app-header button,.nav-drawer-panel a,.nav-drawer-panel a:active,.nav-drawer-panel a:focus,.nav-drawer-panel a:hover,.nav-drawer-panel a:visited,.nav-drawer-panel button{text-decoration:none}.top-banner{justify-content:space-between;padding:var(--space-md) var(--space-xl);gap:var(--space-2xl);max-width:1400px;margin:0 auto}.banner-left,.top-banner{display:flex;align-items:center}.banner-left{justify-content:flex-start;flex-shrink:0;height:100%;margin:0 0 0 calc(-1 * var(--space-xl));padding:0}.banner-left button{transition:opacity .2s ease,transform .2s ease}.banner-left button:hover{opacity:.8;transform:scale(1.05)}.banner-left button:active{transform:scale(.98)}.banner-center{gap:var(--space-2xs);flex:1 1;justify-content:center;background:transparent;margin:0 var(--space-lg)}.banner-center,.banner-right{display:flex;align-items:center;height:100%}.banner-right{gap:var(--space-sm);flex-shrink:0}.oversonly-logo-small{height:50px;width:auto;color:var(--logo-check-fg);display:block;vertical-align:middle;align-self:center;margin:0;padding:0;object-fit:contain}.banner-logo-button--mobile{display:none}.banner-center button.nav-item,.nav-item,button.nav-item{padding:var(--space-sm) var(--space-lg);background:transparent!important;border:none!important;border-radius:6px!important;color:var(--ov-text);font-size:.95rem;font-weight:400;letter-spacing:.3px;cursor:pointer;transition:color .2s ease,opacity .2s ease,transform .15s ease;white-space:nowrap;position:relative;box-shadow:none!important;outline:none!important;line-height:1.2;display:inline-flex;align-items:center;gap:var(--space-xs);opacity:.7;-webkit-tap-highlight-color:transparent}.nav-item svg{opacity:.6}.banner-center button.nav-item:hover:not(:disabled),.nav-item:hover:not(:disabled),button.nav-item:hover:not(:disabled){color:var(--ov-text);background:transparent!important;box-shadow:none!important;opacity:1;transform:translateY(-1px)}.banner-center button.nav-item:active:not(:disabled),.nav-item:active:not(:disabled),button.nav-item:active:not(:disabled){transform:translateY(0) scale(.97)}.banner-center button.nav-item.active,.nav-item.active,button.nav-item.active{color:var(--ov-text);font-weight:500;opacity:1}:not(.ov-dark) .banner-center button.nav-item.active,:not(.ov-dark) .nav-item.active,:not(.ov-dark) button.nav-item.active{background:rgba(var(--chip-primary-rgba),.1)!important}.ov-dark .banner-center button.nav-item.active,.ov-dark .nav-item.active,.ov-dark button.nav-item.active{background:rgba(var(--chip-primary-rgba),.15)!important}.nav-item:disabled{opacity:.5;cursor:not-allowed}.methodology-button-small{background:var(--ov-surface);border:1px solid var(--ov-border);color:var(--ov-text);padding:var(--space-xs) var(--space-md);min-height:48px;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s,box-shadow .2s,transform .15s ease;text-transform:uppercase;width:140px;text-align:center;letter-spacing:.5px;white-space:nowrap;box-sizing:border-box;-webkit-tap-highlight-color:transparent;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs)}.pro-button-drawer{margin-top:0;width:auto;text-align:center}.pro-button-drawer,.pro-button-header{border-color:var(--ov-brand)}.methodology-button-small:hover{background:var(--ov-surface);border-color:var(--ov-border);box-shadow:0 1px 4px rgba(0,0,0,.1);transform:translateY(-1px)}.ov-dark .methodology-button-small:hover{box-shadow:0 1px 4px rgba(0,0,0,.3)}.methodology-button-small.pro-button-drawer:hover,.methodology-button-small.pro-button-header:hover{border-color:var(--ov-brand)}.methodology-button-small.pro-button-drawer:active,.methodology-button-small.pro-button-header:active,.methodology-button-small:active{transform:translateY(0) scale(.97)}.header-pro-tick{margin-left:var(--space-xs);color:var(--ov-brand);font-size:.75em;vertical-align:middle}.nav-drawer-trigger{display:none;align-items:center;justify-content:center;width:44px;height:44px;padding:0;margin:0 var(--space-xs) 0 0;background:transparent;border:none;border-radius:8px;color:var(--ov-text);cursor:pointer;font-size:1.25rem;transition:background .2s,color .2s}.nav-drawer-trigger:hover{background:var(--ov-surface);color:var(--ov-text)}.nav-drawer-trigger:focus-visible{outline:2px solid var(--ov-brand);outline-offset:2px}.nav-drawer-backdrop{position:fixed;inset:0;z-index:199;background:rgba(0,0,0,.4);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}.nav-drawer-backdrop--open{opacity:1;visibility:visible;pointer-events:auto}.ov-dark .nav-drawer-backdrop--open{background:rgba(0,0,0,.6)}.nav-drawer-panel{position:fixed;top:0;left:0;bottom:0;width:280px;max-width:85vw;z-index:200;background:var(--ov-bg);border-right:1px solid var(--ov-border);box-shadow:4px 0 24px rgba(0,0,0,.15);transform:translateX(-100%);visibility:hidden;transition:transform .25s ease,visibility .25s ease;overflow:auto}.nav-drawer-panel--open{transform:translateX(0);visibility:visible}.ov-dark .nav-drawer-panel{box-shadow:4px 0 24px rgba(0,0,0,.4)}.nav-drawer-inner{padding:var(--space-lg) var(--space-md) var(--space-xl);display:flex;flex-direction:column;min-height:100%}.nav-drawer-profile{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center;padding-bottom:var(--space-xs);margin-bottom:var(--space-sm);border-bottom:1px solid var(--ov-border)}.nav-drawer-links{display:flex;flex-direction:column;gap:var(--space-md);flex:1 1}.nav-drawer-links .nav-drawer-item{width:100%;justify-content:flex-start;padding:var(--space-md) var(--space-lg);text-align:left;border-radius:10px;font-size:1rem;font-weight:500;letter-spacing:.02em;border:1px solid transparent!important;background:var(--ov-surface)!important;color:var(--ov-text);transition:color .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .15s ease;box-shadow:0 1px 2px rgba(0,0,0,.04);-webkit-tap-highlight-color:transparent;opacity:.3}:not(.ov-dark) .nav-drawer-links .nav-drawer-item{box-shadow:0 1px 3px rgba(0,0,0,.06)}.nav-drawer-links .nav-drawer-item:hover:not(:disabled){color:var(--ov-text);background:var(--ov-surface)!important;border-color:var(--ov-border)!important;box-shadow:0 2px 6px rgba(0,0,0,.08)}.nav-drawer-links .nav-drawer-item:active:not(:disabled){transform:scale(.98)}.ov-dark .nav-drawer-links .nav-drawer-item:hover:not(:disabled){box-shadow:0 2px 8px rgba(0,0,0,.2)}.nav-drawer-links .nav-drawer-item.active{color:var(--ov-text);font-weight:600;background:var(--ov-surface)!important;border-color:rgba(var(--chip-primary-rgba),.35)!important;box-shadow:0 2px 8px rgba(var(--chip-primary-rgba),.15);opacity:1}.ov-dark .nav-drawer-links .nav-drawer-item.active{background:var(--ov-surface)!important;border-color:rgba(var(--chip-primary-rgba),.4)!important;box-shadow:0 2px 10px rgba(var(--chip-primary-rgba),.2)}.user-button-wrapper{display:inline-flex;align-items:center;justify-content:center;min-height:48px;min-width:48px}.ov-dark .user-button-wrapper{background:var(--ov-surface);border:1px solid var(--ov-border);border-radius:999px;padding:var(--space-2xs)}.user-button-wrapper .cl-userButtonAvatarBox,.user-button-wrapper .cl-userButtonBox,.user-button-wrapper .cl-userButtonTrigger{width:40px;height:40px}.login-button-wrapper button{background:var(--ov-surface);border:1px solid var(--ov-border);color:var(--ov-text);padding:var(--space-xs) var(--space-md);min-height:48px;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s,box-shadow .2s,transform .15s ease;text-transform:uppercase;width:140px;text-align:center;letter-spacing:.5px;white-space:nowrap;box-sizing:border-box;-webkit-tap-highlight-color:transparent}.login-button-wrapper button:hover{background:var(--ov-surface);border-color:var(--ov-border);box-shadow:0 1px 4px rgba(0,0,0,.1);transform:translateY(-1px)}.login-button-wrapper button:active{transform:translateY(0) scale(.97)}.ov-dark .login-button-wrapper button:hover{box-shadow:0 1px 4px rgba(0,0,0,.3)}.theme-toggle-button{font-size:1.2rem;transition:all .2s;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:1px solid var(--ov-border);cursor:pointer;padding:0}.theme-toggle-button,.theme-toggle-button:hover{color:var(--ov-text);background:var(--ov-surface)}.theme-toggle-button:hover{border-color:var(--ov-border);box-shadow:0 1px 4px rgba(0,0,0,.1);transform:scale(1.05)}.ov-dark .theme-toggle-button:hover{box-shadow:0 1px 4px rgba(0,0,0,.3)}.x-link-small{font-size:1.2rem;transition:all .2s;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:1px solid var(--ov-border);text-decoration:none}.x-link-small,.x-link-small:hover{color:var(--ov-text);background:var(--ov-surface)}.x-link-small:hover{border-color:var(--ov-border);box-shadow:0 1px 4px rgba(0,0,0,.1);transform:scale(1.05)}.ov-dark .x-link-small:hover{box-shadow:0 1px 4px rgba(0,0,0,.3)}@media (max-width:768px){.header-top{margin-bottom:var(--space-md)}.methodology-button{font-size:.85rem;padding:var(--space-xs) var(--space-md);margin-bottom:var(--space-lg)}}.tagline{font-size:clamp(.8rem,2vw,.9rem);color:var(--ov-text-muted);font-style:italic;margin-bottom:var(--space-lg);margin-top:0;position:relative;z-index:1;text-align:left}.oversonly-logo{height:auto;max-width:300px;width:100%;display:block}.header-info{display:flex;gap:var(--space-lg);font-size:.95rem;opacity:.95;position:relative;z-index:1}.filter-toolbars{margin-bottom:0;padding-bottom:0;border-bottom:none}.filters-trigger-button{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);border-radius:999px;border:1px solid var(--ov-border);background:var(--ov-surface);color:var(--ov-text);font-size:.85rem;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .15s ease;-webkit-tap-highlight-color:transparent}.filters-trigger-button svg{color:var(--ov-text-muted);transition:color .2s ease}.filters-trigger-button:hover{background:rgba(var(--chip-primary-rgba),.08);border-color:rgba(var(--chip-primary-rgba),.35);box-shadow:0 1px 4px rgba(0,0,0,.08);transform:translateY(-1px)}.filters-trigger-button:hover svg{color:var(--ov-brand)}.filters-trigger-button:active{transform:translateY(0) scale(.97);box-shadow:0 0 0 2px rgba(var(--chip-primary-rgba),.2)}.filters-trigger-button:focus-visible{outline:2px solid var(--ov-brand);outline-offset:2px}.filters-trigger-secondary{display:inline-flex;align-items:center;gap:var(--space-sm)}.filters-sheet-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:180}.filters-bottom-sheet{position:fixed;left:0;right:0;bottom:0;max-height:80vh;background:var(--ov-bg);border-radius:16px 16px 0 0;box-shadow:0 -10px 30px rgba(0,0,0,.4);z-index:181;display:flex;flex-direction:column;padding:var(--space-xs) var(--space-md) calc(var(--space-md) + env(safe-area-inset-bottom, 0px));overscroll-behavior:contain}.filters-sheet-handle{width:56px;height:6px;border-radius:999px;background:var(--ov-border);margin:var(--space-xs) auto var(--space-sm)}.filters-sheet-content{overflow-y:auto;overscroll-behavior-y:contain;padding:var(--space-2xs) 0 var(--space-xs);flex:1 1}.filters-sheet-footer{display:flex;gap:var(--space-sm);margin-top:var(--space-xs);padding-bottom:calc(var(--space-md) + env(safe-area-inset-bottom, 0px))}@media (max-width:768px){.filters-bottom-sheet{max-height:85vh;padding-inline:var(--space-sm)}.filters-trigger-bar{margin-bottom:var(--space-sm)}}.toolbar-columns{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--space-lg);align-items:start}.toolbar-column-left,.toolbar-column-right{display:flex;flex-direction:column;gap:var(--space-md)}.toolbar-divider{width:1px;background:var(--ov-border);align-self:stretch;margin:0}.filter-toolbar{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) 0;background:transparent;border:none;flex-wrap:wrap}.toolbar-label{font-size:.7rem;font-weight:500;color:var(--ov-text-muted);opacity:.6;text-transform:uppercase;padding-left:var(--space-xs);letter-spacing:.5px;width:110px;flex-shrink:0}.matches-counter-container{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-sm)}.matches-summary-chips{display:flex;align-items:center;gap:var(--space-xs);flex-wrap:wrap}.summary-chip{padding:var(--space-xs) var(--space-sm);border-radius:4px;font-weight:500;font-size:clamp(.75rem,1.8vw,.85rem);white-space:nowrap;flex-shrink:0}.summary-chip-correct{background-color:rgba(34,197,94,.15);color:rgb(22,163,74);border:1px solid rgba(34,197,94,.3)}.summary-chip-incorrect{background-color:rgba(239,68,68,.15);color:rgb(220,38,38);border:1px solid rgba(239,68,68,.3)}.summary-chip-pending{background-color:rgba(156,163,175,.15);color:rgb(107,114,128);border:1px solid rgba(156,163,175,.3)}.summary-chip-voided{background-color:rgba(251,191,36,.15);color:rgb(217,119,6);border:1px solid rgba(251,191,36,.3)}.summary-chip-unavailable{background-color:rgba(107,114,128,.15);color:rgb(75,85,99);border:1px solid rgba(107,114,128,.3)}.total-matches{background:var(--ov-surface);padding:var(--space-xs) var(--space-sm);border-radius:4px;border:1px solid var(--ov-border);font-weight:500;font-size:clamp(.75rem,1.8vw,.85rem);box-shadow:0 1px 3px rgba(0,0,0,.1);color:var(--ov-text-muted)}.gated-view-message{max-width:640px;margin:var(--space-xl) auto var(--space-lg);padding:var(--space-lg);background:var(--ov-surface);border-radius:8px;border:1px solid var(--ov-border);text-align:left;box-shadow:0 2px 10px rgba(0,0,0,.2)}.gated-view-title{font-size:1.1rem;font-weight:700;color:var(--ov-text-muted);margin:0 0 var(--space-md) 0;text-align:center;display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-xs);line-height:1.35}.gated-view-title-text{min-width:0}.gated-view-lock-badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.55rem;height:1.55rem;border-radius:999px;border:1px solid var(--ov-border);background:rgba(255,255,255,.04);color:var(--ov-text-muted)}.gated-view-lock-icon{width:.85rem;height:.85rem;display:block}.gated-view-text{font-size:.95rem;color:var(--ov-text-muted);margin-bottom:var(--space-md);text-align:center}.gated-view-prose{text-align:left;line-height:1.55;max-width:52ch;margin:0 auto var(--space-lg)}.gated-view-prose p{margin:0 0 .75em}.gated-view-prose p:last-child{margin-bottom:0}.gated-view-actions{display:flex;flex-direction:column;align-items:center;justify-content:center}.win-percentage{padding:var(--space-xs) var(--space-sm);border-radius:4px;font-weight:500;font-size:clamp(.8rem,2vw,.9rem);white-space:nowrap;flex-shrink:0}.win-percentage.win-percentage-green{background:rgba(var(--chip-primary-rgba),.1);border:1px solid rgba(var(--chip-primary-rgba),.3);box-shadow:0 1px 3px rgba(var(--chip-primary-rgba),.1);color:var(--ov-brand)}.win-percentage.win-percentage-amber{background:rgba(255,170,0,.1);border:1px solid rgba(255,170,0,.3);box-shadow:0 1px 3px rgba(255,170,0,.1);color:#ffaa00}.win-percentage.win-percentage-red{background:rgba(255,68,68,.1);border:1px solid rgba(255,68,68,.3);box-shadow:0 1px 3px rgba(255,68,68,.1);color:#ff4444}.app-footer{margin-top:auto;padding:var(--space-md) var(--space-lg) var(--space-sm);border-top:1px solid var(--ov-border);display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--space-md);flex-wrap:wrap}.app-footer--fixed{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:1400px;margin-top:0}.footer-left,.footer-right{display:flex;align-items:center;gap:var(--space-sm)}.footer-age-badge{font-size:.8rem;font-weight:500;color:var(--ov-text-muted);white-space:nowrap}.footer-shield-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--ov-surface);border:1px solid var(--ov-border);color:var(--ov-text);cursor:pointer;transition:color .2s,border-color .2s,box-shadow .2s,transform .15s ease}.footer-shield-button:hover{color:var(--ov-brand);border-color:var(--ov-brand);box-shadow:0 1px 4px rgba(0,0,0,.1);transform:scale(1.08)}.footer-shield-button:active{transform:scale(.92);box-shadow:0 0 0 2px rgba(var(--chip-primary-rgba),.25)}.ov-dark .footer-shield-button:hover{box-shadow:0 1px 4px rgba(0,0,0,.3)}.footer-x-link{font-size:1.25rem;transition:all .2s;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--ov-border);text-decoration:none}.footer-x-link,.footer-x-link:hover{color:var(--ov-text);background:var(--ov-surface)}.footer-x-link:hover{border-color:var(--ov-border);box-shadow:0 1px 4px rgba(0,0,0,.1);transform:scale(1.05)}.ov-dark .footer-x-link:hover{box-shadow:0 1px 4px rgba(0,0,0,.3)}.footer-links{display:flex;gap:var(--space-lg);align-items:center}.footer-link{color:var(--ov-text-muted);text-decoration:none;font-size:.65rem;transition:color .2s ease}.footer-center .footer-link+.footer-link{margin-left:var(--space-lg)}button.footer-link{background:none;border:none;padding:0;cursor:pointer}.footer-link:hover{color:var(--ov-brand);text-decoration:underline}.responsible-gambling{font-size:.7rem;text-align:left;margin-top:0;position:relative;z-index:1;line-height:1.6;display:flex;align-items:center;justify-content:flex-start;gap:var(--space-sm);flex-wrap:wrap;max-width:100%}.age-badge{display:inline-flex;align-items:center;gap:var(--space-2xs);padding:var(--space-2xs) var(--space-xs);background:var(--ov-surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:6px;border:1px solid var(--ov-border);color:var(--ov-text);font-size:.875rem;font-weight:500;flex-shrink:0;white-space:nowrap}.responsible-text{color:var(--ov-text);font-size:.7rem}.responsible-gambling a{color:var(--ov-text);text-decoration:underline;transition:color .2s}.responsible-gambling a:hover{color:var(--ov-brand)}.responsible-gambling--desktop{width:100%;max-width:720px}.responsible-gambling--mobile{width:100%;display:flex;flex-direction:column;align-items:stretch;gap:0}.responsible-gambling-strip{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-xs) var(--space-sm);font-size:.75rem;color:var(--ov-text);line-height:1.4;padding:var(--space-xs) var(--space-sm)}.responsible-gambling-strip a{color:var(--ov-text);text-decoration:underline}.responsible-gambling-strip a:hover{color:var(--ov-brand)}.age-badge--inline{padding:2px var(--space-xs);font-size:.75rem}.responsible-gambling-strip-sep{color:var(--ov-text-muted);font-weight:300;-webkit-user-select:none;user-select:none}.responsible-gambling-toggle{display:flex;align-items:center;justify-content:center;width:100%;padding:var(--space-xs);margin:0;background:transparent;border:none;border-radius:6px;color:var(--ov-text-muted);cursor:pointer;font:inherit;transition:color .2s,background-color .2s}.responsible-gambling-toggle:hover{color:var(--ov-text);background:var(--ov-surface)}.responsible-gambling-toggle:focus-visible{outline:2px solid var(--ov-brand);outline-offset:2px}.ov-dark .responsible-gambling-toggle:focus-visible{outline-color:var(--ov-brand)}.responsible-gambling-full-mobile{padding:var(--space-sm) var(--space-sm) var(--space-sm);text-align:left;border-top:1px solid var(--ov-border)}.responsible-gambling-full-mobile[hidden]{display:none}.controls{margin-bottom:var(--space-md)}.controls,.prediction-type-filters,.tier-filters{display:flex;flex-direction:column;gap:var(--space-lg);align-items:center}.prediction-type-filters,.tier-filters{width:100%}.filters-label{font-size:.95rem;font-weight:600;color:var(--ov-text-muted);text-align:center}.filter-chips{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center}.filter-chip{display:inline-block;padding:var(--space-xs) var(--space-md);border-radius:4px;font-size:.9rem;font-weight:500;white-space:nowrap;border:none;background:transparent;cursor:pointer;transition:all .2s ease;position:relative;color:var(--ov-text-muted);opacity:.5}.filter-chip:hover{color:var(--ov-text);opacity:.8}.filter-chip.selected{color:var(--ov-text);font-weight:600;opacity:1}.filter-chip.tier-chip.selected{color:var(--ov-text)}.filter-chip.chip-primary.selected{color:var(--chip-primary-color)}.filter-chip.chip-secondary.selected{color:var(--chip-secondary-color)}.filter-chip.chip-accent.selected{color:var(--chip-accent-color)}.filter-chip.chip-info.selected{color:var(--chip-info-color)}.filter-chip.tier-chip.tier-stier.selected{color:var(--data-tier-comp-color)}.filter-chip.tier-chip.tier-atier.selected{color:var(--data-tier-cross-color)}.filter-chip.tier-chip.tier-btier.selected{color:var(--data-tier-wide-color)}.filter-chip.confidence-tier-chip.confidence-tier-s.selected{color:var(--tier-stier-color)}.filter-chip.confidence-tier-chip.confidence-tier-a.selected{color:var(--tier-atier-color)}.filter-chip.confidence-tier-chip.confidence-tier-b.selected{color:var(--tier-btier-color)}.secondary-filters{gap:var(--space-md);flex-wrap:wrap}.country-league-filter-button,.secondary-filters{display:flex;align-items:center;justify-content:center}.country-league-filter-button{gap:var(--space-xs);padding:var(--space-xs) var(--space-md);border:1px solid var(--ov-border);background:var(--ov-surface);color:var(--ov-text-muted);border-radius:4px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative;box-shadow:0 1px 3px rgba(0,0,0,.1);min-width:200px;opacity:.5}.country-league-filter-button:has(.filter-badge){background:var(--ov-surface);border:1px solid var(--ov-border);color:var(--ov-text);opacity:1}.country-league-filter-button:hover{background:var(--ov-surface);border-color:var(--ov-border);box-shadow:0 1px 3px rgba(0,0,0,.15);color:var(--ov-text);opacity:.8}.country-league-filter-button svg{flex-shrink:0}.filter-badge{background:rgba(115,115,115,.6);color:#ffffff;border-radius:3px;padding:2px var(--space-xs);font-size:.75rem;font-weight:500;min-width:20px;text-align:center}.filter-buttons-container{display:flex;gap:var(--space-sm);flex-wrap:wrap}.live-toggle-button{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);border:1px solid var(--ov-border);background:var(--ov-surface);border-radius:4px;cursor:pointer;font-size:.95rem;font-weight:500;color:var(--ov-text-muted);transition:all .2s ease;opacity:.5}.live-toggle-button:hover{opacity:.8}.live-toggle-button.active,.live-toggle-button:hover{background:var(--ov-surface);border-color:var(--ov-border);color:var(--ov-text)}.live-toggle-button.active{font-weight:600;opacity:1}@media (max-width:768px){.toolbar-columns{grid-template-columns:1fr;gap:var(--space-md)}.toolbar-divider{display:none}.toolbar-column-left,.toolbar-column-right{gap:var(--space-md)}.filter-toolbar{flex-direction:column;align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) 0}.toolbar-label{min-width:auto;width:100%}.filter-chips{width:100%}.country-league-filter-button{width:100%;min-width:auto}}.matches-counter-container .grouping-toggle{display:flex;gap:var(--space-2xs);background:var(--ov-surface);padding:var(--space-2xs);border-radius:6px;border:1px solid var(--ov-border)}.grouping-toggle button{padding:var(--space-xs) var(--space-md);border:1px solid transparent;background:transparent;border-radius:4px;cursor:pointer;font-size:.95rem;font-weight:500;color:var(--ov-text-muted);opacity:.5;transition:all .2s ease;position:relative}.grouping-toggle button:hover{background:var(--ov-surface);color:var(--ov-text);opacity:.8}.grouping-toggle button.active{background:var(--ov-surface);color:var(--ov-text);font-weight:600;border-color:var(--ov-border);opacity:1}.cards-container,.cards-container.grouped-results{display:grid;grid-template-columns:1fr;gap:var(--space-xl)}.cards-container.grouped-results .prediction-card .card-content{display:flex;flex-direction:column;gap:0}.cards-container.grouped-results .prediction-card.prediction-card--collapsed .card-content{display:none}.cards-container.grouped-results .prediction-card .historical-card{border:none;border-radius:0;box-shadow:none;margin-bottom:0;border-top:1px solid var(--ov-border)}.cards-container.grouped-results .prediction-card .historical-card:first-child{border-top:none}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl) var(--space-lg);margin-top:var(--space-lg);gap:var(--space-lg)}.loading-spinner{width:50px;height:50px;border:4px solid rgba(var(--chip-primary-rgba),.2);animation:spin 1s linear infinite}.loading-text{color:var(--ov-text-muted);font-size:1rem;font-weight:500}.empty,.error,.loading{text-align:center;padding:var(--space-3xl) var(--space-lg);color:var(--ov-text-muted);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:40vh}.empty svg{display:block;margin:0 auto var(--space-xs)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.error{color:var(--ov-brand)}button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.view-toggle-btn:disabled{opacity:.6}.country-league-filter-button:disabled,.filter-chip:disabled,.grouping-toggle button:disabled{opacity:.3;cursor:not-allowed}@media (max-width:768px){.app-header{padding:0}.top-banner{padding:var(--space-sm) var(--space-md);gap:var(--space-sm);flex-wrap:nowrap}.nav-drawer-trigger{display:flex}.banner-left{margin:0}.banner-left .banner-logo-button{display:none}.banner-logo-button--mobile{display:flex}.banner-center.nav-items-inline,.banner-right .banner-right-auth,.pro-button-header{display:none}.banner-center{order:3;width:100%;justify-content:flex-start;gap:var(--space-2xs);margin-top:var(--space-xs)}.nav-item{padding:var(--space-xs) var(--space-sm);font-size:.85rem;flex:1 1}.oversonly-logo-small{height:42px}.login-button-wrapper button,.methodology-button-small{padding:var(--space-xs) var(--space-sm);font-size:.75rem}.nav-drawer-profile .login-button-wrapper,.nav-drawer-profile .pro-button-drawer{flex:1 1}.nav-drawer-profile .user-button-wrapper{flex:0 0 auto}.nav-drawer-profile .login-button-wrapper button,.nav-drawer-profile .pro-button-drawer{width:100%}.x-link-small{width:28px;height:28px;font-size:1rem}.app-footer{padding:var(--space-sm) var(--space-lg) var(--space-sm)}.app-footer,.footer-links{gap:var(--space-md)}.responsible-gambling{font-size:.65rem;flex-direction:column;align-items:flex-start;gap:var(--space-sm);text-align:left}.responsible-gambling--mobile{align-items:stretch}.responsible-gambling--mobile .responsible-text,.responsible-text{font-size:.65rem;line-height:1.5}.cards-container{grid-template-columns:1fr;gap:var(--space-lg)}.header-info{flex-direction:column;gap:var(--space-sm)}}@media (max-width:600px){.view-toggle-btn{font-size:.9rem}.filter-chip{font-size:.8rem}.toolbar-label{font-size:.75rem}}.view-toggle{display:flex;gap:var(--space-sm);margin-bottom:0;width:100%}.view-toggle-btn{padding:var(--space-sm) var(--space-lg);background:var(--ov-surface);border:1px solid var(--ov-border);border-radius:8px;color:var(--ov-text-muted);font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s;flex:1 1}.view-toggle-btn.active,.view-toggle-btn:hover{background:var(--ov-surface);border-color:var(--ov-border)}.view-toggle-btn.active{color:var(--ov-text);font-weight:800}.historical-container{margin-top:0}.results-unlock-card-wrapper{margin-top:var(--space-xl)}.historical-card{background:var(--ov-surface);border:1px solid var(--ov-border);border-radius:6px;padding:var(--space-lg);margin-bottom:var(--space-lg);transition:all .2s ease}.historical-card:hover{background:var(--ov-surface);border-color:var(--ov-border);box-shadow:0 1px 3px rgba(0,0,0,.1)}.historical-card-won:hover{background:var(--ov-surface);border-color:rgba(var(--chip-primary-rgba),.3)}.historical-card-lost:hover{background:var(--ov-surface);border-color:rgba(255,68,68,.3)}.historical-card-voided:hover{background:var(--ov-surface);border-color:rgba(255,165,0,.3)}.historical-card-mixed:hover{border-color:rgba(var(--chip-primary-rgba),.3)}.historical-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-md);gap:var(--space-md);flex-wrap:wrap}.cancelled-badge{padding:var(--space-2xs) var(--space-sm);background:rgba(255,165,0,.15);border:1px solid rgba(255,165,0,.3);border-radius:4px;color:#ffa500;font-size:.85rem;font-weight:500}.historical-score{text-align:center;margin:var(--space-lg) 0;padding:var(--space-md);background:var(--ov-surface);border-radius:4px}.historical-score-won{background:rgba(31,162,74,.06)}.ov-dark .historical-score-won{background:rgba(31,162,74,.12)}.historical-score-lost{background:rgba(255,68,68,.06)}.ov-dark .historical-score-lost{background:rgba(255,68,68,.12)}.historical-score-voided{background:rgba(255,165,0,.06)}.ov-dark .historical-score-voided{background:rgba(255,165,0,.12)}.historical-score-mixed{background:linear-gradient(90deg,rgba(31,162,74,.06) 0,rgba(31,162,74,.06) 50%,rgba(255,68,68,.06) 0,rgba(255,68,68,.06))}.ov-dark .historical-score-mixed{background:linear-gradient(90deg,rgba(31,162,74,.12) 0,rgba(31,162,74,.12) 50%,rgba(255,68,68,.12) 0,rgba(255,68,68,.12))}.score{display:flex;align-items:center;justify-content:center;gap:var(--space-md);font-size:2rem;font-weight:700}.score,.score-won{color:var(--ov-brand)}.score-lost{color:#ff4444}.score-voided{color:#ffa500}.score-mixed{background:linear-gradient(to right,var(--ov-brand) 0,var(--ov-brand) 50%,#ff4444 50%,#ff4444 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.score-value{min-width:40px}.ht-score,.score-separator{color:var(--ov-text-muted)}.ht-score{margin-top:var(--space-sm);font-size:.9rem}.cancelled-score{color:#ffa500;font-size:1.2rem;font-weight:500}.historical-predictions{margin-top:var(--space-lg)}.historical-predictions-label{font-size:.9rem;color:var(--ov-text-muted);margin-bottom:var(--space-sm);font-weight:500}.historical-prediction-accuracies{display:flex;flex-direction:column;gap:var(--space-sm)}.prediction-accuracy{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-sm);background:var(--ov-surface);border-radius:8px;border-left:4px solid}.ov-dark .prediction-accuracy{background:rgba(15,106,47,.1)}.prediction-accuracy.success{border-left-color:var(--ov-brand);background:rgba(var(--chip-primary-rgba),.1)}.prediction-accuracy.failed{border-left-color:#ff4444;background:rgba(255,68,68,.1)}.prediction-accuracy.voided{border-left-color:#ffa500;background:rgba(255,165,0,.1)}.prediction-accuracy.score-unavailable{border-left-color:#6c757d;background:rgba(108,117,125,.1)}.infinite-scroll-loading{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--space-md);margin-top:var(--space-xl);padding:var(--space-xl) 0;color:var(--ov-text-muted)}.loading-spinner{width:32px;height:32px;border:3px solid var(--ov-border);border-top-color:var(--ov-brand);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.infinite-scroll-sentinel{height:1px;width:100%;margin-top:var(--space-lg)}.page-info{font-size:.85rem;color:var(--ov-text-muted);margin-left:var(--space-xs);font-weight:400}.prediction-type{font-weight:500;color:var(--ov-text);min-width:120px}.prediction-result{font-weight:600;min-width:100px;margin-left:auto;display:flex;align-items:center;gap:var(--space-xs)}.prediction-accuracy.success .prediction-result{color:var(--ov-brand)}.prediction-accuracy.failed .prediction-result{color:#ff4444}.prediction-accuracy.voided .prediction-result{color:#ffa500}.prediction-accuracy.score-unavailable .prediction-result{color:#6c757d}.prediction-reason{color:var(--ov-text-muted);font-size:.9rem;flex:1 1}.highlight-section{margin-bottom:var(--space-2xl);padding:var(--space-xl);background:linear-gradient(135deg,rgba(var(--chip-primary-rgba),.08) 0,rgba(var(--chip-primary-rgba),.03) 100%);border:2px solid rgba(var(--chip-primary-rgba),.3);border-radius:12px;box-shadow:0 4px 12px rgba(var(--chip-primary-rgba),.15)}.ov-dark .highlight-section{background:linear-gradient(135deg,rgba(var(--chip-primary-rgba),.12) 0,rgba(var(--chip-primary-rgba),.05) 100%);border-color:rgba(var(--chip-primary-rgba),.4);box-shadow:0 4px 16px rgba(var(--chip-primary-rgba),.2)}.highlight-section-header{margin-bottom:var(--space-lg);text-align:center}.highlight-section-title{font-size:clamp(1.3rem,2.5vw,1.8rem);font-weight:700;color:var(--ov-brand);margin-bottom:var(--space-xs);text-shadow:0 0 10px rgba(var(--chip-primary-rgba),.5);display:flex;align-items:center;justify-content:center;gap:var(--space-xs)}.highlight-section-subtitle{font-size:.95rem;color:var(--ov-text-muted);font-weight:400;line-height:1.5}.highlight-cards{margin-top:0}