:root{color-scheme:dark;--bg: #0d0f10;--bg2: #15191b;--steel-hi: #5d666b;--steel: #3a4145;--steel-lo: #23292c;--panel: #2b3134;--panel-2: #353c40;--hover: #4a5257;--line: #0a0c0d;--groove: #ffffff14;--text: #e6e2da;--dim: #b3ada3;--accent: #2aa39a;--accent-bright: #5fe3d6;--accent-deep: #16645e;--rust: #a8442e;--rust-hi: #e0775c;--orange: #f0a040;--orange-deep: #4a3015;--bad: #f2937a;--bad-deep: #3a1d17;--ok: #6bd08a;--ok-deep: #173a24;--metal: #a8b9c9;--energy: #e3c24f;--radius: 4px;--clip: polygon(8px 0, 100% 0, 100% calc(100% - 8px) , calc(100% - 8px) 100%, 0 100%, 0 8px);--brush: repeating-linear-gradient(115deg, #ffffff06 0 1px, transparent 1px 4px);--plate: linear-gradient(135deg, #ffffff12, transparent 40%), var(--brush), linear-gradient(180deg, var(--steel), var(--steel-lo));--bevel: inset 1px 1px 0 #ffffff2e, inset -1px -1px 0 #0000008c;--rivet: radial-gradient(circle, #9aa3a8 0 1.5px, #3c4347 2px 2.5px, transparent 3px);--rivets: var(--rivet) left 6px top 6px / 8px 8px no-repeat, var(--rivet) right 6px top 6px / 8px 8px no-repeat, var(--rivet) left 6px bottom 6px / 8px 8px no-repeat, var(--rivet) right 6px bottom 6px / 8px 8px no-repeat;--steel-button: repeating-linear-gradient(90deg, #ffffff08 0 1px, transparent 1px 3px), linear-gradient(180deg, #4f585d, #2c3337);--teal-button: repeating-linear-gradient(90deg, #ffffff0a 0 1px, transparent 1px 3px), linear-gradient(180deg, #3cc4b9, #1f8a82);--rust-button: repeating-linear-gradient(90deg, #ffffff08 0 1px, transparent 1px 3px), linear-gradient(180deg, #b4523b, #7a2f1f)}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;margin:0}body{display:grid;grid-template-columns:248px 1fr 316px;color:var(--text);background:radial-gradient(1200px 600px at 80% -10%,#2aa39a1a,transparent 60%),radial-gradient(900px 500px at -10% 30%,#a8442e1a,transparent 60%),var(--bg);font:13px/1.4 Segoe UI,system-ui,DejaVu Sans,sans-serif;overflow:hidden}:focus-visible{outline:2px solid var(--accent-bright);outline-offset:2px}aside{position:relative;z-index:1;padding:12px 12px 16px;overflow-y:auto;background:linear-gradient(135deg,#ffffff10,transparent 30%),var(--brush),linear-gradient(180deg,#353c40f2,#1d2225f5 260px);border-top:3px solid var(--accent);box-shadow:var(--bevel);scrollbar-width:thin;scrollbar-color:var(--hover) transparent}#tools{border-right:1px solid var(--line)}#panel{border-left:1px solid var(--line)}aside:before{content:"";position:absolute;top:-3px;left:0;right:0;height:3px;pointer-events:none;background:radial-gradient(28px 3px at 50% 50%,#c9fff9,#5fe3d6aa 40%,transparent) no-repeat;background-size:56px 3px;animation:spark 5.5s linear infinite}#panel:before{animation-delay:2.7s}@keyframes spark{0%{background-position:-60px 0}40%,to{background-position:calc(100% + 60px) 0}}h2{display:flex;align-items:center;gap:6px;margin:16px 0 6px;font-size:11px;font-weight:700;font-family:Bahnschrift,DIN Alternate,Arial Narrow,DejaVu Sans Condensed,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--text);text-shadow:0 1px 0 #000}h2:before{content:"";width:3px;height:11px;background:var(--accent)}h2:after{content:"";flex:1;height:2px;border-top:1px solid #000;border-bottom:1px solid var(--groove)}aside>h2:first-child{margin-top:2px}label{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:5px 0;color:var(--text)}input,select,button{font:inherit;color:inherit;border-radius:2px;padding:4px 7px;min-width:0;transition:filter .12s,border-color .12s,transform .12s}input,select{background:linear-gradient(180deg,#111416,#1b2023);border:1px solid #050606;box-shadow:inset 0 1px 2px #000a,0 1px 0 var(--groove)}input:focus,select:focus{outline:none;border-color:var(--accent)}input[type=number],input#unit-id,input#unit-name,select{width:148px}input[type=color]{padding:0;width:40px;height:24px}input[type=checkbox]{margin-right:auto;order:-1;accent-color:var(--accent);box-shadow:none}button{cursor:pointer;background:var(--steel-button);border:1px solid #050606;box-shadow:inset 0 1px #ffffff40,inset 0 -2px #00000080}button:hover:not(:disabled){filter:brightness(1.18);color:#fff}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.45;cursor:default;filter:grayscale(1)}button.primary{display:inline-flex;align-items:center;gap:6px;background:var(--teal-button);color:#001513;font-weight:700;letter-spacing:.06em;text-transform:uppercase;clip-path:var(--clip);padding-left:9px}button.primary:before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:#eafffd;box-shadow:0 0 5px #eafffd,inset 0 0 1px #fff}button.active{background:var(--teal-button);color:#001513;font-weight:600}#select-tool.active{background:linear-gradient(180deg,#f6b25c,#c47a22);color:#1a0f03}#delete-selected:not(:disabled){background:var(--rust-button);color:#fff}.grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}.row{display:flex;flex-wrap:wrap;gap:4px;margin:4px 0}.tools-row button{flex:1}.hint{color:var(--dim);font-size:12px;margin:4px 0}.hint:empty{display:none}.tool-hint{padding:6px 8px;border-top:3px solid var(--accent);background:#15191bd9;color:var(--text);box-shadow:inset 0 1px 2px #000a}main{position:relative;z-index:1;min-width:0}canvas{display:block;width:100%;height:100%;outline:none}#banner{position:absolute;top:14px;left:50%;transform:translate(-50%);max-width:70%;z-index:3;background:var(--plate);border:1px solid var(--line);border-top:3px solid var(--rust);padding:7px 14px;border-radius:var(--radius);box-shadow:var(--bevel),0 8px 24px #0008}#hud{position:absolute;left:12px;bottom:12px;padding:6px 10px;font-variant-numeric:tabular-nums;white-space:pre;background:linear-gradient(180deg,#2b3134e6,#181c1ee6);border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:var(--radius);box-shadow:var(--bevel)}#coach{position:absolute;left:12px;top:46px;width:min(380px,46%);margin:0;display:flex;flex-direction:column;gap:4px;pointer-events:none}#coach li{padding:5px 9px;font-size:12px;border-radius:var(--radius);background:linear-gradient(180deg,#2b3134ee,#1b2023ee);border:1px solid var(--line);border-left:3px solid var(--accent);box-shadow:var(--bevel)}#coach li.warn{border-left-color:var(--orange);color:#ffe1b8}#marquee{position:absolute;border:1px dashed var(--orange);background:#f0a04022;pointer-events:none;z-index:2}table{width:100%;border-collapse:collapse}td{padding:2px 0;border-bottom:1px solid #ffffff0a}td:first-child{color:var(--dim)}td:last-child{text-align:right;font-variant-numeric:tabular-nums}tr[data-stat=Metal] td:last-child{color:var(--metal)}tr[data-stat=Energia] td:last-child{color:var(--energy)}ul{list-style:none;padding:0;margin:4px 0}#rules{display:grid;grid-template-columns:repeat(6,1fr);gap:2px}#rules li{text-align:center;font-size:11px;padding:2px 0;background:#1b2023;color:var(--dim);box-shadow:inset 0 1px 1px #000a}#rules li.pass{background:var(--ok-deep);color:var(--ok)}#rules li.not_applicable{background:none;text-decoration:line-through}#rules li.fail{background:var(--bad-deep);color:var(--bad)}#issues li{display:grid;grid-template-columns:1fr auto;gap:3px 6px;align-items:start;padding:5px 7px;margin:3px 0;border-left:3px solid var(--rust);background:#1d1a19;cursor:pointer;box-shadow:inset 0 1px 0 var(--groove)}#issues li.selected{background:var(--bad-deep)}#issues .issue-hint{grid-column:1 / -1;color:#ffe1b8;font-size:12px}#issues .issue-hint:before{content:"Co zrobić: ";color:var(--orange);font-weight:600}#issues button.show{padding:1px 7px;font-size:11px}#part-search{width:100%;margin-bottom:6px}#palette details{border-top:1px solid #000;box-shadow:inset 0 1px 0 var(--groove)}#palette summary{padding:6px 2px;font-size:12px;font-weight:600;cursor:pointer;user-select:none;color:var(--text)}#palette summary:hover{color:var(--accent-bright)}#palette details[open]{padding-bottom:6px}.parts{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.parts button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 2px;font-size:10px;line-height:1.1;min-height:70px;background:radial-gradient(circle at 50% 35%,#ffffff14 0,transparent 70%),var(--steel-button);clip-path:var(--clip)}.parts button.active{background:radial-gradient(circle at 50% 35%,#2aa39a40 0,transparent 70%),var(--steel-button);box-shadow:inset 0 3px 0 var(--accent),inset 0 -2px #00000080;color:#fff}.fine-scale{display:flex;gap:4px;margin:4px 0 6px}.fine-scale button{flex:1;padding:3px 0;font-size:12px}.fine-scale button.active{box-shadow:inset 0 3px 0 var(--accent);color:#fff}.parts img{width:42px;height:42px;filter:drop-shadow(0 2px 2px #0008)}#weapons button{clip-path:var(--clip)}.bad{color:var(--bad)}#account{position:absolute;top:10px;right:12px;display:flex;align-items:center;gap:8px;padding:6px 18px;background:var(--rivets),var(--plate);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--bevel),0 6px 18px #0008}#save-status{position:absolute;left:12px;top:10px;background:#15191be6;padding:3px 8px;margin:0;border:1px solid var(--line);border-radius:var(--radius)}#bay-strip{position:absolute;left:0;right:0;bottom:0;display:flex;gap:6px;padding:8px 10px;overflow-x:auto;background:linear-gradient(transparent,#000a 30%)}.bay-card{position:relative;flex:0 0 132px;height:96px;padding:0;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;background:var(--plate);border:1px solid var(--line);text-align:left;clip-path:var(--clip);box-shadow:var(--bevel)}.bay-card.active{background:var(--plate);color:var(--text);border-color:var(--orange);box-shadow:inset 0 3px 0 var(--orange),var(--bevel)}.bay-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.85}.bay-card .tag{position:relative;display:flex;justify-content:space-between;gap:4px;padding:2px 5px;background:#0009;font-size:11px;white-space:nowrap;overflow:hidden}.bay-card .number{position:absolute;top:2px;left:5px;font-size:18px;font-weight:700;color:#fff9;text-shadow:0 1px 2px #000}.bay-card .sale{position:absolute;top:3px;right:3px;padding:0 4px;background:var(--orange);color:#17130a;font-size:10px}.bay-card .sale.ready{background:var(--accent-bright);color:#061012}.bay-card.buy{align-items:center;justify-content:center;text-align:center;background:var(--steel-button);box-shadow:inset 0 3px 0 var(--accent),var(--bevel)}.bay-tools{position:absolute;right:3px;top:3px;display:none;gap:2px}.bay-card:hover .bay-tools{display:flex}.bay-tools span{padding:0 4px;background:#000b;border:1px solid var(--line);font-size:10px}#bay-kinds{position:absolute;left:10px;bottom:10px;display:flex;gap:4px}#bay-strip:not([hidden])~#bay-kinds{bottom:118px}.bay-kind{padding:3px 10px;font-size:12px;white-space:nowrap;background:var(--steel-button);border:1px solid var(--line);clip-path:var(--clip);box-shadow:var(--bevel)}.bay-kind.active{color:var(--text);border-color:var(--orange);box-shadow:inset 0 -3px 0 var(--orange),var(--bevel)}dialog{color:var(--text);padding:16px 20px;background:var(--rivets),var(--plate);border:1px solid var(--line);border-top:4px solid var(--accent);border-radius:var(--radius);box-shadow:var(--bevel),0 10px 30px #000a}dialog::backdrop{background:#000a}#login form,#sell form{width:320px}#market{width:min(860px,90vw);max-height:86vh}.market-head{display:flex;align-items:center;gap:12px}.market-head h2{margin:0 auto 0 0}#market-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px}.lot{border:1px solid var(--line);overflow:hidden;background:var(--plate);border-radius:var(--radius);box-shadow:var(--bevel)}.lot img{display:block;width:100%;height:130px;object-fit:cover;background:var(--bg)}.lot .body{padding:6px 8px}.lot h4{margin:0 0 2px;font-size:13px}.lot .row input{width:90px}.loadout{margin:4px 0;padding:4px 6px;border:1px solid var(--line);box-shadow:inset 0 1px 0 var(--groove)}#palette details.complex{margin:4px 0 6px 8px}#palette details.complex>summary{font-size:.85em;opacity:.85}#weapons.disabled{opacity:.4;pointer-events:none}#weapon-bay{border-left:2px solid var(--accent, #4fd8cf);padding-left:8px;margin:6px 0}#backdrop{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:var(--bg)}#backdrop img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;user-select:none}#backdrop img.shown{opacity:1;z-index:1}#backdrop img.incoming{opacity:1;z-index:2;transition:opacity var(--backdrop-fade, 4s) ease-in-out}#backdrop:after{content:"";position:absolute;inset:0;z-index:3;background:linear-gradient(180deg,#0d0f10b8,#0d0f10d9)}#tutorial{position:absolute;top:52px;right:12px;z-index:4;width:min(340px,60%);max-height:calc(100% - 180px);overflow-y:auto;padding:12px 14px;background:var(--rivets),var(--plate);border:1px solid var(--line);border-top:4px solid var(--accent);border-radius:var(--radius);box-shadow:var(--bevel),0 10px 30px #0009}.tutorial-head{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--accent-bright)}#tutorial h3{margin:8px 0 4px;font-size:13px}#tutorial p{margin:4px 0}#tutorial-status{color:#ffe1b8}#tutorial-steps{margin:6px 0 0;padding-left:0;list-style:none;font-size:12px;color:var(--dim)}#tutorial-steps li:before{content:"○ "}#tutorial-steps li.done{color:var(--ok)}#tutorial-steps li.done:before{content:"✓ "}#tutorial-steps li.na{text-decoration:line-through}#tutorial-steps li.na:before{content:"– "}.tutorial-target{outline:2px solid var(--orange)!important;outline-offset:-2px;animation:tutorial-pulse 1.6s ease-in-out infinite}@keyframes tutorial-pulse{50%{outline-color:#f0a04033}}body.tutorial-on #bay-strip,#bay-strip[inert],body.tutorial-on #bay-kinds,#bay-kinds[inert]{pointer-events:none;opacity:.45}#tools[inert],#panel[inert],#view[inert]{opacity:.7;cursor:progress}@media(prefers-reduced-motion:reduce){aside:before{animation:none;display:none}#backdrop img.incoming{transition:none}.tutorial-target{animation:none}}#live-status.warn{color:#ffb347}#fixes{list-style:none;padding:0;margin:4px 0}#fixes li{margin:4px 0;font-size:12px}#fixes button{font-size:11px;padding:1px 6px}#underlay-crop{width:100%;height:auto;cursor:crosshair;border:1px solid #39424a}#rules[data-busy]{opacity:.6}