/* Shared WYDNS shell. Board layout and tutorial content remain independent. */
:root{--ivory:#FAF9F5;--white:#FFFFFF;--slate:#141413;--clay:#D97757;--olive:#788C5D;--oat:#E3DACC;--gray-150:#F0EEE6;--gray-300:#D1CFC5;--gray-500:#87867F;--gray-700:#3D3D3A;--paper:var(--ivory);--ink:var(--slate);--muted:var(--gray-700);--accent:var(--clay);--line:var(--gray-300);--panel:var(--white);--serif:ui-serif,Georgia,"Times New Roman",serif;--sans:system-ui,-apple-system,"Segoe UI",sans-serif;--mono:ui-monospace,Menlo,monospace}
body{background:var(--ivory);color:var(--slate);font-family:var(--sans)}
.wy-header{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1120px;width:calc(100% - 64px);margin:0 auto;padding:28px 0;border-bottom:1px solid var(--gray-300);font:14px/1.5 var(--sans);color:var(--slate)}
.wy-header .wy-brand{font:700 23px var(--serif);letter-spacing:.07em;text-decoration:none;color:var(--slate)}
.wy-header nav{display:flex;flex-wrap:wrap;align-items:center;gap:20px;padding:0;font:14px/1.5 var(--sans)}
.wy-header a{color:inherit;text-decoration:none}.wy-header a:hover{color:var(--clay)}
.wy-language{display:flex;align-items:center;gap:8px;font-size:12px}.wy-language select{max-width:190px;min-height:36px;border:1px solid var(--gray-300);border-radius:6px;background:var(--ivory);color:var(--slate);font:13px var(--sans);padding:6px}
.wy-header a:focus-visible,.wy-header select:focus-visible{outline:3px solid var(--clay);outline-offset:4px}
.wy-notice{max-width:1056px;margin:24px auto 0;padding:14px 20px;border-left:3px solid var(--clay);background:var(--gray-150);font:14px/1.6 var(--sans);color:var(--gray-700)}
h1,h2,h3{font-family:var(--serif);font-weight:500}.eyebrow{font-family:var(--mono)}
.feature,.game-card{background:var(--white);border:1px solid var(--gray-300);border-radius:12px;overflow:hidden}.tile-art{background:var(--oat)}
@media(max-width:700px){.wy-header{width:calc(100% - 40px);padding:22px 0;align-items:flex-start;flex-direction:column;gap:16px}.wy-header nav{gap:14px;max-width:100%}.wy-language{flex-wrap:wrap}.wy-language select{max-width:170px}.wy-notice{margin:20px 20px 0}.deck{position:static;margin-top:24px}.section-heading{flex-wrap:wrap;gap:12px}.game-meta{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Reset tutorial's broad header styling inside the shared shell. */
.wy-header{background:transparent;border-radius:0;overflow:visible;grid-template-columns:none;color:var(--slate)}
.wy-header nav{margin:0;border:0}.wy-header .wy-language{color:var(--slate)}

.deck{position:static;max-width:620px;margin-top:24px;line-height:1.7}.intro h1{max-width:900px}