/* Felt and cream, generous targets, no time pressure or ornamental motion. */
.os-shell{--os-paper:#fff5dc;--os-gold:#ffd878;--os-ink:#173f34;max-width:560px;margin:auto;padding:22px 24px 38px;color:var(--os-paper);text-align:center;min-height:80vh}.os-header{display:flex;justify-content:space-between;gap:20px;margin-bottom:24px}.os-header a{color:var(--os-paper);text-underline-offset:4px}.os-shell h1{font:700 clamp(2rem,7vw,3rem) Georgia,serif;margin:0 0 12px}.os-shell h2{font-size:1.25rem;line-height:1.4;margin:18px 0;scroll-margin-top:16px}.os-shell p{line-height:1.5}.os-lede{margin-bottom:24px}.os-hud{display:flex;justify-content:space-between;border-block:1px solid #ffffff30;padding:12px 0}.os-grid{display:grid;grid-template-columns:repeat(var(--os-columns),1fr);gap:10px;max-width:376px;margin:20px auto}.os-shell button{font:inherit;cursor:pointer;touch-action:manipulation}.os-shell button:not(.os-cell){display:block;background:var(--os-gold);color:var(--os-ink);border:2px solid transparent;border-radius:12px;padding:14px 24px;margin:16px auto;min-height:48px;font-weight:700;max-width:100%}.os-shell button:focus-visible,.os-shell a:focus-visible{outline:3px solid white;outline-offset:4px}.os-cell{aspect-ratio:1;min-width:0;min-height:52px;border:3px solid #cfcab9;border-radius:12px;background:#f5eddc;color:var(--os-ink);padding:9px;position:relative;box-shadow:0 4px 0 #09291e66}.os-cell svg{display:block;width:100%;height:100%}.os-cell:disabled{opacity:1;cursor:default}.os-cell.answer{background:var(--os-gold);border-color:var(--os-gold)}.os-cell.chosen{border-color:#fff;outline:2px solid #173f34;outline-offset:-5px}.os-cell span{position:absolute;bottom:1px;left:0;width:100%;font-size:.6rem;line-height:1.2;font-weight:700;background:inherit;border-radius:4px}.os-hint{font-size:.88rem;max-width:380px;margin:14px auto;min-height:3em}.os-message,.os-rounds{font-size:.85rem}.os-notice{background:#0b2e24;border:1px solid #e3c99380;padding:12px;border-radius:10px}.os-result strong{display:block;font:700 5rem Georgia,serif;color:var(--os-gold);margin:24px}.os-result small{font-size:1.6rem}.os-sample{display:flex;justify-content:center;gap:12px;margin:32px auto}.os-sample svg{width:64px;height:64px;background:var(--os-paper);color:var(--os-ink);padding:8px;border-radius:12px}body[data-page-game="odd"] #app{background:radial-gradient(ellipse at top,#245443,#143c30);color:#fff5dc}@media(max-width:400px){.os-shell{padding:16px 18px 30px}.os-grid{gap:8px}.os-cell{padding:7px;border-radius:10px}}@media(prefers-reduced-motion:reduce){.os-shell *{animation:none!important;transition:none!important}}

/* Keep the board and its next action together; explanatory copy is opt-in. */
.os-shell{padding-top:16px}.os-header{margin-bottom:12px}.os-shell h1{font-size:clamp(1.75rem,5vw,2rem);margin-bottom:12px}.os-hud{padding:8px 0}.os-shell h2{margin:12px 0}.os-grid{max-width:360px;margin:12px auto}.os-round-action{max-width:440px;min-height:80px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:16px}.os-round-action .os-hint{margin:8px 0;min-height:0;flex:1;text-align:left}.os-round-action #os-primary{flex:none;margin:8px 0;padding-inline:18px}.os-help{margin:12px auto;font-size:.88rem;line-height:1.5}.os-help summary{cursor:pointer;text-underline-offset:4px;text-decoration:underline}.os-help summary:focus-visible{outline:3px solid white;outline-offset:4px}.os-help p{margin:8px auto}.os-message:empty{display:none}@media(max-width:400px){.os-round-action{gap:10px}.os-round-action #os-primary{padding-inline:12px}.os-round-action .os-hint{font-size:.82rem}}