:root{color:#133d4b;font-synthesis:none;--ink:#133d4b;--muted:#587681;--paper:#f5f5e9;--teal:#0c838a;--gold:#ffe090;--orange:#ed7043;--display:"Barlow Condensed","Arial Narrow",sans-serif;font-family:DM Sans,sans-serif;font-weight:500}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{background:#91d5df}button,select{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}button:focus-visible,select:focus-visible{outline-offset:5px;outline:3px solid #e47731}button{color:inherit}button svg{flex-shrink:0}button:disabled{opacity:.55}button:not(:disabled){transition:transform .16s,background .16s,box-shadow .16s}button:not(:disabled):active{transform:translateY(2px)}.icon{vertical-align:middle;width:22px;height:22px;display:inline-block}.hidden{display:none!important}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#world{touch-action:none;outline:0;width:100%;height:100%;display:block;position:fixed;inset:0}#app{pointer-events:none;width:100%;height:100%;position:relative}#app button,#app select,.modal-backdrop{pointer-events:auto}.topbar{z-index:5;justify-content:space-between;align-items:center;padding:26px 42px;display:flex;position:absolute;top:0;left:0;right:0}.brand{font-family:var(--display);letter-spacing:1px;text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:0;font-size:31px;font-weight:800;line-height:.95;display:flex}.brand small{letter-spacing:1.2px;margin-top:7px;font-family:DM Sans,sans-serif;font-size:10px;font-weight:700;display:block}.brand-mark{background:var(--ink);width:44px;height:44px;color:var(--paper);font:900 40px/.9 var(--display);border-radius:12px 3px;place-items:center;display:grid;box-shadow:inset 0 -5px #26a7aa}.top-actions{align-items:center;gap:12px;display:flex}.wallet{background:#faf9e8e0;border-radius:100px;align-items:center;gap:8px;padding:11px 17px;font-size:15px;display:inline-flex;box-shadow:0 2px #17394512}.wallet .icon{color:#b17b22;stroke-width:2.2px;width:23px;height:23px}.icon-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f5f8edaa;border:1px solid #ffffff70;border-radius:50%;place-items:center;width:43px;height:43px;display:inline-grid}.icon-button:hover{background:#fff9e9}.button{border:0;border-radius:10px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:15px 22px;font-size:14px;font-weight:800;display:inline-flex}.primary{color:#fff9e9;background:#143f4c;box-shadow:0 5px #0a2b35,0 10px 22px #173e4320}.primary:hover{background:#215d69;box-shadow:0 5px #0a2b35,0 10px 22px #173e4330}.primary .icon{stroke-width:1.7px;fill:currentColor;width:21px;height:21px}.secondary{color:var(--ink);background:#f5f7e890;box-shadow:inset 0 0 0 1px #f8fffca0}.secondary:hover{background:#faffef}.text-button{background:0 0;border:0;align-items:center;gap:7px;padding:10px 0;font-size:12px;font-weight:700;display:flex}.text-button:hover{color:#bd5329}.text-button .icon{width:17px;height:17px}.hud{pointer-events:none;position:absolute;inset:0}.hud-top{top:max(24px,env(safe-area-inset-top));color:#fff;align-items:flex-start;gap:18px;width:min(720px,90%);display:flex;position:absolute;left:50%;transform:translate(-50%)}.distance{text-shadow:0 2px 6px #153b4a55;flex:1}.distance small{background:#123b4d80;border-radius:6px;width:max-content;padding:6px 10px;font-size:12px;font-weight:800;display:block}.distance strong{font:700 60px/.95 var(--display);letter-spacing:-.5px;margin-top:8px;display:block}.distance em{margin-left:5px;font:500 20px DM Sans,sans-serif}.hud-wallet{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#ffe2a1;background:#173d4dc9;border:1px solid #e9f8e933;border-radius:10px;align-items:center;gap:9px;margin-top:3px;padding:10px 15px;font-size:20px;display:flex}.hud-wallet .icon{width:25px;height:25px}.pause-button{color:#fff;background:#173d4dc9;border:1px solid #e9f8e933;border-radius:10px;width:47px;height:47px;margin-top:3px}.pause-button:hover{background:#255a6d}.hud-bottom{bottom:max(23px,env(safe-area-inset-bottom));color:#fff;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#103c4bdd;border:1px solid #d3eff044;border-radius:16px;align-items:center;gap:20px;width:min(660px,88%);padding:16px 22px;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 6px 35px #003a5138}.squad-stat{align-items:center;gap:10px;min-width:90px;display:flex}.squad-stat b{font-family:var(--display);font-size:33px;line-height:1;display:block}.squad-stat small{color:#b7d5dc;margin-top:4px;font-size:8px;display:block}.health-stat{flex:1;min-width:0}.health-stat>div:first-child{justify-content:space-between;gap:8px;margin-bottom:7px;font-size:10px;display:flex}.health-stat b{color:#c9e0e6;font-size:9px;font-weight:500}.health-track{background:#051b28;border-radius:7px;height:7px;overflow:hidden}.health-track i{background:#7ee1b7;border-radius:7px;width:100%;height:100%;transition:width .2s;display:block}.health-track i.danger{background:#ff836a}.health-stat>small{color:#a9ccd1;margin-top:6px;font-size:8px;display:block}.kill-stat{color:#b4d0da;flex-direction:column;align-items:center;gap:4px;display:flex}.kill-stat .icon{width:19px;height:19px}.kill-stat b{font-size:11px}.run-hint{text-align:center;color:#fff;text-shadow:0 2px 6px #052e45;white-space:nowrap;background:#14485caa;border-radius:10px;padding:11px 19px;font-size:13px;position:absolute;bottom:160px;left:50%;transform:translate(-50%)}.run-hint>span{color:#d2e9ed;margin-top:4px;font-size:11px;display:block}.run-hint small{color:#9cdbda;margin-top:7px;font-size:9px;display:block}.boss-status{color:#fff;text-align:center;text-shadow:0 1px 4px #762923;width:min(330px,70%);font-size:11px;font-weight:800;position:absolute;top:130px;left:50%;transform:translate(-50%)}.boss-status>div{background:#572f3dcc;border:1px solid #ffb5a6;border-radius:6px;height:8px;margin-top:6px;overflow:hidden}.boss-status i{background:#fb7363;height:100%;transition:width .1s;display:block}.mobile-move{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#12455870;border:1px solid #e2fbff44;border-radius:12px;width:51px;height:52px;font-size:36px;font-weight:400;line-height:1;display:none;position:absolute;bottom:120px}.mobile-move.left{left:16px}.mobile-move.right{right:16px}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#11364385;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{width:480px;max-width:100%;max-height:calc(100dvh - 48px);color:var(--ink);pointer-events:auto;background:#f8f7ee;border:1px solid #fffef5;border-radius:22px;padding:27px;overflow-y:auto;box-shadow:0 20px 100px #002d4c55}.modal.wide{width:860px}.modal-header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:13px;display:flex}.modal-header h2{font:700 37px/1 var(--display);letter-spacing:-.3px;margin:0}.modal-header .icon-button{background:#e6ece6;border:0;flex-shrink:0;width:32px;height:32px}.modal-header .icon{width:18px;height:18px}.workshop-intro{justify-content:space-between;align-items:center;gap:16px;margin:15px 0 22px;display:flex}.workshop-intro p{color:var(--muted);margin:0;font-size:12px;line-height:1.6}.workshop-intro .wallet{white-space:nowrap;background:#eee9d8}.upgrade-grid{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.upgrade-card{background:#eef0e7;border:1px solid #d8e0d9;border-radius:12px;flex-direction:column;padding:17px;display:flex}.upgrade-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;display:flex}.upgrade-icon{color:#166d79;background:#d6e6df;border-radius:9px;place-items:center;width:39px;height:39px;display:grid}.upgrade-icon .icon{width:23px;height:23px}.level{color:#377580;font-size:10px;font-weight:800}.level>span{opacity:.6;font-weight:500}.upgrade-card h3{letter-spacing:-.3px;margin:0 0 8px;font-size:15px;font-weight:800}.upgrade-card p{color:#637c82;min-height:32px;margin:0 0 14px;font-size:10px;line-height:1.6}.level-bars{gap:4px;margin:auto 0 16px;display:flex}.level-bars i{background:#d2dad2;border-radius:2px;flex:1;height:5px}.level-bars .filled{background:#298b86}.buy-button{background:var(--ink);color:#ffe6ac;border:0;border-radius:7px;align-items:center;gap:5px;padding:10px;font-size:12px;font-weight:800;display:flex}.buy-button .icon{width:17px;height:17px}.buy-button span{color:#eef9f3;margin-left:auto;font-size:9px}.buy-button:disabled{color:#72867f;opacity:1;background:#d8e0d6}.buy-button:disabled span{color:#71857d}.buy-button:hover:not(:disabled){background:#28616b}.modal-footnote{text-align:center;color:#728183;margin:20px 0 0;font-size:10px;line-height:1.6}.how-steps{gap:25px;margin:25px 0;display:grid}.how-steps>div{align-items:center;gap:18px;display:flex}.how-symbol{font-family:var(--display);color:#167c89;background:#ddeae1;border-radius:12px;flex-shrink:0;place-items:center;width:55px;height:55px;font-size:28px;font-weight:700;display:grid}.how-symbol .icon{width:30px;height:30px}.how-steps h3{margin:0 0 5px;font-size:14px}.how-steps p{color:var(--muted);margin:0;font-size:11px;line-height:1.65}.keyboard-guide{justify-content:center;align-items:center;gap:5px;margin:25px 0;display:flex}.keyboard-guide span{color:var(--muted);margin:0 10px 0 2px;font-size:9px}kbd{text-align:center;background:#fffdf6;border:1px solid #d1dad2;border-bottom-width:3px;border-radius:4px;min-width:23px;padding:5px;font-size:10px;display:inline-block}.modal-primary{width:100%;margin-top:10px}.setting-row{border-bottom:1px solid #dce2d8;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;display:flex}.setting-row h3{margin:0 0 7px;font-size:14px}.setting-row p{color:var(--muted);margin:0;font-size:11px}.toggle{background:#bbc9c2;border:0;border-radius:20px;flex-shrink:0;width:44px;height:26px;position:relative}.toggle i{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:3px;left:3px}.toggle.on{background:#198789}.toggle.on i{transform:translate(18px)}select{color:var(--ink);background:#e6ecdf;border:1px solid #cfdbce;border-radius:6px;padding:9px 10px;font-size:11px}.pause-copy{color:var(--muted);margin:23px 0;font-size:13px;line-height:1.7}.result-medal{color:#9e7a2d;background:#eee7c9;border-radius:50%;place-items:center;width:62px;height:62px;margin:25px auto 15px;display:grid}.result-medal .icon{width:36px;height:36px}.result-sub{text-align:center;color:var(--muted);font-size:11px;line-height:1.7}.result-distance{text-align:center;font:700 90px/1 var(--display);color:#1a6270;margin:20px 0}.result-distance span{color:var(--muted);font:500 11px/2 DM Sans,sans-serif;display:block}.result-stats{text-align:center;border-top:1px solid #dde1d6;border-bottom:1px solid #dde1d6;grid-template-columns:repeat(3,1fr);margin:25px 0;padding:20px 0;display:grid}.result-stats b{font:600 27px/1 var(--display);display:block}.result-stats span{color:var(--muted);margin-top:6px;font-size:9px;display:block}.result-stats .reward b{color:#a07124}.result-actions{justify-content:space-between;align-items:center;margin-top:17px;display:flex}.result-actions .secondary{background:#e6ecdf}.about-copy{color:var(--muted);margin-top:25px;font-size:12px;line-height:1.9}.about-copy h3{color:var(--ink);font-size:16px}.toast{z-index:50;color:#fff6de;text-align:center;pointer-events:none;background:#143f4c;border-radius:10px;width:max-content;max-width:90%;padding:15px 22px;font-size:12px;position:fixed;bottom:35px;left:50%;transform:translate(-50%);box-shadow:0 7px 30px #001d3344}@media (height<=650px) and (width>=761px){.topbar{padding:20px 35px}}@media (width<=1050px) and (width>=761px){.topbar{padding:24px 30px}}@media (width<=760px){.topbar{padding:18px 21px}.brand{gap:9px;font-size:26px}.brand-mark{border-radius:10px 2px;width:36px;height:38px;font-size:34px}.brand small{letter-spacing:.65px;margin-top:5px;font-size:8px}.top-actions{gap:7px}.wallet{gap:4px;padding:8px 10px;font-size:12px}.wallet .icon{width:20px;height:20px}.icon-button{width:34px;height:34px}.icon-button .icon{width:18px;height:18px}.button{min-height:43px;padding:12px 18px;font-size:12px}.text-button{font-size:11px}.hud-top{top:max(18px,env(safe-area-inset-top));gap:10px;width:calc(100% - 32px)}.distance strong{font-size:48px}.distance small{font-size:10px}.hud-wallet{padding:9px 12px;font-size:16px}.hud-wallet .icon{width:21px;height:21px}.pause-button{border-radius:9px;width:40px;height:40px}.hud-bottom{bottom:max(14px,env(safe-area-inset-bottom));border-radius:12px;gap:15px;width:calc(100% - 26px);padding:14px}.squad-stat{gap:7px;min-width:72px}.squad-stat b{font-size:29px}.squad-stat small{font-size:7px}.squad-stat .icon{width:24px;height:24px}.health-stat>div:first-child{font-size:9px}.health-stat>small{font-size:7px}.kill-stat{display:none}.mobile-move{display:block}.run-hint{white-space:normal;max-width:88%;font-size:11px;bottom:185px}.run-hint>span{font-size:9px}.boss-status{top:113px}.modal-backdrop{padding:14px}.modal{border-radius:17px;max-height:calc(100dvh - 28px);padding:22px}.modal-header h2{font-size:31px}.upgrade-grid{grid-template-columns:repeat(2,1fr);gap:10px}.upgrade-card{border-radius:10px;padding:13px}.upgrade-top{margin-bottom:12px}.upgrade-icon{width:32px;height:32px}.upgrade-icon .icon{width:20px;height:20px}.level{font-size:8px}.upgrade-card h3{font-size:13px}.upgrade-card p{min-height:42px;font-size:9px}.buy-button{padding:9px;font-size:11px}.buy-button span{font-size:8px}.workshop-intro p{font-size:10px}.modal-footnote{font-size:9px}.how-steps{gap:21px}.how-symbol{width:43px;height:48px}.how-steps>div{gap:12px}.how-steps h3{font-size:12px}.how-steps p{font-size:10px}.keyboard-guide{gap:4px}.keyboard-guide span{margin-right:5px}.modal-primary{min-height:47px}.result-distance{font-size:80px}.result-actions{gap:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}@keyframes coin-reward{35%{filter:brightness(1.18);box-shadow:0 0 19px #ffdc6980,inset 0 0 12px #ffed9a40}}.coin-reward{animation:.3s ease-out coin-reward}@media (prefers-reduced-motion:reduce){.coin-reward{outline:1px solid #ffe789;animation:none}}.home{height:100%;position:relative}.home:before{content:"";pointer-events:none;background:linear-gradient(#0000 64%,#082d4608 79%,#082d4666 100%);position:absolute;inset:0}.home-copy{left:50%;bottom:max(35px,env(safe-area-inset-bottom));text-align:center;width:min(430px,100% - 40px);position:absolute;transform:translate(-50%)}.home-record{color:#fff5d9;text-shadow:0 2px 7px #03233a;justify-content:center;align-items:center;gap:8px;margin-bottom:13px;display:flex}.home-record>.icon{color:#ffe099;width:20px;height:20px}.home-record small{font-size:11px}.home-record strong{font:600 24px/1 var(--display)}.home-record em{font:500 11px DM Sans,sans-serif}.base-actions{align-items:stretch;gap:12px;display:flex}.launch-block{flex:1;min-width:0}.launch{width:100%;height:60px;font:800 23px var(--display);letter-spacing:.6px;color:#352716;background:linear-gradient(#ffe59b,#edb84f);border:1px solid #ffefbf;border-radius:12px;justify-content:space-between;padding:15px 25px;box-shadow:0 5px #a67125,0 10px 25px #08253466}.launch:hover:not(:disabled){background:linear-gradient(#ffeeba,#f5c365);box-shadow:0 5px #a67125,0 10px 25px #08253466}.launch .icon{fill:currentColor;width:23px;height:23px}.launch:disabled{opacity:.85;font-size:19px}.workshop-launch{color:#fff4dc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#133e54e6;border:1px solid #fff5;border-radius:12px;min-width:147px;min-height:60px;font-size:13px;box-shadow:0 5px #062538}.workshop-launch:hover:not(:disabled){background:#215d71}.workshop-launch .icon{width:23px;height:23px}.load-line{background:#ffffff30;height:2px;margin:12px 0 0;overflow:hidden}.load-line span{background:#ffdc86;width:0;height:100%;transition:width .25s;display:block}.ready .load-line{display:none}.load-note{color:#e9f4f2a1;text-shadow:0 1px 5px #021925;margin-top:20px;font-size:10px;display:block}.affordable:empty{display:none}.affordable{color:#3d3527;background:#f2c66e;border-radius:20px;min-width:18px;padding:3px 5px;font-size:9px}.home-footer{position:absolute;bottom:28px;left:30px}.home-footer button{color:#d6eeea;background:#103c51a0;border:1px solid #ffffff50;border-radius:50%;width:24px;height:24px;font:600 12px Georgia,serif}.brand{color:#f8f4df;text-shadow:0 2px 9px #073145c7}.brand-mark{text-shadow:none;background:#143b51;box-shadow:inset 0 -5px #298f9c}.top-actions>.icon-button{color:#eff6ea;background:#143b51c9;border-color:#ffffff45}.top-actions>.icon-button:hover{background:#1d5268}.top-actions>.wallet{color:#ffe8b4;background:#143b51de;border:1px solid #ffffff3a}.top-actions>.wallet .icon{color:#ffe090}.topbar{padding:25px 32px}.distance small{text-transform:uppercase;text-shadow:none;background:#075baace;border:1px solid #a2e9ff80;border-radius:10px 10px 5px 5px;padding:6px 15px;font-size:11px;font-weight:800}.distance strong{font:700 43px/.95 var(--display);text-shadow:none;background:#0767b9d1;border:1px solid #a2e9ff60;border-radius:6px 6px 10px 10px;margin-top:2px;padding:5px 11px 9px;display:inline-block}.distance em{font-size:16px}.hud-wallet,.pause-button{background:#064c91e6;border-color:#8de6ff80;box-shadow:inset 0 1px #ffffff3a}.hud-bottom{background:linear-gradient(100deg,#07507ddb,#062b57e8);border-color:#77dfffba;gap:16px;padding:13px 19px;box-shadow:inset 0 1px #e1ffff3d,0 6px 22px #06306033}.squad-stat{border-right:1px solid #b1eeff30;min-width:90px;padding-right:20px}.squad-stat .icon{color:#20ceff;width:30px;height:30px}.squad-stat b{font-family:DM Sans,sans-serif;font-size:31px}.health-stat>div:first-child{text-transform:uppercase;font-size:10px;font-weight:800}.health-stat b{font-size:10px;font-weight:700}.health-track{background:#042448;border:1px solid #3087a0;height:9px}.health-track i{background:linear-gradient(#42ff70,#09ca3b)}.health-stat>small:empty{display:none}.level-stat{text-transform:uppercase;white-space:nowrap;border-left:1px solid #b1eeff30;padding-left:15px;font-size:9px;font-weight:800}@media (width<=760px){.topbar{padding:17px}.brand{gap:7px;font-size:23px}.brand-mark{width:31px;height:33px;font-size:29px}.top-actions{gap:6px}.top-actions .icon-button{width:31px;height:31px}.top-actions .wallet{padding:6px 9px;font-size:11px}.top-actions .wallet .icon{width:17px;height:17px}.home-copy{bottom:max(26px,env(safe-area-inset-bottom));width:calc(100% - 36px);max-width:440px}.home-record{margin-bottom:13px}.home-record small{font-size:9px}.home-record strong{font-size:22px}.base-actions{gap:10px}.launch{height:56px;padding:14px 23px;font-size:22px}.workshop-launch{min-width:126px;min-height:56px;padding:12px;font-size:12px}.load-note{margin-top:18px;font-size:9px}.home-footer{display:none;bottom:25px;left:15px}}@media (height<=520px){.home-copy{bottom:20px}.home-record,.load-note{display:none}.home .launch,.workshop-launch{height:48px;min-height:48px}.topbar{padding:14px 22px}}.workshop-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0363a81a;padding:18px 20px;overflow:hidden}.workshop-open #home,.workshop-open .topbar{visibility:hidden}.modal.wide.workshop-modal{--shop-blue:#0754c0;--shop-navy:#052b7d;--shop-cyan:#55dfff;isolation:isolate;border:3px solid var(--shop-cyan);color:#fff;background:radial-gradient(at 25% 0,#28a7f5a0,#0000 65%),linear-gradient(135deg,#087ae3,#0754c0 58%,#073a97);border-radius:28px;grid-template-rows:44px auto minmax(0,1fr) auto;gap:8px;width:min(960px,100%);height:min(776px,100dvh - 36px);max-height:calc(100dvh - 36px);padding:14px 18px 12px;font-family:DM Sans,Trebuchet MS,sans-serif;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 2px #ecffff,inset 0 0 0 5px #1590ee,0 0 0 3px #0758c8,0 7px #023778,0 18px 46px #001c6270}.workshop-modal:before{content:"";pointer-events:none;border:1px solid #9ceeff7a;border-radius:19px;position:absolute;inset:7px}.workshop-modal .workshop-toolbar{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex;position:relative}.workshop-modal .workshop-wallet{background:linear-gradient(#0846aa,#03236d);border:2px solid #61cfff;border-radius:15px;align-items:center;gap:7px;min-width:140px;max-width:calc(100% - 58px);height:44px;padding:1px 15px 1px 4px;display:flex;box-shadow:inset 0 2px #c2f5ff80,inset 0 -3px #00194f,0 3px #002f84}.workshop-wallet b{font-variant-numeric:tabular-nums;text-overflow:ellipsis;text-shadow:0 2px #001547;font-size:26px;font-weight:900;line-height:1;overflow:hidden}.workshop-modal .wallet-coin{flex:0 0 38px;width:38px;height:38px;display:block}.workshop-modal .workshop-close{--button-fill:linear-gradient(#1396ff, #0060e6 55%, #034ac0);--button-border:#69e7ff;--button-shadow:inset 0 2px 0 #deffffa0, inset 0 -3px 0 #003994, 0 3px 0 #003a8b;color:#fff;width:44px;height:44px;box-shadow:none;background:0 0;border:2px solid #0000;border-radius:14px;flex:0 0 44px;place-items:center;padding:7px;display:grid}.workshop-close .icon{stroke-width:4px;filter:drop-shadow(0 2px #002b72);width:27px;height:27px}.workshop-modal .workshop-heading{text-align:center;background:linear-gradient(110deg,#067de9,#0853ca 48%,#003eab);border:3px solid #43caff;border-radius:24px;width:min(650px,100% - 36px);margin:-3px auto 0;padding:8px 28px 10px;position:relative;box-shadow:inset 0 2px #c5f6ff,inset 0 -5px #003b99,0 4px #023484,0 7px 10px #00358375}.workshop-heading h2{color:#fff;letter-spacing:-.025em;text-transform:uppercase;text-shadow:0 2px #b9e2ff,0 4px #06418e,0 6px 5px #00296980;margin:0;font-family:Arial Rounded MT Bold,DM Sans,Trebuchet MS,sans-serif;font-size:clamp(30px,3.6vw,37px);font-weight:900;line-height:.94}.workshop-heading p{text-wrap:balance;margin:8px 0 0;font-size:14px;font-weight:700;line-height:1.25}.workshop-heading:before,.workshop-heading:after{content:"";background:linear-gradient(90deg,#ffec85,#ffcc2b 70%,#f9a516);border:1px solid #c17a04;border-radius:4px;width:10px;height:25px;position:absolute;top:16px;box-shadow:inset 2px 0 #fff8ca,0 53px #ffcc2b}.workshop-heading:before{left:-8px;transform:rotate(-5deg)}.workshop-heading:after{right:-8px;transform:rotate(5deg)}.workshop-rivet{background:radial-gradient(circle at 35% 27%,#f5fbff 0 12%,#9dadc8 28%,#4f6389 53%,#c8d8e7 63%,#738aaa 80%);border:1px solid #274c79;border-radius:50%;width:12px;height:12px;position:absolute;box-shadow:0 2px 2px #002468}.workshop-rivet:first-of-type{top:13px;left:12px}.workshop-rivet:nth-of-type(2){top:13px;right:12px}.workshop-rivet:nth-of-type(3){bottom:14px;left:12px}.workshop-rivet:nth-of-type(4){bottom:14px;right:12px}.workshop-modal .workshop-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#6de7ff #073b9b;min-height:0;padding:5px 5px 7px;scroll-padding:8px;overflow:hidden auto}.workshop-modal .upgrade-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.workshop-modal .upgrade-card{color:#081653;background:linear-gradient(120deg,#fcffff,#e5f5fc 70%,#d8f2fb);border:2px solid #5ddfff;border-radius:19px;flex-direction:column;min-width:0;padding:9px 12px 10px;transition:transform .2s,border-color .18s,box-shadow .2s;display:flex;position:relative;box-shadow:inset 0 0 0 3px #fff,inset 0 -6px #bbebfa,0 3px #004293,0 0 0 1px #b6f8ff}.workshop-modal .upgrade-top{justify-content:space-between;align-items:flex-start;gap:6px;height:94px;margin:0 0 3px;display:flex;position:relative}.workshop-modal .upgrade-model{pointer-events:none;flex:0 132px;width:132px;height:96px;margin-top:-4px}.workshop-modal .level{color:#fff;white-space:nowrap;text-shadow:0 1px 1px #0053a2;background:linear-gradient(#299efd,#0576e5);border:1px solid #d9fcff;border-radius:10px;flex-shrink:0;padding:6px 9px;font-size:13px;font-weight:900;line-height:1.15;box-shadow:inset 0 1px #95e9ff,0 2px 4px #176baa35}.workshop-modal .level>span{color:inherit;font-weight:inherit;opacity:1}.workshop-modal .upgrade-card h3{letter-spacing:-.035em;margin:0 0 3px;font-size:20px;font-weight:900;line-height:1.15}.workshop-modal .upgrade-card p{color:#0b3a75;min-height:34px;margin:0 0 6px;font-size:13px;font-weight:600;line-height:1.3}.workshop-modal .level-bars{gap:4px;margin:auto 0 7px;display:flex}.workshop-modal .level-bars i{background:linear-gradient(#a2c9e1,#bddbec);border:1px solid #91bfdc;border-radius:4px;flex:1;min-width:0;height:10px;box-shadow:inset 0 1px 1px #5e9bbc38}.workshop-modal .level-bars i.filled{background:linear-gradient(#37def6,#00b7db);border-color:#009cc3;box-shadow:inset 0 1px #92f6ff}.workshop-modal .buy-button{--button-fill:linear-gradient(#04c59e, #009976 70%, #008b71);--button-border:#71f6cf;--button-shadow:inset 0 2px 0 #bbfff1, inset 0 -3px 0 #00715d, 0 2px 0 #00777f;color:#fff;width:100%;min-height:41px;box-shadow:none;text-shadow:0 2px #006e59;background:0 0;border:2px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:0;padding:5px 7px;font-weight:900;display:flex}.workshop-modal .buy-button .buy-price{min-width:0;color:inherit;font-variant-numeric:tabular-nums;flex:1;justify-content:center;align-items:center;gap:4px;margin:0;font-size:21px;line-height:1;display:flex}.workshop-modal .buy-price b{font-weight:900}.workshop-modal .buy-price .buy-coin{flex:0 0 28px;width:28px;height:28px;margin:0}.workshop-modal .buy-button .buy-label{color:#fff;text-transform:none;white-space:nowrap;border-left:1px solid #78ead070;flex-shrink:0;margin:0 0 0 6px;padding:5px 0 5px 8px;font-size:14px;line-height:1;display:block}.workshop-modal .buy-button:disabled{--button-fill:linear-gradient(#739ba6, #426c81);--button-border:#abd7df;--button-shadow:inset 0 2px 0 #d1e6e9, inset 0 -3px 0 #31566c, 0 2px 0 #5b9bad;opacity:1;color:#edf8ff;text-shadow:0 1px #34556a}.workshop-modal .buy-button:disabled .buy-label{color:#edf8ff;border-color:#c4e5eb65}.workshop-modal .buy-button .buy-max{color:#edf8ff;margin:0;font-size:14px;font-weight:900}.workshop-modal .upgrade-card.is-upgraded{animation:.48s ease-out workshop-upgrade}@keyframes workshop-upgrade{35%{border-color:#fff596;box-shadow:inset 0 0 0 3px #fff,inset 0 -6px #c9f6dc,0 3px #004293,0 0 17px #fff186d9}}.workshop-modal .workshop-footer{text-align:center;flex-direction:column;align-items:center;padding:2px 6px 0;display:flex;position:sticky;bottom:0}.workshop-modal .workshop-play{--button-rim:3px;--button-fill:linear-gradient(#fff65c, #ffdc22 58%, #ffbc11);--button-border:#fff387;--button-shadow:inset 0 3px 0 #ffffdf, inset 0 -5px 0 #eba511, 0 4px 0 #b16b08, 0 6px 9px #022b7350;color:#072972;width:min(480px,100%);min-height:56px;box-shadow:none;letter-spacing:.015em;text-transform:uppercase;text-shadow:0 1px #a08424;background:0 0;border:3px solid #0000;border-radius:17px;justify-content:center;align-items:center;gap:15px;padding:7px 20px 10px;font-family:Arial Rounded MT Bold,DM Sans,Trebuchet MS,sans-serif;font-size:31px;font-weight:900;line-height:1;display:flex}.workshop-play .icon{fill:#fff;color:#fff;filter:drop-shadow(0 2px 1px #b38033);width:29px;height:29px}.workshop-modal button{isolation:isolate;transition:none;position:relative}.workshop-modal button:before{content:"";inset:calc(-1 * var(--button-rim,2px));z-index:-1;pointer-events:none;border:var(--button-rim,2px) solid var(--button-border);border-radius:inherit;background:var(--button-fill);box-shadow:var(--button-shadow);transform:translateY(var(--button-lift,0px)) scale(var(--button-scale,1));transition:transform var(--button-duration,.18s) cubic-bezier(.2,.8,.3,1), background .18s, box-shadow .18s;position:absolute}.workshop-modal button>*{transform:scale(var(--button-scale,1));transition:transform var(--button-duration,.18s) cubic-bezier(.2,.8,.3,1)}.workshop-modal button:not(:disabled):active{--button-scale:.97;--button-lift:1px;--button-duration:80ms;transform:none}.workshop-modal button:not(:disabled):active:before{box-shadow:inset 0 2px #ffffff80,inset 0 -1px #002a4040,0 1px #002c4940}.workshop-modal .workshop-play:before,.workshop-modal .workshop-play>*{animation:3.8s ease-in-out infinite workshop-play-breathe}@keyframes workshop-play-breathe{0%,to{scale:1}50%{scale:1.013}}.workshop-modal .workshop-play:after{content:"";z-index:-2;pointer-events:none;border-radius:20px;animation:3.8s ease-in-out infinite workshop-play-glow;position:absolute;inset:-5px;box-shadow:0 0 19px 2px #ffe56875}@keyframes workshop-play-glow{0%,to{opacity:.25}50%{opacity:.75}}.workshop-modal button:focus-visible{outline-offset:3px;outline:3px solid #fff2a0}.workshop-modal .modal-footnote{color:#fff;text-wrap:balance;text-shadow:0 1px 1px #00337c;max-width:620px;margin:10px 0 0;font-size:13px;font-weight:700;line-height:1.25}.workshop-modal.is-opening{animation:.3s cubic-bezier(.2,.75,.25,1) both workshop-open}.workshop-modal .upgrade-card.is-entering{animation:.28s cubic-bezier(.2,.75,.25,1) backwards workshop-card-enter}.workshop-modal .upgrade-card.is-entering:nth-child(2){animation-delay:40ms}.workshop-modal .upgrade-card.is-entering:nth-child(3){animation-delay:80ms}.workshop-modal .upgrade-card.is-entering:nth-child(4){animation-delay:.12s}.workshop-modal .upgrade-card.is-entering:nth-child(5){animation-delay:.16s}.workshop-modal .upgrade-card.is-entering:nth-child(6){animation-delay:.2s}@keyframes workshop-open{0%{opacity:0;transform:translateY(8px)scale(.97)}to{opacity:1;transform:none}}@keyframes workshop-card-enter{0%{filter:brightness(.97);transform:translateY(8px)}to{filter:none;transform:none}}.workshop-modal .is-upgraded .level{animation:.42s ease-out workshop-level}.workshop-modal .is-upgraded .level-bars i.filled:not(:has(~.filled)){animation:.48s ease-out workshop-segment}.workshop-modal .upgrade-card.is-upgraded:after{content:"";pointer-events:none;background:#ffcf39;border-radius:50%;width:4px;height:4px;animation:.5s ease-out both workshop-sparkles;position:absolute;top:36%;left:50%;box-shadow:-48px 8px #ffdd5c,43px 5px #fff1a5,-28px -22px #ffd649,24px -30px #fff4b8,-5px 27px #ffdb4d}@keyframes workshop-level{40%{scale:1.08;box-shadow:0 0 12px #ffe461}}@keyframes workshop-segment{35%{background:#fff2a2;box-shadow:0 0 9px #ffe974}}@keyframes workshop-sparkles{0%{opacity:0;transform:translateY(5px)scale(.55)}25%{opacity:1}to{opacity:0;transform:translateY(-14px)scale(1.13)}}@media (hover:hover) and (pointer:fine){.workshop-modal .upgrade-card:hover{border-color:#d8fbff;transform:translateY(-3px);box-shadow:inset 0 0 0 3px #fff,inset 0 -6px #bbebfa,0 5px #004293,0 0 13px #8df3ff55}.workshop-modal button:hover:not(:disabled):not(:active){--button-scale:1.025;--button-lift:-1px}.workshop-modal .buy-button:hover:not(:disabled){--button-fill:linear-gradient(#1ed9aa, #02ab82 70%, #00987a);--button-shadow:inset 0 2px 0 #e3fff6, inset 0 -3px 0 #00715d, 0 2px 0 #00777f, 0 0 12px #00c69840}.workshop-modal .workshop-play:hover:not(:disabled){--button-fill:linear-gradient(#fff98a, #ffe637 58%, #ffcb19)}}@media (width>=760px){.workshop-heading h2 br{display:none}.workshop-heading:before,.workshop-heading:after{top:27px;box-shadow:inset 2px 0 #fff8ca}}@media (width<=759px){.workshop-backdrop{padding:max(8px, env(safe-area-inset-top)) 8px max(8px, env(safe-area-inset-bottom))}.modal.wide.workshop-modal{width:min(580px,100%);height:calc(100dvh - max(8px, env(safe-area-inset-top)) - max(8px, env(safe-area-inset-bottom)));max-height:calc(100dvh - max(8px, env(safe-area-inset-top)) - max(8px, env(safe-area-inset-bottom)));border-radius:23px;grid-template-rows:42px auto minmax(0,1fr) auto;gap:8px;padding:10px 8px}.workshop-modal .workshop-wallet{min-width:126px;height:40px;padding-right:12px}.workshop-wallet b{font-size:23px}.workshop-modal .wallet-coin{flex-basis:34px;width:34px;height:34px}.workshop-modal .workshop-heading{border-radius:20px;width:calc(100% - 16px);padding:9px 17px 11px}.workshop-heading h2{font-size:clamp(26px,7.5vw,37px)}.workshop-heading p{margin-top:7px;font-size:13px}.workshop-rivet{width:10px;height:10px}.workshop-rivet:first-of-type,.workshop-rivet:nth-of-type(3){left:7px}.workshop-rivet:nth-of-type(2),.workshop-rivet:nth-of-type(4){right:7px}.workshop-modal .upgrade-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.workshop-modal .workshop-scroll{padding:4px 3px 7px}.workshop-modal .upgrade-card{border-radius:16px;padding:9px 9px 11px}.workshop-modal .upgrade-top{gap:4px;height:110px}.workshop-modal .upgrade-model{flex:0 0 94px;width:94px;height:90px;margin-top:20px}.workshop-modal .level{border-radius:9px;padding:6px;font-size:13px;position:absolute;top:0;right:0}.workshop-modal .upgrade-card h3{margin-bottom:4px;font-size:18px}.workshop-modal .upgrade-card p{min-height:34px;margin-bottom:9px;font-size:13px}.workshop-modal .level-bars{gap:3px;margin-bottom:9px}.workshop-modal .level-bars i{border-radius:3px;height:9px}.workshop-modal .buy-button{border-radius:10px;min-height:44px;padding:5px 4px}.workshop-modal .buy-button .buy-price{letter-spacing:-.03em;gap:3px;font-size:16px}.workshop-modal .buy-price .buy-coin{flex-basis:20px;width:20px;height:25px}.workshop-modal .buy-button .buy-label{letter-spacing:-.04em;text-transform:none;margin-left:3px;padding-left:5px;font-size:13px}.workshop-modal .workshop-footer{padding:2px 7px 0}.workshop-modal .workshop-play{min-height:55px;font-size:30px}.workshop-modal .modal-footnote{margin-top:9px;font-size:13px;line-height:1.25}}@media (width<=359px){.workshop-modal .upgrade-top{height:91px}.workshop-modal .upgrade-model{flex-basis:74px;width:74px;margin-top:24px}.workshop-modal .level{padding:4px 6px;position:absolute;top:0;right:0}.workshop-modal .buy-button{flex-direction:column;gap:4px;min-height:63px;padding:5px}.workshop-modal .buy-button .buy-label{text-align:center;border-top:1px solid #b1f3e460;border-left:0;width:100%;margin:0;padding:4px 0 0}}@media (width>=760px) and (height<=820px){.workshop-backdrop{padding:8px 20px}.modal.wide.workshop-modal{grid-template-rows:38px auto minmax(0,1fr) auto;gap:6px;height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);padding:8px 12px}.workshop-modal .workshop-wallet{height:38px}.workshop-modal .workshop-wallet b{font-size:23px}.workshop-modal .wallet-coin{flex-basis:30px;width:30px;height:30px}.workshop-modal .workshop-close{flex-basis:38px;width:38px;height:38px;padding:5px}.workshop-modal .workshop-close .icon{width:25px;height:25px}.workshop-modal .workshop-heading{padding-top:6px;padding-bottom:6px}.workshop-heading h2{font-size:31px}.workshop-heading p{margin-top:5px;font-size:13px;line-height:1.2}.workshop-heading:before,.workshop-heading:after{top:20px}.workshop-modal .workshop-scroll{padding:3px 4px 5px}.workshop-modal .upgrade-grid{gap:8px}.workshop-modal .upgrade-card{padding:8px 12px}.workshop-modal .upgrade-top{height:90px}.workshop-modal .upgrade-model{flex-basis:132px;width:132px;height:92px;margin-top:-2px}.workshop-modal .upgrade-card h3{font-size:19px}.workshop-modal .upgrade-card p{min-height:20px}.workshop-modal .level-bars{margin-bottom:6px}.workshop-modal .level-bars i{height:9px}.workshop-modal .buy-button{min-height:40px;padding-top:4px;padding-bottom:4px}.workshop-modal .workshop-play{min-height:50px;padding-top:5px;padding-bottom:8px;font-size:28px}.workshop-modal .modal-footnote{margin-top:7px;line-height:1.2}}@media (prefers-reduced-motion:reduce){.workshop-modal,.workshop-modal *,.workshop-modal :before,.workshop-modal :after{transition:none!important;animation:none!important}.workshop-modal button{--button-scale:1!important;--button-lift:0px!important}.workshop-modal .upgrade-card:hover{transform:none}.workshop-modal .upgrade-card.is-upgraded{border-color:#fff596}.workshop-modal .upgrade-card.is-upgraded:after,.workshop-modal .workshop-play:after{display:none}}@media (width>=760px) and (height>=980px){.modal.wide.workshop-modal{width:min(760px,100%);height:min(1080px,100dvh - 36px)}.workshop-modal .upgrade-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.workshop-modal .workshop-scroll{padding-top:3px;padding-bottom:5px}.workshop-modal .upgrade-top{height:clamp(72px,33.33dvh - 254.67px,94px)}.workshop-modal .upgrade-model{height:clamp(74px,33.33dvh - 252.67px,96px);margin-top:-2px}.workshop-modal .upgrade-card p{min-height:20px}}