:root{--paper:#fbf3e2;--ink:#173f49;--accent:#397e79;--mint:#72d8bd}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Tahoma,Helvetica,Arial,sans-serif}main{max-width:680px;margin:auto;padding:0 16px}section{padding:46px 12px;border-bottom:1px solid #173f4930;scroll-margin-top:85px}h1,h2,p{margin-top:0}h1{font:700 clamp(48px,11vw,76px)/1.02 Georgia,serif;letter-spacing:-1.8px;margin:24px 0}h1 em{font-style:normal;color:var(--accent)}h2{font:700 31px/1.15 Georgia,serif;margin:12px 0 20px}.label{display:block;font-size:10px;font-weight:bold;letter-spacing:1.3px;text-transform:uppercase;color:var(--accent);line-height:1.8}.cover{padding:48px 12px 38px}.cover-kicker{font-size:11px;letter-spacing:2px;margin:30px 0 0}.cover>p:not(.cover-kicker){font-size:20px}.cover small{display:block;font-size:12px}.cover-animal{margin:24px -5px;background:radial-gradient(ellipse,#d4e9cd,transparent 70%)}svg{display:block;width:100%;height:auto}button{font:inherit;font-size:14px;border:1px solid var(--ink);border-radius:6px;padding:12px 14px;background:#fffaf0;color:var(--ink);cursor:pointer;min-height:44px;touch-action:manipulation}button:hover{background:#e2e9d9}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent);outline-offset:4px}button:disabled{cursor:default;opacity:.55}.primary{width:100%;background:var(--ink);color:white;font-weight:bold}.primary:hover{background:#286071}a{color:var(--ink)}.aside{border-left:3px solid var(--accent);font-size:14px;font-style:italic;padding:3px 0 3px 15px;margin:24px 0 0}.source-link{font-size:12px;display:inline-block;margin-top:20px}.daily-save-button{font-size:11px;min-height:34px;padding:7px 10px;margin:0 0 18px;border-color:#8a9a99}.save-status{font-size:12px}.light-stage{position:relative;background:#153a49;border:2px solid var(--ink);border-radius:45% 45% 8px 8px;overflow:hidden;touch-action:none;aspect-ratio:520/310;padding-top:16px}.animal{--beam-x:0%;position:relative;z-index:1;filter:drop-shadow(0 0 8px #72d8bd60);mask-image:linear-gradient(90deg,#0004,black calc(var(--beam-x) - 10%),black calc(var(--beam-x) + 10%),#0004)}.normal-light{background:#eadbbe}.normal-light .animal{mask-image:none;filter:none}#beam{position:absolute;top:0;bottom:0;width:30%;transform:translateX(-50%);background:#72d8bd20;border-inline:1px solid #72d8bd45;pointer-events:none}.normal-light #beam{display:none}label{display:block;font-size:12px;margin:20px 0}input[type=range]{display:block;width:100%;height:44px;accent-color:var(--accent)}[role=status]{font-size:14px;min-height:30px}.beak-stage{position:relative;aspect-ratio:1.6;background:repeating-radial-gradient(ellipse at 10% 110%,#254e59 0 22px,#2c5d65 23px 25px);border:2px solid var(--ink);overflow:hidden;touch-action:none;border-radius:8px}#beak-marker{position:absolute;font:700 55px/1 Georgia,serif;transform:translate(-50%,-50%);color:#e6ce92;pointer-events:none;text-shadow:0 1px 2px #000}.directions{display:flex;gap:8px;justify-content:center;margin:18px 0}.directions button{width:50px}.options{display:grid;gap:10px}.options button{text-align:left}.note{font:700 23px/1.4 Georgia,serif;background:#d5e9d5;padding:24px 18px;transform:rotate(-1deg)}.picross-scroll{overflow-x:auto;padding:5px}.picross{display:grid;grid-template-columns:42px repeat(7,minmax(25px,1fr));gap:2px;max-width:430px;min-width:245px;margin:20px auto}.picross .clue{display:flex;align-items:center;justify-content:center;font-size:12px;line-height:1.3;text-align:center;font-weight:bold;white-space:nowrap}.picross .col-clue{writing-mode:vertical-rl;min-height:60px}.picross button{aspect-ratio:1;padding:0;min-height:28px;font-size:17px;border-radius:2px;background:#fffcf5;border-color:#839f9c}.picross button.filled{background:var(--ink);color:var(--paper)}#picross-check,#picross-hint,#picross-reset{margin:5px 2px;font-size:12px}.game-complete:after{content:'✓ FATTO. SOTTO UNA BUONA LUCE.';display:block;font-size:10px;letter-spacing:1px;margin-top:15px;color:var(--accent)}.sources{font-size:12px}.sources h2{font-size:26px}.sources li{margin:12px 0}.sources ul{padding-left:18px}.finish{text-align:center;padding:50px 12px 65px}.finish h2{font-size:29px}[hidden]{display:none!important}@media(min-width:600px){section{padding:55px 30px}.cover{padding-inline:30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}

.picross-lesson{margin:24px 0;padding:22px 16px;background:#fffcf5;border:1px solid #9bb5aa;border-radius:12px}.picross-lesson h3{font:700 25px/1.2 Georgia,serif;margin:0 0 20px}.picross-lesson h4{font-size:17px;line-height:1.35;margin:28px 0 12px}.picross-lesson figure{margin:18px 0 24px}.lesson-example{display:flex;align-items:center;gap:16px}.lesson-example>strong{min-width:36px;text-align:center;white-space:nowrap}.lesson-row{display:flex;gap:4px}.lesson-cell{width:36px;height:36px;border:1px solid #839f9c;background:#fff;border-radius:3px}.lesson-cell.is-full,.lesson-cross .is-full{background:var(--ink)}.picross-lesson figcaption{font-size:12px;line-height:1.5;margin-top:10px}.lesson-cross{border-collapse:separate;border-spacing:4px;margin:10px auto}.lesson-cross td,.lesson-cross th{width:38px;height:38px;text-align:center}.lesson-cross tbody td{border:1px solid #839f9c;border-radius:3px;background:#fff}.lesson-cross tbody td.is-full{background:var(--ink)}.picross-lesson li{margin:10px 0}.picross-lesson ol,.picross-lesson ul{padding-left:22px}.lesson-first{background:#e2eedf;padding:14px;border-radius:6px}.picross-start{font-size:18px;margin-top:32px}