/* Alleen voor Bouw je eigen Sinterklaasdorp */
.sd-main{background:#fffbf5;color:#3e3535;padding-bottom:35px;overflow:hidden}
.sd-main .sd-wrap{width:min(1460px,calc(100% - 36px));max-width:1460px;margin:0 auto}
.sd-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:18px 2px;color:#695959;font-size:.91rem}
.sd-breadcrumb a{color:#7e303e;font-weight:700;text-decoration:none}
.sd-breadcrumb a:hover{text-decoration:underline}
.sd-hero{background:radial-gradient(circle at 14% 20%,#a52c46 0,#6d1530 56%,#3c2142 100%);border-radius:29px;color:white;min-height:310px;display:grid;grid-template-columns:1.08fr .92fr;position:relative;overflow:hidden;box-shadow:0 15px 35px #50233f1c;isolation:isolate}
.sd-hero-copy{padding:clamp(27px,4.8vw,62px);z-index:2;align-self:center}
.sd-eyebrow{background:#ffdda0;color:#64283b;border-radius:40px;display:inline-flex;font-size:.86rem;font-weight:900;padding:8px 16px;letter-spacing:.02em}
.sd-hero h1{color:#fff!important;font-family:'Roboto Condensed',Arial,sans-serif!important;font-size:clamp(2.7rem,4.3vw,5rem);line-height:1.02;margin:18px 0 18px;letter-spacing:-.014em}
.sd-hero h1 em{font-style:normal;color:#ffd377}
.sd-hero p{color:#fff5e8!important;font-size:clamp(1rem,1.4vw,1.2rem);max-width:620px;line-height:1.6;margin:0 0 25px}
.sd-hero p strong{color:#fff!important}
.sd-hero-button{background:#ffd36f;border:2px solid #ffe9ae;color:#5d2e39!important;padding:13px 24px;border-radius:16px;text-decoration:none!important;font-weight:900;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 5px 0 #8b5d3999;transition:transform .18s}
.sd-hero-button:hover{transform:translateY(-2px)}
.sd-hero-picture{background-image:linear-gradient(90deg,#711b36 0%,#711b363b 24%,#711b3600 60%),url('../images/sinterklaasdorp/feestdorp-illustratie.webp');background-position:center,center;background-size:cover;min-height:300px;mask-image:linear-gradient(90deg,transparent,#000 22%)}
.sd-hero-sparks{position:absolute;right:15%;top:20px;color:#ffd47b;font-size:28px;z-index:2;pointer-events:none}
.sd-intro{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:22px 0 28px}
.sd-intro>div{border:1px solid #e8d7c9;border-radius:17px;background:#fff;display:flex;gap:14px;padding:15px 18px;align-items:center}
.sd-step-number{display:grid;place-items:center;flex:none;background:#8f263b;color:white;font-family:'Roboto Condensed',Arial,sans-serif;font-weight:900;font-size:1.35rem;width:42px;height:42px;border-radius:50%}
.sd-intro>div:nth-child(2) .sd-step-number{background:#1c8ba9}.sd-intro>div:nth-child(3) .sd-step-number{background:#da972c}
.sd-intro p{margin:0;line-height:1.34}.sd-intro strong{display:block;color:#67303d;font-weight:900}.sd-intro small{display:block;margin-top:5px;color:#635953;font-size:.84rem}
.sd-play{background:#fff;border:1px solid #eedacb;border-radius:25px;box-shadow:0 8px 32px #402e2d10;padding:clamp(14px,2.5vw,31px);scroll-margin-top:90px}
.sd-gamehead{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}
.sd-section-kicker{display:inline-block;text-transform:uppercase;letter-spacing:.08em;color:#a65640;font-size:.73rem;font-weight:900}
.sd-gamehead h2,.sd-after h2{font-family:'Roboto Condensed',Arial,sans-serif!important;color:#622b3b;font-size:clamp(1.9rem,2.7vw,2.9rem);margin:5px 0 5px}
.sd-gamehead p{margin:0;color:#635f61}
.sd-count{background:#fff3e0;border:1px solid #ead5ad;border-radius:100px;padding:10px 16px;white-space:nowrap;font-size:.88rem;font-weight:900;color:#82502e}
.sd-main-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:0 0 18px}
.sd-day-switch{display:inline-flex;border:1px solid #d8dce2;border-radius:14px;padding:4px;background:#f2f5f9;gap:3px}
.sd-main button{font-family:inherit;cursor:pointer}
.sd-main button:disabled{cursor:not-allowed;opacity:.43}
.sd-toggle{min-height:42px;background:transparent;color:#46526a;border:0;border-radius:11px;font-weight:900;padding:9px 16px;white-space:nowrap}
.sd-toggle.active{background:#fff;color:#663a3f;box-shadow:0 2px 8px #2c354526}
.sd-button{min-height:50px;border-radius:14px;font-weight:900;border:0;padding:12px 18px;white-space:nowrap}
.sd-party{background:linear-gradient(120deg,#a3243c,#d63b52);color:#fff;box-shadow:0 5px 0 #7c2b3855}.sd-party:hover{filter:brightness(1.08)}
.sd-save{background:linear-gradient(120deg,#087e8d,#14a99a);color:#fff;box-shadow:0 5px 0 #126b7955}.sd-save:hover{filter:brightness(1.09)}
.sd-workspace{display:grid;grid-template-columns:266px minmax(0,1fr);gap:18px;align-items:start}
.sd-palette{border-radius:22px;background:linear-gradient(160deg,#fdf8f1,#f7f1eb);border:1px solid #e8d8c9;padding:14px;position:relative}
.sd-palette-head{display:flex;align-items:center;gap:10px;padding:2px 5px 14px;color:#733947}
.sd-palette-head>span{font-size:1.8rem}.sd-palette-head strong{font-size:1rem;display:block}.sd-palette-head small{font-size:.78rem;color:#766967;display:block}
.sd-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-bottom:11px}
.sd-tab{background:#fff;border:1px solid #e8d7c6;min-height:44px;color:#684e4e;font-weight:900;border-radius:12px;padding:9px 8px;font-size:.82rem}
.sd-tab.active{background:#8c293f;color:white;border-color:#8c293f;box-shadow:0 2px 0 #601f2f}
.sd-item-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.sd-item{background:white;border:2px solid #e9ddd1;min-width:0;border-radius:13px;padding:8px 4px 7px;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:3px;transition:background .1s,border-color .12s,transform .12s;touch-action:manipulation}
.sd-item:hover{border-color:#d4a76a;background:#fff8ea;transform:translateY(-1px)}
.sd-item.selected{background:#fff0d2;border-color:#a5344b;box-shadow:0 0 0 2px #ffdcaa}
.sd-item img{width:90px;height:90px;object-fit:contain;display:block;pointer-events:none;user-select:none}
.sd-item span{font-size:.76rem;font-weight:900;color:#5b4446;text-align:center;line-height:1.15;min-height:29px;display:flex;align-items:center}
.sd-palette-help{display:flex;gap:9px;padding:12px;margin-top:14px;background:#fff8e9;border:1px dashed #e3c7a2;border-radius:14px;color:#7c5942;font-size:.82rem;line-height:1.45}
.sd-palette-help>span:first-child{font-size:1.1rem}
.sd-board-column{min-width:0}
.sd-board-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 9px}
.sd-board-top strong{display:block;font-size:1.02rem;color:#6d303e}.sd-board-top small{display:block;font-size:.86rem;color:#726968;min-height:22px}
.sd-saved{background:#eaf8ef;border:1px solid #c6e3cf;border-radius:50px;padding:7px 12px;font-size:.7rem;font-weight:800;color:#39754d;white-space:nowrap}
.sd-scene-viewport{border:8px solid #f8eee3;outline:2px solid #dcbfa6;border-radius:23px;background:#d2edf9;overflow:hidden;position:relative;box-shadow:0 9px 23px #1838531b;isolation:isolate}
#sd-canvas{display:block;width:100%;height:auto;cursor:crosshair;outline:none;touch-action:pan-x;user-select:none}
#sd-canvas:focus-visible{outline:4px solid #d49b41;outline-offset:-5px}
.sd-celebrate-banner{position:absolute;left:50%;top:9%;transform:translateX(-50%);z-index:4;width:min(95%,650px);background:#fff9e7f5;border:5px double #e3ae48;border-radius:23px;box-shadow:0 16px 45px #12223985;padding:18px;color:#7c263f;text-align:center;pointer-events:none;animation:sd-bounce .5s ease-out}
.sd-celebrate-banner strong{font-family:'Roboto Condensed',Arial,sans-serif;font-size:clamp(1.9rem,3vw,3rem);display:block;line-height:1.1}.sd-celebrate-banner span{font-weight:800}
.sd-celebrate-banner[hidden]{display:none!important}
.sd-swipe-note{display:none;font-size:.77rem;color:#715b50;margin:9px 2px}
.sd-tools{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px;align-items:center}
.sd-tool{border:1px solid #e1d4cc;background:#fffaf6;color:#563e45;min-height:43px;border-radius:11px;font-size:.83rem;font-weight:800;padding:9px 13px}
.sd-tool:hover:not(:disabled){background:#fdf0de;border-color:#d19c6b}
.sd-tool.active{background:#683244;border-color:#683244;color:white}
.sd-tool.sd-clear{margin-left:auto;color:#a14343}.sd-tool.sd-sample{background:#f2f8ff;color:#326a87;border-color:#c9dfee}
.sd-under-board{font-size:.85rem;color:#766967;margin:13px 2px 0;line-height:1.5}
.sd-after{margin:31px 0 14px;padding:25px 27px;background:linear-gradient(135deg,#fff2dd,#f6fbf6);border:1px solid #edd8bd;border-radius:24px;display:flex;gap:22px;align-items:center;justify-content:space-between}
.sd-after p{max-width:610px;color:#665b55;line-height:1.55;margin:7px 0 0}
.sd-other-links{display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));gap:8px;min-width:min(100%,460px)}
.sd-other-links a{background:#fff;color:#7e2b42;border:1px solid #e7d1c2;border-radius:12px;text-decoration:none;font-weight:800;font-size:.88rem;text-align:center;padding:13px 11px;display:grid;place-items:center;min-height:54px}
.sd-other-links a:hover{background:#fff3db}
.sd-main button:focus-visible,.sd-main a:focus-visible{outline:3px solid #2f86a5;outline-offset:3px}
@keyframes sd-bounce{from{opacity:0;transform:translate(-50%,-22px) scale(.87)}to{opacity:1;transform:translate(-50%,0) scale(1)}}
@media(max-width:1080px){.sd-workspace{grid-template-columns:225px minmax(0,1fr);gap:12px}.sd-item img{width:76px;height:76px}.sd-palette{padding:11px}.sd-hero{grid-template-columns:1.15fr .85fr}.sd-hero-copy{padding:34px}}
@media(max-width:780px){.sd-main .sd-wrap{width:min(100% - 24px,730px)}.sd-hero{grid-template-columns:1fr;min-height:0}.sd-hero-copy{padding:26px 23px 29px}.sd-hero h1{font-size:clamp(2.3rem,8vw,3.7rem)}.sd-hero-picture{position:absolute;inset:0 0 0 25%;min-height:0;opacity:.27;mask-image:none}.sd-hero-copy{position:relative;z-index:2}.sd-hero p{max-width:560px}.sd-hero-sparks{right:4%;top:12px}.sd-intro{grid-template-columns:1fr;gap:8px}.sd-intro>div{padding:11px 14px}.sd-workspace{grid-template-columns:1fr}.sd-palette{padding:12px}.sd-item-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.sd-item img{width:74px;height:75px}.sd-item span{font-size:.73rem}.sd-main-actions{display:grid;grid-template-columns:auto 1fr 1fr}.sd-day-switch{grid-column:1/-1;justify-content:center}.sd-toggle{flex:1}.sd-button{font-size:.86rem;white-space:normal}.sd-board-top{align-items:flex-start}.sd-count{font-size:.77rem}.sd-after{flex-direction:column;align-items:stretch}.sd-other-links{min-width:0}.sd-scene-viewport{overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:#cebaac #f5eee7}.sd-scene-viewport #sd-canvas{width:800px;max-width:none;height:auto}.sd-swipe-note{display:block}}
@media(max-width:490px){.sd-hero h1{font-size:2.55rem}.sd-gamehead{align-items:flex-start;flex-direction:column}.sd-main-actions{grid-template-columns:1fr 1fr}.sd-day-switch{grid-column:1/-1}.sd-item-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sd-item img{width:84px;height:80px}.sd-tools{gap:6px}.sd-tool{padding:9px 9px;font-size:.78rem}.sd-tool.sd-clear{margin-left:0}.sd-saved{display:none}.sd-other-links{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.sd-main *{animation:none!important;transition:none!important}}