/* Shared backgrounds for Idle Delights categories. */
html { min-height:100%; background:#1a1a1a; }
body.puzzle-background { max-width:none; padding:0; margin:0; min-height:100vh; min-height:100dvh; isolation:isolate; background:transparent; }
body.puzzle-background::before { content:""; position:fixed; inset:0; z-index:-1; pointer-events:none; background:#1a1a1a url("images/games-background.png") center / cover no-repeat; }
.puzzle-content { box-sizing:border-box; width:min(var(--puzzle-content-width,1040px),calc(100% - 3rem)); min-height:100vh; min-height:100dvh; margin-inline:auto; padding:1rem clamp(1rem,2.5vw,2rem) 3rem; background:rgba(12,12,12,.84); box-shadow:0 0 35px #0006; }
.puzzle-content > .site-nav { max-width:100%; }
@media(max-width:720px) { .puzzle-content { width:calc(100% - 1.25rem); padding:.75rem .85rem 2rem; } }
.puzzle-content > p > a { color: #ffd700; }

body.puzzle-background[data-idle-category="games"]::before { background-image:url("images/arcade-games-background.png"); }

body.puzzle-background[data-idle-category="other"]::before { background-image:url("images/misc-delights-background.png"); }

body.puzzle-background[data-idle-category="making"]::before { background-image:url("images/things-to-make-background.png"); }
@media print { body.puzzle-background { background:white; color:#111; min-height:0; } body.puzzle-background::before { display:none; } .puzzle-content { width:100%; min-height:0; margin:0; padding:0; background:transparent; box-shadow:none; } }
