/* AI999 V22 Interior Theme Preview. CSS-only. Avoid touching live data colours or generated results. */
:root {
 --ai999-v22-navy:#091d2d;
 --ai999-v22-navy2:#132d42;
 --ai999-v22-navy3:#1a384d;
 --ai999-v22-gold:#d5a95c;
 --ai999-v22-border:#456176;
 --ai999-v22-text:#eff5f8;
 --ai999-v22-paper:#f7f7f4;
}
html {background:var(--ai999-v22-navy)!important}
body.ai999-v22-themed{
 background:linear-gradient(180deg,#071725 0,#102b3c 54%,#0c1e2e 100%)!important;
 background-attachment:fixed!important;
 color:var(--ai999-v22-text);
}
body.ai999-v22-themed main.page-shell,
body.ai999-v22-themed main.race-data-shell,
body.ai999-v22-themed main.hit-shell{
 border:1px solid var(--ai999-v22-border)!important;
 border-radius:16px!important;
 background:linear-gradient(160deg,#142e41,#0d2537)!important;
 box-shadow:0 18px 40px rgba(0,0,0,.16)!important;
 padding:clamp(12px,1.5vw,22px)!important;
 margin-top:16px!important;
 margin-bottom:24px!important;
}
body.ai999-v22-themed main.page-shell>h1,
body.ai999-v22-themed main.page-shell>h2,
body.ai999-v22-themed main.race-data-shell>h1,
body.ai999-v22-themed main.hit-shell>h1 {
 color:#f7e1b9!important;
 border-bottom:1px solid #a68145!important;
 padding-bottom:12px!important;
 letter-spacing:-.035em!important;
}
body.ai999-v22-themed .page-head,
body.ai999-v22-themed .race-head,
body.ai999-v22-themed .hit-hero,
body.ai999-v22-themed .hod-hero,
body.ai999-v22-themed .mega-hero {
 background:linear-gradient(120deg,#112a40,#20435b)!important;
 border:1px solid #be964e!important;
 border-radius:12px!important;
 box-shadow:none!important;
 color:#f4f5ef!important;
}
body.ai999-v22-themed .page-head h1,
body.ai999-v22-themed .page-head h2,
body.ai999-v22-themed .race-head h1,
body.ai999-v22-themed .hit-hero h1,
body.ai999-v22-themed .hod-hero h1{
 color:#ffe4ae!important;
 text-shadow:none!important;
}
body.ai999-v22-themed .af-panel,
body.ai999-v22-themed .ai999-mega-search .panel,
body.ai999-v22-themed .ai999-mega-search .panel {
 border:1px solid #6d7e8c!important;
 border-radius:12px!important;
 box-shadow:0 4px 15px rgba(0,0,0,.13)!important;
 overflow:visible;
}
body.ai999-v22-themed .af-panel>h2,
body.ai999-v22-themed .hod-card-head,
body.ai999-v22-themed .hit-section-title,
body.ai999-v22-themed .ai999-mega-search .panel>h2 {
 background:linear-gradient(100deg,#102d45,#214861)!important;
 color:#f4ddb0!important;
 border-bottom:2px solid #c69d52!important;
 border-radius:7px 7px 0 0!important;
}
body.ai999-v22-themed button,
body.ai999-v22-themed .af-btn,
body.ai999-v22-themed .race-btn,
body.ai999-v22-themed .race-tab,
body.ai999-v22-themed .meet-filter,
body.ai999-v22-themed .hit-tab,
body.ai999-v22-themed .hod-view-tab {
 border-radius:8px!important;
 transition:box-shadow .12s ease,filter .12s ease!important;
}
body.ai999-v22-themed button:focus-visible,
body.ai999-v22-themed a:focus-visible,
body.ai999-v22-themed select:focus-visible,
body.ai999-v22-themed input:focus-visible {
 outline:2px solid #e5b968!important;outline-offset:2px!important;
}
body.ai999-v22-themed input:not([type=checkbox]):not([type=radio]),
body.ai999-v22-themed select,
body.ai999-v22-themed textarea {
 border-radius:8px!important;
 border:1px solid #8199aa!important;
}
body.ai999-v22-themed .back-home,
body.ai999-v22-themed .head-chip {
 border-radius:20px!important;
 border:1px solid #c6a060!important;
}
body.ai999-v22-themed .high999-business-footer{
 border-top:1px solid #b2915b!important;
 background:#071b2c!important;
}
@media(max-width:750px){
 body.ai999-v22-themed main.page-shell,
 body.ai999-v22-themed main.race-data-shell,
 body.ai999-v22-themed main.hit-shell {margin:8px 5px!important;padding:10px!important;border-radius:10px!important}
}


/* V22.1 accessibility contrast repair: foreground text for white/light
   content surfaces. Preserve Korean race-number colors and specialized badges.
   This CSS ONLY; no HTML, JS, data, access policy, or race result changes. */
body.ai999-v22-themed .af-panel,
body.ai999-v22-themed .af-race-list,
body.ai999-v22-themed .af-week-head,
body.ai999-v22-themed .v3-info-grid,
body.ai999-v22-themed .v3-info-grid>div,
body.ai999-v22-themed .access-overlay,
body.ai999-v22-themed .lock-box,
body.ai999-v22-themed .ai999-mega-search .panel,
body.ai999-v22-themed .ai999-mega-search .panel {
 color:#172f45!important;
}
body.ai999-v22-themed .af-panel p,
body.ai999-v22-themed .af-panel .v3-info-grid,
body.ai999-v22-themed .af-panel .v3-info-grid>div,
body.ai999-v22-themed .af-panel .af-week-head,
body.ai999-v22-themed .af-panel .af-race-list,
body.ai999-v22-themed .af-panel .access-overlay,
body.ai999-v22-themed .af-panel .lock-box,
body.ai999-v22-themed .af-race-list button,
body.ai999-v22-themed .af-race-list a,
body.ai999-v22-themed .af-weekly-panel .af-week-head,
body.ai999-v22-themed .ai999-mega-search .panel p {
 color:#172f45!important;
}
body.ai999-v22-themed .af-panel .access-overlay *,
body.ai999-v22-themed .af-panel .lock-box * {
 color:#243c50!important;
}
/* Use the original dark-navy/gold panel title colors; never whiten white cards. */
body.ai999-v22-themed .af-panel>h2,
body.ai999-v22-themed .af-panel>h3,
body.ai999-v22-themed .hod-card-head,
body.ai999-v22-themed .ai999-mega-search .panel>h2,
body.ai999-v22-themed .hit-section-title{
 color:#ffe1ac!important;
}
/* Original .mb and odds rules are untouched. */