:root{--bd-page-bg: linear-gradient(180deg, #0e5a72, #14808f);--bd-accent: #ffd166;--bd-accent-dark: #a3781a;--bd-text: #ffffff;--bd-font: "Fredoka", "Nunito", system-ui, sans-serif;--bd-font-title: var(--bd-font)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bd-page-bg);font-family:var(--bd-font);-webkit-user-select:none;user-select:none;touch-action:none}.bd-root{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;--sat: env(safe-area-inset-top, 0px);--sar: env(safe-area-inset-right, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px)}.bd-root [hidden]{display:none!important}.bd-root canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;touch-action:none}.bd-hud{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;color:#fff}.bd-hud__coins{position:absolute;top:calc(10px + var(--sat));left:calc(12px + var(--sal));display:flex;align-items:center;gap:6px;font-family:var(--bd-font-title);font-size:clamp(18px,3.4vh,26px);font-weight:700;background:#00000061;border-radius:999px;padding:5px 16px;font-variant-numeric:tabular-nums;text-shadow:0 2px 0 rgba(0,0,0,.3)}.bd-hud__coins.bd-pulse{animation:bd-pop .35s ease}.bd-hud__center{position:absolute;top:calc(10px + var(--sat));left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px}.bd-stars{font-family:var(--bd-font-title);font-size:clamp(15px,2.8vh,22px);letter-spacing:2px;text-shadow:0 2px 0 rgba(0,0,0,.35);white-space:nowrap}.bd-progress{width:clamp(110px,22vw,220px);height:10px;border-radius:999px;background:#0006;overflow:hidden;box-shadow:inset 0 1px 3px #0006}.bd-progress__fill{height:100%;width:0;background:linear-gradient(90deg,var(--bd-accent),#fff3bd);border-radius:999px;transition:width .3s ease}.bd-hud__right{position:absolute;top:calc(10px + var(--sat));right:calc(12px + var(--sar));display:flex;align-items:center;gap:10px}.bd-hud__visitors{font-size:clamp(14px,2.6vh,20px);font-weight:600;background:#00000061;border-radius:999px;padding:5px 14px;font-variant-numeric:tabular-nums;text-shadow:0 2px 0 rgba(0,0,0,.3)}.bd-hud__menu{pointer-events:auto;font-family:var(--bd-font);font-size:clamp(13px,2.2vh,16px);font-weight:600;color:var(--bd-accent-dark);background:#ffffffeb;border:none;border-radius:999px;padding:6px 16px;cursor:pointer;box-shadow:0 3px 8px #0000004d;transition:transform .08s}.bd-hud__menu:active{transform:scale(.94)}.bd-hud__score{pointer-events:auto;font-family:var(--bd-font-title);font-size:clamp(13px,2.2vh,16px);font-weight:700;color:var(--bd-accent-dark);background:var(--bd-accent);border:none;border-radius:999px;padding:6px 16px;cursor:pointer;box-shadow:0 3px 8px #0000004d;font-variant-numeric:tabular-nums;white-space:nowrap;transition:transform .08s}.bd-hud__score:active{transform:scale(.94)}.bd-hud__score.bd-pulse{animation:bd-pop .35s ease}.bd-tray{position:absolute;left:0;right:0;bottom:0;z-index:6;display:flex;gap:10px;align-items:stretch;padding:10px calc(12px + var(--sal)) calc(10px + var(--sab)) calc(12px + var(--sal));overflow-x:auto;overflow-y:hidden;background:linear-gradient(180deg,#0000,#0000006b 45%);scrollbar-width:none}.bd-tray::-webkit-scrollbar{display:none}.bd-card{position:relative;flex:0 0 auto;min-width:84px;min-height:96px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-family:var(--bd-font);border:3px solid rgba(255,255,255,.55);border-radius:16px;background:#ffffffeb;color:#333;cursor:pointer;padding:8px 10px;box-shadow:0 4px 10px #0000004d;transition:transform .08s,border-color .12s;touch-action:pan-x}.bd-card:active{transform:scale(.95)}.bd-card.actief{border-color:var(--bd-accent);background:#fff;transform:translateY(-6px);box-shadow:0 8px 16px #00000059,0 0 0 3px var(--bd-accent)}.bd-card__icon{font-size:30px;line-height:1.1}.bd-card__icon img{height:34px;width:auto;max-width:62px;display:block;object-fit:contain;filter:drop-shadow(0 2px 2px rgba(0,0,0,.18))}.bd-card__name{font-size:12.5px;font-weight:700;white-space:nowrap}.bd-card__cost{font-size:12px;font-weight:700;color:#8a6a12;background:#ffedb3;border-radius:999px;padding:1px 9px;font-variant-numeric:tabular-nums}.bd-card.te-duur .bd-card__cost{color:#b3372f;background:#ffd2ce}.bd-card.te-duur .bd-card__icon{filter:grayscale(.4);opacity:.75}.bd-card__lock{display:none;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;background:#5a5a64c7;color:#fff;flex-direction:column;align-items:center;justify-content:center;font-size:24px}.bd-card__lock small{font-size:13px;font-weight:700}.bd-card.vergrendeld .bd-card__lock{display:flex}.bd-wiggle{animation:bd-wiggle .4s ease}@keyframes bd-wiggle{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes bd-pop{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}.bd-panel{position:absolute;left:50%;transform:translate(-50%);bottom:calc(132px + var(--sab));z-index:7;display:flex;flex-direction:column;align-items:center;gap:8px;background:#141e28eb;border-radius:18px;padding:10px 14px;box-shadow:0 8px 24px #0006;max-width:min(94vw,560px)}.bd-panel__name{color:#fff;font-weight:700;font-size:clamp(14px,2.6vh,18px);white-space:nowrap}.bd-panel__row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.bd-panel__row button{font-family:var(--bd-font);font-weight:700;font-size:clamp(13px,2.3vh,16px);border:none;border-radius:12px;cursor:pointer;padding:10px 14px;min-height:44px;color:#2a3540;background:#fff;border-bottom:4px solid rgba(0,0,0,.25);transition:transform .08s}.bd-panel__row button:active{transform:translateY(2px);border-bottom-width:2px}.bd-panel__row button:disabled{opacity:.45;cursor:default}.bd-panel__upgrade{background:var(--bd-accent)!important;color:var(--bd-accent-dark)!important}.bd-panel__move.actief{background:#9fe8b1!important}.bd-panel__sell{background:#ffd2ce!important;color:#7c221c!important}.bd-panel__close{min-width:44px}.bd-toast{position:absolute;top:calc(64px + var(--sat));left:50%;transform:translate(-50%);z-index:15;background:var(--bd-page-bg);border:3px solid var(--bd-accent);border-radius:18px;padding:12px 22px;color:var(--bd-text);text-align:center;box-shadow:0 10px 30px #00000073;animation:bd-toast-in .45s ease;max-width:min(92vw,520px)}.bd-toast__ster{font-size:clamp(18px,3.4vh,26px);font-weight:700}.bd-toast__nieuw{font-size:clamp(13px,2.4vh,17px);margin-top:4px;opacity:.95}.bd-toast__item{display:inline-block;margin:2px 4px;padding:2px 10px;background:#ffffff24;border-radius:999px;white-space:nowrap}.bd-toast__item img{height:18px;width:auto;vertical-align:-3px}@keyframes bd-toast-in{0%{transform:translate(-50%) translateY(-24px) scale(.8);opacity:0}to{transform:translate(-50%) translateY(0) scale(1);opacity:1}}.bd-hand{position:absolute;z-index:12;pointer-events:none;font-size:42px;line-height:1;transform:translate(-50%,6px);filter:drop-shadow(0 3px 4px rgba(0,0,0,.4));animation:bd-hand 1s ease-in-out infinite}@keyframes bd-hand{0%,to{margin-top:0}50%{margin-top:-16px}}.bd-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;background:var(--bd-page-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(8px,1.8vh,18px);text-align:center;padding:clamp(10px,2.5vh,28px);color:var(--bd-text);overflow:hidden auto}.bd-overlay h1{margin:0;line-height:1.05;font-family:var(--bd-font-title);font-size:clamp(28px,min(8vh,9.5vw),64px);font-weight:700;letter-spacing:1px;text-shadow:0 4px 0 rgba(0,0,0,.28),0 8px 20px rgba(0,0,0,.3)}.bd-sub{font-size:clamp(13px,2.4vh,19px);font-weight:500;background:#00000040;padding:clamp(5px,1vh,9px) clamp(14px,3vw,26px);border-radius:999px;max-width:min(92vw,560px)}.bd-btn{font-family:var(--bd-font-title);font-weight:600;font-size:clamp(16px,3vh,23px);cursor:pointer;letter-spacing:.5px;border:none;border-radius:16px;padding:clamp(9px,1.8vh,14px) clamp(22px,5vw,46px);color:var(--bd-accent-dark);background:var(--bd-accent);border-bottom:6px solid var(--bd-accent-dark);box-shadow:0 6px 14px #00000047;transition:transform .08s}.bd-btn:active{transform:translateY(4px);border-bottom-width:2px}.bd-btn-row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.bd-reset{font-family:var(--bd-font);font-weight:600;font-size:clamp(12px,2.2vh,15px);border:2px solid rgba(255,255,255,.4);border-radius:999px;background:#0003;color:var(--bd-text);padding:6px 18px;cursor:pointer}.bd-reset.bevestig{background:#b3372f;border-color:#ffd2ce}.bd-home-img{height:clamp(90px,26vh,230px);width:auto;max-width:82vw;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(0,0,0,.35))}.bd-feest__img{height:clamp(120px,34vh,320px);width:auto;max-width:84vw;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(0,0,0,.35));animation:bd-feest-pop .5s ease}@keyframes bd-feest-pop{0%{transform:scale(.7) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.bd-themes{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.bd-theme-btn{font-family:var(--bd-font);font-weight:600;font-size:clamp(12px,2.2vh,16px);border:2px solid rgba(255,255,255,.4);border-radius:999px;background:#ffffff1f;color:var(--bd-text);padding:6px 16px;cursor:pointer}.bd-theme-btn.actief{background:var(--bd-accent);color:var(--bd-accent-dark);border-color:transparent}.bd-corner{position:absolute;z-index:30;width:40px;height:40px;border-radius:50%;border:none;cursor:pointer;background:#0000004d;color:#fff;font-size:18px;display:flex;align-items:center;justify-content:center;transition:transform .08s}.bd-corner:active{transform:scale(.9)}.bd-corner--fs{right:calc(12px + var(--sar));bottom:calc(136px + var(--sab))}.bd-corner--mute{left:calc(12px + var(--sal));bottom:calc(136px + var(--sab))}@media (max-width: 560px){.bd-hud__center{top:calc(52px + var(--sat))}}@font-face{font-family:Bungee;font-style:normal;font-weight:400 900;font-display:swap;src:url(../fonts/bungee-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-weight:400 800;font-display:swap;src:url(../fonts/nunito-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-weight:400 800;font-display:swap;src:url(../fonts/nunito-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--bd-font: "Nunito", system-ui, sans-serif;--bd-font-title: "Bungee", "Nunito", system-ui, sans-serif}