:root{color-scheme:dark;--ink:#f5edda;--muted:#b9b09e;--brass:#d1a55d;--brass2:#8c6538;--wine:#713c48;--petrol:#17383b;--night:#071217;--panel:rgba(12,22,24,.94);font-family:Georgia,"Times New Roman",serif}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:var(--night);color:var(--ink)}body{min-width:320px}button,input{font:inherit}button{min-height:44px;border:1px solid #d1a55d55;border-radius:10px;padding:.65rem .9rem;background:linear-gradient(180deg,#263638,#142326);color:var(--ink);font-weight:700;cursor:pointer;touch-action:manipulation;transition:.16s ease}button:hover:not(:disabled){border-color:var(--brass);background:#304548;transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(1px) scale(.98)}button:disabled{opacity:.38;cursor:not-allowed}button:focus-visible,[tabindex]:focus-visible{outline:3px solid #f2ca77;outline-offset:3px}.primary-button{border-color:#ffe0a077;background:linear-gradient(135deg,#f0c878,#a97539)!important;color:#17110b!important;box-shadow:0 12px 30px #0007,0 0 25px #d1a55d33;font-weight:900}.secondary-button{background:#203337}.danger-button{border-color:#b85b66;background:#4c222a}.escape-shell{display:grid;height:100dvh;grid-template-rows:auto minmax(0,1fr) auto;background:#071217}.top-hud{z-index:20;display:grid;grid-template-columns:minmax(170px,.8fr) minmax(220px,1.25fr) auto;gap:.7rem;align-items:center;padding:max(.45rem,env(safe-area-inset-top)) .65rem .45rem;border-bottom:1px solid #d1a55d44;background:linear-gradient(180deg,#0d1d20f5,#091417ef);box-shadow:0 8px 28px #0008;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:.55rem;min-width:0}.brand-sigil{display:grid;width:42px;height:42px;place-items:center;border:1px solid #e2bd75aa;border-radius:50%;background:#253333;box-shadow:inset 0 0 0 4px #081415,0 0 15px #d1a55d33}.brand-sigil svg{width:30px;fill:none;stroke:var(--brass);stroke-width:2}.brand p,.brand h1,.scene-caption p,.scene-caption h2,.objective span,.objective strong{margin:0}.brand p{color:var(--brass);font:700 .58rem/1 system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase}.brand h1{overflow:hidden;font-size:clamp(.82rem,2.2vw,1.1rem);text-overflow:ellipsis;white-space:nowrap}.objective{min-width:0;padding:.45rem .7rem;border-left:2px solid var(--brass);background:#fff1}.objective span{display:block;color:var(--brass);font:800 .56rem/1.2 system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase}.objective strong{display:block;overflow:hidden;margin-top:.15rem;font:650 .74rem/1.25 system-ui,sans-serif;text-overflow:ellipsis;white-space:nowrap}.hud-actions{display:flex;gap:.3rem}.icon-control,.close-button{display:grid;width:42px;min-width:42px;padding:0;place-items:center}.icon-control svg,.room-back svg{width:20px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.scene-shell{position:relative;min-height:0;overflow:hidden;background:#050b0e;isolation:isolate}.scene-art,.scene-art svg{width:100%;height:100%;display:block}.scene-art svg{object-fit:cover}.hotspots{position:absolute;inset:0}.hotspot{position:absolute;min-height:0;padding:0;border:1px solid transparent;border-radius:12px;background:transparent;color:transparent}.hotspot::after{position:absolute;top:50%;left:50%;width:18px;height:18px;border:1px solid #f2d18b;border-radius:50%;background:#0a1619bb;box-shadow:0 0 0 5px #d1a55d22,0 0 20px #f0c66b55;content:"";opacity:0;transform:translate(-50%,-50%) scale(.5);transition:.16s}.hotspot::before{position:absolute;right:4px;bottom:4px;left:4px;padding:.3rem .45rem;border-radius:6px;background:#071216e8;color:#f4e9d0;content:attr(aria-label);font:700 .65rem/1.2 system-ui,sans-serif;opacity:0;transform:translateY(4px);transition:.16s}.hotspot:hover,.hotspot:focus-visible,.hotspot.selected{border-color:#e7c47888;background:#f3d78b0e;box-shadow:inset 0 0 25px #e8c06922}.hotspot:hover::after,.hotspot:focus-visible::after,.hotspot.selected::after,.highlight-hotspots .hotspot::after{opacity:1;transform:translate(-50%,-50%) scale(1)}.hotspot:hover::before,.hotspot:focus-visible::before,.hotspot.selected::before{opacity:1;transform:none}.hotspot.collected{display:none}.scene-caption{position:absolute;top:.75rem;left:.75rem;max-width:55%;padding:.55rem .75rem;border:1px solid #d1a55d55;border-radius:10px;background:#071317cc;box-shadow:0 8px 24px #0007;backdrop-filter:blur(8px)}.scene-caption p{color:var(--brass);font:800 .56rem system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase}.scene-caption h2{margin-top:.12rem;font-size:clamp(.9rem,2.6vw,1.25rem)}.room-back{position:absolute;top:.75rem;right:.75rem;display:flex;align-items:center;gap:.3rem;padding:.4rem .65rem;background:#071317cc}.room-back svg{width:17px}.context-text{position:absolute;right:clamp(.5rem,4vw,3rem);bottom:.8rem;left:clamp(.5rem,4vw,3rem);max-width:750px;margin:auto;padding:.7rem 1rem;border:1px solid #d1a55d44;border-radius:11px;background:#071216e8;box-shadow:0 12px 34px #0009;color:#e7ddca;font-size:clamp(.72rem,1.8vw,.9rem);line-height:1.45;text-align:center;backdrop-filter:blur(10px)}.inventory-shell{z-index:20;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.55rem;align-items:center;padding:.45rem max(.55rem,env(safe-area-inset-right)) max(.45rem,env(safe-area-inset-bottom)) max(.55rem,env(safe-area-inset-left));border-top:1px solid #d1a55d44;background:#0a1719f5;box-shadow:0 -9px 28px #0008}.inventory-heading{min-width:70px}.inventory-heading span{display:block;color:var(--brass);font:800 .56rem system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase}.inventory-heading strong{font-size:.8rem}.inventory{display:flex;gap:.35rem;overflow-x:auto;padding:.15rem;scrollbar-width:thin;scrollbar-color:#8c6538 transparent}.inventory-item{position:relative;display:grid;flex:0 0 58px;width:58px;height:58px;min-height:58px;padding:.25rem;place-items:center;border-radius:12px;background:linear-gradient(145deg,#253638,#111e20)}.inventory-item svg{width:36px;height:36px;fill:none;stroke:#e0bc72;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.inventory-item span{position:absolute;right:2px;bottom:1px;left:2px;overflow:hidden;color:#e8ddc9;font:600 .47rem system-ui,sans-serif;text-overflow:ellipsis;white-space:nowrap}.inventory-item.selected{border-color:#fff0ad;box-shadow:0 0 0 3px #d1a55d55,0 0 20px #d1a55d44;transform:translateY(-3px)}.inventory-item.new{animation:item-arrive .55s ease}.combine-button{min-width:80px}.start-screen{position:fixed;z-index:100;inset:0;overflow:hidden;background:#071217}.villa-art{position:absolute;width:100%;height:100%;object-fit:cover}.title-lockup{position:absolute;top:50%;left:clamp(1rem,8vw,8rem);width:min(530px,calc(100% - 2rem));padding:clamp(1rem,3vw,2rem);border:1px solid #d4ad6955;border-radius:22px;background:linear-gradient(145deg,#071419e8,#142529d9);box-shadow:0 28px 90px #000c,inset 0 1px #fff1;transform:translateY(-50%);backdrop-filter:blur(13px)}.pretitle{margin:0;color:var(--brass);font:800 .63rem system-ui,sans-serif;letter-spacing:.17em;text-transform:uppercase}.logo-clock{position:absolute;top:-42px;right:32px;display:grid;width:84px;height:84px;place-items:center;border:1px solid #e6c57a;border-radius:50%;background:#132326;box-shadow:0 0 0 8px #081417,0 12px 30px #0009}.logo-clock svg{width:65px;fill:none;stroke:#e1bb70;stroke-width:2}.title-lockup h1{margin:.65rem 0 0;font-size:clamp(2.3rem,7vw,4.8rem);line-height:.78;letter-spacing:-.055em;text-shadow:0 10px 35px #000}.title-lockup h1 span,.title-lockup h1 strong{display:block}.title-lockup h1 span{font-size:.56em;font-style:italic;font-weight:400}.title-lockup h1 strong{color:#f5e8ca}.start-copy{max-width:430px;margin:1.1rem 0;color:#cfc5b2;font:500 .9rem/1.55 system-ui,sans-serif}.start-actions,.start-tools,.menu-actions{display:flex;flex-wrap:wrap;gap:.55rem}.start-tools{margin-top:.55rem}.start-tools button{min-height:36px;padding:.35rem .65rem;border:0;background:transparent;color:#bfb5a4;font-size:.72rem}.save-note{margin:.7rem 0 0;color:#8e8a80;font:500 .62rem system-ui,sans-serif}.villa{animation:villa-breathe 8s ease-in-out infinite}.andrea-silhouette{animation:andrea-enter 1.2s ease both}.cinematic-sky{position:absolute;inset:0}.cinematic-sky i{position:absolute;top:-20%;width:1px;height:45%;background:linear-gradient(transparent,#b5dae766,transparent);transform:rotate(18deg);animation:rain 1.2s linear infinite}.cinematic-sky i:nth-child(1){left:18%}.cinematic-sky i:nth-child(2){left:62%;animation-delay:-.5s}.cinematic-sky i:nth-child(3){left:84%;animation-delay:-.9s}.dialogue{position:fixed;z-index:80;right:clamp(.5rem,4vw,3rem);bottom:clamp(5rem,14vh,7rem);left:clamp(.5rem,4vw,3rem);display:grid;grid-template-columns:105px minmax(0,1fr);max-width:900px;min-height:125px;margin:auto;border:1px solid #d8b56e88;border-radius:18px;background:linear-gradient(145deg,#13282bf5,#091619fa);box-shadow:0 24px 70px #000d;animation:dialogue-in .28s ease}.dialogue[hidden],.modal[hidden],.drawer[hidden],.final-screen[hidden]{display:none}.portrait{align-self:end;height:145px;overflow:hidden}.portrait svg{width:100%;height:100%}.dialogue-copy{display:grid;grid-template-rows:auto 1fr auto;padding:.8rem}.dialogue-copy>p{margin:0;color:var(--brass);font:900 .65rem system-ui,sans-serif;letter-spacing:.13em;text-transform:uppercase}.dialogue-copy>div:nth-child(2){padding:.4rem 0;color:#f4ead6;font-size:clamp(.86rem,2vw,1.05rem);line-height:1.45}.dialogue-actions{display:flex;justify-content:flex-end;gap:.35rem}.dialogue-actions button{min-height:34px;padding:.3rem .6rem;font-size:.68rem}.modal,.drawer,.final-screen{position:fixed;z-index:110;inset:0;display:grid;overflow:auto;place-items:center;padding:1rem;background:#02080bd9;backdrop-filter:blur(12px)}.puzzle-card,.menu-card,.final-card{width:min(720px,100%);max-height:94dvh;overflow:auto;padding:clamp(1rem,4vw,1.7rem);border:1px solid #d5ae665e;border-radius:22px;background:linear-gradient(145deg,#182a2c,#091517);box-shadow:0 28px 90px #000d,inset 0 1px #fff1}.puzzle-card>header,.drawer-card>header{display:flex;justify-content:space-between;gap:1rem;align-items:start}.puzzle-card header p,.puzzle-card h2,.drawer-card h2{margin:0}.puzzle-card header p{color:var(--brass);font:800 .6rem system-ui,sans-serif;letter-spacing:.15em;text-transform:uppercase}.puzzle-card h2,.menu-card h2,.final-card h2{margin-top:.2rem;font-size:clamp(1.5rem,5vw,2.4rem)}#puzzle-objective{color:var(--muted);font:500 .82rem/1.5 system-ui,sans-serif}.puzzle-visual{position:relative;height:170px;margin:.8rem 0;border:1px solid #d1a55d44;border-radius:14px;background:radial-gradient(circle,#31484a,#101c1e 70%);overflow:hidden}.puzzle-visual::before{position:absolute;inset:12%;border:2px solid #c89b55;border-radius:50%;content:"";box-shadow:inset 0 0 0 16px #071417,0 0 24px #d1a55d33}.puzzle-visual::after{position:absolute;top:50%;left:50%;width:35%;height:2px;background:#e3bd70;content:"";transform-origin:left;animation:puzzle-hand 6s linear infinite}.puzzle-sequence{display:flex;min-height:50px;gap:.4rem;align-items:center;justify-content:center;padding:.5rem;border:1px dashed #d1a55d66;border-radius:10px}.sequence-token{display:grid;min-width:40px;height:40px;place-items:center;border-radius:50%;background:#cda357;color:#17110b;font:900 .7rem system-ui,sans-serif;animation:token-in .2s ease}.puzzle-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:.45rem;margin:.75rem 0}.puzzle-control{min-height:58px;padding:.45rem;background:#1d3335}.puzzle-card[data-kind=books] .puzzle-control{border-left:7px solid var(--brass);border-radius:4px 10px 10px 4px}.puzzle-card[data-kind=photos] .puzzle-control{height:78px;background:linear-gradient(145deg,#d4c29b,#8f7657);color:#271d14;transform:rotate(var(--tilt,0deg))}.puzzle-card[data-kind=music] .puzzle-control{border-radius:50%;background:radial-gradient(circle,#e1be71,#7c572d);color:#18110b}.puzzle-card[data-kind=symbols] .puzzle-control,.puzzle-card[data-kind=stars] .puzzle-control{clip-path:polygon(50% 0,95% 25%,85% 80%,50% 100%,15% 80%,5% 25%)}.puzzle-card[data-kind=choice] .puzzle-controls{grid-template-columns:1fr}.puzzle-card[data-kind=choice] .puzzle-control{min-height:74px;text-align:left}.puzzle-feedback{min-height:1.4em;color:#d8b66e;font:700 .75rem system-ui,sans-serif}.puzzle-card>footer{display:flex;justify-content:flex-end;gap:.4rem;flex-wrap:wrap}.drawer{place-items:stretch end;padding:0}.drawer-card{width:min(520px,100%);height:100%;overflow:auto;padding:1rem;border-left:1px solid #d1a55d55;background:#0b181af5;box-shadow:-20px 0 70px #000b;animation:drawer-in .25s ease}.drawer-tabs{display:flex;gap:.35rem;overflow-x:auto;margin:.8rem 0}.drawer-tabs button{flex:0 0 auto;min-height:38px;padding:.35rem .65rem}.drawer-tabs button.active{border-color:var(--brass);background:#3b3427}.drawer-content{font:500 .82rem/1.55 system-ui,sans-serif}.journal-card,.map-room,.stat-line{margin:.5rem 0;padding:.7rem;border:1px solid #d1a55d33;border-radius:10px;background:#fff1}.journal-card h3{margin:.1rem 0;color:#e7c175;font:800 .82rem Georgia,serif}.journal-card p{margin:.25rem 0;color:#c5bcaa}.map-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.map-room{min-height:75px}.map-room.locked{opacity:.35}.map-room.current{border-color:var(--brass);box-shadow:inset 0 0 20px #d1a55d22}.settings-grid{display:grid;gap:.65rem;margin:1rem 0}.settings-grid label{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.65rem;border:1px solid #d1a55d33;border-radius:10px}.settings-grid input[type=range]{width:min(240px,50%)}.final-screen{background:radial-gradient(circle at 50% 35%,#73583866,#020709 65%)}.final-card{text-align:center}.final-mark{width:110px;height:110px;margin:auto;border:1px solid #e4bf73;border-radius:50%;background:radial-gradient(circle,#d7aa5c,#17282a 70%);box-shadow:0 0 55px #e2b55b44;animation:final-mark 5s linear infinite}.final-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin:1rem 0}.final-stats div{padding:.7rem;border:1px solid #d1a55d33;border-radius:10px}.final-stats span{display:block;color:#bcb3a3;font:700 .58rem system-ui,sans-serif;text-transform:uppercase}.final-stats strong{font-size:1.1rem}.toast{position:fixed;z-index:160;left:50%;bottom:max(5.4rem,env(safe-area-inset-bottom));max-width:min(90%,420px);margin:0;padding:.7rem 1rem;border:1px solid #d6ae62;border-radius:99px;background:#0a1719f5;box-shadow:0 15px 45px #000b;color:#f5e9d1;font:750 .75rem system-ui,sans-serif;opacity:0;pointer-events:none;transform:translate(-50%,20px);transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.toast.success{background:#173a31}.dust circle{animation:dust 7s ease-in-out infinite}.rain path{animation:rain-line 1.4s linear infinite}.pendulum path:last-of-type,.pendulum circle:last-child{transform-origin:0 19px;animation:pendulum 2s ease-in-out infinite}.gears circle{transform-origin:center;animation:gear 10s linear infinite}.leaves{animation:leaves 5s ease-in-out infinite}.steam path{animation:steam 3s ease-in-out infinite}.star-ring{transform-origin:600px 320px;animation:gear 30s linear infinite}.scene-transition{position:absolute;z-index:12;inset:0;background:#050b0d;pointer-events:none;opacity:0}.scene-transition.active{animation:scene-change .55s ease}.saved::after{position:fixed;z-index:150;right:1rem;bottom:5rem;padding:.4rem .65rem;border-radius:99px;background:#1a2d2e;color:#d6b66f;content:"Salvataggio completato";font:700 .6rem system-ui,sans-serif;animation:saved 1.4s ease forwards}
@keyframes item-arrive{from{opacity:0;transform:translateY(15px) scale(.7)}}@keyframes villa-breathe{50%{transform:scale(1.008)}}@keyframes andrea-enter{from{opacity:0;transform:translateX(-50px)}}@keyframes rain{to{transform:translateY(130%) rotate(18deg)}}@keyframes dialogue-in{from{opacity:0;transform:translateY(30px)}}@keyframes drawer-in{from{transform:translateX(100%)}}@keyframes token-in{from{opacity:0;transform:scale(.3)}}@keyframes puzzle-hand{to{transform:rotate(360deg)}}@keyframes final-mark{to{transform:rotate(360deg)}}@keyframes dust{50%{transform:translate(25px,-35px);opacity:.15}}@keyframes rain-line{to{transform:translate(-10px,80px)}}@keyframes pendulum{50%{transform:rotate(10deg)}}@keyframes gear{to{transform:rotate(360deg)}}@keyframes leaves{50%{transform:rotate(1deg)}}@keyframes steam{50%{opacity:.05;transform:translateY(-20px)}}@keyframes scene-change{0%,100%{opacity:0}45%,55%{opacity:1}}@keyframes saved{0%,80%{opacity:1}100%{opacity:0;transform:translateY(-10px)}}
@media(max-width:760px){.top-hud{grid-template-columns:minmax(0,1fr) auto}.objective{grid-column:1/-1;grid-row:2;padding:.35rem .55rem}.brand h1{font-size:.82rem}.brand-sigil{width:36px;height:36px}.hud-actions{grid-column:2;grid-row:1}.scene-caption{top:.45rem;left:.45rem}.room-back{top:.45rem;right:.45rem}.room-back span{display:none}.inventory-shell{grid-template-columns:minmax(0,1fr) auto}.inventory-heading{display:none}.inventory-item{flex-basis:54px;width:54px;height:54px;min-height:54px}.title-lockup{top:auto;right:1rem;bottom:1rem;left:1rem;width:auto;transform:none}.title-lockup h1{font-size:clamp(2rem,12vw,3.4rem)}.logo-clock{top:-30px;right:18px;width:65px;height:65px}.logo-clock svg{width:48px}.start-copy{margin:.75rem 0;font-size:.78rem}.dialogue{grid-template-columns:78px 1fr;bottom:4.6rem}.portrait{height:118px}.puzzle-visual{height:120px}.map-grid{grid-template-columns:1fr}.scene-art svg{min-width:860px;transform:translateX(calc((100vw - 860px)/2))}.hotspots{width:860px;left:50%;transform:translateX(-50%)}.context-text{bottom:.45rem}.final-stats{grid-template-columns:1fr 1fr}}
@media(max-width:390px){.top-hud{gap:.3rem;padding:.35rem}.icon-control{width:38px;min-width:38px;min-height:38px}.brand-sigil{display:none}.objective strong{font-size:.68rem}.inventory-item{flex-basis:49px;width:49px;height:49px;min-height:49px}.combine-button{min-width:68px;padding:.4rem;font-size:.68rem}.title-lockup{padding:1rem}.pretitle{font-size:.55rem}.start-tools{display:none}.save-note{margin-top:.35rem}.puzzle-card{padding:.85rem}.puzzle-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.dialogue-copy{padding:.55rem}.dialogue-actions button{font-size:.6rem}.scene-caption{max-width:65%}}
@media(max-height:500px) and (orientation:landscape){.top-hud{grid-template-columns:180px 1fr auto;padding:.3rem}.objective{grid-column:auto;grid-row:auto}.scene-caption{display:none}.inventory-item{height:46px;min-height:46px}.inventory-shell{padding:.25rem}.dialogue{bottom:3.8rem}.title-lockup{top:50%;bottom:auto;width:min(480px,56%);transform:translateY(-50%)}.title-lockup h1{font-size:2.6rem}.start-copy{margin:.5rem 0}.logo-clock{display:none}.puzzle-card{display:grid;grid-template-columns:1fr 1.2fr;gap:.35rem 1rem}.puzzle-card>header,.puzzle-card>footer{grid-column:1/-1}.puzzle-visual{height:110px}.puzzle-controls{margin:.2rem 0}}
.scene-art svg{filter:brightness(1.22) saturate(1.08)}
.freeplay-embedded .inventory-shell{padding-right:max(4.6rem,calc(env(safe-area-inset-right) + 4.1rem))}
.tour{position:fixed;z-index:190;inset:0;overflow:hidden;pointer-events:auto}.tour[hidden]{display:none}.tour-highlight{position:fixed;z-index:1;border:2px solid #f3cf82;border-radius:16px;box-shadow:0 0 0 9999px #02080dc2,0 0 0 6px #d1a55d30,0 0 34px #f0c56b88;pointer-events:none;transition:left .22s ease,top .22s ease,width .22s ease,height .22s ease}.tour-highlight[hidden]{display:none}.tour-card{position:fixed;z-index:2;left:50%;width:min(470px,calc(100% - 1.25rem));max-height:min(58dvh,520px);overflow:auto;padding:1rem 1.1rem;border:1px solid #e3bf7488;border-radius:20px;background:linear-gradient(145deg,#172c2ff8,#081518fc);box-shadow:0 25px 80px #000e,inset 0 1px #fff1;transform:translateX(-50%);transition:top .2s ease,bottom .2s ease}.tour-card[data-placement=bottom]{bottom:max(.65rem,env(safe-area-inset-bottom));top:auto}.tour-card[data-placement=top]{top:max(.65rem,env(safe-area-inset-top));bottom:auto}.tour-card[data-placement=center]{top:50%;bottom:auto;transform:translate(-50%,-50%)}.tour-card header{display:flex;align-items:center;justify-content:space-between}.tour-card header p{margin:0;color:var(--brass);font:800 .6rem system-ui,sans-serif;letter-spacing:.15em;text-transform:uppercase}.tour-card h2{margin:.25rem 0 .45rem;font-size:clamp(1.35rem,5vw,2rem)}.tour-card>p{margin:.25rem 0;color:#e5dcc9;font:550 .82rem/1.52 system-ui,sans-serif}.tour-card footer{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.8rem}.tour-icon{position:absolute;top:2.5rem;right:1.1rem;display:grid;width:54px;height:54px;place-items:center;border:1px solid #d1a55d55;border-radius:50%;background:#0d1c1e}.tour-icon svg{width:36px;fill:none;stroke:#dcb76b;stroke-linecap:round;stroke-width:2}.tour-tip{margin-top:.7rem;padding:.65rem .75rem;border-left:3px solid var(--brass);border-radius:6px;background:#d1a55d12;color:#d9c8a9;font:700 .72rem/1.45 system-ui,sans-serif}.tour-active .hotspot::after{opacity:1;transform:translate(-50%,-50%) scale(1)}
@media(max-width:760px){.tour-card{padding:.85rem}.tour-card h2{padding-right:58px}.tour-card>p{font-size:.76rem}.tour-tip{font-size:.68rem}.tour-icon{top:2.25rem;width:48px;height:48px}.freeplay-embedded .combine-button{margin-right:.1rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition-duration:.001ms!important}}body.reduced-motion *,body.reduced-motion *:before,body.reduced-motion *:after{animation:none!important;transition-duration:.001ms!important}
.hotspots{z-index:3}.hotspot::after{width:24px;height:24px;border:2px solid #ffe09a;background:radial-gradient(circle,#f6ce73 0 3px,#102023 4px 9px,#d1a55d 10px 11px,transparent 12px);box-shadow:0 0 0 6px #d1a55d30,0 0 24px #f0c66b99}.highlight-hotspots .hotspot{border-color:#e7c47855;background:#f3d78b0b;box-shadow:inset 0 0 25px #e8c06918}.scene-art svg{filter:brightness(1.58) saturate(1.12) contrast(.98)}
.hotspot::after{display:none}.hotspot-marker{position:absolute;z-index:2;top:50%;left:50%;width:26px;height:26px;border:2px solid #ffe09a;border-radius:50%;background:radial-gradient(circle,#f7d57f 0 3px,#13272a 4px 9px,#d1a55d 10px 11px,transparent 12px);box-shadow:0 0 0 7px #d1a55d32,0 0 26px #f0c66baa;opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.7);transition:.16s}.highlight-hotspots .hotspot-marker,.hotspot:hover .hotspot-marker,.hotspot:focus-visible .hotspot-marker,.hotspot.selected .hotspot-marker{opacity:1;transform:translate(-50%,-50%) scale(1)}
.freeplay-embedded .inventory-shell{padding-right:max(.55rem,env(safe-area-inset-right))}
.puzzle-visual.has-art{height:clamp(170px,29vh,230px);background:#0b1719}.puzzle-visual.has-art::before,.puzzle-visual.has-art::after{display:none}.puzzle-visual.has-art svg{display:block;width:100%;height:100%;filter:brightness(1.14) saturate(1.06)}
@media(max-width:760px){.puzzle-visual.has-art{height:155px}}@media(max-height:500px) and (orientation:landscape){.puzzle-visual.has-art{height:125px}}
.puzzle-visual-label{display:flex;align-items:baseline;justify-content:space-between;gap:.7rem;margin:.75rem .15rem -.5rem;color:#dec17e;font:800 .61rem/1.2 system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase}.puzzle-visual-label small{color:#9f9a8e;font-size:.56rem;font-weight:650;letter-spacing:.04em;text-transform:none}.puzzle-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem;margin:.15rem 0 .7rem}.puzzle-guide span{display:flex;align-items:center;justify-content:center;gap:.35rem;min-height:34px;border:1px solid #d1a55d35;border-radius:9px;background:#fff1;color:#d9cfba;font:750 .62rem/1 system-ui,sans-serif}.puzzle-guide b{display:grid;width:20px;height:20px;place-items:center;border-radius:50%;background:#c99b55;color:#15100a;font-size:.6rem}.answer-label{margin:0 0 .28rem;color:#b9ad98;font:800 .57rem/1.2 system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase}.sequence-empty{color:#989184;font:600 .68rem/1.3 system-ui,sans-serif;text-align:center}.puzzle-sequence:has(.sequence-empty){border-color:#d1a55d33;background:#0002}
@media(max-width:420px){.puzzle-visual-label small{display:none}.puzzle-guide span{font-size:.58rem}.puzzle-guide b{width:18px;height:18px}.puzzle-card{padding:.9rem}.puzzle-card h2{font-size:1.55rem}.puzzle-card>footer{position:sticky;bottom:-.9rem;z-index:2;margin:0 -.9rem -.9rem;padding:.65rem .9rem max(.65rem,env(safe-area-inset-bottom));background:linear-gradient(transparent,#091517 20%)}}