:root{color-scheme:dark;--bg: #0a1114;--panel: #121b1f;--panel-2: #1e2b31;--hover: #2a3c43;--line: #24353c;--text: #d5e3e3;--dim: #889c9e;--accent: #18a0a0;--accent-bright: #4fd8cf;--accent-deep: #0e4f55;--orange: #f0a040;--orange-deep: #4a3015;--bad: #f06255;--bad-deep: #3a1715;--ok: #6bd08a;--ok-deep: #173a24;--metal: #a8b9c9;--energy: #e3c24f;--clip: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px) )}*{box-sizing:border-box}html,body{height:100%;margin:0}body{display:grid;grid-template-columns:248px 1fr 316px;background:var(--bg);color:var(--text);font:13px/1.4 Inter,Segoe UI,system-ui,sans-serif;overflow:hidden}aside{position:relative;z-index:1;background:linear-gradient(180deg,#1e2b31e0 0,#121b1feb 120px);padding:10px 12px 16px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--hover) transparent}#tools{border-right:1px solid var(--line)}#panel{border-left:1px solid var(--line)}h2{display:flex;align-items:center;gap:6px;margin:16px 0 6px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-bright)}h2:before{content:"";width:3px;height:11px;background:var(--accent)}h2:after{content:"";flex:1;height:1px;background:var(--line)}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;background:var(--panel-2);border:1px solid var(--line);border-radius:2px;padding:4px 7px;min-width:0;transition:border-color .12s,background .12s}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)}button{cursor:pointer}button:hover:not(:disabled){border-color:var(--accent);background:var(--hover)}button:disabled{opacity:.4;cursor:default}button.primary{background:var(--accent-deep);border-color:var(--accent);color:#e9fbfa;font-weight:600;clip-path:var(--clip)}button.primary:hover:not(:disabled){background:#13686f}button.active{background:var(--accent);border-color:var(--accent-bright);color:#061012}#select-tool.active{background:var(--orange);border-color:#ffd08a;color:#1a0f03}#delete-selected:not(:disabled){border-color:var(--bad);color:#ffd6d0}.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-left:3px solid var(--accent);background:var(--accent-deep);color:var(--text)}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(--bad-deep);border:1px solid var(--bad);padding:7px 14px;clip-path:var(--clip)}#hud{position:absolute;left:12px;bottom:12px;background:#000b;padding:6px 10px;font-variant-numeric:tabular-nums;white-space:pre;border-left:3px solid var(--accent)}#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;background:#0a1114d9;border-left:3px solid var(--accent);font-size:12px;clip-path:var(--clip)}#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 #ffffff08}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:var(--panel-2);color:var(--dim)}#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(--bad);background:#20191a;cursor:pointer}#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 var(--line)}#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%,#2a3c43 0,var(--panel-2) 70%);clip-path:var(--clip)}.parts button.active{background:radial-gradient(circle at 50% 35%,#2bd0c4 0,var(--accent) 75%)}.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;background:#0a1114d9;padding:5px 8px;border:1px solid var(--line);clip-path:var(--clip)}#save-status{position:absolute;left:12px;top:10px;background:#0a1114d9;padding:3px 8px;margin:0}#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(--panel-2);border:1px solid var(--line);text-align:left;clip-path:var(--clip)}.bay-card.active{background:var(--panel-2);color:var(--text);border-color:var(--orange);box-shadow:inset 0 0 0 1px var(--orange)}.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:#10282a}.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}dialog{background:var(--panel);color:var(--text);border:1px solid var(--accent-deep);padding:14px 18px;clip-path:var(--clip)}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(--panel-2);clip-path:var(--clip)}.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)}#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,#0a1114b8,#0a1114d9)}#tutorial{position:absolute;top:52px;right:12px;z-index:4;width:min(340px,60%);max-height:calc(100% - 180px);overflow-y:auto;padding:10px 12px;background:#0a1114ee;border:1px solid var(--accent-deep);border-left:3px solid var(--accent);clip-path:var(--clip)}.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]{pointer-events:none;opacity:.45}#tools[inert],#panel[inert],#view[inert]{opacity:.7;cursor:progress}@media(prefers-reduced-motion:reduce){#backdrop img.incoming{transition:none}.tutorial-target{animation:none}}