@font-face{font-family:WorkSans;src:local("Inter"),local("Aptos"),local("Segoe UI")}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overscroll-behavior:none}body{font-family:WorkSans,system-ui,-apple-system,sans-serif;color:#173348;background:#d8e6e9;-webkit-tap-highlight-color:transparent}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:disabled{opacity:.42;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #029cf0;outline-offset:3px}svg{width:24px;height:24px;flex-shrink:0}button{border:0}small{font-size:12px;color:#617581}b,strong{font-weight:750}.game{height:100dvh;min-height:600px;position:relative;overflow:hidden;isolation:isolate}.top{position:absolute;z-index:4;top:0;left:0;right:0;padding:calc(env(safe-area-inset-top) + 12px) 14px 0;background:linear-gradient(#d9e8eccf,transparent)}.brand{display:flex;align-items:center;gap:9px;max-width:1120px;margin:auto auto 10px}.brand b{font-size:15px;letter-spacing:.07em}.brand small{display:block;font-size:8px;letter-spacing:.2em;margin-top:3px;color:#59747d}.brand-mark{height:37px;width:38px;display:grid;place-items:center;background:linear-gradient(145deg,#e9f8ff,#339bdd 85%);border:1px solid #c9edf7;border-radius:11px;box-shadow:0 4px 7px #14557235,inset 0 2px 1px #fff;color:#12608e}.brand-mark svg{width:28px;height:28px;filter:drop-shadow(1px 2px 0 #ffffff70)}.brand .icon-button{margin-left:auto}.icon-button{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#ffffffb8;box-shadow:0 3px 8px #14324413}.icon-button svg{width:19px;height:19px}.hud{display:flex;gap:7px;max-width:1120px;margin:auto}.hud>div{display:flex;align-items:center;gap:8px;background:linear-gradient(145deg,#183a4bea,#102c3df4);color:#fff;border:1px solid #ffffff60;border-radius:13px;padding:9px 10px;box-shadow:0 5px 15px #25455321;min-width:0;flex:1}.hud small{display:block;color:#b7cad5;font-size:9px;letter-spacing:.06em;margin-bottom:2px}.hud b{display:block;font-size:17px;white-space:nowrap;letter-spacing:-.025em}.mini-icon{width:29px;height:29px;display:grid;place-items:center;filter:drop-shadow(0 3px 2px #0006)}.money{color:#61dd86}.output{color:#f5c844}.hud>.level{flex:0 0 53px;flex-direction:column;gap:2px;padding:5px}.level span{font-size:24px;font-weight:850;color:#8cdcfc}.level small{font-size:7px;margin:0;letter-spacing:.15em}.world{position:absolute;inset:0 0 150px;touch-action:pan-y;overflow:hidden}.world canvas{width:100%;height:100%;display:block}.world-heading{position:absolute;top:calc(129px + env(safe-area-inset-top));left:20px;pointer-events:none}.eyebrow{font-size:9px;font-weight:800;letter-spacing:.16em;color:#477180}.world-heading h1{font-size:24px;line-height:1.05;letter-spacing:-.045em;margin:6px 0;text-shadow:0 2px 8px #f0f8fd}.world-heading p{font-size:10px;margin:8px 0;color:#4d6d77}.world-tools{position:absolute;right:14px;top:calc(136px + env(safe-area-inset-top));display:grid;gap:7px}.scene-label{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:5px;border-radius:7px;padding:6px 8px;background:linear-gradient(135deg,#264453ec,#173044e8);border:1px solid #ffffff65;color:#fff;font-weight:650;font-size:10px;box-shadow:0 4px 10px #162f3b35;white-space:nowrap;min-height:28px;transition:background .3s}.scene-label:hover,.scene-label.selected{background:#078acb}.light{width:5px;height:5px;background:#879ba5;border-radius:50%;flex-shrink:0}.scene-label.running .light{background:#63e69b;box-shadow:0 0 6px #3ec97f}.connection{position:absolute;bottom:calc(242px + env(safe-area-inset-bottom));left:15px;display:flex;align-items:center;gap:6px;background:#f5faf5c7;border:1px solid #fff8;border-radius:20px;padding:6px 9px;color:#2c7466;font-size:9px;box-shadow:0 2px 7px #24433513}.connection svg{height:13px;width:13px}.connection.offline{color:#aa5926;background:#fff1dc}.factory-summary{position:absolute;bottom:calc(83px + env(safe-area-inset-bottom));left:12px;right:12px;border:1px solid #ffffffc9;background:linear-gradient(120deg,#ffffffed,#eef7f6ed);box-shadow:0 6px 25px #13314325;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:19px;padding:10px 11px 6px;max-width:800px;margin:auto}.summary-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.text-button{display:inline-flex;align-items:center;gap:4px;background:none;padding:3px 0;font-size:11px;font-weight:650;color:#127daf}.text-button svg{width:13px;height:13px}.machine-cards{display:grid;grid-template-columns:1fr 1fr;gap:9px}.machine-card{display:flex;align-items:center;text-align:left;gap:8px;min-width:0;padding:8px 7px;background:#fff;border:1px solid #dbe6e8;border-radius:11px;box-shadow:0 2px 5px #25445b07}.machine-card>svg{width:12px;height:12px;margin-left:auto;color:#718b98}.card-icon{height:36px;min-width:32px;border-radius:8px;display:grid;place-items:center;box-shadow:inset 0 2px 1px #fff8,0 3px 6px #183d5919;border:1px solid #ffffffaa}.card-icon svg{width:25px;height:25px;filter:drop-shadow(1px 2px 0 #fff6)}.card-icon.blue{background:linear-gradient(135deg,#ebfaff,#83bfdf);color:#276b95}.card-icon.steel{background:linear-gradient(135deg,#eef4f3,#b4ced9);color:#3b6d86}.card-icon.green-icon{background:linear-gradient(135deg,#f0fff6,#a0d6af);color:#278559}.machine-copy{min-width:0}.machine-copy b{font-size:11px;display:block;white-space:normal;line-height:1.15}.machine-copy small{font-size:8px;display:block;line-height:1.4;margin:4px 0;white-space:normal}.machine-copy strong{font-size:12px;display:block}.dot{display:inline-block;width:6px;height:6px;background:#82929a;border-radius:50%;margin-right:5px}.dot.green{background:#29b977}.green-text{color:#1b9b61}.next-order{display:flex;align-items:center;gap:7px;background:transparent;padding:9px 1px 2px;width:100%;text-align:left;flex-wrap:wrap}.next-order span svg{width:17px;height:17px;color:#3b758f}.next-order b{font-size:10px}.next-order small{font-size:9px;margin-left:auto}.next-order>svg{width:12px;height:12px}.nav{position:absolute;z-index:8;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:linear-gradient(145deg,#163a50,#0c2333);border-radius:22px 22px 0 0;border-top:1px solid #90b4c6;box-shadow:0 -5px 18px #183b5625}.nav button{color:#bfd9e8;background:linear-gradient(#233f50,#183348);border:1px solid #4b67774d;border-radius:14px;display:grid;justify-items:center;gap:4px;padding:9px 1px 8px;min-height:63px;box-shadow:inset 0 1px #fff1}.nav button span{height:25px}.nav svg{height:25px;width:25px;filter:drop-shadow(0 2px 1px #03172790)}.nav b{font-size:10px;letter-spacing:.01em}.nav button.active{color:#fff;background:linear-gradient(145deg,#05b4fd,#0882d7);border:1px solid #99e3ff;box-shadow:0 3px 12px #039dec48,inset 0 1px #c7f3ff70}.sheet{position:absolute;z-index:6;top:calc(125px + env(safe-area-inset-top));bottom:calc(81px + env(safe-area-inset-bottom));left:8px;right:8px;max-width:560px;margin-left:auto;overflow:auto;background:#f5f9f8f5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #fff;border-radius:22px;box-shadow:0 15px 55px #102a4840;overscroll-behavior:contain}.sheet[hidden]{display:none}.sheet-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 18px 15px;background:#f5f9f9f5;position:sticky;top:0;z-index:1;border-bottom:1px solid #dfe9e8}.sheet h2{font-size:21px;letter-spacing:-.04em;line-height:1.15;margin:6px 0 0}.sheet-body{padding:15px 18px 25px}.intro{font-size:13px;line-height:1.6;color:#62767e;margin:0 0 18px}.primary{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;padding:12px 14px;border-radius:12px;background:linear-gradient(145deg,#23ba69,#11974e);color:#fff;font-weight:700;box-shadow:0 4px 9px #16a35820,inset 0 1px #a5edbc55;font-size:13px}.primary svg{width:18px;height:18px}.primary.secondary{background:#e2edf0;color:#2e657e;box-shadow:inset 0 1px #fff}.primary.slim{min-height:43px;margin-top:14px}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:14px 10px;margin:18px 0}.metric small{font-size:10px;display:block;margin-bottom:5px}.metric b{display:block;font-size:13px;line-height:1.4;overflow-wrap:anywhere}.info-card,.order-card,.upgrade-card,.market-card{padding:16px;border:1px solid #dbe6e6;border-radius:15px;background:#fff;box-shadow:0 4px 8px #30534507;margin-bottom:13px}.info-card h3,.order-card h3,.upgrade-card h3,.market-card h3{margin:0;font-size:14px;line-height:1.4}.info-card p,.order-card p,.market-card p{font-size:11px;line-height:1.6;color:#5e7480}.row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:11px}.progress{height:6px;background:#d8e2e4;border-radius:4px;margin:11px 0;overflow:hidden}.progress span{height:100%;display:block;background:linear-gradient(90deg,#21ba6c,#58d295);border-radius:4px}.info-card>small,.order-card>small{font-size:10px;line-height:1.5}.panel-status{font-size:12px;display:flex;align-items:center}.fine{font-size:10px;line-height:1.7;color:#6c7f86;margin:14px 0 0}.widths{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.widths button{border:1px solid #c3d7de;background:#eaf2f5;border-radius:12px;padding:13px 5px;font-weight:750;font-size:17px;color:#2c6687}.widths small{display:block;margin-top:2px;font-weight:400;color:inherit;font-size:10px}.widths button.selected{background:linear-gradient(140deg,#19b7f9,#0789d4);color:#fff;border-color:#52caff;box-shadow:0 3px 9px #038bcf30}.field-label{display:block;font-size:11px;font-weight:650;margin:15px 0 7px}input,select{width:100%;border:1px solid #bdcfd6;border-radius:11px;padding:13px 12px;background:#fff;color:#183b4d;font-size:16px;min-height:47px}select{margin-bottom:14px}.empty{display:grid;justify-items:center;text-align:center;background:#e9f1f1;border-radius:15px;padding:25px 16px}.empty>svg{width:42px;height:42px;color:#93b4c6;margin-bottom:15px}.empty b{font-size:14px}.empty p{font-size:12px;line-height:1.6;max-width:250px;color:#627985}.badge{display:inline-block;background:#edf2f4;color:#6b808a;padding:5px 7px;border-radius:6px;font-size:9px;font-weight:700}.active-badge{background:#e1f7e9;color:#238458}.order-card h3{margin-top:13px}.order-card .row>strong{font-size:18px;color:#178555}.order-card.done{opacity:.65}.stock-table{margin:18px 0}.stock-table>div{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:9px 0;border-bottom:1px solid #edf1f2;font-size:11px}.upgrade-card .row{justify-content:flex-start}.upgrade-card .row .card-icon{width:44px;height:44px}.upgrade-value{display:block;font-size:20px;margin-top:17px;color:#26769c}.market-card>.card-icon{float:right;width:44px;height:44px}.market-card label{display:block;font-size:10px;font-weight:650;margin:14px 0 6px}.buy-row{display:flex;gap:9px}.buy-row input{width:90px}.buy-row .primary{flex:1}.buy-price{display:block;font-size:10px;margin-top:9px}.profile{text-align:center;padding:12px 0}.profile .brand-mark{margin:auto;width:58px;height:58px}.profile h3{font-size:24px;margin:14px 0 5px}.profile p{font-size:12px;color:#5f7c87}.profile~.primary{margin-top:12px}.event-log{list-style:none;padding:0;font-size:11px;color:#516e7c}.event-log li{padding:12px 0;border-bottom:1px solid #dce7e9;line-height:1.5}.log-title{font-size:14px;margin:24px 0 0}.toast{position:fixed;z-index:30;top:calc(env(safe-area-inset-top) + 16px);left:50%;transform:translate(-50%,-120px);max-width:calc(100% - 30px);width:max-content;background:#14394bee;color:#fff;padding:13px 18px;border:1px solid #8caaba;border-radius:12px;box-shadow:0 6px 20px #14334244;font-size:12px;line-height:1.5;transition:transform .25s;pointer-events:none}.toast.show{transform:translate(-50%)}dialog{color:#163b4e;max-width:calc(100% - 28px);width:405px;border:1px solid #fff;border-radius:25px;box-shadow:0 25px 90px #071a4850;background:#f9fcf9;padding:28px;max-height:calc(100dvh - 40px);overflow:auto}dialog::backdrop{background:#15354899;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}dialog h2{font-size:31px;letter-spacing:-.05em;line-height:1.12;margin:10px 0 16px}dialog p{font-size:13px;line-height:1.65;color:#6a7d84}.onboard-art{height:120px;background:linear-gradient(135deg,#dbf5ff,#b7dacb);border-radius:16px;display:grid;place-items:center;margin-bottom:23px;position:relative;overflow:hidden}.onboard-art>svg{width:100px;height:100px;color:#2c7caa;filter:drop-shadow(3px 5px 0 #93c2d4)}.onboard-art>span{position:absolute;bottom:10px;right:12px;font-size:9px;color:#4b8090;letter-spacing:.15em;font-weight:700}.onboard label{font-size:11px;font-weight:650;display:block;margin:22px 0 8px}.onboard input{margin-bottom:12px}.onboard>small{font-size:9px;line-height:1.6;display:block;color:#7c9096;margin-top:17px}.form-error{font-size:11px!important;color:#ab4a36!important;margin-bottom:0}.help{position:relative}.help>.help-close:first-child{position:absolute;right:16px;top:15px}.help ol{padding-left:23px}.help li{padding:8px 0 8px 5px;color:#358aae}.help li b{font-size:14px;color:#234a5b;display:block}.help li span{font-size:12px;line-height:1.6;color:#6d7e85;display:block;margin-top:4px}.render-error{position:absolute;top:40%;left:10%;right:10%;font-size:13px;line-height:1.7;text-align:center;padding:20px;background:#ffffff9f;border-radius:16px}@media(min-width:750px){.top{padding:20px 25px}.brand{margin-bottom:13px}.brand b{font-size:18px}.hud{margin-left:0;max-width:570px}.hud b{font-size:21px}.world{inset:0 0 30px}.world-heading{top:165px;left:30px}.world-heading h1{font-size:35px}.world-heading p{font-size:13px}.world-tools{right:25px;top:170px}.scene-label{font-size:12px;padding:8px 12px}.factory-summary{bottom:100px;left:22px;right:22px;max-width:650px;padding:16px}.machine-card{padding:12px}.machine-copy b{font-size:15px}.machine-copy small{font-size:11px}.machine-copy strong{font-size:15px}.card-icon{height:43px;width:43px}.next-order b,.next-order small{font-size:12px}.connection{bottom:315px;left:25px;font-size:11px}.nav{max-width:750px;margin:auto;left:20px;right:20px;border-radius:22px 22px 0 0}.nav b{font-size:12px}.sheet{inset:140px 20px 100px auto;width:450px}.sheet h2{font-size:25px}.sheet-body{padding:20px 22px}.hud>.level{flex-basis:60px}.game{min-height:680px}}@media(max-height:740px){.world-heading h1{font-size:19px}.world-heading p{margin:4px 0}.world-heading{top:calc(122px + env(safe-area-inset-top))}.machine-card{padding:6px}.factory-summary{padding:8px 9px 5px}.connection{bottom:calc(227px + env(safe-area-inset-bottom))}.onboard-art{height:85px}dialog h2{font-size:26px}dialog{padding:22px}.game{min-height:540px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}