:root{--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px);--su-ink: #1d1a2e;--su-paneel: #fff8ee;--su-knop: 46px;--su-sys-breedte: 232px }.su-sys{position:fixed;top:calc(12px + var(--sat));right:12px;display:flex;gap:8px;z-index:80}.su-sys__btn{width:var(--su-knop);height:var(--su-knop);border-radius:14px;border:none;background:#fffffff0;color:var(--su-ink);cursor:pointer;padding:calc(var(--su-knop) * .217);box-shadow:0 3px #0000004d;display:grid;place-items:center;-webkit-tap-highlight-color:transparent;touch-action:manipulation;font:inherit}.su-sys__btn svg{width:100%;height:100%;display:block}.su-sys__btn.is-uit{opacity:.55}.su-sys__btn:hover{background:#fff}.su-sys__btn:active{transform:translateY(2px);box-shadow:0 1px #0000004d}.su-sys__btn[hidden]{display:none!important}.su-sys__btn:focus-visible{outline:3px solid #ffd24d;outline-offset:2px}.su-eind{display:flex;align-items:flex-end;gap:6px;width:min(100%,560px)}.su-eind__sint{width:clamp(90px,22vmin,170px);height:auto;flex:none;filter:drop-shadow(0 8px 12px rgba(0,0,0,.5));animation:su-sint .6s cubic-bezier(.2,1.5,.4,1) backwards}.su-paneel{flex:1;background:var(--su-paneel, #fff8ee);color:var(--su-ink, #1d1a2e);border-radius:26px;padding:22px 20px 28px;width:min(100%,520px);max-height:calc(100vh - 40px - var(--sat, 0px) - var(--sab, 0px));overflow-y:auto;box-shadow:0 14px 40px #00000080;box-sizing:border-box;position:relative;text-align:center}.su-paneel__acties{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:20px;width:100%}.su-paneel__acties>button{width:min(100%,300px);box-sizing:border-box}@keyframes su-sint{0%{transform:translateY(40px) scale(.6);opacity:0}to{transform:none;opacity:1}}@media (max-width: 480px){.su-eind{flex-direction:column;align-items:center}.su-eind__sint{width:92px;margin-bottom:-18px;z-index:1}}@media (prefers-reduced-motion: reduce){.su-eind__sint{animation:none}}:root{--es-font: "Nunito", system-ui, sans-serif;--es-titelfont: "Chewy", "Nunito", sans-serif;--es-accent: #ffd23f;--es-accent-dark: #6b120c;--es-rood: #c8201a;--es-rood-dark: #7a0f0a;--es-tekst: #fff6e5;--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px)}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#2a140c}.es-root{position:fixed;top:0;right:0;bottom:0;left:0;font-family:var(--es-font);color:var(--es-tekst);background:radial-gradient(ellipse at 50% 30%,#4a2416,#2a140c 70%);user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.es-root [hidden]{display:none!important}.es-speel{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;justify-content:center;padding:calc(6px + var(--sat)) 8px calc(6px + var(--sab));box-sizing:border-box;gap:6px}.es-top{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding-right:var(--su-sys-breedte);min-height:var(--su-knop);padding-top:6px}.es-kamer{font-weight:800;font-size:clamp(12px,2.2vmin,16px);white-space:nowrap;opacity:.9}.es-opdracht{font-weight:600;font-size:clamp(13px,2.4vmin,18px);background:#0000004d;border-radius:999px;padding:6px 14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.es-hintknop{font-family:var(--es-font);font-weight:800;font-size:clamp(13px,2.4vmin,18px);border:none;border-radius:999px;padding:7px 16px;background:var(--es-accent);color:var(--es-accent-dark);cursor:pointer;border-bottom:4px solid #a8780e}.es-podiumwrap{flex:0 1 auto;min-height:0;display:flex;align-items:center;justify-content:center}.es-podium{position:relative;aspect-ratio:3 / 2;max-width:100%;max-height:100%;width:min(100%,calc((100vh - 170px)*1.5));border-radius:14px;overflow:hidden;box-shadow:0 14px 34px #00000080,0 0 0 3px #ffecc859}.es-podium.schud{animation:es-schud .35s}@keyframes es-schud{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.es-bgimg{position:absolute;top:0;right:0;bottom:0;left:0;background:#3a2214 center / cover no-repeat}.es-donker{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;background:radial-gradient(circle at 50% 40%,#05030cbf 0,#05030cf2 65%);pointer-events:none}.es-voorwerpen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.es-vw{position:absolute;transform:translate(-50%,-100%);background:none;border:none;padding:0;cursor:pointer;transition:transform .15s,filter .2s}.es-vw img,.es-vec{width:100%;display:block;filter:drop-shadow(0 4px 4px rgba(0,0,0,.45));pointer-events:none}.es-vw:hover{filter:brightness(1.08)}.es-vw:active{transform:translate(-50%,-100%) scale(.95)}.es-vw.opzij{transform:translate(-50%,-100%) translate(-22%) rotate(-12deg)}.es-vw.gedaan img{filter:drop-shadow(0 0 10px #ffd23f) brightness(1.1)}.es-vw.open img,.es-vw.open .es-vec{filter:drop-shadow(0 0 14px #ffe36b)}.es-vw--lamp{z-index:6}.es-vw.wiebel{animation:es-wiebel .5s ease-in-out 3}@keyframes es-wiebel{0%,to{translate:0 0}25%{translate:-7px 0}75%{translate:7px 0}}.es-vec{aspect-ratio:1}.es-vec--lamp{background:radial-gradient(circle at 50% 68%,#fff6c8 0 26%,#ffd23f 28% 40%,transparent 43%),linear-gradient(#3d1d08,#3d1d08) 50% 0 / 8% 42% no-repeat}.es-vw--lamp.aan .es-vec--lamp{filter:drop-shadow(0 0 28px #ffe36b) brightness(1.2)}.es-vec--sleutel{aspect-ratio:1.6;background:radial-gradient(circle at 24% 50%,#ffd23f 26%,#8a5a00 27% 32%,transparent 33%),linear-gradient(#ffd23f,#ffd23f) 42% 50% / 58% 20% no-repeat,linear-gradient(#ffd23f,#ffd23f) 86% 64% / 9% 38% no-repeat,linear-gradient(#ffd23f,#ffd23f) 72% 64% / 9% 38% no-repeat}.es-vec--kist{aspect-ratio:1.3;background:linear-gradient(#8a4a1e,#6b3512) 0 35% / 100% 65% no-repeat,linear-gradient(#a05a24,#8a4a1e) 0 0 / 100% 40% no-repeat;border-radius:18% 18% 8% 8%;box-shadow:inset 0 0 0 4px #3d1d08,inset 0 -8px #3d1d08;position:relative}.es-vec--kist:after{content:"";position:absolute;left:44%;top:40%;width:12%;aspect-ratio:1;background:#ffd23f;border-radius:30%;box-shadow:0 0 0 2px #3d1d08}.es-vw.open .es-vec--kist{background:linear-gradient(#8a4a1e,#6b3512) 0 35% / 100% 65% no-repeat,linear-gradient(#a05a24,#8a4a1e) 0 -30% / 100% 40% no-repeat}.es-vec--briefje{aspect-ratio:.8;background:#fff8e6;border:3px solid #3d1d08;border-radius:6px;box-sizing:border-box;background-image:repeating-linear-gradient(transparent 0 22%,#3a1a0840 22%,#3a1a0840 26%)}.es-vec--klok{border-radius:50%;background:#fff8e6;border:4px solid #3d1d08;box-sizing:border-box;position:relative}.es-vec--klok:before{content:"";position:absolute;left:50%;top:50%;width:6%;height:34%;background:#3d1d08;transform-origin:50% 0;transform:rotate(180deg)}.es-vec--klok:after{content:"";position:absolute;left:50%;top:50%;width:6%;height:26%;background:#c8201a;transform-origin:50% 0;transform:rotate(-60deg)}.es-vec--slot{aspect-ratio:.9;background:#3a3a4a;border-radius:12%;box-shadow:inset 0 0 0 3px #15151f;position:relative}.es-vec--slot:after{content:"• • •";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#ffd23f;font-weight:900;font-size:1.1em;letter-spacing:.1em}.es-vec--kleurslot{aspect-ratio:1.6;background:#3a3a4a;border-radius:14%;box-shadow:inset 0 0 0 3px #15151f;position:relative}.es-vec--kleurslot:after{content:"";position:absolute;left:10%;top:30%;width:80%;height:40%;background:linear-gradient(90deg,#d9342b 0,#d9342b 25%,#ffd23f 25%,#ffd23f 50%,#2f9e44 50%,#2f9e44 75%,#2b6fd6 75%);border-radius:999px;box-shadow:0 0 0 2px #15151f}.es-vec--deur{aspect-ratio:.55;background:linear-gradient(#8a4a1e,#6b3512);border:5px solid #3d1d08;border-bottom:none;border-radius:40% 40% 0 0/25% 25% 0 0;box-sizing:border-box;position:relative}.es-vec--deur:after{content:"";position:absolute;right:16%;top:52%;width:10%;aspect-ratio:1;border-radius:50%;background:#ffd23f}.es-vw.open .es-vec--deur{background:radial-gradient(#ffe9a0,#c97a1a);box-shadow:0 0 40px #ffe36b}.es-vec--knop{border-radius:50%;border:4px solid #15151f;box-sizing:border-box;box-shadow:inset 0 -6px #00000040}.es-toast{position:absolute;left:50%;bottom:5%;transform:translate(-50%);z-index:8;background:var(--es-accent);color:var(--es-accent-dark);font-weight:800;font-size:clamp(13px,2.4vmin,19px);border-radius:999px;padding:8px 18px;white-space:nowrap;max-width:94%;overflow:hidden;text-overflow:ellipsis;pointer-events:none;box-shadow:0 4px 12px #00000059}.es-toast.pop{animation:es-pop .3s cubic-bezier(.2,1.6,.4,1)}@keyframes es-pop{0%{transform:translate(-50%) scale(.6)}to{transform:translate(-50%) scale(1)}}.es-inventaris{align-self:center;width:min(100%,calc((100vh - 170px)*1.5));box-sizing:border-box;display:flex;align-items:center;gap:10px;min-height:clamp(54px,9vmin,80px);background:#00000059;border-radius:14px;padding:4px 12px}.es-inventaris__label{font-weight:700;font-size:clamp(12px,2.2vmin,16px);opacity:.85}.es-items{display:flex;gap:8px}.es-items__leeg{font-weight:500;opacity:.6;font-size:clamp(12px,2.2vmin,16px)}.es-item{width:clamp(44px,7.5vmin,66px);height:clamp(44px,7.5vmin,66px);border-radius:12px;border:3px solid rgba(255,255,255,.35);background:#ffffff1f;padding:4px;cursor:pointer}.es-item img{width:100%;height:100%;object-fit:contain}.es-item.actief{border-color:var(--es-accent);background:#ffd23f4d;transform:scale(1.08);box-shadow:0 0 14px #ffd23f99}.es-paneel{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;background:#14080699}.es-paneel__kaart{background:#fff8e6;color:#3a1a08;border-radius:18px;padding:18px 20px;display:flex;flex-direction:column;align-items:center;gap:12px;min-width:min(90vw,320px);box-shadow:0 14px 34px #00000080}.es-paneel__titel{font-weight:800;font-size:clamp(16px,3vmin,22px)}.es-code__display{display:flex;gap:8px}.es-code__cijfer{width:clamp(36px,7vmin,52px);height:clamp(44px,8vmin,62px);border-radius:8px;background:#1b1b24;color:#ffd23f;font-weight:900;font-size:clamp(22px,5vmin,36px);display:flex;align-items:center;justify-content:center}.es-code__cijfer--kleur{border:3px solid #1b1b24;background:transparent;border-radius:50%}.es-code__toetsen{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.es-code__toets{width:clamp(44px,8vmin,60px);height:clamp(44px,8vmin,60px);border-radius:12px;border:none;background:var(--es-rood);color:#fff;font-weight:800;font-size:clamp(18px,3.4vmin,26px);cursor:pointer;border-bottom:4px solid var(--es-rood-dark)}.es-code__wis{background:#777;border-bottom-color:#444;display:grid;place-items:center;padding:0}.es-code__wis svg{width:58%;height:58%}.es-kleur__toetsen{display:flex;gap:10px}.es-kleur__toets{width:clamp(48px,9vmin,66px);height:clamp(48px,9vmin,66px);border-radius:50%;border:4px solid #1b1b24;cursor:pointer;box-shadow:inset 0 -6px #00000040}.es-aanwijzing__tekst{font-family:var(--es-titelfont);font-size:clamp(28px,7vmin,64px);color:var(--es-rood);text-align:center}.es-aanwijzing__beeld{height:clamp(80px,20vmin,180px)}.es-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:45;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(8px,1.6vmin,16px);padding:calc(16px + var(--sat)) 16px calc(16px + var(--sab));overflow-y:auto;background:linear-gradient(180deg,#5a0c0a,#9c1f14 55%,#c8442a 130%)}.es-hero{height:clamp(140px,30vmin,300px);width:auto;filter:drop-shadow(0 8px 10px rgba(0,0,0,.4))}.es-titel{margin:0;font-family:var(--es-titelfont);font-weight:400;text-align:center;font-size:clamp(38px,9vmin,88px);color:var(--es-accent);-webkit-text-stroke:clamp(4px,1vmin,9px) var(--es-accent-dark);paint-order:stroke fill;text-shadow:0 5px 0 #3a0906,0 10px 20px rgba(0,0,0,.4);line-height:1;transform:rotate(-2deg);text-wrap:balance}.es-voortgang{font-weight:600;font-size:clamp(13px,2.4vmin,18px)}.es-knop{font-family:var(--es-font);font-weight:800;cursor:pointer;border:none;border-radius:18px;background:var(--es-rood);color:#fff;font-size:clamp(16px,3vmin,24px);padding:clamp(10px,2vmin,16px) clamp(20px,4vmin,36px);border-bottom:6px solid var(--es-rood-dark);box-shadow:0 6px 14px #0000004d;transition:transform .08s}.es-knop:active{transform:translateY(3px);border-bottom-width:3px}.es-knop--groot{background:var(--es-accent);color:var(--es-accent-dark);border-bottom-color:#a8780e;font-size:clamp(20px,3.6vmin,32px)}.es-knop--licht{background:#ffffff38;border-bottom-color:#0000004d}.es-knoprij{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin-top:20px}.es-eind .su-paneel .es-eind__sub{color:#5a4a7a}.es-eind .su-paneel .es-knop{font-size:clamp(18px,3.6vmin,24px);padding:14px 24px}.es-sint{height:clamp(140px,30vmin,300px);filter:drop-shadow(0 8px 10px rgba(0,0,0,.4))}.es-eind__titel{margin:0;font-family:var(--es-titelfont);font-weight:400;font-size:clamp(30px,7vmin,64px);color:var(--es-accent);-webkit-text-stroke:clamp(3px,.8vmin,7px) var(--es-accent-dark);paint-order:stroke fill;text-shadow:0 4px 0 #3a0906;text-align:center}.es-eind__sterren{display:flex;justify-content:center;gap:6px;margin:6px 0}.es-ster{width:clamp(34px,8vmin,72px);height:clamp(34px,8vmin,72px);fill:var(--es-accent);stroke:#a8780e;stroke-width:1;filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));animation:es-sterpop .5s backwards}.es-ster:nth-child(2){animation-delay:.15s}.es-ster:nth-child(3){animation-delay:.3s}.es-ster--leeg{fill:#d9d2c4;stroke:#b8b0a0;animation:none}@keyframes es-sterpop{0%{transform:scale(0)}to{transform:scale(1)}}.es-eind__sub{font-weight:600;font-size:clamp(14px,2.6vmin,20px);text-align:center}@media (max-width: 600px){.es-speel{padding-top:calc(12px + var(--su-knop) + 8px + var(--sat))}.es-top{grid-template-columns:1fr auto;padding-right:0}.es-kamer{display:none}.es-podium{width:100%}}