/* Actual portrait instrument artwork, with live view and accessible controls overlaid. */
html.retro-camera-open{background:#26170e!important;overflow:hidden}
html.retro-camera-open body{background:#26170e!important;margin:0;overflow:hidden}
html.retro-camera-open :is(.topbar,footer,.admin-manager-footer,.admin-corner,.demo-header,.demo-toolbar){display:none!important}
html.retro-camera-open :is(.wrap,.demo-wrap,.demo-main,.demo-main.demo-camera-page){margin:0!important;padding:0!important;width:100%!important;max-width:none!important;background:none!important;border:0!important;box-shadow:none!important;transform:none!important;filter:none!important;perspective:none!important}
/* The camera owns the visible viewport, independently of the page beneath it. */
.retro-viewport{--retro-view-width:100vw;--retro-view-height:100dvh;--retro-width:calc(var(--retro-view-width) - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px));--retro-height:calc(var(--retro-view-height) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));position:fixed;z-index:100;inset:0 auto auto 0;width:var(--retro-view-width);height:var(--retro-view-height);box-sizing:border-box;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);display:grid;place-items:center;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at center,#69452f,#24160f 78%)}
html.retro-camera-open .retro-camera.instant-camera{position:relative!important;box-sizing:border-box;width:min(var(--retro-width),calc(var(--retro-height) * .5625))!important;max-width:none!important;height:min(var(--retro-height),calc(var(--retro-width) * 16 / 9))!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;overflow:hidden;background:#63371e url('/assets/retro-camera/explorer-panel.jpg') center/contain no-repeat!important;box-shadow:0 0 70px #0008!important;animation:none!important;transform:none!important;color:#fff1d8;container-type:inline-size}
.retro-camera button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}

.retro-camera:before,.retro-camera:after{display:none!important}
html.retro-camera-open .retro-camera :is(.camera-top,.instant-camera-top){position:absolute;z-index:8;top:.5%;left:12%;right:12%;height:6%;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:7px;margin:0;padding:0;border:0;background:none}
.retro-camera :is(.camera-top,.instant-camera-top)>div{order:1;text-align:center;flex:1}
.retro-camera :is(.camera-top,.instant-camera-top) small{display:none}
.retro-camera :is(.camera-top,.instant-camera-top) strong{color:#fff0d2!important;text-shadow:0 2px 1px #281509!important;font:900 clamp(13px,3.4cqw,19px)/1.1 'Nunito'!important;white-space:nowrap}
.retro-camera :is(.camera-top,.instant-camera-top)>button,.retro-camera .instant-sound{position:relative;z-index:1;flex:none;display:grid;place-items:center;min-width:44px;min-height:44px;padding:5px!important;background:#3c2318e8!important;border:1px solid #cba071!important;border-radius:10px!important;box-shadow:inset 0 1px #f5cf9355,0 2px 3px #160a07!important;color:#fff3d6!important;font:800 12px/1 'Nunito'!important}
.retro-camera :is(.camera-top,.instant-camera-top)>button:first-child{font-size:23px!important;order:0}
.retro-camera #flip-camera{order:2}.retro-camera .instant-sound{order:3;font-size:10px!important;max-width:44px}
html.retro-camera-open .retro-camera .device-screen-bezel{position:absolute;inset:6.7% 5% auto!important;height:53.9%!important;box-sizing:border-box;padding:0!important;border:0!important;border-radius:6px!important;box-shadow:inset 0 0 15px #000!important;background:#131416!important;overflow:hidden;z-index:2}
html.retro-camera-open .retro-camera :is(.camera-stage,.demo-viewfinder){height:100%!important;min-height:0!important;width:100%!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:#17191c!important;aspect-ratio:auto!important}
.retro-camera .camera-placeholder{background:radial-gradient(ellipse at 50% 30%,#6e4d35,#21180f)!important;color:#fff0d0;padding:22px!important;display:flex;flex-direction:column;align-items:center;justify-content:center}
.retro-camera .camera-placeholder.hidden{display:none!important}
.retro-camera .camera-placeholder h2{font:900 24px/1.2 'Nunito'!important;color:#fff2d8!important;text-shadow:0 2px #261407!important}
.retro-camera .camera-placeholder p{color:#fff2d8!important;font:700 14px/1.4 'Nunito'!important;max-width:280px}
.retro-camera .camera-placeholder .lens-symbol{background:#573b28!important;color:#f8d6a1!important;border-color:#a88053!important}
.retro-camera #camera-retry{min-height:44px;background:#f0d6a3!important;color:#352112!important;border:2px solid #a4773b!important;box-shadow:0 3px #422c19!important;font-size:16px!important}
.retro-camera .camera-label{bottom:8px!important;font-size:10px!important;background:#251b15db!important;border:1px solid #dcbd8b!important;color:#fff0cc!important}
.retro-camera .leprechaun-guide span{display:none!important}.retro-camera .camera-clue-thumb{width:60px!important;background:#f0d9b0!important;border-color:#e6c18b!important}.retro-camera .camera-clue-thumb small{color:#482b18!important}
html.retro-camera-open .retro-camera :is(.camera-controls,.instant-camera-deck,.camera-actions,.device-capture-actions){position:static!important;margin:0!important;padding:0!important;border:0!important;background:none!important;min-height:0!important}
.retro-camera [hidden]{display:none!important}
/* The illustration supplies the copper shutter and its rim. Only the ink and
   interaction sit on it: no second button face, border or shadow. */
html.retro-camera-open .retro-camera .retro-shutter{appearance:none;position:absolute!important;left:76.8%;top:74.3%;width:31%!important;height:auto!important;aspect-ratio:1;box-sizing:border-box;min-height:0!important;min-width:0!important;border-radius:50%!important;margin:0!important;padding:0!important;border:0!important;outline:none;background:transparent!important;box-shadow:none!important;opacity:1!important;z-index:5;transition:none!important;transform:translate(-50%,-50%)!important;color:#48220f!important;display:grid;place-items:center}
.retro-shutter::before,.retro-shutter::after{display:none!important}
.retro-shutter-cap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:76%;height:76%;box-sizing:border-box;border:0;border-radius:50%;background:none;box-shadow:none;color:inherit;font:1000 clamp(11px,3.5cqw,17px)/1 'Nunito';letter-spacing:1px;text-shadow:0 1px #ffe3a866;transition:transform .12s,opacity .2s}
.retro-shutter-cap svg{width:29%;height:29%}.retro-shutter:disabled{filter:none!important;cursor:default}.retro-shutter:disabled .retro-shutter-cap{opacity:.45}.retro-is-ready .retro-shutter{filter:none!important}.retro-shutter:active:not(:disabled) .retro-shutter-cap{transform:translateY(2px) scale(.96)}.retro-shutter:hover:not(:disabled){filter:none!important}
.retro-calibration{appearance:none;position:absolute;z-index:4;left:25.5%;top:74.3%;width:31%;height:auto;aspect-ratio:1;border:0;border-radius:50%;background:none;padding:0;box-shadow:none;color:#ffe6b5;cursor:pointer;transform:translate(-50%,-50%)!important}

.retro-calibration-face{position:absolute;inset:12%;border-radius:50%;border:0;background:radial-gradient(circle,#283747,#15212c 65%,#101215);box-shadow:inset 0 0 7px #000;overflow:hidden}
.retro-calibration-ticks{position:absolute;inset:5px;border:7px solid transparent;border-radius:50%;background:repeating-conic-gradient(from -1deg,#e9c391 0deg 2deg,transparent 2deg 15deg);mask:radial-gradient(circle,transparent 56%,#000 58%);opacity:.9}
.retro-calibration-needle{position:absolute;left:45%;top:16%;width:10%;height:66%;background:linear-gradient(#ff8c5e 0 50%,#ddd1b9 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);transform:rotate(-55deg);transform-origin:50% 50%;filter:drop-shadow(0 2px 1px #000);transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.retro-is-finding .retro-calibration-needle{animation:retro-calibrate 2.8s ease-in-out infinite}.is-calibrated .retro-calibration-needle{transform:rotate(0deg);animation:none}.retro-calibration-hub{position:absolute;left:43%;top:43%;width:14%;height:14%;background:radial-gradient(circle at 30% 20%,#fff7d7,#b37b3c);border:1px solid #4d351f;border-radius:50%}.retro-calibration-letter{position:absolute;left:45%;top:4%;font:900 10px 'Nunito';color:#ffe6bc}.retro-calibration-word{position:absolute;left:0;right:0;bottom:14%;font:1000 clamp(9px,2.7cqw,13px)/1 'Nunito';color:#ffdb8e;letter-spacing:1px;text-shadow:0 1px #000}.is-calibrated .retro-calibration-word{color:#a6f7db}.is-calibrated .retro-calibration-face{box-shadow:inset 0 0 9px #000,0 0 7px #71dab766}
.retro-printed-label{position:absolute;z-index:4;top:87.4%;left:15%;width:70%;height:6.2%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;text-align:center;color:#392216;text-shadow:none}
.retro-printed-label strong{font:1000 clamp(13px,3.5cqw,18px)/1.1 'Nunito';color:#392216!important}.retro-printed-label>span{font:800 clamp(9px,2.6cqw,13px)/1.3 'Nunito';color:#68472b}
.retro-gear{position:absolute;width:10%;height:auto;aspect-ratio:1;z-index:3;pointer-events:none;filter:drop-shadow(0 2px 1px #241107)}.retro-gear svg{width:100%;height:100%;overflow:visible;animation:retro-cog 30s linear infinite}.retro-gear path{fill:#bc8042;stroke:#f1bd78;stroke-width:2}.retro-gear circle:first-of-type{fill:#402819;stroke:#e4b272;stroke-width:4}.retro-gear circle:last-of-type{fill:#a2642b;stroke:#f7cc8c;stroke-width:2}.retro-gear-one{left:1.2%;top:61.5%;width:8%}.retro-gear-two{left:5.2%;top:64.5%;width:10%}.retro-gear-two svg{animation-direction:reverse}.retro-is-finding .retro-gear svg{animation-duration:9s}
.retro-assistance{position:absolute;z-index:10;left:8%;right:8%;bottom:40%;border:1px solid #d5ac79;border-radius:10px;background:#2d2119f5;padding:12px;box-shadow:0 5px 18px #0008;color:#fff1da;text-align:center}.retro-assistance p{font:700 13px/1.4 'Nunito';margin:0 0 8px;color:#fff1da!important}.retro-assistance button{min-height:44px;border:1px solid #c89c64;border-radius:7px;background:#f6deba;color:#412714;font:900 14px 'Nunito';padding:8px 18px}.retro-demo-label{position:absolute;top:95.5%;left:0;right:0;text-align:center;font:900 10px 'Nunito';color:#ffe4bd;letter-spacing:1.3px}
.retro-camera :focus-visible{outline:3px solid #fff!important;outline-offset:3px!important;box-shadow:0 0 0 6px #1f70b8!important}
@keyframes retro-cog{to{transform:rotate(360deg)}}@keyframes retro-calibrate{0%,100%{transform:rotate(-60deg)}50%{transform:rotate(75deg)}}
@media(prefers-reduced-motion:reduce){.retro-camera :is(.retro-gear svg,.retro-calibration-needle){animation:none!important;transition:none!important}}html[data-world-motion=off] .retro-camera :is(.retro-gear svg,.retro-calibration-needle){animation:none!important;transition:none!important}
@container(max-width:280px){.retro-camera :is(.camera-top,.instant-camera-top)>div{display:none}.retro-camera :is(.camera-top,.instant-camera-top){left:8%!important;right:8%!important;height:44px!important}.retro-camera .retro-printed-label{gap:1px}.retro-camera .retro-printed-label strong{font-size:11px!important}.retro-camera .retro-printed-label>span{font-size:9px!important}.retro-camera .retro-assistance{left:4%;right:4%;padding:8px}.retro-camera .retro-assistance p{font-size:11px}.retro-camera .retro-assistance button{padding:6px;font-size:12px}.retro-camera .camera-clue-thumb{display:none}.retro-camera .retro-demo-label{font-size:8px}}

html.retro-camera-open #app,html.retro-camera-open #demo-app{min-height:0!important}
html.retro-camera-open .demo-wrap>.fine{display:none}
.retro-camera .retro-calibration{box-sizing:border-box;max-width:none;min-width:0;margin:0}.retro-camera .retro-calibration:before,.retro-camera .retro-calibration:after{display:none}

html.retro-camera-open body:before,html.retro-camera-open body:after{display:none!important}
html.retro-camera-open body{background:radial-gradient(ellipse at center,#69452f,#24160f 78%)!important}