/* header, footer and ad spaces for the Play page (the game keeps its own styles) */
.site-head{align-self:stretch;margin:-10px -10px 10px;position:sticky;top:0;z-index:50;background:#14132bea;backdrop-filter:blur(8px);border-bottom:1px solid #ffffff1a}
.site-head .wrap{width:min(1120px,100% - 32px);margin:0 auto;display:flex;align-items:center;gap:14px;min-height:54px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink);font-weight:800;font-size:1.1rem;white-space:nowrap}
.brand .logo{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,var(--a),var(--pw));display:grid;place-items:center;font-size:1.1rem;box-shadow:0 3px 0 #0005}
.nav{display:flex;gap:4px;margin-left:auto;flex-wrap:wrap}
.nav a{color:var(--mute);text-decoration:none;font-weight:700;padding:5px 10px;border-radius:10px}
.nav a:hover{color:var(--ink);background:#ffffff10}
.nav a[aria-current="page"]{color:#2b2200;background:var(--a)}
@media (max-width:640px){.site-head .wrap{gap:6px;padding:6px 0}.nav{margin-left:0;width:100%;justify-content:space-between}.nav a{padding:4px 7px;font-size:.9rem}}
h1.game-title{margin:0 0 4px;font-size:clamp(1.2rem,4vw,1.6rem)}
.site-foot{align-self:stretch;margin:40px -10px -10px;border-top:1px solid #ffffff1a;background:#14132b;color:var(--mute);font-size:.9rem}
.site-foot .wrap{width:min(1120px,100% - 32px);margin:0 auto;display:flex;flex-wrap:wrap;gap:10px 24px;align-items:center;justify-content:space-between;padding:20px 0}
.site-foot nav{display:flex;gap:16px;flex-wrap:wrap}.site-foot a{color:var(--mute)}.site-foot a:hover{color:var(--ink)}
.ad{display:block;width:100%;text-align:center;margin:16px auto}
.ad[hidden]{display:none!important}
.ad .ad-label{display:block;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:#b9b4e099;margin-bottom:4px}
#boardcol .ad{width:min(92vw,640px)}
.ad-side{width:300px;flex:none;margin:0}
@media (max-width:1219px){.ad-side{display:none!important}}
#gameover{width:min(92vw,640px);background:linear-gradient(180deg,#363273,#2b2859);border:2px solid var(--a);border-radius:16px;padding:14px 16px;text-align:center}
#gameover h2{margin:0 0 4px;font-size:1.5rem;color:var(--a)}
#gameover p{margin:0 0 10px;color:var(--mute)}
#gameover .ad{margin:12px auto 0}
.brand img.logo{background:none;display:block;border-radius:9px}

/* Games dropdown in the main menu */
.nav{align-items:center}
.nav-dd{position:relative}
.nav-dd>summary{list-style:none;cursor:pointer;color:var(--mute);font-weight:700;padding:6px 11px;border-radius:10px;user-select:none}
.nav-dd>summary::-webkit-details-marker{display:none}
.nav-dd>summary::after{content:" \25BE";font-size:.85em}
.nav-dd>summary:hover,.nav-dd[open]>summary{color:var(--ink);background:#ffffff10}
.nav-dd.cur>summary{color:#2b2200;background:var(--a)}
.nav-dd .nav-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:60;min-width:210px;display:flex;flex-direction:column;gap:2px;padding:6px;background:#2b2859;border:1px solid #ffffff22;border-radius:12px;box-shadow:0 12px 30px #0009}
.nav-dd .nav-menu a{display:block;white-space:nowrap;color:var(--ink)}
.nav-dd .nav-menu a[aria-current="page"]{color:#2b2200;background:var(--a)}
.nav-dd .nav-menu small{display:block;font-weight:500;font-size:.75rem;opacity:.75}
@media (max-width:640px){.nav-dd>summary{padding:5px 8px;font-size:.92rem}}

/* Book link in the header (opens Amazon in a new tab) */
.book-link{display:inline-flex;align-items:center;gap:5px;text-decoration:none;font-weight:800;font-size:.9rem;color:var(--ink);padding:5px 12px;border-radius:999px;border:2px solid var(--pw);background:#ff6fb51f;white-space:nowrap;transition:background .15s,transform .15s}
.book-link:hover,.book-link:focus-visible{background:var(--pw);color:#fff;transform:translateY(-1px)}
.book-link small{font-size:.8em;opacity:.85}
@media (max-width:640px){.book-link{font-size:.8rem;padding:4px 9px}}

/* Books We Liked dropdown (each link opens Amazon in a new tab) */
.book-dd>summary{color:var(--ink);font-size:.9rem;font-weight:800;padding:5px 12px;border:2px solid var(--pw);border-radius:999px;background:#ff6fb51f}
.book-dd>summary:hover,.book-dd[open]>summary{color:#fff;background:var(--pw)}
.nav-dd .nav-menu.r{left:auto;right:0;min-width:270px;max-width:min(340px,92vw)}
.book-dd .nav-menu a{white-space:normal;line-height:1.25;padding:7px 10px}
.book-dd .dd-note{margin:4px 10px 2px;font-size:.72rem;color:var(--mute)}
@media (max-width:640px){.book-dd>summary{font-size:.8rem;padding:4px 9px}.nav-dd .nav-menu.r{right:auto;left:0}}
.book-dd .nav-menu a{display:block;text-decoration:none;color:var(--ink);font-weight:700;border-radius:10px}
.book-dd .nav-menu a:hover,.book-dd .nav-menu a:focus-visible{background:#ffffff14;color:var(--ink)}
.book-dd .nav-menu small{display:block;font-weight:500;font-size:.75rem;color:var(--mute)}