/* De Geheime Sinterklaasvilla – uitsluitend stijlen voor .sv. */
.sv{--plum:#30243e;--wine:#762d37;--wine2:#a84345;--cream:#fff8ed;--gold:#f0c97d;--muted:#695853;--green:#30785e;--line:#ead9c0;--shadow:0 16px 45px rgba(56,30,49,.12);font-family:Arial,Helvetica,sans-serif;color:#382e31;max-width:1280px;width:calc(100% - 34px);margin:0 auto 64px;box-sizing:border-box}
.sv *{box-sizing:border-box}.sv [hidden]{display:none!important}.sv button,.sv input{font:inherit}.sv button{cursor:pointer}.sv button:disabled{cursor:not-allowed;opacity:.55}.sv button:focus-visible,.sv a:focus-visible,.sv input:focus-visible{outline:4px solid #ecbc5f;outline-offset:3px}.sv h1,.sv h2,.sv h3{font-family:'Roboto Condensed','Arial Narrow',Arial,sans-serif;letter-spacing:-.025em}.sv h2{font-size:clamp(1.85rem,3vw,2.7rem);line-height:1.12;color:#672c36;margin:8px 0 12px}.sv p{line-height:1.65}.sv .sv-section-kicker{font-size:.77rem;letter-spacing:.13em;font-weight:900;color:#ad663f}.sv-btn{appearance:none;border:0;border-radius:14px;padding:14px 19px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:800;transition:transform .15s,box-shadow .15s,background .15s}.sv-btn:hover:not(:disabled){transform:translateY(-2px)}.sv-btn-primary{background:#f0c678;color:#5d2b32;box-shadow:0 5px 0 #bf9252}.sv-btn-primary:hover{background:#ffdda0}.sv-btn-quiet{background:#ffffffee;color:#65363b;border:1px solid #eadacb}.sv-btn-outline{color:#71353e;background:#fff8ee;border:2px solid #e2b69a}.sv-btn-dark{background:var(--wine);color:white}.sv-btn-dark:hover{background:#5d2630}
.sv-intro{margin:24px 0 24px;padding:clamp(23px,3.4vw,42px);border-radius:26px;background:radial-gradient(ellipse at 90% 0,#6a5068aa,transparent 38%),linear-gradient(120deg,#472840,#7e3944 72%,#c16c43);color:#fff8ea;box-shadow:var(--shadow);display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,300px);gap:22px;align-items:center;position:relative;overflow:hidden}.sv-intro:after{content:'✦     ✧      ✦       ✧';position:absolute;right:0;top:15px;font-size:31px;letter-spacing:18px;color:#ffe6a1;opacity:.29;pointer-events:none}.sv-eyebrow{background:#fff0cb;color:#6d3a3b;font-weight:800;border-radius:50px;padding:9px 15px;display:inline-block;font-size:.83rem}.sv-intro h1{font-size:clamp(2.6rem,5.2vw,5.15rem);font-weight:900;color:#fff!important;line-height:1.04;margin:15px 0 14px;text-shadow:none}.sv-intro h1 em{color:#ffdfa1;font-style:normal;display:block}.sv-intro-copy>p{max-width:750px;color:#fff3e7;font-size:1.065rem;line-height:1.67}.sv-intro-actions{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0 10px}.sv-intro .sv-note{color:#ffe6d3;font-size:.83rem;margin:14px 0 0}.sv-hud{padding:24px;border-radius:22px;background:#fff8e8;color:#553a3d;border:2px solid #f5da9d;box-shadow:0 12px 36px #23112733;position:relative;z-index:1}.sv-hud-top{display:flex;justify-content:space-between;gap:12px;align-items:center;font-weight:900}.sv-hud-top strong{background:#7a343c;color:white;border-radius:99px;padding:6px 11px}.sv-progress-track{margin:15px 0;height:17px;background:#ebd9ba;border-radius:99px;overflow:hidden}.sv-progress-track>div{width:0;height:100%;border-radius:99px;background:linear-gradient(90deg,#3f9b71,#f4c16b);transition:width .4s}.sv-hud-bottom{display:flex;justify-content:space-between;gap:13px;flex-wrap:wrap;font-size:.88rem;font-weight:800}
.sv-house-section{border:1px solid #dfd9d8;border-radius:25px;background:linear-gradient(#edf3fb,#fff8ed);padding:clamp(16px,3vw,30px);box-shadow:var(--shadow)}.sv-heading{display:flex;justify-content:space-between;align-items:center;gap:14px}.sv-heading p{margin:0 0 22px;color:#625754}.sv-moon{font-size:3.2rem;filter:drop-shadow(0 5px 9px #e9b46177)}.sv-house-scroll{overflow-x:auto;border-radius:20px;border:5px solid #caa06b;box-shadow:0 16px 33px #2633542c;background:#152b59;scrollbar-color:#9d764f #e8d9c2}.sv-house{position:relative;width:100%;min-width:680px;line-height:0}.sv-house>img{display:block;width:100%;height:auto}.sv-hotspot{position:absolute;background:transparent;border:3px solid transparent;border-radius:20px;line-height:1;transition:border-color .2s,box-shadow .2s,background .2s;touch-action:manipulation}.sv-hotspot:hover,.sv-hotspot:focus-visible{border-color:#ffdf87;box-shadow:0 0 0 5px #ffd57c44,inset 0 0 55px #ffdc6e33;background:#ffffff0c;outline:none}.sv-hot-work{left:8.5%;top:46.2%;width:23.5%;height:11.5%}.sv-hot-vault{left:40%;top:46.2%;width:22%;height:11.5%}.sv-hot-kitchen{left:69%;top:46%;width:25%;height:11.5%}.sv-hot-stable{left:7%;top:71%;width:27%;height:11%}.sv-hot-attic{left:38%;top:20%;width:25%;height:10.7%}.sv-hot-bedroom{left:69%;top:71%;width:25%;height:11%}.sv-hintline{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#574640;font-weight:800;font-size:.88rem;padding:13px 4px 20px}.sv-rooms{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.sv-room-card{display:flex;min-width:0;flex-direction:column;padding:0;border:2px solid #e8d5b8;border-radius:18px;background:#fffefd;text-align:left;overflow:hidden;transition:transform .15s,box-shadow .15s,border-color .15s}.sv-room-card:hover{transform:translateY(-4px);box-shadow:0 12px 19px #5d373125;border-color:#bc785d}.sv-room-card[aria-current=true]{border-color:#2c8a67;box-shadow:0 0 0 3px #b5dfcb}.sv-room-card.is-done{background:#f0fcf4;border-color:#82bba0}.sv-room-card.is-locked{background:#f7f3f1}.sv-room-img{display:block;aspect-ratio:1.9;overflow:hidden;background:#403145}.sv-room-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.sv-room-card:hover .sv-room-img img{transform:scale(1.07)}.sv-room-text{display:flex;flex-direction:column;gap:6px;padding:15px 13px;flex:1}.sv-room-text>span:first-child{font-size:.66rem;letter-spacing:.1em;color:#aa6948;font-weight:900}.sv-room-text strong{font-family:'Roboto Condensed','Arial Narrow',Arial,sans-serif;color:#60323b;font-size:1.28rem;line-height:1.15}.sv-room-text small{font-size:.85rem;line-height:1.45;flex:1;color:#665752}.sv-room-text em{font-style:normal;font-size:.76rem;background:#f5e8d4;color:#84503c;padding:8px;border-radius:9px;text-align:center;margin-top:6px;font-weight:800}.sv-room-card.is-done .sv-room-text em{background:#d9f1e0;color:#256b4f}.sv-room-card.is-locked .sv-room-text em{background:#ebe6e4}
.sv-bag{margin:21px 0;background:linear-gradient(125deg,#fff6df,#f7ede1);border:1px solid #e9d5b6;border-radius:20px;padding:18px 22px;display:flex;justify-content:space-between;align-items:center;gap:15px}.sv-bag-title{font-family:'Roboto Condensed',sans-serif;font-size:1.35rem;font-weight:800;color:#774039}.sv-bag p{margin:5px 0 0;font-size:.88rem;color:#675751}.sv-bag-icons{display:flex;flex-wrap:wrap;gap:10px}.sv-bag-item{width:56px;height:56px;border:2px solid #ecd2a3;background:white;border-radius:15px;display:grid;place-items:center;font-size:2.15rem;box-shadow:0 5px 10px #5a302012}.sv-empty{font-size:.89rem;color:#89695d;font-style:italic}.sv-stage{margin:26px 0 22px;border:1px solid #e4d3ba;border-radius:24px;background:#fffefa;padding:clamp(16px,3vw,30px);box-shadow:var(--shadow);scroll-margin-top:90px}.sv-stage-head{display:flex;justify-content:space-between;gap:20px;align-items:center}.sv-stage-head h2{margin:5px 0}.sv-stage-head p{margin:0 0 16px;color:#64534d}.sv-room-banner{height:165px;background-color:#4d3145;background-size:cover;background-position:center;border-radius:17px;margin:7px 0 23px;border:3px solid #d9b78b;box-shadow:inset 0 0 0 999px #1610281b}.sv-task{padding:8px 0 0}.sv-task h3{font-size:1.65rem;color:#74353e;margin:0 0 10px}.sv-task p{margin:6px 0 18px;color:#534a47}.sv-feedback{min-height:1.6em;font-size:1rem;font-weight:800;color:#8e433c;margin:17px 0 0}.sv-feedback.is-good{color:#216c4b}.sv-targets,.sv-found-list{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 22px}.sv-target{border:1px solid #e9ceac;border-radius:100px;background:#fff3de;color:#683f39;padding:9px 13px;font-weight:800;font-size:.91rem}.sv-target.done{background:#ddf2e2;border-color:#74b293;color:#245e40;text-decoration:line-through}.sv-search-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;background:linear-gradient(125deg,#f0e4cc,#faedda);border-radius:20px;padding:17px;max-width:790px;margin:10px auto}.sv-find{min-height:100px;background:#fffef7;border:3px solid #e3cdb0;border-radius:17px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;transition:transform .15s,border-color .15s}.sv-find:hover{transform:scale(1.035);border-color:#c49368}.sv-find span{font-size:3rem;line-height:1.2}.sv-find small{font-size:.85rem;color:#655149;font-weight:800}.sv-find.is-found{background:#e0f3e4;border-color:#5a9e7d}.sv-find.is-found:after{content:'✓';font-size:.9rem;color:#246b4c;font-weight:900}.sv-recipe-display{border:3px dashed #e2bb8b;border-radius:18px;padding:20px;background:#fff3e0;text-align:center;max-width:690px;margin:18px auto}.sv-recipe-display>div{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:17px 0}.sv-recipe-digit{font-size:2.5rem;background:#fff;border:1px solid #e2bd8b;border-radius:16px;min-width:95px;min-height:95px;padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.sv-recipe-digit small{font-size:.7rem;font-weight:700}.sv-countdown{font-size:.93rem;font-weight:800;color:#7a433a}.sv-ingredient-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:20px}.sv-ing{background:#fff7eb;border:2px solid #e3c39b;border-radius:15px;min-height:114px;font-weight:900;color:#5f3d3c;display:grid;place-items:center;gap:4px;padding:11px}.sv-ing span{font-size:3.15rem;line-height:1.15}.sv-ing:hover{border-color:#9d623f;background:#fff0d9}.sv-vault-bins{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;max-width:850px;margin:20px auto}.sv-vault-bin{padding:16px 10px;border:2px solid #e2c393;background:linear-gradient(#fff9ed,#f9e7c9);border-radius:17px;text-align:center}.sv-vault-bin strong{display:block;margin:0 0 11px;color:#754233}.sv-vault-icons{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;min-height:75px;align-items:center;font-size:2rem}.sv-vault-form{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;align-items:center}.sv-vault-form label{display:block;width:100%;text-align:center;font-weight:800}.sv-code{border:3px solid #c6a574;border-radius:15px;background:#fff9ee;letter-spacing:.25em;padding:12px 16px;text-align:center;width:210px;font-size:2rem;font-weight:900;color:#77353c}.sv-maze-wrap{display:grid;grid-template-columns:minmax(0,440px) minmax(180px,290px);gap:25px;align-items:center;justify-content:center;margin:20px auto}.sv-maze-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border:5px solid #9b6e45;background:#fff8e8;border-radius:6px;overflow:hidden;aspect-ratio:1;width:min(100%,440px);box-shadow:0 12px 28px #7b482a25}.sv-maze-cell{position:relative;display:flex;align-items:center;justify-content:center;font-size:clamp(1.3rem,3vw,2.3rem);background:#fff9e8}.sv-maze-cell:nth-child(odd){background:#fcf0da}.sv-maze-cell.is-player{background:#d9f0e0}.sv-maze-cell.is-goal{background:#ffebaa}.sv-maze-extras{text-align:center}.sv-maze-extras p{font-weight:800;margin-bottom:13px}.sv-directions{display:grid;grid-template-areas:'. up .' 'left down right';grid-template-columns:repeat(3,74px);grid-template-rows:repeat(2,63px);gap:7px;justify-content:center}.sv-dir{font-size:1.85rem;background:#fff0dc;border:2px solid #dcb98c;border-radius:13px;color:#67363b;font-weight:900}.sv-dir[data-direction='N']{grid-area:up}.sv-dir[data-direction='S']{grid-area:down}.sv-dir[data-direction='W']{grid-area:left}.sv-dir[data-direction='E']{grid-area:right}.sv-puzzle-note{background:#f4e6c8;border-left:5px solid #c98c47;border-radius:11px;padding:17px 19px;line-height:1.9;font-weight:800;margin:20px auto;max-width:720px}.sv-puzzle-choices{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin:22px 0}.sv-puzzle-choice{width:125px;min-height:130px;background:#fff7df;border:2px solid #d5af79;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.sv-puzzle-choice span{font-size:3.8rem}.sv-puzzle-choice strong{font-size:.92rem;color:#633e38}.sv-puzzle-choice:disabled{opacity:.25}.sv-steps-progress{text-align:center;font-size:2.3rem;letter-spacing:.2em;min-height:54px;color:#845037;font-weight:900}.sv-stage-success{text-align:center;background:linear-gradient(135deg,#e7f7e8,#fff9dd);border:2px solid #acd5b1;border-radius:23px;padding:28px;margin:14px 0}.sv-stage-success>div:first-child{font-size:4.3rem}.sv-stage-success h3{font-size:2rem;color:#2f7055;margin:10px 0}.sv-stage-success p{max-width:680px;margin:8px auto 17px}.sv-bonus{background:linear-gradient(130deg,#ecedff,#fff1e0);border:2px solid #d6c5e2;padding:24px;text-align:center;border-radius:19px}.sv-bonus h3{color:#6c3f76}.sv-bonus-picks{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin:20px 0}.sv-bonus-pick{font-size:4rem;min-width:115px;min-height:120px;background:#fff;border:2px solid #dcc5db;border-radius:18px}
.sv-final{background:linear-gradient(130deg,#f0f6ee,#fff1d5);border:2px solid #e6c998;border-radius:24px;padding:clamp(20px,4vw,40px);text-align:center;margin:29px 0}.sv-final h2{font-size:clamp(2rem,4vw,3rem);margin:10px}.sv-final>p{max-width:730px;margin:0 auto 14px}.sv-final-confetti{font-size:2.2rem;letter-spacing:.4em}.sv-final-score{display:inline-flex;border-radius:100px;padding:11px 22px;font-weight:900;color:#5e3832;background:#f7dca4;margin:8px 0 18px}.sv-cert-controls{max-width:760px;margin:0 auto 28px}.sv-cert-controls label{display:block;font-weight:900;color:#663b36;margin:6px 0 12px}.sv-cert-controls>div{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.sv-cert-controls input{border:2px solid #cba985;border-radius:12px;padding:12px 14px;background:white;min-height:48px;width:min(100%,300px)}.sv-cert-controls p{font-size:.85rem;color:#715d51}.sv-certificate{max-width:860px;margin:22px auto 25px;min-height:480px;background:linear-gradient(135deg,#fffef9,#fff3d8);border:10px double #986f4e;border-radius:20px;padding:35px 35px 27px;box-shadow:0 14px 32px #6c443327;color:#623b34}.sv-cert-corner{font-size:1.8rem;letter-spacing:1rem;color:#c69b62}.sv-cert-crest{font-size:3.6rem;margin:12px}.sv-certificate>span{font-weight:900;letter-spacing:.15em;font-size:.81rem;color:#916b4e}.sv-certificate h3{font-size:clamp(2rem,4vw,3.35rem);line-height:1.08;color:#7b2e3f;margin:12px 0 21px}.sv-certificate h3 em{font-style:normal;color:#a2653a}.sv-certificate p{font-size:1.05rem;max-width:640px;margin:12px auto}.sv-cert-name{font-family:'Roboto Condensed','Arial Narrow',Arial,sans-serif;font-size:clamp(2rem,4vw,3.1rem);font-weight:900;color:#7c303c;max-width:650px;border-block:2px solid #d9ad68;padding:16px;margin:13px auto}.sv-cert-stars{font-size:1.9rem;letter-spacing:.2rem;margin-top:14px}.sv-cert-sig{border-top:1px solid #d8bd95;display:flex;gap:20px;justify-content:space-between;margin-top:24px;padding-top:18px}.sv-cert-sig>div{text-align:left}.sv-cert-sig small{display:block;color:#8d654c;margin-bottom:7px}.sv-cert-sig strong{color:#6a3d36}.sv-more{margin-top:24px;padding:23px 26px;background:linear-gradient(115deg,#eef4f9,#fdf5e8);border:1px solid #e0ddda;border-radius:23px;display:flex;justify-content:space-between;gap:25px;align-items:center}.sv-more h2{margin:4px 0 8px}.sv-more p{margin:0}.sv-more-links{display:grid;gap:9px;min-width:min(100%,320px)}.sv-more-links a{display:flex;justify-content:space-between;gap:10px;padding:12px 15px;background:#fff;border:1px solid #e9d8c1;border-radius:12px;color:#783843;font-weight:800;text-decoration:none}.sv-more-links a:hover{background:#fff4dc}.sv-reset-wrap{text-align:center;margin-top:20px}.sv-reset{background:none;border:none;padding:8px;color:#74524b;text-decoration:underline;font-size:.86rem}
@media(max-width:1050px){.sv-rooms{grid-template-columns:repeat(3,minmax(0,1fr))}.sv-room-text strong{font-size:1.45rem}}@media(max-width:750px){.sv{width:calc(100% - 22px)}.sv-intro{grid-template-columns:1fr}.sv-hud{max-width:430px}.sv-rooms{grid-template-columns:repeat(2,minmax(0,1fr))}.sv-bag{align-items:flex-start;flex-direction:column}.sv-maze-wrap{grid-template-columns:1fr}.sv-maze-grid{margin:auto}.sv-more{align-items:stretch;flex-direction:column}.sv-cert-sig{gap:22px;flex-direction:column}.sv-stage-head{align-items:flex-start;flex-direction:column}.sv-house{width:100%;min-width:680px}.sv-house-scroll{margin:0 -7px}.sv-heading p{margin-bottom:12px}}@media(max-width:520px){.sv-rooms{grid-template-columns:1fr}.sv-room-card{flex-direction:row}.sv-room-img{width:36%;aspect-ratio:auto;flex-shrink:0}.sv-room-text{padding:11px}.sv-room-text strong{font-size:1.25rem}.sv-intro{border-radius:20px;margin-top:12px}.sv-search-grid{gap:7px;padding:9px}.sv-find{min-height:79px;border-radius:12px}.sv-find span{font-size:2.05rem}.sv-find small{font-size:.67rem}.sv-ingredient-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sv-ing{min-height:95px}.sv-vault-bins{gap:7px}.sv-vault-bin{padding:10px 5px}.sv-vault-icons{font-size:1.3rem;min-height:60px}.sv-vault-bin strong{font-size:.78rem}.sv-certificate{padding:23px 13px;border-width:7px}.sv-certificate h3{font-size:1.7rem}.sv-cert-stars{font-size:1.35rem}.sv-bonus-pick{min-width:90px;min-height:90px;font-size:3rem}.sv-room-banner{height:120px}}
@media(prefers-reduced-motion:reduce){.sv *, .sv *:before,.sv *:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

.sv-final{position:relative;overflow:hidden}.sv-spark{position:absolute;pointer-events:none;font-size:1.65rem;opacity:0;z-index:1;animation:sv-spark-fall 3s ease-out forwards}@keyframes sv-spark-fall{0%{opacity:0;transform:translateY(-40px) rotate(-30deg)}20%{opacity:1}90%{opacity:1}100%{opacity:0;transform:translateY(260px) rotate(210deg)}}

.sv-poster-progress{position:absolute;z-index:3;left:76.7%;top:2.5%;width:20.4%;height:12.5%;border-radius:14px;background:#fff1d4;border:2px solid #c6904e;box-shadow:0 5px 13px #10102f66;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:6px;color:#5d2b28;line-height:1.1;padding:6px}.sv-poster-progress strong{font-size:clamp(.65rem,1.1vw,1.1rem)}.sv-poster-progress span{font-size:clamp(.56rem,1vw,.93rem);font-weight:900}.sv-poster-start{position:absolute;left:38.5%;top:88%;width:23.3%;height:6.9%;background:linear-gradient(#d31d24,#af131f);border:2px solid #f2a850;color:white;border-radius:100px;font-family:'Roboto Condensed',Arial,sans-serif;font-size:clamp(.68rem,1.3vw,1.2rem);font-weight:900;line-height:1.1;white-space:nowrap;z-index:4;box-shadow:0 4px 0 #672026,0 4px 10px #0009}.sv-poster-start:hover{background:linear-gradient(#f03133,#b71b29);box-shadow:0 2px 0 #672026,0 3px 13px #fff8}.sv-poster-start:focus-visible{outline:4px solid #fff4b3}@media(max-width:750px){.sv-poster-progress{border-radius:9px;border-width:1px;gap:3px}.sv-poster-progress strong{font-size:.64rem}.sv-poster-progress span{font-size:.53rem}.sv-poster-start{font-size:.65rem;border-width:1px}}