:root{color:#293137;font-synthesis:none;--cream:#fafafa;--ink:#293137;--yellow:#ffd139;--green:#44775b;--bolt-silver:#e2e7f0;--bolt-steel:#596273;--panel:#fafafaf5;--charcoal:#293137f5;--hud-edge:clamp(24px, 2.5vw, 48px);--hud-shadow:0 5px 20px #25332112;background:#afd078;font-family:Arial,Helvetica Neue,sans-serif;font-weight:500}.youtube-build #sound{display:none}.youtube-paused *,.youtube-paused :before,.youtube-paused :after,.gamemonetize-paused *,.gamemonetize-paused :before,.gamemonetize-paused :after{animation-play-state:paused!important}*{box-sizing:border-box;touch-action:pan-x pan-y}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none}html.viewport-zoomed,html.viewport-zoomed *{touch-action:pan-x pan-y pinch-zoom!important}@media (pointer:coarse){select,input,textarea{font-size:16px!important}}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0}button:disabled{cursor:default}button:focus-visible{outline-offset:4px;outline:3px solid #f9a71b}svg{flex-shrink:0;width:24px;height:24px}.bolt-icon{object-fit:contain;pointer-events:none;flex-shrink:0;width:24px;height:24px}button svg{pointer-events:none}button{transition:background .15s,transform .15s}button:active:not(:disabled){transform:translateY(2px)}[hidden]{display:none!important}#game{isolation:isolate;width:100%;height:100%;position:relative}#scene{touch-action:none;position:absolute;inset:0}#scene canvas{display:block}.vignette{pointer-events:none;background:radial-gradient(#0000 45%,#587c2920 100%);position:absolute;inset:0}.hud{pointer-events:none;position:absolute;inset:0}.hud button,.workshop{pointer-events:auto}.topbar{left:max(var(--hud-edge), env(safe-area-inset-left));right:max(var(--hud-edge), env(safe-area-inset-right));top:max(28px, env(safe-area-inset-top));justify-content:space-between;align-items:center;gap:24px;height:72px;display:flex;position:absolute}.brand{align-items:center;width:216px;min-width:0;height:72px;display:flex}.brand-logo{object-fit:contain;object-position:left center;pointer-events:none;width:100%;height:100%;display:block;transform:translate(-7.3%)}#progress-fill{background:linear-gradient(90deg, #e8ad24, var(--yellow));border-radius:inherit;width:0;height:100%;transition:width .15s}.top-actions{flex-shrink:0;align-items:center;gap:16px;margin-left:auto;display:flex}.wallet{background:var(--charcoal);min-width:168px;height:62px;box-shadow:var(--hud-shadow), inset 0 1px 0 #ffffff18;color:#fafafa;font-variant-numeric:tabular-nums;border-radius:22px;justify-content:center;align-items:center;gap:14px;padding:0 16px;font-size:30px;font-weight:700;display:flex}.wallet-currency{white-space:nowrap;align-items:center;gap:9px;display:flex}.wallet-bolts{color:var(--bolt-silver);border-left:1px solid #ffffff26;padding-left:14px}.wallet svg,.wallet .bolt-icon{color:#fc1;width:37px;height:37px}#gold-particles{pointer-events:none;z-index:4;position:fixed;inset:0;overflow:hidden}.gold-reward{color:#ffe178;font-variant-numeric:tabular-nums;white-space:nowrap;text-shadow:0 1px 2px #493300;transform-origin:0 0;will-change:transform;align-items:center;gap:3px;font-size:10px;font-weight:800;line-height:10px;display:flex;position:absolute;top:0;left:0}.gold-reward svg{color:#ffcf23;filter:drop-shadow(0 1px 1px #69490080);flex-shrink:0;width:10px;height:10px;margin:-5px 0 0 -5px}.gold-reward span{margin-top:-5px}.gold-reward i{background:#ffe585;border-radius:50%;width:2px;height:2px;position:absolute;top:-1px;left:-1px;box-shadow:0 0 3px #ffcd46}.icon-button{background:var(--panel);width:70px;height:70px;color:var(--ink);box-shadow:var(--hud-shadow);border-radius:21px;place-items:center;display:grid}.icon-button svg{width:41px;height:41px}.icon-button:hover{background:#fff}.materials{left:max(var(--hud-edge), env(safe-area-inset-left));background:var(--charcoal);color:#fafafa;width:80px;box-shadow:var(--hud-shadow), inset 0 1px 0 #ffffff18;border-radius:27px;flex-direction:column;align-items:center;gap:10px;padding:17px 8px 12px;display:flex;position:absolute;top:33.2%}.material-icon{place-items:center;width:42px;height:44px;display:grid}.material-icon svg{width:39px;height:39px}.fuel-track{background:#475054;border:5px solid #fafafa;border-radius:25px;width:48px;height:222px;position:relative;overflow:hidden;box-shadow:0 2px 4px #00000018}#fuel-fill{background:linear-gradient(90deg,#ffce18,#ffdb35);border:2px solid #ffe16a;border-radius:20px;transition:height .12s;position:absolute;bottom:0;left:0;right:0}#fuel-fill.low{background:#f39a37;border-color:#ffc269}#fuel-text{letter-spacing:-1px;font-variant-numeric:tabular-nums;font-size:28px;font-weight:750;line-height:1}#fuel-text span{letter-spacing:0;margin-left:1px;font-size:20px}.material-caption{color:#bcc1c3;font-size:12px;font-weight:700;line-height:1}.refilling #fuel-fill{background:linear-gradient(90deg,#8dd498,#c7ed99);border-color:#c7ed99}.material-warning{color:#ce2633;text-shadow:-1px -1px 1px #fff7f0,1px -1px 1px #fff7f0,-1px 1px 1px #fff7f0,1px 1px 1px #fff7f0,0 2px 4px #172a2480;text-align:center;pointer-events:none;width:max-content;max-width:min(88vw,620px);position:absolute;bottom:max(90px,16%);left:50%;transform:translate(-50%)}.material-warning strong{-webkit-text-stroke:.4px currentColor;font-size:clamp(24px,3vw,36px);font-weight:900;line-height:1.1;animation:1s step-end infinite material-warning-blink;display:block}.material-warning span{-webkit-text-stroke:.2px currentColor;margin-top:5px;font-size:clamp(12px,1.3vw,15px);font-weight:900;display:block}@keyframes material-warning-blink{0%,to{opacity:1}50%{opacity:.75}}.overview{right:max(calc(var(--hud-edge) - 7px), env(safe-area-inset-right));--map-width:96px;background:var(--panel);width:156px;box-shadow:var(--hud-shadow);border-radius:25px;padding:17px 23px 19px;position:absolute;top:132px}.map-title{text-align:center;letter-spacing:.7px;margin-bottom:8px;font-size:18px;font-weight:750;line-height:1.2}.overview-map{width:var(--map-width);margin:0 auto 14px}.worksite-progress{text-align:center;width:66.6667%;margin:0 auto 10px}#progress-text{letter-spacing:-.5px;font-variant-numeric:tabular-nums;margin-bottom:4px;font-size:16px;line-height:1.2;display:block}.map-frame{background:#d8dcda;border-radius:5px;width:-moz-fit-content;width:fit-content;margin:0 auto;padding:4px;position:relative}.overview canvas{width:auto;height:min(calc(var(--map-width) * 202 / 96), calc(var(--map-width) * var(--map-ratio,8)));display:block}.overview #map-player{pointer-events:none;width:calc(100% - 8px);height:calc(100% - 8px);position:absolute;top:4px;left:4px}.map-legend{white-space:nowrap;flex-direction:column;gap:6px;padding-left:6px;font-size:16px;line-height:1.3;display:flex}.map-legend>span{align-items:center;gap:11px;display:flex}.map-legend i{border-radius:5px;flex-shrink:0;width:17px;height:17px;box-shadow:inset 0 1px 2px #ffffff50}.joystick{z-index:2;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);touch-action:none;cursor:grab;background:#fffae936;border:1px solid #fffbe57d;border-radius:50%;width:144px;height:144px;position:absolute;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 13px #fff9e91a,0 10px 25px #233f3215}.joystick.engaged{cursor:grabbing;background:#fff9e955}.joystick-cross{pointer-events:none;background:#fffbea38;position:absolute}.joystick-cross.horizontal{height:1px;top:50%;left:18px;right:18px}.joystick-cross.vertical{width:1px;top:18px;bottom:18px;left:50%}.joystick-arrow{color:#fffce4b8;pointer-events:none;font-size:21px;position:absolute;left:calc(50% - 6px)}.joystick-arrow.north{top:6px}.joystick-arrow.south{bottom:7px}.thumb{background:var(--cream);color:#455f44;pointer-events:none;will-change:transform;border-radius:50%;place-items:center;width:58px;height:58px;display:grid;position:absolute;top:calc(50% - 29px);left:calc(50% - 29px);box-shadow:0 3px #9b9d6f,0 4px 14px #28442b36}.thumb svg{opacity:.65;width:22px;height:22px}.workshop{right:max(calc(var(--hud-edge) - 7px), env(safe-area-inset-right));bottom:max(54px, env(safe-area-inset-bottom));background:var(--panel);width:328px;box-shadow:var(--hud-shadow);border-radius:25px;padding:16px 23px 18px;position:absolute}.workshop-heading{letter-spacing:.7px;white-space:nowrap;margin-bottom:10px;font-size:21px;font-weight:750;line-height:1.2}.upgrade-list{flex-direction:column;gap:7px;display:flex}.upgrade{text-align:left;width:100%;height:68px;color:var(--ink);background:linear-gradient(90deg,#f0f1f1a0,#ffffff50);border-radius:16px;align-items:center;gap:13px;padding:4px 0;display:flex}.upgrade:not(:disabled):hover{background:#fff1ba}.upgrade:disabled .upgrade-price{background:#ffd347}.upgrade-icon{background:#e3e5e5;border-radius:50%;flex-shrink:0;place-items:center;width:61px;height:61px;display:grid}.upgrade-icon svg{width:35px;height:35px}.upgrade-name{font-size:20px;font-weight:700}.upgrade-price{background:var(--yellow);white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:17px;flex-shrink:0;grid-auto-flow:column;place-content:center;width:93px;height:51px;margin-left:auto;font-size:24px;font-weight:750;display:grid;box-shadow:0 3px 5px #a18b3a12}.render-error{background:var(--cream);place-content:center;height:100%;padding:24px;display:grid}.modal-kicker{letter-spacing:2px;color:#688165;align-items:center;gap:8px;font-size:10px;font-weight:700;display:flex}.primary{color:#293e2c;background:#ffd14e;border:1px solid #e3b23c;border-radius:11px;justify-content:space-between;align-items:center;width:100%;height:52px;padding:0 19px;font-size:13px;font-weight:700;display:flex;box-shadow:0 3px #dbac34}.primary:hover{background:#ffdc74}.primary svg{width:20px;height:20px}.modal{background:var(--cream);color:var(--ink);border:1px solid #fffdf2;border-radius:22px;width:calc(100% - 36px);max-width:430px;max-height:calc(100dvh - 36px);padding:28px;overflow:auto;box-shadow:0 20px 100px #0d2b3150}.modal::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#173b286b}.modal h2{letter-spacing:-1.2px;margin:16px 0;font-size:32px;line-height:1.12}.modal p{color:#6b7c62;margin-bottom:22px;font-size:12px;line-height:1.8}.modal small{text-align:center;color:#819175;margin-top:15px;font-size:9px;line-height:1.7;display:block}.secondary{color:#45613e;background:#eceeee;border:1px solid #b9c9a761;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:43px;padding:9px 12px;font-size:11px;font-weight:650;display:flex}.secondary svg{width:17px;height:17px}.secondary:hover{background:#e1e5e3}.full{width:100%;margin-top:9px}.win-modal{text-align:center}.win-modal .modal-kicker{justify-content:center;margin-top:16px}.win-modal h2{font-size:39px}.win-mark{color:#538349;background:#dfeccb;border-radius:20px;place-items:center;width:64px;height:64px;margin:auto;display:grid}.win-mark svg{width:38px;height:38px}.win-stats{grid-template-columns:repeat(3,1fr);gap:10px;padding:18px 0 23px;display:grid}.win-stats strong{letter-spacing:-1px;font-size:22px;font-weight:700;display:block}.win-stats span{letter-spacing:.5px;color:#7b8b6d;margin-top:5px;font-size:7px;font-weight:750;display:block}@keyframes blink{50%{opacity:.4}}@keyframes appear{0%{opacity:0;translate:0 -5px}to{opacity:1;translate:0}}@media (max-width:1100px){:root{--hud-edge:24px}.topbar{top:max(22px, env(safe-area-inset-top));height:58px}.brand{width:180px;height:58px}.top-actions{gap:12px}.wallet{border-radius:17px;gap:9px;min-width:125px;height:52px;padding:0 12px;font-size:23px}.wallet svg,.wallet .bolt-icon{width:30px;height:30px}.icon-button{border-radius:17px;width:56px;height:56px}.icon-button svg{width:33px;height:33px}.overview{right:max(var(--hud-edge), env(safe-area-inset-right));--map-width:78px;border-radius:21px;width:124px;padding:14px 16px 16px;top:106px}.map-title{letter-spacing:.4px;font-size:14px}#progress-text{font-size:14px}.overview-map{margin-bottom:11px}.map-legend{gap:5px;padding-left:3px;font-size:12px}.map-legend>span{gap:8px}.map-legend i{border-radius:4px;width:13px;height:13px}.materials{border-radius:23px;gap:8px;width:66px;padding:14px 7px 12px}.material-icon{width:34px;height:35px}.material-icon svg{width:32px;height:32px}.fuel-track{border-width:4px;width:40px;height:180px}#fuel-text{font-size:23px}#fuel-text span{font-size:16px}.material-caption{font-size:10px}.workshop{right:max(var(--hud-edge), env(safe-area-inset-right));border-radius:22px;width:276px;padding:14px 17px 16px;bottom:32px}.workshop-heading{margin-bottom:8px;font-size:17px}.upgrade{gap:10px;height:57px}.upgrade-icon{width:50px;height:50px}.upgrade-icon svg{width:29px;height:29px}.upgrade-name{font-size:17px}.upgrade-price{border-radius:14px;width:77px;height:43px;font-size:20px}}@media (max-width:760px){:root{--hud-edge:16px}.topbar{top:max(16px, env(safe-area-inset-top));height:48px}.brand{width:138px;height:48px}.wallet{border-radius:14px;gap:7px;min-width:92px;height:44px;padding:0 10px;font-size:19px}.wallet-currency{gap:5px}.wallet-bolts{padding-left:7px}.wallet svg,.wallet .bolt-icon{width:26px;height:26px}.top-actions{gap:8px}.icon-button{border-radius:14px;width:46px;height:46px}.icon-button svg{width:29px;height:29px}.overview{--map-width:59px;border-radius:16px;width:88px;padding:12px 8px 13px;top:80px}.worksite-progress{margin-bottom:8px}.map-title{letter-spacing:.3px;margin-bottom:6px;font-size:10px}#progress-text{margin-bottom:3px;font-size:12px}.overview-map{margin-bottom:9px}.map-legend{padding-left:2px;font-size:9px}.map-legend>span{gap:6px}.map-legend i{border-radius:3px;width:10px;height:10px}.materials{border-radius:19px;gap:7px;width:54px;padding:12px 5px;top:34%}.material-icon{height:29px}.material-icon svg{width:28px;height:28px}.fuel-track{border-width:4px;width:33px;height:146px}#fuel-text{font-size:19px}#fuel-text span{font-size:13px}.material-caption{font-size:8px}.workshop{width:208px;bottom:max(22px, env(safe-area-inset-bottom));border-radius:19px;padding:13px}.workshop-heading{letter-spacing:.5px;margin-bottom:7px;font-size:13px}.upgrade-list{gap:5px}.upgrade{gap:8px;height:44px}.upgrade-icon{width:39px;height:39px}.upgrade-icon svg{width:23px;height:23px}.upgrade-name{font-size:13px}.upgrade-price{border-radius:11px;width:62px;height:35px;font-size:16px}.joystick{width:124px;height:124px}.thumb{width:52px;height:52px;top:calc(50% - 26px);left:calc(50% - 26px)}.modal{padding:25px}}@media (max-height:600px) and (min-width:761px){.topbar{height:58px;top:16px}.brand{width:180px;height:58px}.wallet{min-width:125px;height:52px;font-size:23px}.wallet svg,.wallet .bolt-icon{width:30px;height:30px}.icon-button{width:56px;height:56px}.icon-button svg{width:33px;height:33px}}@media (max-height:600px){.overview{--map-width:48px;border-radius:16px;width:88px;padding:10px;top:84px}.worksite-progress{margin-bottom:6px}.map-title{letter-spacing:.3px;margin-bottom:4px;font-size:10px}#progress-text{margin-bottom:3px;font-size:11px}.overview-map{margin-bottom:8px}.map-legend{gap:4px;padding-left:2px;font-size:9px}.map-legend>span{gap:6px}.map-legend i{width:10px;height:10px}.materials{border-radius:19px;gap:6px;width:54px;padding:10px 5px;top:32%}.material-icon{height:27px}.material-icon svg{width:26px;height:26px}.fuel-track{border-width:4px;width:32px;height:104px}#fuel-text{font-size:19px}#fuel-text span{font-size:13px}.material-caption{font-size:8px}.workshop{border-radius:18px;width:216px;padding:12px;bottom:16px}.workshop-heading{margin-bottom:6px;font-size:13px}.upgrade-list{gap:4px}.upgrade{gap:8px;height:41px}.upgrade-icon{width:36px;height:36px}.upgrade-icon svg{width:23px;height:23px}.upgrade-name{font-size:13px}.upgrade-price{border-radius:11px;width:62px;height:34px;font-size:16px}.modal{padding:20px}.modal h2{font-size:27px}.modal p{margin-bottom:12px}.win-stats{padding:12px 0}.win-mark{width:45px;height:45px}.win-modal h2{font-size:29px}}@media (max-height:500px) and (max-width:760px){.overview{top:80px}.workshop{width:200px}}@media (max-height:450px){.overview{--map-width:40px}}@media (max-height:600px) and (min-width:561px){.workshop{width:460px}.upgrade-list{flex-direction:row;gap:8px}.upgrade{gap:6px;min-width:0;height:44px}.upgrade-icon{width:32px;height:32px}.upgrade-icon svg{width:21px;height:21px}.upgrade-name{font-size:12px}.upgrade-price{width:54px;height:32px;font-size:14px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.job-notice{left:50%;bottom:max(24px, env(safe-area-inset-bottom));color:#fff8db;text-align:center;pointer-events:none;background:#263c35ed;border-radius:16px;width:max-content;max-width:min(88vw,520px);padding:12px 18px;font-size:14px;position:absolute;transform:translate(-50%)}.driving-help{border:1px solid #ffd13980;line-height:1.45}.driving-help strong,.driving-help span{display:block}.driving-help strong{color:var(--yellow)}.driving-help span{margin-top:4px;font-size:12px}.driving-help .driving-help-touch{display:none}#hud:has(#driving-help:not([hidden])) #job-notice{display:none}@media (pointer:coarse){.driving-help .driving-help-keyboard{display:none}.driving-help .driving-help-touch{display:block}}#workshop{overscroll-behavior:contain;width:min(410px,100vw - 28px);max-height:calc(100dvh - 150px);right:max(14px, env(safe-area-inset-right));bottom:max(22px, env(safe-area-inset-bottom));background:#edf5fcf2;border:2px solid #729fc7;padding:15px;overflow-y:auto}#workshop .workshop-heading{color:#305577;font-size:17px}.workshop-heading span{letter-spacing:0;margin-top:3px;font-size:11px;font-weight:500;display:block}.upgrade-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.upgrade-button{color:#293e4f;cursor:pointer;background:#fff;border:0;border-radius:12px;flex-direction:column;align-items:center;gap:6px;min-height:123px;padding:12px 4px;display:flex}.upgrade-button svg{color:#447fae;width:24px;height:24px}.upgrade-button strong{font-size:14px}.upgrade-button span{white-space:normal;font-size:11px;line-height:1.4}.upgrade-button small{font-size:11px;font-weight:500}.upgrade-button b{font-variant-numeric:tabular-nums;background:#ffda57;border-radius:7px;justify-content:center;align-items:center;gap:4px;padding:5px 7px;font-size:12px;display:inline-flex}.upgrade-button b svg{color:#d69516;width:16px;height:16px}.upgrade-button:disabled{cursor:default;color:#687781}.upgrade-button:disabled b{background:#e0e5e9}.upgrade-button:not(:disabled):hover{background:#fff6d7}.tier-swatch{border-radius:50%;width:10px;height:10px;margin-right:6px;display:inline-block}.workshop-status{color:#49626b;margin:10px 0 0;font-size:11px;font-weight:600;line-height:1.4}.tier-offer{margin:0}.tier-offer-heading{text-align:center}.tier-offer h3{letter-spacing:-.8px;text-wrap:balance;color:#293e4f;margin:0;font-size:28px;font-weight:850}.tier-offer p{text-align:center;color:#49626b;margin:8px 0;font-size:11px;line-height:1.5}.tier-offer .tier-offer-name{color:#293e4f;margin:6px 0 0;font-size:14px;font-weight:700}.tier-preview{object-fit:contain;background:radial-gradient(#ffffffd9,#fff0 70%);border-radius:14px;width:100%;height:clamp(140px,24dvh,200px);margin:12px 0 0;display:block}.tier-gains{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:16px 0 12px;display:grid}.tier-gain{background:#fff;border:1px solid #d8e3eb;border-radius:12px;padding:10px}.tier-gains dt{color:#293e4f;flex-wrap:wrap;align-items:center;gap:5px;font-size:11px;font-weight:700;display:flex}.tier-gains dt svg{width:20px;height:20px;color:var(--tier-color)}.tier-gain-bonus{color:#34784b;white-space:nowrap;background:#eaf5ed;border-radius:6px;margin-left:auto;padding:3px 5px;font-size:10px}.tier-gains dd{color:#607380;font-variant-numeric:tabular-nums;margin:8px 0 0;font-size:11px}.tier-gains dd strong{color:#293e4f;font-size:16px}.tier-gains dd small{font-size:10px}.tier-actions{background:#edf5fc;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:12px 0 3px;display:grid;position:sticky;bottom:-15px}.tier-actions button{font-variant-numeric:tabular-nums;justify-content:center;gap:8px;min-height:52px;padding:12px 8px;font-size:13px}.tier-actions-single{grid-template-columns:minmax(0,1fr)}.tier-actions .primary:disabled{opacity:.5}.tier-actions svg{width:24px;height:24px}:is(#hud:has(.workshop:not([hidden])) .job-notice,#hud:has(.workshop:not([hidden])) .material-warning,#hud:has(.workshop:not([hidden])) .level-announcement){display:none}.level-announcement{text-align:center;color:#fff;pointer-events:none;text-shadow:0 3px 18px #163a34aa,0 2px 2px #263c3560;width:95%;position:absolute;top:43%;left:50%;transform:translate(-50%,-50%)}.level-announcement span{letter-spacing:6px;font-size:14px;font-weight:800;display:block}.level-announcement strong{letter-spacing:-2px;font-size:clamp(48px,10vw,100px);line-height:1.2;display:block}.level-announcement small{font-size:16px;font-weight:600}.paint-upgrade-options{grid-template-columns:repeat(3,1fr)}.painting:not(.refilling) #fuel-fill:not(.low){background:#e7f2f2;border-color:#b6dcdf}.painting .material-icon{color:#a4d9df}.painting .legend-repair{background:#75bac5}.stage-progress{text-align:center;color:#49626b;margin:7px 0 0;font-size:10px;font-weight:650}.work-objectives{text-align:center;color:#49626b;margin:8px -8px;font-size:11px;font-weight:650;line-height:1.5}.barrier-workshop .workshop-heading{color:#985b22}.material-workshop .workshop-heading{color:#487750}.material-workshop.paint-equipment .workshop-heading{color:#367d86}.tool-workshop p{margin:10px 0;font-size:13px;line-height:1.4}.tool-workshop .primary{width:100%}.tool-workshop .primary:disabled{color:#667179;background:#d8dddf;border-color:#bbc4c8;box-shadow:0 3px #b6bfc3}.tool-workshop p.tool-error{color:#b42318}.level-rewards{flex:0 280px;align-self:flex-start;width:280px;min-width:180px;margin:0 auto;position:relative}.reward-progress{height:82px;margin:0 16px;position:relative}.reward-track{background:var(--charcoal);border-radius:8px;width:100%;height:10px;position:absolute;top:10px;overflow:hidden;box-shadow:0 2px 5px #29313726,inset 0 1px #ffffff30}.reward-milestone{left:var(--milestone-position);flex-direction:column;align-items:center;gap:6px;width:32px;display:flex;position:absolute;top:0;transform:translate(-50%)}.milestone-star{color:#3c4745;filter:drop-shadow(0 2px 2px #29313738);display:flex}.milestone-star svg{stroke:#e8ede2;stroke-width:1.4px;width:30px;height:30px;transition:color .2s,stroke .2s}.reward-milestone.current .milestone-star svg{stroke:#ffe58b}.reward-milestone.earned .milestone-star{color:var(--yellow)}.reward-milestone.earned .milestone-star svg{stroke:#b7801c}.milestone-reward{filter:drop-shadow(0 1px 1px #29313740);display:flex}.milestone-reward svg,.milestone-reward .bolt-icon{width:25px;height:25px}.basic-rewards .reward-milestone:not(#star-1) .milestone-reward svg,.basic-rewards .reward-milestone:not(#star-1) .milestone-reward .bolt-icon{width:16px;height:16px}.reward-milestone small{color:var(--cream);text-shadow:0 1px 3px #293137,0 0 6px #29313790;font-variant-numeric:tabular-nums;font-size:9px;font-weight:750;line-height:1}.reward-status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:1100px){.level-rewards{flex-basis:250px;width:250px}}@media (min-width:761px) and (max-width:900px){.topbar{gap:20px}}@media (max-width:680px){.level-rewards{width:min(220px,100vw - 132px);min-width:0;margin:0;position:absolute;top:calc(100% + 10px);left:0}}@media (max-height:500px) and (min-width:681px){.level-rewards{flex-basis:230px;width:230px}}.sector-list{grid-template-columns:repeat(10,minmax(0,1fr));gap:7px;padding:12px 0 6px;display:grid}.sector-header{top:calc(-1 * var(--popup-pad));z-index:2;background:var(--cream);padding:var(--popup-pad) 0 10px;margin-top:calc(-1 * var(--popup-pad));border-bottom:1px solid #dfe5db;position:sticky}.sector-title-row{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.sector-title-row h2{letter-spacing:-.8px;margin:9px 0 16px;font-size:27px}#sector-summary{color:#6e7e68;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:11px}.sector-modal .sector-help{margin:9px 0 0;font-size:10px;line-height:1.4}.depot-tabs{background:#e8ece6;border-radius:14px;grid-template-columns:1fr 1fr;gap:5px;margin-top:14px;padding:4px;display:grid}.depot-tabs button{color:#576650;background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:8px;font-size:14px;font-weight:800;display:flex}.depot-tabs button[aria-selected=true]{background:var(--yellow);color:var(--ink);box-shadow:0 2px #c8a62c}.depot-tabs button:disabled{color:#727b6f}#jobs-tab-lock{white-space:nowrap;align-items:center;gap:3px;font-size:10px;display:flex}#jobs-tab-lock svg{width:12px;height:12px}.jobs-new{background:var(--yellow);color:var(--ink);letter-spacing:.6px;border-radius:6px;padding:4px 6px;font-size:10px;font-weight:900;line-height:1;display:inline-block}.jobs-intro{text-align:left;align-items:center;gap:14px;padding:24px 0 20px;display:flex}.jobs-bolt{background:#edf0e8;border-radius:16px;flex-shrink:0;place-items:center;width:54px;height:54px;display:grid}.jobs-bolt .bolt-icon{width:34px;height:34px}.jobs-intro h3{letter-spacing:-.4px;margin:0 0 6px;font-size:19px}.sector-modal .jobs-intro p,.sector-modal .jobs-empty p,.sector-modal .jobs-campaign-hint{color:#697262;margin:0;font-size:13px;line-height:1.5}.jobs-offers{gap:10px;display:grid}.jobs-board-progress{color:#617358;text-align:left;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;margin:0 0 12px;font-size:11px;display:flex}.jobs-board-progress strong{color:#365b3c}.sector-modal .jobs-lock-hint,.sector-modal .jobs-refresh-status{text-align:left;border-radius:10px;align-items:center;gap:10px;margin:0 0 12px;padding:12px;font-size:12px;line-height:1.5;display:flex}.sector-modal .jobs-lock-hint{color:#685021;background:#fff2cc;border:1px solid #ead59c}.jobs-lock-hint svg{flex-shrink:0;width:20px;height:20px}.sector-modal .jobs-refresh-status{color:#29643b;background:#e0f0df;border:1px solid #a5cda8}.jobs-reroll{text-align:left;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0 0 16px;display:flex}.jobs-reroll button{justify-content:center;align-items:center;gap:8px;min-height:44px;font-size:12px;display:inline-flex}.jobs-reroll svg{width:22px;height:22px}#jobs-reroll-hint{color:#617358;font-size:12px}.job-terms{color:#617358;flex-wrap:wrap;gap:5px 10px;margin-top:8px;font-size:10px;font-weight:700;display:flex}.job-long-bonus{color:#36713f}.job-card-action strong svg{width:24px;height:24px}.job-card{text-align:left;background:#f0f4eb;border:1px solid #d6dfcf;border-bottom-width:3px;border-radius:14px;justify-content:space-between;align-items:center;gap:14px;padding:16px;display:flex}.job-card.is-active{background:#fff8df;border-color:#d6b344}.job-card.is-locked{background:#edf0eb;border-color:#dce1d8}.job-card.is-locked>div{opacity:.65;filter:grayscale(.65)}.job-card.is-complete{background:linear-gradient(115deg,#e3f2df,#f2f8ed);border-color:#8ebc94 #8ebc94 #8ebc94 #3b8b53;border-left-style:solid;border-left-width:5px}.job-card.is-complete h3,.job-card.is-complete .job-card-action strong{color:#285d39}.job-complete-label{color:#226235;background:#cae7c9;border-radius:6px;align-items:center;gap:5px;margin-top:10px;padding:4px 8px;font-size:11px;font-weight:800;display:inline-flex}.job-complete-label svg{stroke-width:3px;width:14px;height:14px}.job-complete-seal{color:#fff;background:#39854e;border:3px solid #fff;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 0 0 2px #b2d5b2}.job-complete-seal svg{stroke-width:3px;width:24px;height:24px}.job-region{color:#617358;letter-spacing:.4px;font-size:10px;font-weight:700}.job-card h3{margin:5px 0;font-size:17px}.sector-modal .job-card p{margin:0;font-size:12px;line-height:1.4}.job-card-action{flex-shrink:0;justify-items:center;gap:8px;display:grid}.job-card-action strong{align-items:center;gap:6px;font-size:20px;display:flex}.job-card-action .primary{min-height:44px;padding:10px 14px;font-size:12px}.job-card-action button:disabled{box-shadow:none;opacity:.6;background:#dde4d7}.job-abandon{color:#697262;background:0 0;min-height:44px;font-size:11px;text-decoration:underline}.is-job .reward-milestone{display:none}.is-job .reward-status{clip-path:none;white-space:normal;background:var(--charcoal);color:#fff;text-align:center;border-radius:8px;width:calc(100% - 28px);height:auto;padding:6px 8px;font-size:10px;line-height:1.4;top:28px;left:14px}.is-job .job-notice{bottom:max(112px, calc(env(safe-area-inset-bottom) + 90px))}.job-controls{right:max(24px, env(safe-area-inset-right));bottom:max(24px, env(safe-area-inset-bottom));justify-items:end;gap:8px;max-width:min(240px,48vw);display:grid;position:absolute}.job-controls>span{color:#fff;text-align:right;background:#293b31ed;border-radius:10px;padding:7px 10px;font-size:11px}@media (max-width:380px){.job-card{gap:8px;padding:12px 10px}.job-card h3{font-size:15px}.job-card-action .primary{padding:10px}}.sector-modal .jobs-campaign-hint{text-align:center;margin-top:18px;font-size:11px}.jobs-announcement{border:2px solid var(--yellow);color:#fffdf4;text-align:center;pointer-events:none;background:#293b31f5;border-radius:18px;width:min(390px,100% - 48px);padding:18px 20px;position:absolute;top:30%;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #22362928}.jobs-announcement strong{margin-left:8px;font-size:16px}.jobs-announcement p{margin:10px 0 6px;font-size:14px;line-height:1.4}.jobs-announcement small{color:#e1e9da;font-size:12px;line-height:1.4}.sector-card{color:#354d3e;font-variant-numeric:tabular-nums;background:#eef3e9;border:1px solid #dce4d7;border-bottom-width:3px;border-radius:12px;align-content:center;justify-items:center;gap:4px;min-width:0;min-height:80px;padding:16px 3px 8px;transition:background-color .12s,border-color .12s,transform .12s;display:grid;position:relative}.sector-card:hover:not(:disabled){background:#e1ecd9;border-color:#9db28e}.sector-card:active:not(:disabled){transform:translateY(1px)}.sector-card strong{letter-spacing:-.8px;font-size:22px;line-height:1}.sector-card .sector-stars{letter-spacing:0;color:#aa7a0a;white-space:nowrap;font-size:13px;line-height:1}.sector-stars i{color:#bdc8b5;font-style:normal}.sector-stars svg{color:#7b8775;width:13px;height:13px}.sector-modal .sector-card small{color:#70816a;margin:0;font-size:8px;font-weight:700;line-height:1}.sector-card.is-complete{background:#e5eedf}.sector-card.is-current{background:#fff0aa;border-color:#d6ac2a}.sector-modal .sector-card.is-current small{color:#7a5b09}.sector-card.is-locked{color:#86917e;background:#f2f3ee;border-color:#e6e9e1}.sector-card:disabled{cursor:default}.sector-biome{color:var(--region-color);opacity:.85;pointer-events:none;position:absolute;top:4px;left:5px}.sector-biome svg{stroke-width:2px;width:12px;height:12px;display:block}.sector-barrier{color:#ad6d31;position:absolute;top:3px;right:3px}.sector-barrier svg{width:12px;height:12px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (max-width:650px){.sector-list{grid-template-columns:repeat(5,minmax(0,1fr))}.sector-title-row h2{font-size:22px}.sector-card{min-height:72px}}@media (max-width:500px){.topbar{gap:12px}.brand{width:116px}.top-actions{gap:7px}.wallet{gap:6px;min-width:0;padding:0 6px;font-size:16px}.wallet-currency{gap:4px}.wallet-bolts{padding-left:6px}.wallet svg,.wallet .bolt-icon{width:22px;height:22px}.reward-progress{height:70px;margin:0 14px}.reward-track{height:8px;top:8px}.reward-milestone{gap:5px;width:26px}.milestone-star svg{width:25px;height:25px}.milestone-reward svg,.milestone-reward .bolt-icon{width:22px;height:22px}.reward-milestone small{font-size:8px}}@media (prefers-reduced-motion:reduce){#progress-fill,.milestone-star svg{transition:none}}.legend-repair{background:#a1a8a2}.star-celebration{z-index:5;pointer-events:none;-webkit-user-select:none;user-select:none;color:#fff;text-align:center;--reward-shadow:0 3px 0 #293137, 0 0 3px #293137, 0 5px 10px #172a3580;--hero-size:clamp(132px, 22dvh, 216px);height:100dvh;max-height:100%;position:absolute;inset:0}.reward-presentation{width:min(540px,100% - 32px);position:absolute;top:max(130px,14dvh);left:50%;transform:translate(-50%)}.reward-hero{height:var(--hero-size);place-items:center;margin-bottom:14px;display:grid;position:relative}.reward-glow{width:calc(var(--hero-size) * 1.65);height:calc(var(--hero-size) * 1.65);background:radial-gradient(circle,#ffe75b70 0%,#ffe75b25 40%,#0000 70%);border-radius:50%;animation:.65s ease-out both reward-glow-in,1.8s ease-in-out .65s infinite alternate reward-glow-breathe;position:absolute}.reward-star-pop{width:var(--hero-size);height:100%;animation:.75s cubic-bezier(.2,.8,.2,1) both reward-star-in;position:relative}.celebration-star{object-fit:contain;filter:drop-shadow(0 6px 8px #b7801c40);width:100%;height:100%;animation:2s ease-in-out .75s infinite alternate reward-star-float;display:block}.reward-twinkles{position:absolute;inset:-10% 18%}.reward-twinkles span{width:30px;height:38px;animation:reward-twinkle 1.35s ease-in-out calc(var(--twinkle) * .1s) infinite both;position:absolute;top:45%;left:4%}.reward-twinkles span:nth-child(2){width:34px;height:46px;top:4%;left:86%}.reward-twinkles span:nth-child(3){top:67%;left:98%}.reward-twinkles span:nth-child(4){width:19px;height:25px;top:88%;left:12%}.reward-twinkles span:nth-child(5){width:20px;height:28px;top:102%;left:68%}.reward-twinkles span:nth-child(6){width:17px;height:22px;top:4%;left:24%}.reward-twinkles span:nth-child(7){width:17px;height:22px;top:37%;left:76%}.reward-twinkles span:nth-child(8){width:24px;height:30px;top:112%;left:-7%}.reward-twinkles img{object-fit:contain;filter:drop-shadow(0 0 9px #fff393);width:100%;height:100%}.reward-copy{text-shadow:var(--reward-shadow);animation:.43s cubic-bezier(.2,.8,.2,1) .18s both reward-copy-in}.reward-copy h2{letter-spacing:-1px;text-wrap:balance;-webkit-text-stroke:1.3px #293137;paint-order:stroke fill;margin:0 0 8px;font-size:clamp(27px,3.1vw,46px);font-weight:900;line-height:1.1}.star-reward-items{justify-content:center;gap:4px;display:grid}.star-reward-item{color:#ffd139;-webkit-text-stroke:1.2px #293137;paint-order:stroke fill;justify-content:center;align-items:center;gap:10px;font-size:clamp(29px,3.2vw,48px);font-weight:900;line-height:1.2;display:flex}.star-reward-item strong{font-variant-numeric:tabular-nums;font-weight:900}.star-reward-item img{object-fit:contain;filter:drop-shadow(0 3px 3px #29313770);width:50px;height:48px}.reward-bolts{color:var(--bolt-silver);font-size:clamp(25px,2.8vw,40px)}.reward-copy p{margin:8px 0 0;font-size:clamp(14px,1.6vw,23px);font-weight:750}.reward-unlock{color:#fff3b1;margin-top:6px;font-size:clamp(13px,1.25vw,18px);font-weight:750;display:block}.star-reward-actions{left:50%;bottom:max(12dvh, calc(env(safe-area-inset-bottom) + 28px));width:min(350px,100% - 48px);text-shadow:var(--reward-shadow);justify-items:center;gap:8px;animation:.4s ease-out .4s both reward-copy-in;display:grid;position:absolute;transform:translate(-50%)}.star-reward-actions>span{font-size:clamp(14px,1.5vw,20px);font-weight:750}.star-reward-actions>small{font-size:clamp(12px,1.15vw,16px);font-weight:650}.reward-ad-button{--bonus-color:#ffd139;--bonus-bottom:#e9b22c;--bonus-light:#ffed99;pointer-events:auto;touch-action:pan-x pan-y;background:linear-gradient(var(--bonus-color), var(--bonus-bottom));width:100%;min-height:60px;box-shadow:inset 0 2px 0 var(--bonus-light), 0 3px 0 #293137, 0 8px 18px #29313730;color:#293137;text-shadow:none;border:2px solid #293137;border-radius:18px;justify-content:center;align-items:center;gap:14px;padding:10px 18px;font-size:clamp(20px,1.8vw,27px);transition:transform .15s ease-out,box-shadow .15s ease-out,filter .15s ease-out;display:flex}.reward-triple-bolts,.reward-double-bolts{--bonus-color:#b89aff;--bonus-bottom:#9270ed;--bonus-light:#dfd0ff}.reward-ad-button .reward-play{width:35px;height:29px}.reward-ad-button strong{font-weight:850}.reward-ad-button b{font-size:21px}.reward-ad-button:hover:not(:disabled){filter:brightness(1.08);box-shadow:inset 0 2px 0 var(--bonus-light), 0 3px 0 #293137, 0 10px 24px #29313740}.reward-ad-button:active:not(:disabled){transform:translateY(2px)scale(.97)}.reward-ad-button:disabled{opacity:.8}.star-celebration.is-settling .reward-presentation{opacity:0;transition:opacity .25s ease-out}.star-celebration.is-exiting .star-reward-actions{opacity:0;pointer-events:none;transition:opacity .25s ease-out;animation:none}.star-celebration.is-exiting .reward-ad-button{pointer-events:none}.star-celebration.is-paused *{animation-play-state:paused}.reward-star-flight{z-index:6;pointer-events:none;filter:drop-shadow(0 0 10px #ffe78090);display:flex;position:fixed}.reward-star-flight img{object-fit:contain;width:100%;height:100%}.reward-burst{z-index:7;pointer-events:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0;overflow:hidden}.reward-burst-particle,.reward-burst-ring,.reward-burst-label{will-change:transform, opacity;position:absolute;top:0;left:0}.reward-burst-particle img,.reward-burst-particle svg{object-fit:contain;filter:drop-shadow(0 2px 1px #29313780)drop-shadow(0 0 8px #dfd0ffa0);width:100%;height:100%}.reward-burst-ring{background:radial-gradient(circle,#d5c1ff50,#b89aff10 55%,#0000 70%);border:3px solid #eee4ff;border-radius:50%;box-shadow:0 0 22px #dfd0ff90,inset 0 0 18px #dfd0ff60}.reward-burst-label{width:max-content;max-width:calc(100vw - 32px);color:var(--bolt-silver);font-variant-numeric:tabular-nums;white-space:nowrap;text-shadow:0 2px #293137,0 0 4px #293137,0 0 18px #b89aff;flex-wrap:wrap;justify-content:center;gap:0 .5em;font-size:clamp(23px,3vw,34px);font-weight:900;display:flex}.reward-burst-label .is-golds{color:#ffd139;text-shadow:0 2px #293137,0 0 4px #293137,0 0 18px #ffd139}.reward-burst.is-golds .reward-burst-ring{background:radial-gradient(circle,#ffdb7050,#ffd13910 55%,#0000 70%);border-color:#fff0a4;box-shadow:0 0 22px #ffe78090,inset 0 0 18px #ffe78060}.reward-burst.is-mixed .reward-burst-ring{background:conic-gradient(from 45deg,#ffd13945,#b89aff45,#ffd13945);border-color:#fff0c9;box-shadow:0 0 22px #ffe78090,inset 0 0 18px #dfd0ff60}.reward-burst-particle.is-golds img{filter:drop-shadow(0 2px 1px #29313780)drop-shadow(0 0 8px #ffe780a0)}@keyframes reward-star-in{0%{opacity:0;transform:scale(.15)rotate(-22deg)}58%{opacity:1;transform:scale(1.16)rotate(7deg)}80%{transform:scale(.95)rotate(-3deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes reward-star-float{0%{transform:translateY(0)rotate(-2deg)}to{transform:translateY(-7px)rotate(2deg)}}@keyframes reward-glow-in{0%{opacity:0;transform:scale(.25)}to{opacity:1;transform:scale(1)}}@keyframes reward-glow-breathe{0%{opacity:.7;transform:scale(.95)}to{opacity:1;transform:scale(1.08)}}@keyframes reward-twinkle{0%,to{opacity:0;transform:scale(.25)rotate(-15deg)}45%{opacity:1;transform:scale(1.15)rotate(8deg)}65%{opacity:.9;transform:scale(1)rotate(0)}}@keyframes reward-copy-in{0%{opacity:0;translate:0 14px;scale:.92}to{opacity:1;translate:0;scale:1}}@media (max-width:680px){.star-celebration{--hero-size:clamp(122px, 21dvh, 172px)}.reward-presentation{width:calc(100% - 42px);top:max(166px,20dvh)}.reward-copy h2{font-size:clamp(25px,6.8vw,36px)}.star-reward-item{gap:8px;font-size:clamp(28px,7.4vw,38px)}.reward-bolts{font-size:clamp(23px,6vw,30px)}.star-reward-item img{width:38px;height:38px}.reward-copy p{font-size:14px}.star-reward-actions{width:min(300px,100% - 56px);bottom:max(12dvh, calc(env(safe-area-inset-bottom) + 32px))}.reward-ad-button{border-radius:16px;gap:10px;min-height:54px}.reward-ad-button .reward-play{width:30px;height:25px}}@media (max-height:600px){.star-celebration{--hero-size:100px}.reward-presentation{width:min(460px,100% - 180px);top:100px}.reward-hero{margin-bottom:6px}.reward-copy h2{margin-bottom:8px;font-size:27px}.star-reward-item,.reward-bolts{font-size:27px}.star-reward-item img{width:32px;height:32px}.reward-copy p{margin-top:8px;font-size:13px}.reward-unlock{margin-top:3px;font-size:12px}.star-reward-actions{bottom:max(18px, env(safe-area-inset-bottom));gap:8px;width:270px}.star-reward-actions>span{font-size:12px}.star-reward-actions>small{font-size:11px}.reward-ad-button{border-radius:13px;min-height:46px;font-size:20px}}@media (max-height:600px) and (max-width:680px){.reward-presentation{width:calc(100% - 30px);top:160px}.star-reward-actions{width:calc(100% - 58px)}}@media (max-height:450px) and (min-width:681px){.star-celebration{--hero-size:82px}.reward-presentation{top:88px}.reward-copy h2,.star-reward-item,.reward-bolts{font-size:24px}}@media (prefers-reduced-motion:reduce){.reward-twinkles,.reward-glow{display:none}}.star-celebration.is-compact{--hero-size:48px}.star-celebration.is-compact .reward-presentation{justify-content:center;align-items:center;gap:14px;display:flex}.star-celebration.is-compact .reward-hero{flex:0 0 var(--hero-size);width:var(--hero-size);margin-bottom:0}.star-celebration.is-compact .reward-copy{min-width:0}.reward-ad-button.reward-reminder{--reward-reminder-size:56px;flex:0 0 var(--reward-reminder-size);width:var(--reward-reminder-size);min-width:var(--reward-reminder-size);max-width:var(--reward-reminder-size);height:var(--reward-reminder-size);min-height:var(--reward-reminder-size);max-height:var(--reward-reminder-size);padding:10px;animation:1.4s linear infinite reward-reminder-beat}@media (max-width:1100px){.reward-ad-button.reward-reminder{--reward-reminder-size:44px;border-radius:14px;padding:7px}.reward-reminder .reward-play{width:28px;height:24px}.topbar:has(.reward-reminder) .brand{width:76px}}@media (max-width:380px){.topbar:has(.reward-reminder) .brand{display:none}}.reward-replay-gain{justify-content:center;align-items:center;gap:8px;font-size:clamp(16px,2vw,22px);display:flex}.reward-replay-gain img{object-fit:contain;width:32px;height:32px}.star-celebration.is-replay .star-reward-actions{animation-delay:0s}@keyframes reward-reminder-beat{0%,to{scale:1}50%{scale:1.08}}@media (prefers-reduced-motion:reduce){.reward-ad-button.reward-reminder{animation:none}}.skin-celebration{width:100%;max-width:none;height:100dvh;max-height:100%;padding:max(24px, env(safe-area-inset-top)) 24px max(24px, env(safe-area-inset-bottom));color:#fff;text-align:center;overscroll-behavior:contain;--reward-shadow:0 3px 0 #293137, 0 0 3px #293137, 0 5px 10px #172a3580;--hero-size:min(320px, 70vw, 34dvh);background:0 0;border:0;margin:0;position:fixed;inset:0}.skin-celebration::backdrop{background:#172a35b3}.skin-reward-content{align-content:center;gap:24px;max-width:640px;min-height:100%;margin:0 auto;display:grid}.skin-celebration .reward-hero{margin:0}.skin-celebration .reward-glow{width:min(calc(var(--hero-size) * 1.65), 90vw);height:min(calc(var(--hero-size) * 1.65), 90vw)}.celebration-skin{object-fit:contain;filter:drop-shadow(0 12px 12px #172a3560);width:100%;height:100%;animation:2s ease-in-out .75s infinite alternate reward-star-float;display:block}.skin-celebration .reward-twinkles{max-width:400px;margin:0 auto;inset:5% 10%}.skin-celebration .skin-reward-name{color:#ffd139;margin:8px 0;font-size:clamp(25px,5vw,36px);font-weight:900}.skin-celebration .skin-reward-description{font-size:clamp(14px,2vw,18px);line-height:1.4}.skin-reward-actions{gap:10px;width:min(320px,100%);margin:0 auto;animation:.4s ease-out .35s both reward-copy-in;display:grid}.skin-reward-close{color:#fff;background:#172a3560;border-radius:14px;min-height:44px;padding:10px 20px;font-size:16px;font-weight:750}.skin-reward-close:hover:not(:disabled){background:#172a3590}.skin-reward-status{margin:0;font-size:14px;line-height:1.4}.skins-modal.is-celebrating{visibility:hidden}.skins-modal.is-celebrating::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}@media (max-height:600px){.skin-reward-content{gap:14px}}@media (max-height:500px) and (min-width:600px){.skin-celebration{--hero-size:min(260px, 60dvh)}.skin-reward-content{grid-template-columns:1fr 1fr;align-items:center;column-gap:28px;max-width:760px}.skin-celebration .reward-hero{grid-row:span 2}.skin-celebration .reward-copy h2{font-size:27px}}@media (prefers-reduced-motion:reduce){.skin-celebration .reward-star-pop,.skin-celebration .celebration-star,.skin-celebration .celebration-skin,.skin-celebration .reward-copy,.skin-celebration .skin-reward-actions{animation:none}}.skins-modal{text-align:center;overscroll-behavior:contain;background:#faf9fc;border-color:#fff;border-radius:26px;width:min(640px,100vw - 32px);max-width:640px;max-height:calc(100dvh - 32px);padding:20px 28px 22px}.skins-heading{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid}.skins-heading .modal-kicker{color:#80748f;letter-spacing:2px;margin:0;font-size:10px}.skins-balance{white-space:nowrap;background:#eceaf1;border-radius:24px;align-items:center;gap:6px;width:-moz-fit-content;width:fit-content;padding:5px 10px 5px 6px;display:flex}.skins-balance .bolt-icon{width:26px;height:26px}.skins-balance strong{font-variant-numeric:tabular-nums;font-size:15px}.skins-balance>span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.skins-icon-button{color:#524661;background:#eeecf3;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:grid}.skins-icon-button:hover{background:#e2dbea}#close-skins{justify-self:end;font-size:28px;font-weight:400}.skins-title h2{letter-spacing:-1px;margin:12px 0 6px;font-size:34px}#skins-tier{letter-spacing:1.8px;color:#82748d;font-size:10px;font-weight:800}.skins-preview{background:radial-gradient(at 50% 62%,#e7e3f2 0%,#f1eef7 38%,#faf9fc00 70%);height:clamp(140px,100dvh - 570px,260px);margin:0 -12px;position:relative}#skins-viewport,#skins-fallback{object-fit:contain;width:100%;height:100%;display:block}#skins-viewport{touch-action:none;cursor:grab}#skins-viewport:active{cursor:grabbing}#skins-viewport[data-locked=true],#skins-fallback[data-locked=true]{opacity:.65}#skins-fallback[data-locked=true]{filter:brightness(0)}#skins-reset{background:#eeecf3d9;position:absolute;bottom:8px;right:4px}.skins-rotate-hint{color:#766985;pointer-events:none;width:max-content;max-width:calc(100% - 96px);font-size:11px;line-height:1.4;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.skins-tools{background:#eeecf3;border:1px solid #e5e0eb;border-radius:15px;gap:4px;width:-moz-fit-content;width:fit-content;min-width:0;max-width:100%;margin:12px auto 0;padding:4px;display:flex}.skins-tools legend{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.skins-tools button{color:#73657f;background:0 0;border-radius:11px;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:8px 15px;font-size:12px;font-weight:700;display:flex}.skins-tools button svg{width:19px;height:19px}.skins-tools button[aria-pressed=true]{color:#7041be;background:#fff;box-shadow:0 2px 8px #40305b12}.skins-tools button:disabled{opacity:.5}.skins-tiers{border:0;justify-content:center;align-items:center;gap:6px;margin:8px 0 0;padding:0;display:flex}.skins-tiers legend{float:left;color:#82748d;padding:0 8px 0 0;font-size:10px;line-height:44px}.skins-tiers button{color:#73657f;background:#eeecf3;border-radius:10px;min-width:44px;min-height:44px;font-size:12px;font-weight:700}.skins-tiers button[aria-pressed=true]{color:#7041be;background:#e6dcf4}.skins-navigation{justify-content:center;align-items:center;gap:18px;margin:13px auto 0;display:flex}#skins-next svg{rotate:180deg}.skins-carousel{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x;border-radius:8px;flex:0 170px;min-width:0;display:flex;overflow-x:auto}.skins-carousel::-webkit-scrollbar{display:none}.skins-page{scroll-snap-align:center;scroll-snap-stop:always;-webkit-user-select:none;user-select:none;touch-action:pan-x;flex-direction:column;flex:0 0 100%;justify-content:center;align-items:center;gap:4px;min-height:52px;display:flex}.skins-page strong{font-variant-numeric:tabular-nums;letter-spacing:2px;font-size:15px}.skins-page strong span{color:#92899d;font-weight:500}.skins-page>span{color:#82748d;font-size:10px}.skins-footer{border-top:1px solid #e8e3ed;margin-top:14px;padding-top:12px}.skins-action{color:#fff;background:#8046cc;border-radius:14px;justify-content:center;align-items:center;gap:22px;width:100%;min-height:54px;font-size:16px;font-weight:800;display:flex;box-shadow:0 4px #6331a5}.skins-action:hover:not(:disabled){background:#9156dc}.skins-random{color:#6531a8;background:#ece2fa;margin-top:10px;box-shadow:0 4px #d6c4ed}.skins-random:hover:not(:disabled){background:#e2d1f5}.skins-action[data-skin-action=equip]{background:var(--yellow);color:#473612;box-shadow:0 4px #dcaf28}.skins-action[data-skin-action=equip]:hover:not(:disabled){background:#ffdd65}.skins-action:disabled{color:#8c8495;background:#e3e0e7;box-shadow:0 4px #d2cdd9}.skins-action[data-skin-action=equip]:disabled{color:#847446;background:#f4dfa0;box-shadow:0 4px #e3cd8d}.skins-price{font-variant-numeric:tabular-nums;align-items:center;gap:7px;display:inline-flex}.skins-price .bolt-icon{width:30px;height:30px}.skins-action:disabled .bolt-icon{filter:grayscale();opacity:.55}.skins-modal .skins-status{color:#67517b;margin:10px 0 0;font-size:12px;line-height:1.5}.skins-status:empty{display:none}.skins-modal :focus-visible{outline-offset:3px;outline:3px solid #9465d0}@media (max-width:600px){.skins-modal{border-radius:22px;width:calc(100vw - 20px);max-height:calc(100dvh - 20px);padding:14px 18px 18px}.skins-heading{gap:6px}.skins-heading .modal-kicker{letter-spacing:1.4px;font-size:8px}.skins-title h2{font-size:29px}.skins-tools button{padding:8px 11px}}@media (max-height:650px){.skins-modal{padding-top:10px;padding-bottom:12px}.skins-title h2{margin-top:4px;font-size:27px}.skins-preview{height:140px}.skins-tools,.skins-navigation,.skins-footer{margin-top:6px}}@media (max-width:360px){.skins-action{gap:12px;min-height:48px;font-size:14px}.skins-tools button{gap:5px;padding-inline:8px;font-size:11px}.brand{width:92px}.topbar{gap:8px}.top-actions{gap:4px}.wallet{gap:4px;padding:0 4px;font-size:14px}.wallet-currency{gap:3px}.wallet-bolts{padding-left:4px}}.workshop-tabs{gap:6px;margin:12px 0 8px;display:flex}.workshop-tabs button{color:#305577;font:inherit;cursor:pointer;background:#fff;border:1px solid #9bb1c4;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:.4em;min-height:42px;padding:10px 6px;font-weight:700;line-height:1;display:flex}.workshop-tabs button[aria-selected=true]{color:#fff;background:#305577;border-color:#305577}.workshop-tabs #paint-tab[aria-selected=true]{background:#72598c;border-color:#72598c}.workshop-tabs button:focus-visible{outline-offset:2px;outline:3px solid #de9c25}.workshop-tabs svg{flex-shrink:0;width:1em;height:1em;display:block}.workshop-progress{color:#305577;margin:12px 0 0;font-size:12px;line-height:1.45}@keyframes popup-pop-in{0%{opacity:0;scale:.8}60%{opacity:1;scale:1.03}80%{scale:.985}to{opacity:1;scale:1}}@keyframes popup-backdrop-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:no-preference){.popup-frame:not(dialog):not([hidden]),dialog.popup-frame[open]{animation:.36s cubic-bezier(.2,.8,.2,1) popup-pop-in}dialog.popup-frame[open]::backdrop{animation:.16s ease-out popup-backdrop-in}}.modal.popup-frame{--popup-width:430px;--popup-pad:26px;--popup-limit:calc(100dvh - 64px);width:calc(100vw - 56px);max-width:var(--popup-width);max-height:var(--popup-limit);padding:0;overflow:visible}.popup-scroll{max-height:calc(var(--popup-limit) - 4px);padding:var(--popup-pad);border-radius:inherit;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#9ba894 transparent;overflow-y:auto}.popup-close{z-index:5;background:var(--yellow);width:46px;height:46px;min-height:46px;color:var(--ink);cursor:pointer;border:2px solid #fff4b8;border-bottom:4px solid #cf9f17;border-radius:15px;place-items:center;padding:10px;transition:background-color .12s,transform .12s,box-shadow .12s;display:grid;position:absolute;top:-18px;right:-18px;box-shadow:0 4px #80661c33,0 6px 14px #29313724}.popup-close svg{pointer-events:none;width:23px;height:23px}.popup-close:hover:not(:disabled){background:#ffdf69}.popup-close:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #80661c33}.popup-close:disabled{opacity:.6;cursor:wait}.popup-close:focus-visible,.sector-card:focus-visible{outline-offset:3px;outline:3px solid #315eaa}.modal.sector-modal{--popup-width:780px;--popup-pad:22px}.modal.skins-modal{--popup-width:640px;--popup-pad:22px}.skins-heading{grid-template-columns:1fr auto;padding-right:10px}.skins-modal .skins-preview{height:clamp(124px,100dvh - 602px,244px)}.workshop.popup-frame,#workshop.popup-frame{--popup-limit:calc(100dvh - 150px);--popup-pad:16px;max-height:var(--popup-limit);max-width:calc(100vw - 56px);right:max(28px, env(safe-area-inset-right));padding:0;overflow:visible}@media (orientation:landscape){#workshop.popup-frame:has(#tier-preview:not([hidden])){--popup-limit:calc(100dvh - max(28px, calc(env(safe-area-inset-top) + 18px)) - max(12px, env(safe-area-inset-bottom)));--popup-pad:14px;right:max(28px, calc(env(safe-area-inset-right) + 18px));bottom:max(12px, env(safe-area-inset-bottom));max-width:calc(100vw - max(28px, env(safe-area-inset-left)) - max(28px, calc(env(safe-area-inset-right) + 18px)))}}@media (orientation:landscape) and (min-width:560px){#workshop.popup-frame:has(#tier-preview:not([hidden])){width:720px}.tier-offer:has(.tier-preview:not([hidden])){grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);grid-template-areas:"heading gains""preview gains""reset reset""actions actions";align-items:start;gap:6px 16px;display:grid}.tier-offer:has(.tier-preview:not([hidden])) .tier-offer-heading{grid-area:heading}.tier-offer:has(.tier-preview:not([hidden])) h3{font-size:clamp(20px,3vw,26px)}.tier-offer .tier-preview{grid-area:preview;align-self:center;height:auto;max-height:min(36dvh,180px);margin:0}.tier-offer .tier-gains{grid-area:gains;gap:6px;margin:0}.tier-offer .tier-gain{min-width:0;padding:7px}.tier-offer .tier-gains dd{margin-top:4px}.tier-offer #tier-reset{grid-area:reset;margin:0}.tier-offer .tier-actions{bottom:calc(-1 * var(--popup-pad));z-index:1;grid-area:actions;padding:8px 0 2px}}@media (max-width:650px){.modal.popup-frame{--popup-pad:18px}.modal.sector-modal{--popup-pad:16px}.modal.skins-modal{--popup-pad:14px}#sector-summary{font-size:10px}}@media (max-height:500px){.modal.popup-frame{--popup-limit:calc(100dvh - 52px);--popup-pad:14px}.sector-header .modal-kicker,.sector-help{display:none}.sector-title-row h2{margin:0 0 8px}}@media (orientation:landscape) and (min-width:560px) and (max-height:500px){.modal.skins-modal{--popup-width:900px;--popup-pad:12px;--popup-limit:calc(100dvh - 2 * max(24px, env(safe-area-inset-top), env(safe-area-inset-bottom)));width:calc(100vw - 2 * max(28px, env(safe-area-inset-left), calc(env(safe-area-inset-right) + 18px)))}.skins-modal>.popup-scroll{height:min(420px, calc(var(--popup-limit) - 4px));grid-template:"title heading""preview footer"minmax(0,1fr)"tools footer""tiers navigation"/minmax(0,1fr) minmax(0,1fr);gap:6px 20px;display:grid}.skins-modal>.popup-scroll:has(.skins-tiers[hidden]){grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"title heading""preview footer""tools navigation"}.skins-title{flex-wrap:wrap;grid-area:title;justify-content:center;align-self:center;align-items:center;gap:2px 8px;display:flex}.skins-title h2{margin:0;font-size:clamp(18px,3.5vw,23px)}#skins-tier{flex-shrink:0;font-size:9px}.skins-heading{grid-area:heading;align-self:center;padding-right:20px}.skins-heading .modal-kicker{letter-spacing:1px;font-size:8px}.skins-modal .skins-preview{grid-area:preview;height:100%;min-height:0;margin:0}.skins-tools{grid-area:tools;gap:2px;margin:0 auto;padding:3px}.skins-tools button{gap:4px;padding:6px;font-size:11px}.skins-tools button svg{width:16px;height:16px}.skins-tiers{grid-area:tiers;min-width:0;margin:0}.skins-tiers legend{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.skins-navigation{grid-area:navigation;gap:8px;width:100%;min-width:0;margin:0}.skins-navigation .skins-icon-button{flex-shrink:0}.skins-page{gap:2px;min-height:44px}.skins-footer{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c5b8d4 transparent;border-top:0;grid-area:footer;min-width:0;min-height:0;margin:0;padding:6px;overflow-y:auto}.skins-action{border-radius:11px;gap:10px;min-height:44px;padding:6px 10px;font-size:13px}.skins-price{gap:4px}.skins-price .bolt-icon{width:24px;height:24px}.skins-random{margin-top:8px}.skins-modal .skins-status{margin-top:8px;line-height:1.4}}@media (max-width:380px){.sector-title-row{display:block}.sector-title-row h2{margin-bottom:4px}#sector-summary{margin-bottom:12px;display:block}}@media (prefers-reduced-motion:reduce){.popup-close,.sector-card{transition:none}}.modal.pause-modal{--popup-width:440px;--popup-pad:22px}.pause-heading{margin:calc(-1 * var(--popup-pad)) calc(-1 * var(--popup-pad)) 18px;padding:24px var(--popup-pad);background:var(--ink);color:var(--cream);align-items:center;gap:14px;display:flex}.pause-mark{background:var(--yellow);width:52px;height:52px;color:var(--ink);border-radius:15px;place-items:center;display:grid;box-shadow:inset 0 0 0 2px #ffe68a}.pause-mark svg{width:30px;height:30px}.pause-heading .modal-kicker{color:var(--yellow);letter-spacing:1.8px;font-size:9px}.pause-modal .pause-heading h2{letter-spacing:-.8px;margin:5px 0 0;font-size:30px}.pause-card{background:#fff;border:1px solid #dfe5e0;border-radius:16px;margin-top:12px;padding:14px 16px}.pause-card-heading{justify-content:space-between;align-items:center;gap:10px;min-height:36px;margin-bottom:5px;display:flex}.pause-card-heading h3{margin:0;font-size:14px;font-weight:750}.pause-card-heading>svg{color:#738079;width:22px;height:22px}.pause-sound{color:#365e44;background:#eaf2eb;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:6px 10px;font-size:11px;font-weight:700;display:flex}.pause-sound svg{width:17px;height:17px}.pause-sound:hover{background:#dce9de}.pause-sound[aria-pressed=false]{color:#606a65;background:#edf0ed}.pause-volume+.pause-volume{margin-top:4px}.pause-volume-label{justify-content:space-between;align-items:center;gap:12px;padding-top:10px;font-size:12px;font-weight:650;display:flex}.pause-volume output{color:#5a685e;font-variant-numeric:tabular-nums;font-size:11px}.pause-volume input{--volume:100%;appearance:none;cursor:pointer;touch-action:pan-y;background:0 0;width:100%;height:36px;margin:0;display:block}.pause-volume input::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--yellow) var(--volume), #e7ebe7 var(--volume));border-radius:8px;height:7px}.pause-volume input::-moz-range-track{background:linear-gradient(to right, var(--yellow) var(--volume), #e7ebe7 var(--volume));border-radius:8px;height:7px}.pause-volume input::-webkit-slider-thumb{appearance:none;background:var(--ink);border:3px solid #fff;border-radius:50%;width:22px;height:22px;margin-top:-7.5px;box-shadow:0 1px 5px #29313740}.pause-volume input::-moz-range-thumb{box-sizing:border-box;background:var(--ink);border:3px solid #fff;border-radius:50%;width:22px;height:22px;box-shadow:0 1px 5px #29313740}.pause-modal :is(input,select,summary):focus-visible{outline-offset:3px;border-radius:8px;outline:3px solid #315eaa}.pause-setting{width:100%;min-height:52px;color:var(--ink);text-align:left;background:0 0;border-bottom:1px solid #edf0ed;justify-content:space-between;align-items:center;gap:12px;padding:4px 0;font-size:12px;font-weight:650;display:flex}.pause-setting strong,.pause-setting select{color:#365e44;min-width:82px;min-height:40px;font:inherit;text-align:center;background:#f2f5f1;border:1px solid #dfe5e0;border-radius:9px;padding:10px}.pause-setting select{cursor:pointer}button.pause-setting:hover strong{background:#e6ede3}.pause-modal #steering-help,.pause-modal .pause-controls p{color:#69766c;margin:10px 0 0;font-size:11px;line-height:1.6}.pause-controls summary{color:#56655b;cursor:pointer;min-height:44px;padding:15px 2px 10px;font-size:11px;font-weight:650}.pause-modal .pause-controls p{margin:0 0 8px}.pause-footer{bottom:calc(-1 * var(--popup-pad));margin:0 calc(-1 * var(--popup-pad)) calc(-1 * var(--popup-pad));padding:12px var(--popup-pad) var(--popup-pad);background:var(--cream);position:sticky}.pause-footer .primary{background:var(--yellow);height:52px;color:var(--ink);border:2px solid #ffe68a;border-bottom:4px solid #cf9f17;border-radius:14px;font-size:15px;box-shadow:0 3px #80661c20}.pause-footer .primary:hover{background:#ffdf69}.pause-modal #save-status{color:#795319;background:#fff1d5;border-radius:9px;margin:6px 0;padding:10px;font-size:11px;line-height:1.5}@media (max-width:380px){.modal.pause-modal{--popup-pad:14px}.pause-heading{padding-top:20px;padding-bottom:20px}.pause-card{padding:10px 12px}.pause-setting{gap:6px}}@media (max-height:500px){.pause-heading{display:none}}@media (min-width:650px) and (max-height:500px){.modal.pause-modal{--popup-width:760px;--popup-pad:14px}.pause-modal>.popup-scroll{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"audio settings""controls resume""status status";gap:10px 14px;display:grid}.pause-card{grid-area:audio;margin:0;padding:10px 14px}.pause-game-settings{grid-area:settings}.pause-game-settings .pause-card-heading{min-height:28px}.pause-setting{min-height:44px}.pause-setting strong,.pause-setting select{min-height:36px;padding-top:6px;padding-bottom:6px}.pause-modal #steering-help{margin-top:8px;font-size:10px;line-height:1.5}.pause-controls{grid-area:controls;align-self:center}.pause-footer{grid-area:resume;align-self:center;margin:0;padding:0;position:static}.pause-modal #save-status{grid-area:status}}
