@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@500;600;700;800&display=swap');
.sm-app{--burg:#762b31;--red:#aa4143;--cream:#fff4e4;--ink:#42252a;--gold:#ffcb75;--green:#1f705d;--line:#efdbc9;font-family:Arial,Helvetica,sans-serif;color:var(--ink);max-width:1240px;margin:16px auto 55px;padding:0 18px}
.sm-app *{box-sizing:border-box}.sm-app h1,.sm-app h2,.sm-app h3,.sm-app .sm-big{font-family:'Roboto Condensed','Arial Narrow',sans-serif;letter-spacing:-.015em}.sm-app button,.sm-app input{font:inherit}.sm-app button{cursor:pointer}.sm-app button:focus-visible,.sm-app input:focus-visible{outline:3px solid #206c5a;outline-offset:3px}
.sm-hero{position:relative;overflow:hidden;border-radius:28px;padding:40px clamp(22px,4vw,56px) 32px;background:radial-gradient(circle at 83% 21%,#ffe3a9 0 5%,transparent 5.2%),linear-gradient(126deg,#773039,#ab4d40 72%,#d68c59);color:white;min-height:290px;box-shadow:0 15px 40px #6f383222}
.sm-hero:before{content:'✦  ✧   ✦    ✧   ✦  ✧';position:absolute;top:19px;right:20px;font-size:30px;color:#ffdb96;letter-spacing:24px;opacity:.8;max-width:48%}.sm-hero:after{content:'🏘️  🏠  🏘️  🏠';position:absolute;right:10px;bottom:-16px;font-size:75px;opacity:.23;pointer-events:none;white-space:nowrap}.sm-hero h1{font-size:clamp(2.6rem,5.1vw,5rem);line-height:1.02;color:white!important;text-shadow:none!important;margin:7px 0 13px;position:relative;z-index:1}.sm-hero p{max-width:760px;font-size:1.1rem;line-height:1.7;color:#fff9f3;position:relative;z-index:1}.sm-kicker{display:inline-block;background:#ffebc6;color:#6e2d30;font-weight:800;border-radius:100px;padding:8px 15px;font-size:.86rem}.sm-intro-btns{display:flex;flex-wrap:wrap;gap:11px;margin-top:18px;position:relative;z-index:2}.sm-action{border:0;border-radius:12px;padding:13px 22px;background:#ffcf7c;color:#512728;font-weight:800;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:47px}.sm-action:hover{background:#ffe2aa}.sm-action.sm-alt{background:#fff;color:#7d3338}.sm-action.sm-dark{background:#7b303a;color:white}.sm-action.sm-dark:hover{background:#5c242c}.sm-action:disabled{opacity:.48;cursor:default}.sm-note{margin:15px 2px;font-size:.94rem;color:#665650}.sm-progressbox{background:#fff9f0;border:1px solid var(--line);padding:20px 22px;border-radius:19px;margin:20px 0}.sm-progresshead{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;font-weight:800;margin-bottom:12px}.sm-progressbar{height:15px;background:#e9d9c6;border-radius:50px;overflow:hidden}.sm-progressbar span{display:block;height:100%;background:linear-gradient(90deg,#3d8c6a,#f5bd65);width:0;transition:width .45s}.sm-map{background:linear-gradient(160deg,#ecf6f0,#fffbec);border:1px solid #d5e3d8;border-radius:27px;padding:clamp(18px,3vw,30px)}.sm-map h2{margin:0 0 6px;color:#612b31;font-size:2rem}.sm-map>p{margin:0 0 18px}.sm-locations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.sm-location{min-width:0;background:white;border:2px solid #ebdcd0;border-radius:22px;padding:24px 20px;text-align:left;position:relative;display:flex;flex-direction:column;min-height:255px;transition:transform .18s,border-color .18s,box-shadow .18s}.sm-location:hover{transform:translateY(-3px);border-color:#bc8065;box-shadow:0 12px 22px #803c2622}.sm-location[aria-current=true]{border-color:#1c765b;box-shadow:0 0 0 3px #b5decf}.sm-scene{display:grid;place-items:center;width:118px;height:118px;margin:0 auto 14px;border-radius:28px;background:linear-gradient(135deg,#fff5df,#ffe3ac);box-shadow:inset 0 0 0 1px #edcf9c,0 10px 18px #00000010;text-align:center;font-size:5rem;line-height:1}.sm-location strong{font-family:'Roboto Condensed',sans-serif;font-size:1.36rem;color:#672e32;margin:0 0 7px;text-align:center}.sm-location small{font-size:.95rem;color:#5a5954;line-height:1.55;flex:1;text-align:center}.sm-status{font-size:.83rem;font-weight:800;color:#93503a;background:#f9ead8;border-radius:99px;padding:7px 13px;align-self:center;margin-top:15px}.sm-location.sm-done{background:#f3fff8;border-color:#9bcfb2}.sm-location.sm-done .sm-status{color:#1b684b;background:#d7f3e2}.sm-stage{margin-top:24px;padding:clamp(19px,3.4vw,34px);background:white;border:1px solid #e4d4c5;border-radius:23px;box-shadow:0 8px 25px #762b3110;scroll-margin-top:100px}.sm-stage h2{font-size:clamp(1.7rem,3vw,2.3rem);margin:0 0 7px;color:#6e3035}.sm-stage p{line-height:1.62}.sm-stagehead{display:flex;align-items:center;gap:12px;margin-bottom:13px}.sm-stagehead .sm-emoji{font-size:3.5rem;line-height:1}.sm-instructions{color:#5d5751;max-width:760px}.sm-success{background:#ecfaf1;color:#225b3a;border:1px solid #a7d5bc;border-radius:13px;padding:13px 16px;font-weight:800;margin:16px 0}.sm-feedback{min-height:27px;font-weight:800;color:#833632;margin:15px 0}.sm-buttons{display:flex;flex-wrap:wrap;gap:10px;margin:15px 0}.sm-choice{background:#f8f1e8;color:#522f32;border:2px solid #e3cbb9;border-radius:14px;padding:14px 18px;font-weight:800;min-height:54px}.sm-choice:hover{border-color:#a66351;background:#fff7e8}.sm-choice[aria-pressed=true]{background:#e3f5e8;border-color:#267452}.sm-pack-row{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;margin:24px 0}.sm-pack{background:#fff6e8;border:3px dashed #d0a382;border-radius:22px;padding:18px;min-width:170px;min-height:120px;font-size:4.1rem;display:grid;place-items:center;line-height:1}.sm-pile{text-align:center;font-size:3.1rem;letter-spacing:10px;margin:18px 0 24px;line-height:1.2}.sm-memory{display:grid;grid-template-columns:repeat(4,minmax(0,132px));gap:18px;justify-content:center;margin:24px 0}.sm-flip{aspect-ratio:1;border:3px solid #d6ac80;border-radius:22px;background:#8d3940;color:#fff;font-size:4rem;display:grid;place-items:center;line-height:1}.sm-flip.is-open{background:#fff3df;border-color:#bf8a5e;color:#60333b}.sm-flip.is-found{background:#d9f3dc;border-color:#39845e;color:#23533a;cursor:default}.sm-hiddenarea{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:660px;margin:18px auto;padding:16px;background:#f6eadf;border-radius:18px}.sm-hiddenitem{min-height:108px;background:#fff;border:2px solid #eed6c4;border-radius:16px;font-size:3rem;line-height:1}.sm-hiddenitem.sm-revealed{background:#def3e4;border-color:#347853}.sm-hiddenitem.sm-incorrect{animation:sm-shake .18s 2}.sm-steps{font-size:2rem;letter-spacing:5px;min-height:47px}.sm-pads{display:grid;grid-template-columns:repeat(2,minmax(0,145px));justify-content:center;gap:16px;margin:25px 0}.sm-pad{height:124px;border-radius:22px;border:5px solid #ffffff88;box-shadow:0 6px 0 #0002;transition:filter .12s,transform .12s}.sm-pad[data-pad='0']{background:#a93d42}.sm-pad[data-pad='1']{background:#e7a53c}.sm-pad[data-pad='2']{background:#2f907e}.sm-pad[data-pad='3']{background:#5075af}.sm-pad.sm-lit{filter:brightness(1.6);transform:scale(1.06)}.sm-jumble{font-size:clamp(1.3rem,3vw,2rem);letter-spacing:.18em;font-weight:900;color:#80363d;background:#fff4e4;border:1px dashed #d6a482;border-radius:12px;padding:20px;text-align:center;margin:18px 0;max-width:430px}.sm-answer{width:min(100%,350px);padding:14px;border:2px solid #c9ac9c;border-radius:11px;font-size:1.1rem}.sm-final{background:linear-gradient(135deg,#fff1d6,#f2f9e8);border:2px solid #e4cb9f;border-radius:26px;padding:27px;margin:23px 0;text-align:center}.sm-final h2{font-size:2.5rem;margin:7px}.sm-final-icon{font-size:5rem}.sm-diploma-wrap{display:flex;justify-content:center;margin-top:20px}.sm-diploma{width:min(100%,860px);background:linear-gradient(180deg,#fffdf6,#fff4dd);border:10px double #91613f;border-radius:26px;padding:28px 30px;box-shadow:0 18px 34px #6f3a231c;position:relative;color:#5e3532}.sm-diploma:before,.sm-diploma:after{content:"✦";position:absolute;font-size:34px;color:#d1a85f;top:18px}.sm-diploma:before{left:18px}.sm-diploma:after{right:18px}.sm-diploma-top{display:grid;grid-template-columns:110px 1fr 110px;align-items:center;gap:14px;margin-bottom:18px}.sm-diploma-crown{font-size:4.6rem;text-align:center}.sm-diploma-pretitle{margin:0;font-size:.95rem;text-transform:uppercase;letter-spacing:.14em;color:#8e6b54;font-weight:800}.sm-diploma h3,.sm-diploma h2{margin:0;color:#6e2f34!important;font-family:'Roboto Condensed',sans-serif;font-size:clamp(2.2rem,4vw,3.4rem);line-height:1}.sm-diploma-sub{margin:8px 0 0;font-weight:800;color:#8d6644}.sm-diploma-seal{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;margin-left:auto;background:radial-gradient(circle at 30% 30%,#ffe7ad,#d39d43);color:#6b302f;font-weight:900;text-transform:uppercase;line-height:1.05;box-shadow:0 6px 14px #6b302f24}.sm-diploma-text{font-size:1.08rem;line-height:1.75;max-width:680px;margin:12px auto}.sm-diploma-name{font-family:'Roboto Condensed',sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:700;color:#7a3037;text-align:center;margin:20px auto;padding:18px 14px;border-top:2px solid #ddb87d;border-bottom:2px solid #ddb87d;max-width:700px}.sm-diploma-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:22px auto}.sm-diploma-badges span{background:#fff7e5;border:1px solid #e6c793;border-radius:999px;padding:10px 14px;font-weight:800;color:#65433f}.sm-diploma-keys{font-size:1.9rem;letter-spacing:.2em;margin:18px 0 8px;color:#9a6f33}.sm-diploma-foot{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-top:28px;padding-top:18px;border-top:1px solid #e0caa7}.sm-diploma-foot div{min-width:220px}.sm-diploma-foot span{display:block;font-size:.92rem;color:#87624d;margin-bottom:8px}.sm-diploma-foot strong{display:block;font-size:1.08rem;color:#5b3130}.sm-final[hidden],.sm-stage[hidden]{display:none!important}.sm-printonly{display:none}.sm-related{margin:25px 0;padding:22px;background:#fbf6ee;border-radius:20px}.sm-related a{color:#74373c;font-weight:700}.sm-app .sm-hide{display:none!important}@keyframes sm-shake{50%{transform:translateX(5px)}}
@media(max-width:790px){.sm-locations{grid-template-columns:repeat(2,minmax(0,1fr))}.sm-hero{padding:29px 24px}.sm-hero:after{font-size:45px}}@media(max-width:520px){.sm-locations{grid-template-columns:1fr}.sm-location{min-height:190px}.sm-scene{width:96px;height:96px;font-size:4.1rem;border-radius:24px}.sm-memory{grid-template-columns:repeat(4,minmax(0,70px));gap:8px}.sm-flip{font-size:2.35rem;border-radius:18px}.sm-pack{min-width:120px;min-height:90px;font-size:3rem}.sm-pile{font-size:2.15rem;letter-spacing:4px}.sm-hiddenarea{gap:8px;max-width:100%}.sm-hiddenitem{min-height:74px;font-size:2rem}.sm-pads{grid-template-columns:repeat(2,minmax(0,115px))}.sm-pad{height:105px}.sm-hero h1{font-size:2.7rem}.sm-diploma{padding:20px 16px}.sm-diploma-top{grid-template-columns:1fr;justify-items:center;text-align:center}.sm-diploma-seal{margin:0 auto}.sm-diploma-foot{display:grid;grid-template-columns:1fr;justify-items:center;text-align:center}}
@media(prefers-reduced-motion:reduce){.sm-app *{transition:none!important;animation:none!important}}
@media print{.site-header,.site-footer,.sm-hero,.sm-map,.sm-progressbox,.sm-stage,.sm-related,.sm-note,.sm-app>.sm-action,.sm-app>.sm-intro-btns,.sm-diploma-wrap,.sm-final>label,.sm-final>.sm-buttons,.sm-final>p,.sm-final>.sm-kicker,.sm-final>.sm-final-icon,.sm-final>h2{display:none!important}.sm-app{max-width:none;margin:0}.sm-final{display:block!important;margin:0;border:none;padding:0;min-height:auto;break-inside:avoid;background:none}.sm-printonly{display:block!important}}
.sm-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

@media print{.sm-final > :not(.sm-printonly){display:none!important}.sm-final .sm-printonly{display:block!important;padding:0}.sm-final .sm-printonly .sm-diploma{display:block!important;text-align:center;padding:28px;box-shadow:none;border-width:12px;min-height:auto;page-break-inside:avoid}.sm-final .sm-printonly .sm-diploma h2{color:#723138!important;font-size:28pt!important}.sm-final .sm-printonly .sm-diploma-text{font-size:14pt;line-height:1.7}.sm-final .sm-printonly .sm-diploma-name{font-size:24pt}.sm-final .sm-printonly .sm-diploma-foot strong{font-size:13pt}.sm-app{padding:0!important}}

/* Grotere speliconen: voorkom overrides door algemene buttonstijlen. */
#sm-app .sm-pack .sm-game-glyph{display:block!important;font-size:clamp(64px,6vw,92px)!important;line-height:1.15!important;font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif!important;transform:scale(1.12)}
#sm-app .sm-pile .sm-game-glyph{display:inline-block!important;font-size:clamp(54px,5vw,76px)!important;line-height:1.3!important;vertical-align:middle!important}
#sm-app .sm-flip .sm-game-glyph{display:block!important;font-size:clamp(58px,5.3vw,84px)!important;line-height:1!important;font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif!important}
#sm-app .sm-hiddenitem .sm-game-glyph{display:block!important;font-size:clamp(40px,4.7vw,72px)!important;line-height:1!important}
#sm-app .sm-stagehead .sm-emoji{font-size:clamp(58px,5vw,78px)!important;line-height:1.2!important}
@media(max-width:520px){#sm-app .sm-pack{min-width:105px!important;min-height:102px!important;padding:10px!important}#sm-app .sm-pack .sm-game-glyph{font-size:58px!important}#sm-app .sm-flip .sm-game-glyph{font-size:clamp(32px,9vw,58px)!important}#sm-app .sm-hiddenitem .sm-game-glyph{font-size:clamp(30px,8vw,50px)!important}#sm-app .sm-pile .sm-game-glyph{font-size:52px!important}}

/* Werkelijke grote SVG-illustraties in de gele spelvakken, niet afhankelijk van emoji-fonts. */
#sm-app .sm-pack{display:flex!important;align-items:center!important;justify-content:center!important;min-width:170px!important;min-height:148px!important;padding:8px!important}
#sm-app .sm-pack .sm-product-illustration{display:block!important;width:125px!important;height:125px!important;max-width:92%!important;max-height:92%!important;object-fit:contain!important;flex:none!important;transform:none!important}
#sm-app .sm-pile{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;align-items:center;letter-spacing:normal}
#sm-app .sm-pile .sm-list-illustration{display:block!important;width:78px!important;height:78px!important;object-fit:contain!important;flex:none!important}
@media(max-width:520px){#sm-app .sm-pack{min-width:95px!important;min-height:103px!important;padding:6px!important}#sm-app .sm-pack .sm-product-illustration{width:86px!important;height:86px!important}#sm-app .sm-pile .sm-list-illustration{width:62px!important;height:62px!important}#sm-app .sm-pile{gap:7px}}