@font-face{font-family:Adventure;src:local('Georgia')}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#102d2a;color:#fff7dc;font-family:Trebuchet MS,Segoe UI,sans-serif;font-size:16px}button{font:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible,#panorama-container:focus-visible{outline:3px solid #fff4a2;outline-offset:4px}button:disabled{opacity:.5;cursor:default}#game{position:relative;width:100%;height:100%;height:100dvh;isolation:isolate;overflow:hidden}.panorama-viewer,#still,.vignette,#sparkles{position:absolute;inset:0}.panorama-viewer{touch-action:none;cursor:grab}.panorama-viewer.is-dragging{cursor:grabbing}.panorama-viewer canvas{display:block;width:100%;height:100%}#still{background:center/cover no-repeat;transition:opacity .9s;pointer-events:none}#still.hidden{opacity:0}.vignette{background:linear-gradient(#061b27aa,transparent 30%,transparent 62%,#061a22b8);pointer-events:none}header{position:absolute;left:32px;right:32px;top:24px;display:flex;justify-content:space-between;gap:16px;align-items:center;z-index:6}.brand{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:3px;line-height:1.7;text-shadow:0 2px 8px #052a2b}.brand span:not(.brand-mark){display:block;font-size:17px;letter-spacing:3.7px}.brand-mark{font-size:44px;color:#ffe4a0}nav{display:flex;gap:8px}.glass{border:1px solid #f2e2b248;border-radius:30px;color:#fff4d7;background:#102e32b8;backdrop-filter:blur(10px);padding:10px 18px;min-height:44px;font-size:14px}.glass:hover{background:#284a45}#chapter{position:absolute;top:110px;left:40px;pointer-events:none;text-shadow:0 2px 15px #06282e}#chapter-kicker{font-size:12px;letter-spacing:3px;color:#ffe6a9}h1{font:clamp(26px,3.5vw,50px)/1.13 Adventure,Georgia,serif;max-width:580px;margin:10px 0}#mission{position:absolute;right:30px;top:108px;background:#183934dd;border:1px solid #c7c59860;border-radius:12px;padding:13px 18px;max-width:250px;font-size:14px;line-height:1.5}#speech{position:absolute;bottom:64px;left:50%;transform:translateX(-50%);width:min(850px,calc(100% - 48px));display:flex;align-items:flex-end;filter:drop-shadow(0 12px 30px #07191766);z-index:5;pointer-events:none}.portrait{height:210px;width:146px;object-fit:cover;object-position:top;flex-shrink:0;mask-image:linear-gradient(black 88%,transparent);margin-right:-9px;position:relative;z-index:2;filter:drop-shadow(0 0 14px #ffdb9690)}.speech-copy{background:linear-gradient(135deg,#faf1d7,#e9d4a7);color:#233c39;border:1px solid #fff2c2;outline:1px solid #ac8e5877;outline-offset:4px;border-radius:4px 28px 28px 4px;padding:22px 30px;flex:1;pointer-events:auto}.speech-copy #speaker{font-size:11px;letter-spacing:2px;color:#7e6538;font-weight:bold}.speech-copy p{font-size:17px;line-height:1.55;margin:8px 0 14px}.speech-copy p:last-child{margin-bottom:0}#speech-actions{display:flex;gap:8px;flex-wrap:wrap}#speech-actions:empty{display:none}.primary,.secondary{border:1px solid #1d574c;border-radius:8px;padding:11px 19px;min-height:44px;font-size:15px;background:#1c5347;color:#fff4cb;font-weight:bold}.primary:hover{background:#277461}.secondary{background:transparent;color:#254d42;border-color:#a7946a}.secondary:hover{background:#d5c79f}#view-controls{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;white-space:nowrap;z-index:6}#view-controls[hidden]{display:none}#view-controls span{font-size:12px;color:#ffedcb;text-shadow:0 2px 4px #000}#view-controls button{padding:5px 14px;font-size:22px}#hotspots{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}.hotspot{position:absolute;left:0;top:0;pointer-events:auto;transform:translate(-50%,-50%);background:none;border:0;padding:0;color:inherit;user-select:none;-webkit-user-select:none;touch-action:none}.hotspot img{width:100%;height:100%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 3px 5px #19322080)}.hotspot:hover img,.hotspot:focus-visible img{filter:drop-shadow(0 0 9px #ffef9a);transform:scale(1.08)}.hotspot .object-label{position:absolute;left:50%;top:95%;transform:translateX(-50%);background:#183a2bea;border:1px solid #caa66b;border-radius:5px;font-size:14px;padding:5px 10px;white-space:nowrap;box-shadow:0 3px 10px #0018}.pear{min-width:30px;min-height:34px}.wood{background:linear-gradient(105deg,#725029,#3f2915);border:2px solid #c49a55;border-radius:4px;box-shadow:0 5px 12px #10271988,inset 0 0 0 3px #44291c;padding:12px 18px;min-width:130px;text-shadow:0 1px 2px #000;font-family:Georgia,serif;font-size:18px;line-height:1.4}.wood small{display:block;font:12px/1.5 Trebuchet MS,sans-serif;letter-spacing:1px;color:#ead8b5}.wood b{font-size:22px}.wood:hover{box-shadow:0 0 18px #ffe5a7}.hotspot.path{border-color:#d4be86}#basket-hud{position:absolute;left:28px;top:235px;z-index:4;width:160px;background:#142d2dd9;border:1px solid #d2bb7955;border-radius:16px;padding:12px;text-align:center}#basket-hud>img{height:58px;width:90px;object-fit:contain}#basket-hud span{font-size:12px;display:block;color:#decaa5}#pear-count{font-size:19px;display:block;margin:3px}#mini-pears{display:flex;justify-content:center;flex-wrap:wrap;max-width:130px;gap:1px;margin:8px auto}#mini-pears img{height:19px;width:18px;object-fit:contain}#undo{background:none;color:#ffefbd;border:1px solid #a68d5b;border-radius:6px;font-size:12px;padding:7px}dialog{max-width:680px;width:calc(100% - 32px);max-height:85dvh;overflow:auto;background:linear-gradient(130deg,#faf1da,#e4cea3);color:#254139;border:1px solid #c1a361;border-radius:18px;padding:36px;box-shadow:0 20px 90px #0009}dialog::backdrop{background:#061e2ba8;backdrop-filter:blur(7px)}.close{position:absolute;right:12px;top:8px;border:none;background:none;font-size:30px;color:#5c563d;width:44px;height:44px}dialog h2{font:30px/1.2 Georgia,serif;margin:0 30px 18px 0}dialog p{line-height:1.65}dialog .eyebrow{font-size:12px;letter-spacing:2px;color:#83642a}.map-route{width:100%;height:auto;overflow:visible;margin:15px 0}.map-route text{font:13px Trebuchet MS,sans-serif;fill:#325147}.map-route .line{fill:none;stroke:#b5a37b;stroke-width:4;stroke-dasharray:6 7}.map-route .lit{stroke:#b5861e;stroke-width:7;stroke-dasharray:none;filter:drop-shadow(0 0 4px #ffd975)}.map-route circle{fill:#214d43;stroke:#f9e7b9;stroke-width:4}.journey-bar{display:flex;height:32px;border:2px solid #284e44;margin:16px 0 8px;border-radius:6px;overflow:hidden}.journey-bar .done{width:60%;background:#406d57}.journey-bar .remaining{width:40%;background:#edc76e}.bar-labels{display:flex;justify-content:space-between;font-size:14px}.fifths{display:flex;gap:4px;margin-top:12px}.fifths span{height:26px;flex:1;background:#416e59}.fifths span:nth-last-child(-n+2){background:#e4b959}.final-chest{position:absolute;left:50%;top:46%;width:min(300px,38vw);transform:translate(-50%,-50%);filter:drop-shadow(0 0 40px #ffdb41);z-index:2;pointer-events:none;animation:reveal 1.6s ease-out}.final-chest.silver{filter:grayscale(1) drop-shadow(0 0 28px #e1eeff)}.final-chest.bronze{filter:sepia(.8) saturate(1.7) drop-shadow(0 0 25px #cf9061)}.treasure-fruit{position:absolute;width:60px;top:30%;left:48%;z-index:3;pointer-events:none;animation:golden 2s ease-in-out infinite alternate}#sparkles{pointer-events:none;z-index:3;overflow:hidden}#sparkles i{position:absolute;border-radius:50%;width:4px;height:4px;background:#ffeab0;box-shadow:0 0 10px #fff4b4;animation:float 7s linear infinite;opacity:0}#loading{position:absolute;inset:0;background:#102f30;z-index:10;display:flex;gap:18px;align-items:center;justify-content:center}#loading[hidden]{display:none}.loader{border:2px solid #bfa36344;border-top-color:#f3d88f;border-radius:50%;width:28px;height:28px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{0%{opacity:0;transform:translateY(40px)}25%,75%{opacity:.8}100%{opacity:0;transform:translateY(-190px)}}@keyframes reveal{from{opacity:0;transform:translate(-50%,-30%) scale(.6)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes golden{to{filter:sepia(1) saturate(4) brightness(1.8);transform:translateY(-18px)}}body.story #chapter{top:25%;left:7%;max-width:600px}body.story h1{font-size:clamp(36px,5vw,70px);max-width:650px}body.story #speech{width:min(880px,calc(100% - 50px));bottom:8%}body.story .portrait{height:275px;width:185px}body.final #chapter{top:100px;left:0;width:100%;text-align:center}body.final h1{max-width:none;font-size:clamp(30px,4vw,54px)}body.final #speech{bottom:50px}body.narrative #chapter{top:110px}body.narrative #still{animation:slowtravel 16s ease-in-out forwards}@keyframes slowtravel{to{transform:scale(1.06)}}@media(max-width:700px){header{left:14px;right:14px;top:12px}.brand{font-size:8px;letter-spacing:2px;gap:5px}.brand span:not(.brand-mark){font-size:12px;letter-spacing:2px}.brand-mark{font-size:29px}.glass{padding:8px 12px;font-size:12px}nav{gap:4px}#audio-btn{max-width:78px;font-size:11px}#chapter{top:88px;left:18px}#chapter-kicker{font-size:10px}h1{font-size:29px;max-width:290px}#mission{right:14px;top:168px;max-width:150px;padding:9px 12px;font-size:12px}#speech,body.story #speech{width:calc(100% - 24px);bottom:70px}.portrait{height:130px;width:75px;align-self:flex-end;margin-right:-8px}.speech-copy{padding:16px;border-radius:4px 20px 20px 4px}.speech-copy p{font-size:14px;line-height:1.45;margin:6px 0 10px}.primary,.secondary{font-size:13px;padding:10px 12px}.speech-copy #speaker{font-size:10px}#view-controls{gap:5px;width:calc(100% - 24px);justify-content:center}#view-controls span{font-size:10px;white-space:normal;text-align:center;max-width:145px}#view-controls button{padding:5px 11px}#basket-hud{top:178px;left:12px;width:105px;padding:7px}#basket-hud>img{height:38px;width:55px}#basket-hud span{font-size:10px}#pear-count{font-size:16px}#mini-pears{margin:4px 0}#mini-pears img{height:13px;width:12px}#undo{font-size:10px;padding:5px}.wood{min-width:110px;font-size:16px;padding:9px 12px}.wood b{font-size:20px}body.story #chapter{top:24%;left:25px;right:25px}body.story h1{font-size:42px}body.story .portrait{height:180px;width:100px}body.final #speech{bottom:28px}body.final #chapter{top:90px}.final-chest{top:40%;width:190px}dialog{padding:30px 22px}.map-route text{font-size:12px}}
@media(max-height:560px){header{top:8px}#chapter{top:66px}h1{font-size:26px}#speech{bottom:55px;width:70%;left:auto;right:25px;transform:none}.portrait{height:125px;width:80px}.speech-copy{padding:12px 20px}.speech-copy p{font-size:14px;margin:4px 0 8px}#basket-hud{top:160px;width:125px}#mini-pears{display:none}#mission{top:78px}body.story #chapter{top:24%;max-width:40%}body.story h1{font-size:36px}body.story #speech{width:58%;left:auto;right:25px;transform:none;bottom:9%}body.story .portrait{height:160px;width:110px}body.final #speech{bottom:20px}body.final #chapter{top:65px}.final-chest{left:25%;top:55%;width:180px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

#fold-speech{position:absolute;right:13px;top:7px;width:36px;height:36px;background:transparent;border:0;color:#63735c;font-size:24px}#recall-speech{position:absolute;bottom:65px;left:24px;z-index:6}#recall-speech[hidden]{display:none}#speech.folded{display:none}body.narrative .portrait{display:none}body.narrative #speech{max-width:680px}body.narrative .speech-copy{border-radius:20px}body.narrative #chapter{max-width:38%}body.narrative h1{font-size:32px}.final-chest.waiting{filter:drop-shadow(0 0 8px #ffdba0)}body.final:has(.waiting) .treasure-fruit{animation:none;top:44%;left:41%}.wood small{font-size:13px}#view-controls span{font-size:13px}@media(max-width:700px){body.narrative #chapter{max-width:75%}body.narrative h1{font-size:25px}#view-controls span{font-size:11px}.wood small{font-size:12px}#fold-speech{right:8px;top:3px}#speech-text{padding-right:10px}}

.basket-fruits{position:absolute;top:35%;left:16%;right:16%;height:40%;display:flex;align-content:flex-end;align-items:flex-end;justify-content:center;flex-wrap:wrap;pointer-events:none}.hotspot .basket-fruits img{width:18%;height:34%;object-fit:contain;filter:none}body.final #still{filter:brightness(.75)}body.final:has(.gold) #still{filter:brightness(1)}

/* Pergamene: bordo ricavato dall'immagine fornita, testo nel centro leggibile. */
.speech-copy,dialog{background:none;border:42px solid transparent;border-image:url('pergamena.webp') 165 155 170 155 fill / 58px 48px 58px 48px stretch;outline:none;border-radius:0;box-shadow:none;color:#3e2d19}
.speech-copy{position:relative;padding:12px 15px;max-height:calc(100dvh - 155px);overflow-y:auto;filter:drop-shadow(0 7px 14px #1a160b50)}
.speech-copy #speaker{color:#755023;padding-right:42px;display:block}.speech-copy p{padding-right:12px}.speech-copy .primary{background:#5a4627;border-color:#7c5c2b}.speech-copy .primary:hover{background:#785b2f}.speech-copy .secondary{color:#5c4320;border-color:#9b753a}
#fold-speech{display:block;position:absolute;right:2px;top:0;width:44px;height:44px;min-width:44px;min-height:44px;font-size:29px;line-height:1;background:#f4e3bccc;border:1px solid #aa824e;border-radius:50%;color:#53381d;z-index:8}
#recall-speech{bottom:70px}dialog{padding:22px 22px;max-height:90dvh;width:min(740px,calc(100% - 22px));filter:drop-shadow(0 12px 25px #0018)}dialog .close{background:#f4e3bce8;border:1px solid #aa824e;border-radius:50%;top:0;right:0;color:#53381d;z-index:3}dialog h2{padding-right:20px}dialog.map-dialog{max-width:850px;width:calc(100% - 24px)}
.antique-map{position:relative;aspect-ratio:550/360;width:100%;margin:12px 0;isolation:isolate}.antique-map>img{width:100%;height:100%;display:block;object-fit:fill;border-radius:8px;filter:sepia(.15)}.antique-map .map-route{position:absolute;inset:0;width:100%;height:100%;margin:0}.map-route text{font:bold 15px Georgia,serif;fill:#462b14;paint-order:stroke;stroke:#efdbad;stroke-width:4px;stroke-linejoin:round}.map-route .line{stroke:#805328;stroke-width:2.5;stroke-dasharray:3 6;opacity:.8}.map-route .lit{stroke:#fff19a;stroke-width:5;stroke-dasharray:none;opacity:1;filter:drop-shadow(0 0 5px #ffa900)}.map-route circle{fill:#684116;stroke:#f5e5ad;stroke-width:2px}
body.narrative .speech-copy{border-radius:0}#speech{bottom:65px}.portrait{margin-right:-26px}body.story #speech{bottom:5%}body.story .portrait{margin-right:-26px}body.final #speech{bottom:25px}
@media(max-width:700px){.speech-copy,dialog{border-width:30px;border-image-width:42px 34px 42px 34px}.speech-copy{padding:8px 7px;max-height:calc(100dvh - 155px)}#fold-speech{top:-7px;right:-8px}.speech-copy #speaker{padding-right:33px}.speech-copy p{font-size:14px;padding-right:6px}.portrait{width:55px;height:125px;margin-right:-25px}body.story .portrait{width:67px;height:160px;margin-right:-23px}#speech,body.story #speech{width:calc(100% - 12px)}dialog{padding:18px 8px}dialog h2{font-size:25px}dialog .close{top:-12px;right:-12px}.antique-map .map-route text{font-size:17px}#recall-speech{left:12px;font-size:13px}}
@media(max-height:560px){.speech-copy{border-width:24px 34px;border-image-width:34px 40px;padding:8px 10px;max-height:calc(100dvh - 95px)}#fold-speech{top:-12px;right:-15px}body.story #speech{bottom:5%}.speech-copy p{font-size:14px}.portrait{height:130px;width:75px}.speech-copy #speaker{padding-right:35px}}

.antique-map .map-route .line:not(.lit){opacity:0}