/* Six Practice game routes only. Runtime styles live with their individual game. */
body.lib-play { --play-line:var(--lv-line,#d5c6b3); --play-ink:var(--lv-ink,#30291f); --play-soft:var(--lv-ink-soft,#665a4b); --play-paper:var(--lv-bg,#fbf5e9); --play-accent:var(--lv-accent-text,#913a2d); background:var(--play-paper); color:var(--play-ink); }
body.lib-play main#wp--skip-link--target { margin:0 auto!important; padding:0 24px!important; max-width:1120px!important; }
body.lib-play main > .wp-block-group { margin:0!important; padding:0!important; max-width:none!important; }
body.lib-play .entry-content { margin:0!important; padding:0!important; max-width:none!important; }
body.lib-play .entry-content > * { max-width:none; margin-inline:0!important; }
body.lib-play :is(.lvskin-fontctl,.lv-fab--reader,.lvskin-toc,.lvskin-continue,.lci-lang-banner) { display:none!important; }
body.lib-play .entry-content > p:empty { display:none; }
body.lib-play .play-crumb { margin:0!important; padding:26px 0 15px; max-width:none!important; font:500 .79rem/1.7 var(--lv-font-ui,system-ui,sans-serif); }
body.lib-play .play-crumb ol { display:flex; flex-wrap:wrap; gap:.3rem .6rem; list-style:none; padding:0; margin:0; }
body.lib-play .play-crumb li+li::before { content:'/'; color:var(--play-soft); margin-right:.6rem; }
body.lib-play .play-crumb a { color:var(--play-soft); }
body.lib-play .play-hub { padding-bottom:24px; }
body.lib-play .play-intro { padding:32px 0 40px; max-width:780px; }
body.lib-play .play-eyebrow { font:600 .76rem/1.6 var(--lv-font-ui,system-ui,sans-serif); color:var(--play-accent); letter-spacing:.04em; margin:0 0 18px; }
body.lib-play .play-intro h1 { font:600 clamp(2rem,4.4vw,3.7rem)/1.35 var(--lv-font-hi,'Noto Serif Devanagari',serif); margin:0; letter-spacing:-.035em; color:var(--play-ink); }
body.lib-play .play-english { font:italic 1.2rem/1.6 'Noto Serif',Georgia,serif; color:var(--play-accent); margin:7px 0 20px; }
body.lib-play .play-lede { font-size:1.1rem; line-height:1.95; max-width:65ch; margin:0 0 18px; }
body.lib-play .play-language { font:400 .8rem/1.75 var(--lv-font-ui,system-ui,sans-serif); color:var(--play-soft); margin:0; }
body.lib-play .play-language span { display:block; }
body.lib-play .play-grid { display:grid; grid-template-columns:1fr 1fr; gap:0 40px; border-bottom:1px solid var(--play-line); }
body.lib-play a.play-card { display:flex; flex-direction:column; min-width:0; padding:27px 0 26px; border-top:1px solid var(--play-line); color:var(--play-ink); text-decoration:none!important; background:transparent; box-shadow:none; transition:color .18s; }
body.lib-play .play-card:first-child { grid-column:1/-1; display:grid; grid-template-columns:1fr 1fr; column-gap:40px; }
body.lib-play .play-card:first-child .play-card-top,body.lib-play .play-card:first-child .play-card-bottom { grid-column:1/-1; }
body.lib-play .play-card:first-child h2 { grid-column:1; }
body.lib-play .play-card:first-child .play-card-en { grid-column:1; }
body.lib-play .play-card:first-child p { grid-column:2; grid-row:2/4; margin:0; align-self:center; }
body.lib-play .play-card-top,body.lib-play .play-card-bottom { display:flex; justify-content:space-between; align-items:center; gap:12px; font:500 .77rem/1.6 var(--lv-font-ui,system-ui,sans-serif); color:var(--play-soft); }
body.lib-play .play-card-top { margin-bottom:16px; }
body.lib-play .play-card-top > span:last-child { font:italic 1.25rem/1 Georgia,serif; color:var(--play-accent); }
body.lib-play .play-card h2 { font-size:clamp(1.3rem,2.5vw,1.8rem); line-height:1.55; margin:0 0 4px; color:var(--play-ink); }
body.lib-play .play-card-en { font:italic .96rem/1.5 Georgia,serif; color:var(--play-soft); }
body.lib-play .play-card p { font-size:1rem; line-height:1.9; margin:16px 0 24px; }
body.lib-play .play-card-bottom { margin-top:auto; padding-top:14px; }
body.lib-play .play-card-bottom strong { color:var(--play-accent); font-size:.9rem; }
body.lib-play a.play-card:hover h2,body.lib-play a.play-card:focus-visible h2 { color:var(--play-accent); text-decoration:underline; text-underline-offset:7px; text-decoration-thickness:1px; }
body.lib-play a.play-card:focus-visible { outline:3px solid var(--play-accent); outline-offset:7px; }
body.lib-play .play-return { display:grid; grid-template-columns:1fr auto; gap:30px; padding:46px 0 25px; }
body.lib-play .play-return h2 { font-size:1.4rem; line-height:1.7; margin:0 0 10px; }
body.lib-play .play-return p { max-width:54ch; margin:0 0 10px; }
body.lib-play .play-return > div:last-child { display:flex; flex-direction:column; justify-content:center; align-items:start; gap:14px; font-size:.9rem; }
body.lib-play .play-game { margin:12px 0 0!important; }
body.lib-play .play-game-return { display:flex; justify-content:space-between; flex-wrap:wrap; gap:18px; margin:30px 0 35px!important; padding-top:20px; border-top:1px solid var(--play-line); font-size:.87rem; }
body.lib-play .play-loading { min-height:380px; padding:80px 16px; text-align:center; }
body.lib-play .lv-sitefoot { padding-top:22px!important; }
@media(max-width:680px) {
 body.lib-play main#wp--skip-link--target { padding-inline:20px!important; }
 body.lib-play .play-crumb { font-size:.73rem; padding-top:18px; }
 body.lib-play .play-intro { padding:22px 0 26px; }
 body.lib-play .play-intro h1 { font-size:clamp(1.9rem,8vw,2.5rem); }
 body.lib-play .play-english { font-size:1rem; margin-bottom:15px; }
 body.lib-play .play-lede { font-size:1rem; line-height:1.9; }
 body.lib-play .play-grid { display:block; }
 body.lib-play .play-card:first-child { display:flex; }
 body.lib-play .play-card:first-child p { margin:16px 0 24px; }
 body.lib-play .play-card { padding-block:24px; }
 body.lib-play .play-return { grid-template-columns:1fr; gap:16px; padding-top:30px; }
}
@media(prefers-reduced-motion:reduce) { body.lib-play .play-card { transition:none; } }
/* Keep secondary drawer text legible in the game's inherited dark theme. */
html[data-theme="dark"] body.lib-play .lulla-mobile-drawer__searchrow { color:var(--play-ink)!important; background:var(--lv-bg-card,#29231c)!important; border-color:var(--play-line)!important; }
html[data-theme="dark"] body.lib-play .lulla-mobile-drawer__brand span,
html[data-theme="dark"] body.lib-play .lulla-mobile-drawer__footer { color:var(--play-soft)!important; }
@media(max-width:360px) {
 body.lib-play .lib-site-header .wp-block-site-title a { font-size:16px!important; gap:6px!important; }
 body.lib-play .lib-site-header .wp-block-site-title a::before { width:22px!important; height:22px!important; flex-basis:22px!important; }
 body.lib-play .lib-site-header .wp-block-group.alignwide { gap:8px!important; }
}
html[data-theme="dark"] body.lib-play .lulla-mobile-drawer__close { color:var(--play-ink)!important; }
/* Dynamic questions must not inherit the editorial scroll-reveal animation. */
body.lib-play :is(.play-hub,.play-game) :is(h1,h2,h3) { opacity:1!important; visibility:visible!important; transform:none!important; translate:none!important; animation:none!important; transition:none!important; }
body.lib-play .play-game .pg-focus { scroll-margin-top:100px; }

/* Readable, reachable return links below the game content. */
body.lib-play :is(.play-return,.play-game-return) a { color:var(--play-accent)!important; display:inline-flex; align-items:center; min-height:44px; text-underline-offset:4px; }
