.puzzle-shell{max-width:1100px;margin:auto;padding:28px 30px 55px;color:#244f68}.puzzle-heading{max-width:850px;text-align:center;margin:28px auto 35px}.puzzle-heading h1{font-size:clamp(36px,5vw,55px);line-height:1.2;margin:17px 0 23px}.puzzle-heading .handwritten{font-size:27px}.puzzle-heading>p:not([class]){font-size:18px;line-height:1.85}.puzzle-choose{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;background:#c4d6b6;border:2px solid #8da58c;border-radius:30px 40px 25px 36px;overflow:hidden;margin:30px 0}.puzzle-choose>figure img{display:block;width:100%;height:auto}.puzzle-choose>form{display:grid;gap:20px;padding:30px}.puzzle-choose h2{font-size:34px;line-height:1.2;margin:0 0 6px}.puzzle-choose label{display:grid;gap:10px;font-size:12px;font-weight:800}.puzzle-choose select{width:100%;min-width:0;max-width:100%;font:15px Nunito,sans-serif;background:#e9ddba;color:#244f68;border:1.5px solid #93a08b;border-radius:12px;padding:13px}.puzzle-choose select:focus-visible{outline:3px solid #a57532;outline-offset:3px}.puzzle-choose button{justify-self:start;font-size:12px}.puzzle-choose .text-button{font-size:12px}.puzzle-small{font-size:12px;line-height:1.85;margin:20px 0}.puzzle-choose .puzzle-small{font-size:11px;margin:0}.puzzle-collection{margin:40px 0}.puzzle-collection>h2{font-size:33px}.puzzle-collection>p{font-size:14px;margin:18px 0 25px}.puzzle-collection>.handwritten{font-size:26px;background:#dfc8e0;border:1.5px dashed #a291ac;border-radius:24px;padding:30px;text-align:center}.puzzle-collection>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.puzzle-collection>div>a{background:#ebc5aa;border:1.5px solid #b59e86;border-radius:20px 26px 18px 23px;overflow:hidden;text-decoration:none}.puzzle-collection img{display:block;width:100%;height:auto}.puzzle-collection a>span{font-size:12px;line-height:1.75;display:block;padding:16px}.puzzle-play{max-width:990px}.puzzle-instructions{font-size:17px;line-height:1.8;max-width:700px;margin:25px auto;text-align:center}.picture-puzzle-board{display:grid;grid-template-columns:repeat(var(--puzzle-columns),minmax(0,1fr));grid-template-rows:repeat(2,1fr);aspect-ratio:5/3;gap:5px;padding:8px;background:#688e9f;border:2px solid #537c91;border-radius:20px;overflow:hidden;max-width:900px;margin:auto}.picture-puzzle-board>button{position:relative;background-repeat:no-repeat;min-width:0;min-height:0;border-radius:7px;border:2px solid #d6d6b2}.picture-puzzle-board>button[aria-pressed=true]{outline:5px solid #ffd574;outline-offset:-5px;z-index:1}.picture-puzzle-board>button:focus-visible{outline:4px dashed #244f68;outline-offset:-6px;z-index:2}.puzzle-slot{position:absolute;left:8px;top:8px;display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#f7e1a9;color:#294e60;font-size:12px;font-weight:800;border:1px solid #aa986f}.picture-puzzle-board.is-solved{gap:0;padding:0;border-color:#789f83}.picture-puzzle-board.is-solved>button{opacity:1;border:0;border-radius:0;cursor:default}.picture-puzzle-board.is-solved .puzzle-slot{display:none}.puzzle-controls{display:flex;justify-content:center;align-items:center;gap:22px;flex-wrap:wrap;margin:26px 0}.puzzle-controls>*{font-size:13px}.puzzle-reference{max-width:480px;margin:25px auto;background:#e9d2ac;border:2px dashed #a2977e;border-radius:25px;overflow:hidden}.puzzle-reference img{display:block;width:100%;height:auto}.puzzle-reference figcaption{font-size:12px;text-align:center;line-height:1.8;padding:16px}.puzzle-feedback{font-size:13px;text-align:center;line-height:1.8;margin:20px 0}.puzzle-story-links{display:flex;gap:25px;justify-content:center;flex-wrap:wrap;margin-top:30px}.puzzle-story-links>*{font-size:12px}.puzzle-teaser{display:grid;grid-template-columns:1fr 1fr;align-items:center;max-width:1110px;margin:0 auto 45px;background:#e8cca1;border:2px solid #ac9874;border-radius:29px 38px 26px 34px;overflow:hidden;color:#244f68;text-decoration:none}.puzzle-teaser>div{position:relative}.puzzle-teaser img{display:block;width:100%;height:auto}.puzzle-teaser>div:before,.puzzle-teaser>div:after{content:'';position:absolute;background:#ebd4a5aa;pointer-events:none}.puzzle-teaser>div:before{width:5px;height:100%;left:50%}.puzzle-teaser>div:after{height:5px;width:100%;top:50%}.puzzle-teaser>div>span{position:absolute;bottom:18px;left:18px;z-index:1;padding:10px 15px;border:1px solid #82958c;border-radius:13px;background:#cedcb8;font-size:12px;font-weight:800;transform:rotate(-4deg)}.puzzle-teaser>section{padding:28px 33px}.puzzle-teaser .handwritten{font-size:26px}.puzzle-teaser h2{font-size:36px;margin:17px 0 20px}.puzzle-teaser p:not([class]){font-size:16px;line-height:1.9}.puzzle-teaser strong{display:block;font-size:12px;margin-top:24px}
@media(max-width:800px){.puzzle-choose{grid-template-columns:1fr}.puzzle-choose>figure{max-width:620px;margin:auto}.puzzle-collection>div{grid-template-columns:repeat(3,minmax(0,1fr))}.puzzle-teaser h2{font-size:31px}.puzzle-teaser>section{padding:23px}}
@media(max-width:600px){.puzzle-shell{padding:20px 23px 40px}.puzzle-heading h1{font-size:39px}.puzzle-heading .handwritten{font-size:24px}.puzzle-heading>p:not([class]){font-size:15px}.puzzle-choose>form{padding:25px}.puzzle-choose h2{font-size:31px}.puzzle-choose select{font-size:13px}.puzzle-choose button{font-size:11px;padding:13px 17px}.puzzle-collection>h2{font-size:29px}.puzzle-collection>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.puzzle-collection a>span{font-size:11px;padding:13px}.puzzle-instructions{font-size:15px}.picture-puzzle-board{border-radius:13px;padding:5px;gap:3px}.picture-puzzle-board>button{border-width:1px;border-radius:4px}.puzzle-slot{left:4px;top:4px;width:21px;height:21px;font-size:10px}.puzzle-controls{gap:16px}.puzzle-controls>*{font-size:11px;padding:13px 15px}.puzzle-teaser{grid-template-columns:1fr;margin:0 23px 35px}.puzzle-teaser>section{padding:25px 29px}.puzzle-teaser h2{font-size:34px}.puzzle-story-links{gap:12px}}
