*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{color-scheme:light;--bg: #f1ebdd;--surface: #faf6ec;--surface-2: #efe6d2;--border: #d9cdb4;--text: #3a332a;--text-dim: #8b7f6a;--accent: #b07607;--accent-strong: #8f5f03;--danger: #bf4a30;--fraction-mazut: #7a6450;--fraction-diesel: #c9932e;--fraction-gasoline: #8aa65a;--fraction-kerosene: #6d94bd;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--radius-s: 4px;--radius-m: 8px;--border-w: 2px}html,body{height:100%}#root{height:100%;height:100dvh}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none;user-select:none;-webkit-user-select:none;touch-action:manipulation}button{--btn-border: var(--border);--btn-drop: rgba(42, 36, 28, .22);font:inherit;color:inherit;background:var(--surface-2);border:none;border-radius:0;padding:8px 12px;margin:2px;cursor:pointer;box-shadow:-2px 0 0 0 var(--btn-border),2px 0 0 0 var(--btn-border),0 -2px 0 0 var(--btn-border),0 2px 0 0 var(--btn-border),0 4px 0 0 var(--btn-drop)}button:active{transform:translateY(2px);box-shadow:-2px 0 0 0 var(--btn-border),2px 0 0 0 var(--btn-border),0 -2px 0 0 var(--btn-border),0 2px 0 0 var(--btn-border)}button:disabled{cursor:default}button:disabled:active{transform:none;box-shadow:-2px 0 0 0 var(--btn-border),2px 0 0 0 var(--btn-border),0 -2px 0 0 var(--btn-border),0 2px 0 0 var(--btn-border),0 4px 0 0 var(--btn-drop)}.btn--accent{--btn-border: var(--accent);color:var(--accent-strong)}.btn--danger{--btn-border: var(--danger);color:var(--danger)}.pbar{display:flex;height:12px;background:var(--bg);border:var(--border-w) solid var(--border);overflow:hidden}.pbar__fill,.pbar__seg{height:100%;transition:width .3s}.pbar__fill{background:var(--accent)}.refineprogress{display:flex;align-items:center;gap:8px;margin:6px 0}.refineprogress__label{font-size:11px;color:var(--text-dim);white-space:nowrap}.refineprogress__bar{flex:1;height:8px}.refineprogress__fill{transition:width 1s linear}.refineprogress__cycle{width:100%;transform-origin:left;animation:refine-cycle 1s linear infinite}.refineprogress--idle{opacity:.45}.refineprogress--idle .refineprogress__cycle{animation-play-state:paused}@keyframes refine-cycle{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes badge-pop{0%{transform:scale(.4)}to{transform:scale(1)}}.icon{display:inline-block;vertical-align:-.19em;flex-shrink:0}.app{display:flex;flex-direction:column;height:100%;max-width:640px;margin:0 auto}.topbar{display:flex;align-items:center;gap:12px;padding:8px 12px;padding-top:calc(8px + env(safe-area-inset-top));background:var(--surface);border-bottom:1px solid var(--border);font-size:14px}.topbar__stat{display:flex;flex-direction:column;min-width:0}.topbar__label{display:inline-flex;align-items:center;gap:3px;font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em}.topbar__value{font-weight:600;font-variant-numeric:tabular-nums}.topbar__value--money{color:var(--accent-strong)}.screen{flex:1;overflow-y:auto;padding:16px}.screen--stub{display:flex;align-items:center;justify-content:center;color:var(--text-dim);text-align:center}.mapscreen{padding:0;position:relative}.region{position:relative;height:2300px;background-color:#efd794;background-size:256px 256px;image-rendering:pixelated;overflow:hidden}.region__bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.region__coast{position:absolute;top:0;right:0;bottom:0;left:0;filter:drop-shadow(-3px 0 0 #cdbf9d);pointer-events:none}.region__water{position:absolute;top:0;right:0;bottom:0;left:0;background-size:256px 256px}.region__road{fill:none;stroke:#8a6f4d;stroke-width:.9;stroke-dasharray:1.6 1.2;stroke-linejoin:round;opacity:.75}.zone{position:absolute;transform:translate(-50%,-50%);margin:0;min-width:96px;min-height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:8px 10px;border-radius:var(--radius-s);background:var(--surface);border:var(--border-w) solid var(--border);box-shadow:0 3px #3a332a29;font-size:12px}.zone:active{transform:translate(-50%,-50%);box-shadow:0 3px #3a332a29;filter:brightness(.96)}.zone--locked{opacity:.85;border-style:dashed}.zone--confirming{border-color:var(--accent);z-index:5}.zone--owned{border-color:#b9a77e}.zone__name{font-size:11px;color:var(--text-dim)}.zone__price{font-weight:700;color:var(--text-dim)}.zone__price--ok{color:var(--accent-strong)}.zone__confirm{font-size:10px;color:var(--accent-strong)}.zone__buildings{display:inline-flex;align-items:center;gap:2px;font-size:13px;font-weight:600}.zone__badges{display:flex;gap:4px}.zone__badge{display:inline-flex;align-items:center;gap:2px;font-size:10px;background:var(--surface-2);border-radius:8px;padding:1px 5px}.poolbar--sticky{position:sticky;top:0;z-index:10;margin:0;padding:8px 12px;background:var(--surface);border-bottom:1px solid var(--border)}.poolbar__upgrade{font-size:11px;padding:6px 8px;min-height:36px;--btn-border: var(--accent);color:var(--accent-strong);white-space:nowrap}.plotdetail{position:fixed;left:50%;transform:translate(-50%);bottom:calc(52px + env(safe-area-inset-bottom));width:calc(100% - 16px);max-width:624px;max-height:52vh;overflow-y:auto;z-index:40;box-shadow:0 -4px 20px #3a332a40;animation:sheet-up .15s ease-out}.plotdetail__actions{display:flex;gap:8px;align-items:center}.plotdetail__close{width:32px;height:32px;padding:0;line-height:1}.plotdetail__buildrow{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;font-size:12px;color:var(--text-dim)}.plotcard{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px}.plotcard__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.plotcard__title{font-size:14px;color:var(--text-dim)}.plotcard__upgrades{font-size:12px;padding:6px 10px}.plotcard__production{display:flex;gap:12px;align-items:stretch}.well{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;width:96px;min-height:120px;--btn-border: var(--accent);background:var(--surface-2)}.well:active{transform:scale(.96)}.well__icon{font-size:32px}.well__label{font-size:12px;margin-top:4px}.well__hint{font-size:10px;color:var(--accent)}.barrelfield{flex:1;display:flex;flex-wrap:wrap;align-content:flex-start;gap:2px;min-height:120px;background:var(--bg);border:1px dashed var(--border);border-radius:10px;padding:8px;touch-action:none}.barrelfield__hint{align-self:center;width:100%;text-align:center;font-size:12px;color:var(--text-dim)}.barrel{width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:26px;cursor:pointer;animation:barrel-spawn .15s ease-out}@keyframes barrel-spawn{0%{opacity:0;scale:.4}to{opacity:1;scale:1}}.pipefield{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:120px;background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:8px}.pipefield__pipe{width:85%;height:14px;border-radius:7px;background:var(--surface-2);border:1px solid var(--border);overflow:hidden;position:relative}.pipefield__flow{position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:5px;background:repeating-linear-gradient(90deg,var(--accent) 0 14px,transparent 14px 28px);animation:pipe-flow 1s linear infinite;opacity:.7}@keyframes pipe-flow{0%{transform:translate(0)}to{transform:translate(28px)}}.pipefield__hint{font-size:12px;color:var(--text-dim)}.tradinghouse{margin-top:16px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px}.tradinghouse__title{font-size:14px;margin-bottom:8px}.tradinghouse__status{font-size:12px;color:var(--text-dim);margin-bottom:8px}.tradinghouse__buyrow{display:flex;align-items:center;gap:10px}.tradinghouse__effect{flex:1;font-size:12px;color:var(--text-dim)}.tradinghouse__toggle{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border);font-size:13px;cursor:pointer}.tradinghouse__toggle input{width:18px;height:18px;accent-color:var(--accent)}.poolbar{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:12px}.poolbar__label{color:var(--text-dim);white-space:nowrap}.poolbar__bar{flex:1;height:10px}.poolbar__value{font-variant-numeric:tabular-nums;white-space:nowrap}.refinery{margin-top:14px}.refinery__title{font-size:14px;margin-bottom:8px}.refinery__hint{font-size:10px;color:var(--text-dim);font-weight:400;margin-left:8px}.refinery__tankers{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tanker{position:relative;display:flex;align-items:center;gap:8px;min-height:48px;padding:8px 10px}.tanker--empty{cursor:default}.tanker--empty .tanker__icon,.tanker--empty .tanker__label{opacity:.35}.tanker__auto{position:absolute;right:6px;bottom:4px;display:inline-flex;align-items:center;gap:2px;font-size:10px;color:var(--text-dim)}.tanker__fill{position:absolute;left:0;bottom:0;height:4px;transition:width 1s linear;pointer-events:none}.tanker__fill--mazut{background:var(--fraction-mazut)}.tanker__fill--diesel{background:var(--fraction-diesel)}.tanker__fill--gasoline{background:var(--fraction-gasoline)}.tanker__fill--kerosene{background:var(--fraction-kerosene)}.tanker__icon{font-size:22px}.tanker__label{font-size:12px}.tanker__badge{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;border-radius:10px;background:var(--accent);color:#fff;font-size:11px;font-weight:700;animation:badge-pop .35s cubic-bezier(.34,1.56,.64,1);display:flex;align-items:center;justify-content:center;padding:0 5px}.marketscreen__header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}.marketscreen__header h2{font-size:16px}.marketscreen__countdown{font-size:12px;color:var(--text-dim);font-variant-numeric:tabular-nums}.marketrow{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:10px 12px;margin-bottom:8px}.marketrow__info{flex:1;min-width:0}.marketrow__name{font-size:14px;font-weight:600}.marketrow__base{font-size:11px;color:var(--text-dim)}.marketrow__price{text-align:right;min-width:56px}.marketrow__current{font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}.marketrow__delta{font-size:11px;color:var(--text-dim)}.marketrow__delta--up{color:#4e7d3a}.marketrow__delta--down{color:var(--danger)}.sparkline__base{stroke:var(--border);stroke-dasharray:3 3;stroke-width:1}.sparkline__line{fill:none;stroke:var(--accent);stroke-width:1.5}.marketscreen__placeholder{margin-top:16px;text-align:center;font-size:12px;color:var(--text-dim)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#3a332a59;display:flex;align-items:flex-end;justify-content:center}.sheet{width:100%;max-width:640px;max-height:82vh;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-bottom:none;border-radius:16px 16px 0 0;animation:sheet-up .2s ease-out}@keyframes sheet-up{0%{transform:translateY(40%);opacity:.5}to{transform:translateY(0);opacity:1}}.sheet__handle{width:40px;height:4px;border-radius:2px;background:var(--border);margin:8px auto 0}.sheet__header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px}.sheet__header h2{font-size:15px}.sheet__close{width:32px;height:32px;line-height:1;padding:0}.sheet__content{overflow-y:auto;padding:0 16px calc(16px + env(safe-area-inset-bottom))}.sheet__section{margin-bottom:16px}.sheet__section h3{font-size:13px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}.sheet__subtitle{font-size:12px;color:var(--text-dim);margin:12px 0 6px}.upgraderow,.storagerow{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--border);min-height:52px}.upgraderow__info,.storagerow__info{flex:1;min-width:0}.upgraderow__title{font-size:13px;font-weight:600}.upgraderow__effect{font-size:11px;color:var(--text-dim);margin-top:2px}.upgraderow__buy{display:flex;flex-direction:column;align-items:center;min-width:84px;min-height:44px;padding:4px 10px;--btn-border: var(--accent);font-size:12px}.upgraderow__buy--poor{--btn-border: var(--border);opacity:.55}.upgraderow__cost{font-size:11px;font-weight:700;color:var(--accent-strong)}.upgraderow__maxed{min-width:84px;text-align:center;font-size:12px;color:var(--text-dim)}.storagerow__fill{font-weight:400;font-size:11px;color:var(--text-dim)}.storagerow__sell{min-height:44px;font-size:12px}.yieldbar{margin:6px 0 10px}.yieldbar__label{font-size:11px;color:var(--text-dim)}.yieldbar__mix{height:14px;margin:4px 0}.yieldbar__seg--mazut{background:var(--fraction-mazut)}.yieldbar__seg--diesel{background:var(--fraction-diesel)}.yieldbar__seg--gasoline{background:var(--fraction-gasoline)}.yieldbar__seg--kerosene{background:var(--fraction-kerosene)}.yieldbar__pcts{font-size:11px;color:var(--text-dim);font-variant-numeric:tabular-nums}.defensescreen h2{font-size:16px;margin-bottom:12px}.defensescreen__subtitle{font-size:13px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;margin:16px 0 8px}.defensescreen__empty{font-size:12px;color:var(--text-dim);padding:8px 0}.defensestats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.defensestat{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:4px}.defensestat__label{font-size:10px;color:var(--text-dim);text-transform:uppercase}.defensestat__value{font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}.defenserow{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:10px 12px;margin-bottom:6px;font-size:13px}.defenserow--ok{border-left:4px solid #6f9e57}.defenserow--bad{border-left:4px solid var(--danger)}.defenserow__plot{flex:1;font-weight:600}.defenserow__numbers{font-variant-numeric:tabular-nums}.defenserow--ok .defenserow__verdict{color:#4e7d3a}.defenserow--bad .defenserow__verdict{color:var(--danger)}.historyrow{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:10px 12px;margin-bottom:6px;font-size:12px}.historyrow__head{display:flex;gap:8px}.historyrow__day{color:var(--text-dim);white-space:nowrap}.historyrow__broken{margin-top:4px;color:var(--danger)}.historyrow__scrap{margin-top:2px;color:var(--text-dim)}.repairtimer{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--danger);margin-top:4px;flex-wrap:wrap}.repairtimer__count{font-variant-numeric:tabular-nums}.repairtimer__btn{font-size:11px;padding:5px 8px;min-height:32px;--btn-border: var(--accent);color:var(--accent-strong)}.report{width:calc(100% - 32px);max-width:480px;max-height:78vh;margin-bottom:10vh;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:16px;animation:sheet-up .2s ease-out;align-self:center}.sheet-backdrop:has(.report){align-items:center}.report__title{font-size:16px;margin-bottom:10px}.onboarding__art{text-align:center;margin-bottom:4px}.onboarding__title{text-align:center;font-size:18px}.onboarding .report__entries p{margin-bottom:10px}.report__entries{overflow-y:auto;font-size:13px;line-height:1.5}.report__entry{border-bottom:1px solid var(--border);padding:8px 0}.report__entry ul{padding-left:18px;color:var(--danger)}.report__day{font-size:11px;color:var(--text-dim)}.report__hint{color:var(--accent-strong)}.report__ok{margin-top:12px;min-height:44px;--btn-border: var(--accent);font-weight:600}.welcome__rows{font-size:14px}.welcome__row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border)}.welcome__money{color:var(--accent-strong)}.welcome__attacks{margin-top:10px;font-size:12px;color:var(--danger)}.flyover{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;pointer-events:none;overflow:hidden}.flyover__drone{position:absolute;left:-60px;font-size:30px;animation:flyover 2.4s linear forwards;filter:drop-shadow(0 4px 6px rgba(58,51,42,.3))}@keyframes flyover{0%{transform:translate(0) scaleX(-1)}to{transform:translate(calc(100vw + 120px)) scaleX(-1)}}.zone__badge--broken{background:#f3d9cd;color:var(--danger)}.wealthscreen h2{font-size:16px;margin-bottom:12px}.shelf{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.shelf__item{background:var(--surface);border:1px solid #d9c37a;border-radius:10px;padding:10px 6px;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.shelf__icon{font-size:26px}.shelf__name{font-size:10px;color:var(--text-dim)}.wealthnext{background:var(--surface);border:1px solid var(--accent);border-radius:12px;padding:12px}.wealthnext__head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.wealthnext__icon{font-size:30px}.wealthnext__info{flex:1}.wealthnext__name{font-size:14px;font-weight:600}.wealthnext__price{font-size:13px;color:var(--accent-strong);font-weight:700}.wealthlocked__item{display:flex;justify-content:space-between;padding:8px 2px;border-bottom:1px solid var(--border);font-size:13px;color:var(--text-dim)}.wealthlocked__price{font-variant-numeric:tabular-nums}.wealthdone{text-align:center;font-size:16px;font-weight:700;padding:16px 0;display:flex;flex-direction:column;gap:12px;align-items:center}.achievements{display:grid;grid-template-columns:1fr 1fr;gap:6px}.achievement{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:8px 10px;font-size:12px;color:var(--text-dim)}.achievement--unlocked{color:var(--text);border-color:#d9c37a}.final{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:linear-gradient(180deg,#2b2416,#4a3a1c);color:#f4e8c8;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;animation:final-in .5s ease-out}@keyframes final-in{0%{opacity:0}to{opacity:1}}.final__crown{font-size:56px}.final__title{font-size:34px;letter-spacing:.3em;margin:8px 0 4px}.final__subtitle{font-size:14px;opacity:.8}.final__statstitle{margin:18px 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.1em;opacity:.7}.final__stats{width:100%;max-width:420px;font-size:13px;max-height:40vh;overflow-y:auto}.final__row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid rgba(244,232,200,.15)}.final .report__ok{margin-top:18px;min-width:200px;background:#f4e8c8;color:#2b2416;--btn-border: transparent}.toasts{position:fixed;top:calc(52px + env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:95;display:flex;flex-direction:column;gap:6px;pointer-events:none}.toast{background:var(--surface);border:1px solid #d9c37a;border-radius:20px;padding:8px 16px;font-size:13px;box-shadow:0 4px 12px #3a332a40;animation:sheet-up .25s ease-out;white-space:nowrap}.toast--update{pointer-events:auto;display:flex;align-items:center;gap:10px}.toast__btn{font-size:12px;padding:4px 10px;--btn-border: var(--accent);color:var(--accent-strong)}.decoration{position:absolute;transform:translate(-50%,-50%);font-size:26px;filter:drop-shadow(0 2px 3px rgba(58,51,42,.3))}.decoration--rocket{animation:rocket 6s ease-in-out infinite}@keyframes rocket{0%,to{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-14px)}}.settingsscreen h2{font-size:16px;margin-bottom:12px}.settingsblock{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px;margin-bottom:10px;display:flex;flex-direction:column;gap:8px}.settingsbtn{margin-top:0!important}.settingslabel{font-size:12px;color:var(--text-dim)}.settingsblob{width:100%;min-height:72px;font-size:10px;font-family:monospace;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:8px;color:var(--text);resize:vertical;user-select:text;-webkit-user-select:text}.settingserror{font-size:12px;color:var(--danger)}.settingsabout{font-size:12px;color:var(--text-dim)}.bottomnav{display:flex;background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom)}.bottomnav__tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:none;border-radius:0;margin:0;box-shadow:none;padding:8px 4px 10px;font-size:11px;color:var(--text-dim)}.bottomnav__tab:active{transform:none;box-shadow:none}.bottomnav__icon{opacity:.75}.bottomnav__tab--active{color:var(--accent-strong);font-weight:600}.bottomnav__tab--active .bottomnav__icon{opacity:1}.devpanel{position:fixed;right:8px;bottom:72px;z-index:100;width:240px;background:var(--surface);border:1px solid var(--accent);border-radius:10px;padding:10px;font-size:12px}.devpanel__title{font-weight:700;margin-bottom:8px;color:var(--accent)}.devpanel__grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:8px}.devpanel__grid button{font-size:11px;padding:6px 4px}.devpanel__danger{width:100%;--btn-border: var(--danger);color:var(--danger)}.devpanel__info{margin-top:8px;color:var(--text-dim);font-variant-numeric:tabular-nums;line-height:1.5;word-break:break-all}.devpanel__toggle{position:fixed;right:8px;bottom:72px;z-index:100;opacity:.6}@media(hover:hover)and (pointer:fine){button:hover:not(:disabled){filter:brightness(1.05)}.zone:hover{filter:brightness(1.04)}}@media(min-width:768px){.app{max-width:720px}.screen{padding:20px 24px}}@media(min-width:900px){.sheet{position:absolute;top:0;bottom:0;left:min(calc(50% + 360px),calc(100% - 440px));width:440px;max-width:none;max-height:none;border-radius:0;border-bottom:none;border-left:2px solid var(--border);animation:sheet-side .2s ease-out}.sheet__handle{display:none}}@keyframes sheet-side{0%{transform:translate(48px);opacity:.5}}