.oddsprig-nav-header { background:#152227; color:#edf2e9; border-bottom:1px solid #34494a; }
.oddsprig-nav-header *, .oddsprig-subnav * { box-sizing:border-box; }
.oddsprig-nav-wrap { width:calc(100% - 40px); max-width:1240px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px 28px; padding:20px 0 12px; }
.oddsprig-brand { display:inline-flex; align-items:center; gap:10px; color:#edf2e9; font:600 1.8rem/1 Georgia,serif; text-decoration:none; }
.oddsprig-brand img { display:block; width:36px; height:36px; }
.oddsprig-main-nav { display:flex; flex-wrap:wrap; gap:4px 22px; }
.oddsprig-main-nav a { color:#b3c4b8; font:600 14px/1.5 system-ui,sans-serif; display:inline-flex; align-items:center; min-height:44px; text-decoration:none; border-bottom:2px solid transparent; }
.oddsprig-main-nav a:hover, .oddsprig-main-nav a[aria-current="page"] { color:#c8e6a0; border-bottom-color:#c8e6a0; }
.oddsprig-nav-header a:focus-visible, .oddsprig-subnav a:focus-visible { outline:3px solid #e5ce8e; outline-offset:3px; }
.oddsprig-subnav { width:calc(100% - 40px); max-width:1240px; margin:0 auto; display:flex; flex-wrap:wrap; gap:6px; padding:14px 0; border-bottom:1px solid #34494a; }
.oddsprig-subnav a { display:inline-flex; align-items:center; min-height:42px; padding:8px 14px; border-radius:5px; color:#b3c4b8; background:#1c2d31; border:1px solid #34494a; text-decoration:none; font:600 13px/1.5 system-ui,sans-serif; }
.oddsprig-subnav a:hover { color:#edf2e9; border-color:#c8e6a0; }
.oddsprig-subnav a[aria-current="page"] { color:#152227; background:#c8e6a0; border-color:#c8e6a0; }
.page-intro { padding-top:44px; }
.page-intro h1 { font-size:clamp(2.4rem,6vw,4.5rem); }
.page-intro p { max-width:65ch; margin-top:18px; color:#b3c4b8; }
.directory-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr)); gap:22px; }
.directory-card { min-width:0; padding:28px; display:flex; flex-direction:column; align-items:flex-start; gap:20px; color:#edf2e9; background:#1c2d31; border:1px solid #34494a; border-radius:8px; text-decoration:none; }
.directory-card:hover { border-color:#c8e6a0; }
.directory-card h2, .directory-card h3 { color:#c8e6a0; font-size:clamp(1.6rem,4vw,2.3rem); }
.directory-card p { color:#b3c4b8; }
.directory-action { margin-top:auto; color:#e5ce8e; text-decoration:underline; text-underline-offset:4px; }
.game-cover { display:block; margin-bottom:28px; }
.game-cover img { width:100%; max-height:480px; object-fit:cover; border-radius:8px; }
.eye-site-footer { margin:36px auto; padding:16px 20px; max-width:1240px; color:#b3c4b8; font:14px/1.5 system-ui,sans-serif; }
@media screen and (max-width:650px) { .oddsprig-main-nav { width:100%; justify-content:space-between; gap:4px 12px; } .oddsprig-main-nav a { font-size:13px; } .oddsprig-subnav a { padding:8px 10px; } .directory-card { padding:22px; } }
@media print { .oddsprig-nav-header,.oddsprig-subnav { display:none !important; } }