:root{--font:"Nunito", "Segoe UI", "Helvetica Neue", system-ui, -apple-system, sans-serif;--green:#6fcf3f;--green-dark:#4fa82a;--purple:#8e5bd6;--purple-dark:#6f42b0;--blue:#4c8deb;--orange:#f2a23a;--panel:#b9f07a;--ink:#23262e}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;font-family:var(--font);color:var(--ink);background:#9be05a;margin:0;padding:0;overflow:hidden}#app{position:fixed;top:0;bottom:0;left:0;right:0}#app canvas{touch-action:none;width:100%;height:100%;display:block}.hud{pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0}.hud>*{pointer-events:auto}.outlined{color:#fff;-webkit-text-stroke:1.5px #1b1d24;paint-order:stroke fill;text-shadow:0 2px #00000040;letter-spacing:.3px;font-weight:900}.money{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));background:#ffffffd9;border-radius:999px;align-items:center;gap:8px;padding:8px 16px 8px 10px;font-size:22px;font-weight:900;display:flex;position:absolute;box-shadow:0 3px #0000002e}.money .bill{background:var(--green);border:2px solid var(--green-dark);border-radius:4px;width:30px;height:18px;position:relative}.money .bill:after{content:"";background:#a8e884;border-radius:3px;position:absolute;top:3px;bottom:3px;left:9px;right:9px}.money.bump{animation:.25s bump}@keyframes bump{0%{transform:scale(1)}40%{transform:scale(1.15)}to{transform:scale(1)}}.side-buttons{left:max(10px, env(safe-area-inset-left));flex-direction:column;gap:12px;display:flex;position:absolute;top:42%}.round-btn{cursor:pointer;color:#fff;border:none;border-radius:16px;justify-content:center;align-items:center;width:62px;height:62px;font-size:30px;transition:transform 80ms;display:flex;position:relative;box-shadow:0 4px #00000040}.round-btn:active{transform:translateY(3px);box-shadow:0 1px #00000040}.round-btn.settings{background:var(--purple)}.round-btn.upgrades{background:#7ed957}.round-btn .dot{background:#ff3b3b;border:2px solid #fff;border-radius:50%;width:16px;height:16px;display:none;position:absolute;top:-4px;right:-4px}.round-btn .dot.on{display:block}.save-indicator{left:max(12px, env(safe-area-inset-left));bottom:max(12px, env(safe-area-inset-bottom));opacity:0;font-size:16px;transition:opacity .3s;position:absolute}.save-indicator.show{opacity:1}.hint{bottom:max(14px, env(safe-area-inset-bottom));opacity:.9;text-align:center;font-size:15px;position:absolute;left:50%;transform:translate(-50%)}.toast{opacity:0;pointer-events:none;font-size:22px;transition:opacity .3s,transform .3s;position:absolute;top:80px;left:50%;transform:translate(-50%)}.toast.show{opacity:1;transform:translate(-50%)translateY(10px)}.joystick{pointer-events:none;background:#ffffff26;border:4px solid #ffffffb3;border-radius:50%;width:120px;height:120px;margin:-60px 0 0 -60px;display:none;position:absolute}.joystick .knob{background:#ffffffd9;border-radius:50%;width:52px;height:52px;margin:-26px 0 0 -26px;position:absolute;top:50%;left:50%;box-shadow:0 2px 6px #00000040}.joystick.show{display:block}.overlay{z-index:20;background:#00000059;justify-content:center;align-items:center;padding:16px;display:none;position:fixed;top:0;bottom:0;left:0;right:0}.overlay.show{display:flex}.panel{background:var(--panel);border-radius:22px;flex-direction:column;width:min(760px,100%);max-height:92vh;display:flex;overflow:hidden;box-shadow:0 10px #0003}.panel-head{justify-content:center;align-items:center;padding:12px 60px;font-size:30px;display:flex;position:relative}.panel-head .close{color:#fff;cursor:pointer;background:#f25757;border:none;border-radius:12px;width:46px;height:46px;font-size:26px;font-weight:900;position:absolute;top:10px;right:12px;box-shadow:0 3px #00000040}.tabs{gap:6px;padding:0 10px;display:flex}.tab{cursor:pointer;opacity:.75;border:none;border-radius:14px 14px 0 0;flex:1;padding:10px;font-size:18px;position:relative}.tab.active{opacity:1}.tab.personeel{background:var(--purple)}.tab.machines{background:var(--blue)}.tab.dieren{background:var(--orange)}.tab .dot{background:#ff3b3b;border:2px solid #fff;border-radius:50%;width:16px;height:16px;display:none;position:absolute;top:-5px;right:-5px}.tab .dot.on{display:block}.panel-body{background:var(--purple);border-radius:0 0 16px 16px;flex-direction:column;gap:10px;margin:0 10px 10px;padding:10px;display:flex;overflow-y:auto}.panel-body.machines{background:var(--blue)}.panel-body.dieren{background:var(--orange)}.entry{background:#ffffff47;border-radius:14px;flex-shrink:0;grid-template-columns:110px 1fr auto;align-items:center;gap:12px;min-height:96px;padding:10px 14px;display:grid}.entry.player{background:#7fcbf0}.entry.locked{opacity:.9}.entry .avatar{flex-direction:column;align-items:center;gap:4px;font-size:44px;display:flex}.entry .avatar .name{text-align:center;font-size:14px;line-height:1.1}.entry.locked .avatar .ico{filter:brightness(0)}.entry .rows{flex-direction:column;gap:8px;display:flex}.entry .row{justify-content:flex-end;align-items:center;gap:14px;font-size:17px;display:flex}.entry .btn-buy{background:var(--green);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:6px;min-width:118px;padding:8px 14px;font-size:18px;display:inline-flex;box-shadow:0 3px #00000040}.entry .btn-buy:disabled{cursor:default;background:#b9bcc4}.entry .btn-buy.maxed{color:#555;background:#cfd3da}.entry .btn-buy .bill{border:2px solid var(--green-dark);background:#9ce870;border-radius:3px;width:22px;height:13px}.entry .pause{cursor:pointer;background:#fff;border:none;border-radius:50%;width:42px;height:42px;font-size:18px;box-shadow:0 2px #0003}.entry .pause.paused{background:#ffd166}.settings-body{background:var(--purple);border-radius:16px;flex-direction:column;gap:12px;margin:0 10px 10px;padding:14px;display:flex}.settings-body .srow{background:#ffffff47;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;font-size:18px;display:flex}.btn{cursor:pointer;color:#fff;border:none;border-radius:12px;padding:10px 16px;font-size:17px;box-shadow:0 3px #00000040}.btn.green{background:var(--green)}.btn.blue{background:var(--blue)}.btn.red{background:#f25757}.btn.grey{background:#8f95a3}.confirm{background:#0003;border-radius:12px;flex-direction:column;gap:10px;padding:12px;display:none}.confirm.show{display:flex}.confirm .actions{justify-content:flex-end;gap:10px;display:flex}@media (max-width:640px){.money{font-size:18px}.round-btn{width:54px;height:54px;font-size:26px}.entry{grid-template-columns:84px 1fr}.entry .avatar{font-size:36px}.entry .rows{grid-column:2}.panel-head{font-size:24px}}.money svg{width:30px;height:20px}.round-btn svg{width:40px;height:40px}.panel-head .head-icon svg{vertical-align:middle;width:38px;height:38px;margin-right:8px}.panel{min-height:0}.panel-body{flex:auto;min-height:0}.tab.leveranciers,.panel-body.leveranciers{background:#3fb9a6}.entry .avatar .ico svg{width:60px;height:60px;display:block}.entry .btn-buy svg{width:24px;height:16px}.entry .row .small{opacity:.85;margin-left:10px;font-size:14px}.row-info{padding:6px 4px;font-size:18px}@media (max-width:640px){.entry .avatar .ico svg{width:44px;height:44px}.tab{padding:8px 4px;font-size:14px}}.panel-head .close svg{width:22px;height:22px}.entry .pause svg{vertical-align:middle;width:20px;height:20px}.entry .btn-buy.maxed svg{width:18px;height:18px}.menu{z-index:30;pointer-events:none;display:none;position:fixed;top:0;bottom:0;left:0;right:0}.menu.show{display:block}.menu:before{content:"";pointer-events:none;background:linear-gradient(100deg,#14181e73 0%,#14181e40 34%,#14181e00 55%);position:absolute;top:0;bottom:0;left:0;right:0}.menu-inner{pointer-events:auto;flex-direction:column;gap:18px;max-width:min(520px,90vw);display:flex;position:absolute;top:50%;left:max(40px,6vw);transform:translateY(-50%)}.menu-title{-webkit-text-stroke:2.5px #1b1d24;text-shadow:0 5px #00000047;font-size:clamp(38px,6vw,72px);line-height:1.05}.menu-sub{max-width:460px;font-size:clamp(15px,1.6vw,20px)}.menu-buttons{flex-direction:column;gap:10px;width:min(320px,80vw);display:flex}.mbtn{color:#fff;cursor:pointer;text-align:left;-webkit-text-stroke:1px #1b1d24;paint-order:stroke fill;border:none;border-radius:16px;padding:14px 18px;font-size:20px;font-weight:900;transition:transform 80ms;box-shadow:0 5px #00000040}.mbtn:active{transform:translateY(3px);box-shadow:0 2px #00000040}.mbtn.green{background:var(--green)}.mbtn.blue{background:var(--blue)}.mbtn.orange{background:var(--orange)}.mbtn.purple{background:var(--purple)}.mbtn.grey{background:#8f95a3}.menu-footer{opacity:.9;font-size:14px}.menu-panel{background:var(--panel);pointer-events:auto;border-radius:22px;flex-direction:column;width:min(560px,92vw);max-height:88vh;display:none;position:absolute;top:50%;right:max(30px,4vw);overflow:hidden;transform:translateY(-50%);box-shadow:0 10px #0003}.menu-panel.show{display:flex}.mp-head{justify-content:center;align-items:center;padding:12px 60px;font-size:26px;display:flex;position:relative}.mp-head .close{color:#fff;cursor:pointer;background:#f25757;border:none;border-radius:12px;width:42px;height:42px;font-size:22px;font-weight:900;position:absolute;top:8px;right:12px;box-shadow:0 3px #00000040}.mp-body{background:var(--purple);color:#fff;border-radius:16px;margin:0 10px 10px;padding:16px;font-size:17px;line-height:1.5;overflow-y:auto}.mp-body a{color:#fff}.mp-body .actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.shop-cards{background:var(--purple);border-radius:16px;flex-direction:column;gap:10px;margin:0 10px 10px;padding:10px;display:flex;overflow-y:auto}.shop-card{background:#ffffff47;border:3px solid #0000;border-radius:14px;flex-shrink:0;grid-template-columns:64px 1fr;align-items:center;gap:4px 12px;padding:12px 14px;display:grid}.shop-card.active{border-color:#fff}.shop-card.locked{opacity:.7}.shop-card .shop-emoji{text-align:center;grid-row:span 3;font-size:44px}.shop-card .shop-name{font-size:20px}.shop-card .shop-tag{color:#fff;opacity:.95;font-size:14px}.shop-card .shop-status{font-size:14px}.shop-card .actions{grid-column:2;justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.shop-card .btn{padding:8px 14px;font-size:15px}@media (max-width:760px){.menu-inner{top:auto;bottom:24px;left:16px;right:16px;transform:none}.menu-panel{width:auto;max-height:70vh;top:16px;left:16px;right:16px;transform:none}}.hud.hidden>:not(.overlay){display:none}.btn.purple{background:var(--purple)}.hud.menu-settings .overlay.show{z-index:40;display:flex}.hud.hidden.menu-settings>.overlay{display:none}.hud.hidden.menu-settings>.overlay.show{display:flex}.hud.menu-settings{z-index:40}.radio-btn{right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));cursor:pointer;background:#ffffffd9;border:none;border-radius:999px;padding:8px 14px;font-size:15px;font-weight:900;position:absolute;box-shadow:0 3px #0000002e}.sell-btn{top:max(60px, calc(env(safe-area-inset-top) + 52px));right:max(12px, env(safe-area-inset-right));color:#fff;cursor:pointer;-webkit-text-stroke:1px #1b1d24;paint-order:stroke fill;background:#ffc53d;border:none;border-radius:14px;padding:10px 14px;font-size:16px;font-weight:900;display:none;position:absolute;box-shadow:0 4px #00000038}.sell-btn.show{animation:.6s infinite alternate bump;display:block}.hint.tutorial{background:#00000059;border-radius:12px;padding:8px 14px;font-size:18px;opacity:1!important}.entry .small{opacity:.9;font-size:14px}.srow input[type=range]{width:140px}.round-btn.missions,.missions-body{background:var(--orange)}.entry.mission{grid-template-columns:64px 1fr}.entry.mission .avatar .ico svg{width:44px;height:44px}.entry .bar{background:#00000040;border-radius:11px;height:22px;position:relative;overflow:hidden}.entry .bar .fill{background:var(--green);height:100%;transition:width .3s}.entry .bar span{justify-content:center;align-items:center;font-size:14px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.entry .row.small svg{vertical-align:middle;width:20px;height:12px}.srow .music-ctl{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.srow select{color:#fff;background:var(--blue);cursor:pointer;border:none;border-radius:12px;max-width:230px;padding:10px 12px;font-family:inherit;font-size:16px;font-weight:800;box-shadow:0 3px #00000040}.srow select option,.srow select optgroup{color:var(--ink);background:#fff;font-weight:600}.cloud-info{text-align:right;color:#fff}.cloud-info .small{opacity:.9;font-size:13px}.cloud-code{text-transform:uppercase;border:2px solid #ffffff80;border-radius:10px;width:170px;padding:8px 10px;font-family:monospace;font-size:16px}#loader{z-index:100;background:linear-gradient(160deg,#9be05a,#6fcf3f);justify-content:center;align-items:center;transition:opacity .5s;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}#loader.hide{opacity:0;pointer-events:none}.loader-card{text-align:center;color:#fff;font-family:var(--font)}.loader-title{-webkit-text-stroke:2px #1b1d24;paint-order:stroke fill;text-shadow:0 5px #00000040;margin-bottom:18px;font-size:clamp(34px,6vw,64px);font-weight:900}.loader-bar{background:#00000040;border-radius:11px;width:min(360px,70vw);height:22px;margin:0 auto 12px;overflow:hidden;box-shadow:inset 0 2px 4px #0003}.loader-fill{background:#fff;border-radius:11px;width:5%;height:100%;transition:width .25s}.loader-text{-webkit-text-stroke:1px #1b1d24;paint-order:stroke fill;font-weight:800}.rep-badge{top:max(12px, env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));color:#1b1d24;pointer-events:none;background:#ffffffd9;border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-size:17px;font-weight:900;display:flex;position:absolute;box-shadow:0 3px #0000002e}.rep-badge .stars{color:#f2b705;letter-spacing:1px}.rep-badge.low .stars{color:#e74c3c}.rep-badge.high .stars{color:#2ead4e}@media (max-width:720px){.rep-badge{padding:5px 10px;font-size:14px}}.floor-badge{top:calc(max(12px, env(safe-area-inset-top)) + 46px);left:max(12px, env(safe-area-inset-left));color:#fff;pointer-events:none;background:#4c8debe6;border-radius:999px;padding:6px 14px;font-size:15px;font-weight:900;display:none;position:absolute;box-shadow:0 3px #0000002e}.floor-badge.show{display:block}.mbtn.teal{background:#2fb89e}.rank-tabs{justify-content:center;gap:8px;margin-bottom:10px;display:flex}.rank-tabs .btn{padding:6px 12px;font-size:20px}.rank-list{max-height:46vh;overflow-y:auto}.rank-row{border-radius:10px;align-items:center;gap:10px;padding:7px 10px;font-weight:800;display:flex}.rank-row:nth-child(odd){background:#ffffff14}.rank-row.me{background:#6fcf3f59}.rank-row .pos{text-align:right;opacity:.8;width:28px}.rank-row .nm{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.rank-row .sc{color:#ffd84a}.settings-body .player-name{width:150px;font-family:var(--font);border:2px solid #ccc;border-radius:8px;padding:8px;font-weight:700}