/* Ontrick Bright Edition — clean responsive light interface. Loaded after prior theme layers. */
:root{color-scheme:light;--og-bg:#f5f7fc;--og-surface:#ffffff;--og-card:#ffffff;--og-edge:#e1e8f2;--og-text:#17243e;--og-subtle:#63738d;--og-mint:#285ee7;--og-purple:#5368cb}
html,body.og-site{background:#f5f7fc!important;color:#17243e!important}
body.og-site.bg-dark{background:#f5f7fc!important;color:#17243e!important}
body.og-site{font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;line-height:1.55}
.og-header{background:rgba(255,255,255,.97)!important;border-bottom:1px solid #e1e8f2!important;box-shadow:0 3px 18px rgba(32,62,119,.035)!important;backdrop-filter:saturate(125%) blur(12px)}
.og-header-row{min-height:78px}.og-brand-image{height:43px!important;max-width:181px!important;object-fit:contain}
.og-main-nav a,.og-account-links a{color:#334761!important;font-size:13px;font-weight:700}
.og-main-nav a:hover,.og-account-links a:hover{color:#245ee5!important}
.og-search{background:#f6f8fc!important;border:1px solid #dbe4f1!important;box-shadow:none!important;border-radius:11px!important}
.og-search-icon{color:#7b8ca4!important}.og-search input{color:#1b2b44!important;background:transparent!important}.og-search input::placeholder{color:#7c8aa0!important}
.og-search button,.og-account-links .og-account-primary{background:#275de5!important;color:#fff!important;border-radius:8px!important}
.og-search button:hover,.og-account-links .og-account-primary:hover{background:#1847c5!important}
.og-mobile-nav>summary{background:#fff!important;border-color:#d7e1ef!important}
.og-mobile-nav>summary span{background:#203351!important}
.og-mobile-nav nav{background:#fff!important;border:1px solid #dfe6f2!important;box-shadow:0 14px 30px rgba(30,50,90,.12)!important}
.og-mobile-nav nav a{color:#273b59!important}.og-mobile-nav nav a:hover{background:#eff4fe!important}
.og-categories{background:#fff!important;border-bottom:1px solid #e6ebf3!important}
.og-category-scroll{padding-block:10px!important;scrollbar-color:#c8d4e8 transparent}
.og-chip,.og-chip-all{background:#f4f7fc!important;border-color:#e1e7f0!important;color:#526581!important;font-size:12px!important;border-radius:999px!important;padding:8px 15px!important}
.og-chip:hover,.og-chip-all:hover{background:#ebf2ff!important;border-color:#8eadea!important;color:#2459d5!important}
.og-chip-all{background:#e9f0ff!important;color:#2257d6!important;border-color:#c9d8fc!important}
.og-home{padding-top:28px!important;padding-bottom:56px!important}
.og-hero{background:linear-gradient(120deg,#e9f0ff 0%,#f8fbff 58%,#e6f5ff 100%)!important;border:1px solid #d8e4f7!important;border-radius:19px!important;box-shadow:0 15px 38px rgba(60,91,155,.065)!important;min-height:355px!important;grid-template-columns:minmax(0,1.17fr) minmax(240px,.83fr)!important}
.og-hero::before,.og-hero-shape,.og-orbit-tag{display:none!important}
.og-hero-copy{padding:42px 36px!important;z-index:1}.og-eyebrow,.og-section-kicker{color:#2f61ce!important;letter-spacing:1.3px!important;font-size:11px!important;font-weight:800!important}
.og-hero h1{color:#172f56!important;font-size:clamp(34px,4vw,54px)!important;letter-spacing:-1.8px!important;line-height:1.12!important;margin:14px 0 15px!important;font-weight:800!important}
.og-hero h1 em{color:#215ee0!important}.og-hero-copy>p{color:#536780!important;font-size:15px!important;line-height:1.65!important;max-width:520px}
.og-hero-actions{margin-top:24px!important;gap:11px!important}.og-button{border-radius:9px!important;font-size:13px!important;transform:none!important;min-height:43px!important;padding:11px 18px!important}
.og-button-primary{background:#275de5!important;color:white!important;box-shadow:0 5px 14px rgba(33,90,218,.16)!important}
.og-button-primary:hover{background:#164ac7!important;color:#fff!important;box-shadow:0 7px 18px rgba(33,90,218,.23)!important}
.og-button-secondary{background:#fff!important;border:1px solid #ccd9ee!important;color:#23466c!important}
.og-button-secondary:hover{background:#f3f7ff!important;border-color:#aac2ef!important}
.og-hero-stats{color:#61728c!important;gap:9px!important;margin-top:27px!important}.og-hero-stats strong{color:#193966!important;font-size:20px!important}.og-hero-divider{border-color:#bdcce3!important}
.og-hero-visual{background:transparent!important;min-height:286px!important;padding:25px 30px!important;display:flex!important;justify-content:center;align-items:center}
.og-feature-card{width:100%!important;max-width:380px!important;height:254px!important;background:#e3edff!important;border:5px solid #fff!important;border-radius:14px!important;box-shadow:0 12px 33px rgba(37,85,143,.17)!important;transform:none!important}
.og-feature-card:hover{transform:translateY(-2px)!important;box-shadow:0 15px 36px rgba(37,85,143,.2)!important;border-color:#fff!important}
.og-feature-art{position:relative;background:linear-gradient(130deg,#dbeaff,#bfe9e9)!important;overflow:hidden}
.og-feature-art img{position:relative;z-index:2;width:100%;height:100%;object-fit:cover}
.og-feature-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:35px;text-align:center;font-size:21px;line-height:1.3;font-weight:800;color:#365f91;z-index:1}
.og-feature-overlay{z-index:3;position:absolute;bottom:0;left:0;right:0;color:#fff!important;padding:50px 16px 15px!important;background:linear-gradient(to top,rgba(15,35,69,.94),rgba(15,35,69,0))!important}
.og-feature-overlay strong{color:#fff!important;font-size:19px!important}.og-feature-label{background:#ffffffee!important;color:#2356ba!important;border:0!important;border-radius:5px!important}
.og-feature-play{color:#fff!important}
.og-catalog-section,.og-genres-section{margin-top:38px!important}.og-section-top{margin-bottom:17px!important}
.og-section-top h2{color:#192d4a!important;font-size:clamp(23px,2.2vw,29px)!important;line-height:1.25!important;letter-spacing:-.65px!important;font-weight:800!important}
.og-section-top p{color:#6c7d92!important;font-size:13px!important}.og-section-link{color:#255ddd!important;font-weight:750!important}.og-section-link:hover{color:#103fae!important}
.og-game-grid{gap:16px!important;grid-template-columns:repeat(auto-fill,minmax(178px,1fr))!important}
.og-game-card{background:#fff!important;border:1px solid #e0e7f1!important;border-radius:13px!important;box-shadow:0 3px 13px rgba(37,65,118,.045)!important;color:#17243e!important;overflow:hidden!important;transform:none!important}
.og-game-card:hover{border-color:#b0c6ee!important;box-shadow:0 10px 23px rgba(37,65,118,.12)!important;background:#fff!important;transform:translateY(-2px)!important}
.og-card-art{background:linear-gradient(125deg,#dbeaff,#e3ecff 55%,#ddf5ec)!important;aspect-ratio:4/3!important;position:relative}
.og-game-card:nth-child(4n+2) .og-card-art{background:linear-gradient(125deg,#f4e7ff,#e9e9ff)!important}
.og-game-card:nth-child(4n+3) .og-card-art{background:linear-gradient(125deg,#ffe9df,#fff0da)!important}
.og-game-card:nth-child(4n+4) .og-card-art{background:linear-gradient(125deg,#d9f4e8,#e4f5ff)!important}
.og-cover-label{background:transparent!important;color:#4c6491!important;font-size:15px!important;font-weight:800!important;line-height:1.35!important;letter-spacing:-.2px;text-align:center;padding:22px!important}
.og-game-card:nth-child(4n+2) .og-cover-label{color:#715ca1!important}.og-game-card:nth-child(4n+3) .og-cover-label{color:#976143!important}.og-game-card:nth-child(4n+4) .og-cover-label{color:#367a73!important}
.og-card-art img{position:absolute;z-index:1;width:100%;height:100%;object-fit:cover}
.og-card-play{background:#265fe4!important;color:white!important;border-radius:10px!important;z-index:2!important;box-shadow:0 3px 10px rgba(10,46,132,.16)!important}
.og-card-copy{background:white!important;padding:12px 13px 14px!important;min-height:74px!important}
.og-card-title{color:#21324c!important;font-size:13px!important;line-height:1.38!important;font-weight:800!important}
.og-card-meta{color:#7b899c!important;font-size:11px!important}.og-card-meta span{color:#2d67dd!important}
.og-genres-grid{gap:12px!important}.og-genre-card{min-height:68px!important;gap:13px!important;background:#fff!important;border:1px solid #e0e7f1!important;border-radius:11px!important;padding:15px 17px!important;color:#283c58!important;transform:none!important;box-shadow:0 2px 8px rgba(30,60,110,.03)!important}
.og-genre-card:hover{background:#f4f8ff!important;border-color:#b4caef!important;box-shadow:0 6px 16px rgba(40,80,140,.08)!important}
.og-genre-card strong{font-size:13px!important;color:#273c5a!important}.og-genre-arrow{color:#2e64dc!important;font-weight:900!important}
.og-discovery-note{margin-top:40px!important;padding:24px 28px!important;background:#ecf3ff!important;border:1px solid #d6e3f8!important;border-radius:13px!important}
.og-discovery-note h2{color:#1c3153!important;font-size:23px!important}.og-discovery-note p{color:#586f90!important;font-size:13px!important}
.og-ad-area{background:#fff!important;border:1px dashed #ced8e9!important;border-radius:12px!important;color:#61738c!important}
.og-ad-label{color:#8694a9!important}
.og-footer{margin-top:40px!important;background:#fff!important;border-top:1px solid #dce5f2!important}
.og-footer-col h2{color:#1c2d48!important}.og-footer-col a{color:#5b708d!important}.og-footer-col a:hover{color:#275de5!important}
.og-footer-about p,.og-footer-col p{color:#728299!important}.og-footer-bottom{border-color:#e4eaf2!important;color:#71819a!important}.og-footer-bottom a{color:#3261ae!important}
.og-listing-heading{background:linear-gradient(110deg,#e9f0ff,#f7faff)!important;border-color:#dce6f5!important;border-radius:13px!important}
.og-listing-heading h1{color:#1b3154!important}.og-listing-heading p{color:#5c728d!important}
.og-breadcrumbs,.og-breadcrumbs a{color:#5b7193!important}.og-result-count{background:#dfeaff!important;color:#265cce!important}
.og-pagination span{color:#657995!important}.og-pagination a{background:#fff!important;border:1px solid #d5e1f3!important;color:#255bd3!important}.og-pagination a:hover{background:#eef4ff!important}
.og-empty{color:#5b718e!important;border-color:#ccd8e8!important;background:#fff!important}
.og-game-page .og-game-intro h1{color:#192f50!important}.og-game-page .og-game-intro p{color:#5d748c!important}
.og-game-page .gameplay-footer,.og-game-page .screen .description{background:#fff!important;border:1px solid #dce5f1!important;color:#243753!important}
.og-game-page .gameplay-footer h2,.og-game-page .description h2,.og-game-page .screen section h2{color:#1e3455!important}
.og-game-page .screen section,.og-game-page .screen .description p,.og-game-page .screen .comments p{color:#536982!important}
.og-game-page .gameplay{background:#15233c!important;border:1px solid #ccd8e9!important;border-radius:12px!important;box-shadow:0 8px 25px rgba(31,64,114,.08)!important}
.og-information-page{background:#fff!important;border-color:#dbe4f1!important;box-shadow:0 4px 15px rgba(40,70,130,.035)!important}
.og-information-page h1,.og-information-page .page-desc h2,.og-information-page .page-desc h3{color:#1a3152!important}
.og-information-page .page-desc,.og-information-page .page-desc p,.og-information-page .page-desc li{color:#526881!important}.og-information-page .page-desc a{color:#235bd5!important}
.og-error-page h1{color:#213653!important}.og-error-page p{color:#63758e!important}.og-error-page a{color:#205bd5!important}
.og-auth-page .login-form{background:#fff!important;border-color:#dae4f3!important;box-shadow:0 14px 35px rgba(35,62,113,.08)!important}.og-auth-page .login-form h1{color:#1b2e4b!important}.og-auth-page .login-form label{color:#455b79!important}
.og-auth-page .login-form input:not([type=file]){background:#f6f9ff!important;border-color:#ccd9eb!important;color:#1b3050!important}.og-auth-page .login-form input::placeholder{color:#8092aa!important}.og-auth-page .login-form button[type=submit]{background:#275de5!important;color:white!important}.og-auth-page .login-form a{color:#275de5!important}
.og-site .body .grid>.box{background:#fff!important}.og-site .body .input-group label{color:#425976!important}.og-site .body input,.og-site .body textarea{color:#243651!important}
@media(max-width:1050px){.og-hero{grid-template-columns:minmax(0,1fr) minmax(230px,.8fr)!important}.og-hero-copy{padding:31px 26px!important}.og-hero-visual{padding:18px!important}.og-main-nav,.og-account-links{display:none!important}}
@media(max-width:750px){.og-shell{width:min(100% - 28px,1330px)!important}.og-home{padding-top:17px!important}.og-hero{grid-template-columns:1fr!important;min-height:0!important}.og-hero-copy{padding:28px 23px 18px!important}.og-hero h1{font-size:clamp(32px,7vw,41px)!important}.og-hero-copy>p{font-size:14px!important}.og-hero-visual{min-height:0!important;padding:10px 20px 21px!important}.og-feature-card{height:220px!important;max-width:none!important}.og-game-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:11px!important}.og-genres-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.og-discovery-note{padding:21px!important}}
@media(max-width:500px){.og-header-row{height:65px!important;min-height:65px!important}.og-brand-image{height:35px!important;max-width:137px!important}.og-search{min-width:0!important}.og-hero-copy{padding:25px 20px 17px!important}.og-hero h1{font-size:32px!important}.og-hero-stats{margin-top:19px!important}.og-game-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.og-card-copy{padding:11px 11px 13px!important}.og-card-title{font-size:12px!important}.og-genres-grid{gap:9px!important}.og-genre-card{padding:12px!important;min-height:61px!important}}
@media(prefers-reduced-motion:reduce){.og-game-card,.og-feature-card{transform:none!important}}
