/* Yenra Games — noad. Colors and components follow the renovated resource guides. */
body.yenra-games { margin:0; background:#fff; color:#203443; font:16px/1.75 Tahoma,Verdana,sans-serif; }
.yenra-games * { box-sizing:border-box; }
.yenra-games .game-shell { width:min(1080px,calc(100% - 64px)); margin-inline:auto; }
.yenra-games a { color:#005b78; text-underline-offset:.18em; }
.yenra-games :focus-visible { outline:3px solid #007d89; outline-offset:4px; }
.yenra-games .game-skip { position:absolute; top:-100px; left:16px; background:#fff; padding:12px; z-index:10; }
.yenra-games .game-skip:focus { top:10px; }
.yenra-games .game-header { padding:28px 0 26px; }
.yenra-games .game-header nav { display:flex; flex-wrap:wrap; gap:12px; font-size:14px; }
.yenra-games h1 { color:#12324b; font-size:clamp(26px,3vw,34px); line-height:1.25; margin:24px 0 14px; }
.yenra-games h2 { color:#12324b; line-height:1.3; }
.yenra-games .game-header>p { max-width:70ch; margin:0; }
.yenra-games .game-feature { display:grid; grid-template-columns:1fr 1fr; border:1px solid #cbdde3; border-radius:12px; overflow:hidden; background:#f5fafb; }
.yenra-games .game-feature figure { display:flex; flex-direction:column; margin:0; border:0; background:#edf7f7; }
.yenra-games .game-feature img { display:block; width:100%; height:100%; min-height:240px; object-fit:cover; }
.yenra-games .game-feature figcaption { padding:10px 16px; background:#102e50; color:#fff; font-style:normal; font-size:12px; }
.yenra-games .game-feature-copy { padding:30px; align-self:center; }
.yenra-games .game-feature h2 { margin:0 0 16px; font-size:25px; }
.yenra-games .game-eyebrow { color:#006b77; font-size:12px; font-weight:bold; text-transform:uppercase; letter-spacing:1px; margin:0 0 12px; }
.yenra-games .game-meta { color:#4d6470; font-size:14px; }
.yenra-games a.game-button { display:inline-block; background:#006b77; color:#fff; text-decoration:none; border-radius:6px; padding:11px 20px; font-weight:bold; min-height:46px; }
.yenra-games a.game-button:hover { background:#005661; }
.yenra-games .game-support { display:grid; grid-template-columns:1fr 1fr; gap:30px; margin-top:30px; }
.yenra-games .game-support h2 { font-size:20px; margin:0 0 12px; }
.yenra-games .game-support p { margin:0; }
.yenra-games .game-note { padding:18px 22px; border-left:4px solid #006b77; background:#edf7f7; margin:24px 0; }
.yenra-games .game-details { margin-top:24px; border-block:1px solid #cbdde3; padding:16px 0; }
.yenra-games .game-details summary { cursor:pointer; color:#12324b; font-weight:bold; }
.yenra-games .game-details p { max-width:72ch; }
.yenra-games .game-footer { border-top:1px solid #cbdde3; margin-top:40px; padding:22px 0 30px; color:#4d6470; font-size:13px; }
.yenra-games .game-footer p { margin:0 0 8px; }
.yenra-games .game-footer nav { display:flex; gap:18px; flex-wrap:wrap; }
.yenra-games .game-storage { font-size:13px; color:#4d6470; }
@media(max-width:640px) { .yenra-games .game-shell { width:calc(100% - 36px); } .yenra-games .game-header { padding-top:20px; } .yenra-games .game-feature,.yenra-games .game-support { grid-template-columns:1fr; } .yenra-games .game-feature-copy { padding:22px; } .yenra-games .game-feature img { min-height:0; height:auto; aspect-ratio:16/9; } }