/* Usability layer: approved artwork and metal framing remain the visual foundation. */
:root{--muted:#b2b5aa;--teal:#8dd4c6;--amber:#edbe70}body{font-size:14px}button{min-height:40px}button:disabled{opacity:.65}button:focus-visible,a:focus-visible{outline:2px solid #b6eadc;outline-offset:3px}.skip-link{position:fixed;top:8px;left:8px;z-index:100;background:#182e29;color:#fff;padding:12px;transform:translateY(-150%)}.skip-link:focus{transform:none}.layout{grid-template-columns:210px minmax(0,1fr) 285px;gap:10px;max-width:1920px;margin:auto}header{grid-template-columns:minmax(340px,1fr) minmax(350px,1.2fr) 150px}.resources strong{font-variant-numeric:tabular-nums}.brand{font-size:clamp(19px,1.8vw,30px)}nav button{min-height:56px}nav button span{font-size:16px}.page-heading{height:62px;margin-bottom:0}h1{font-size:24px}.live{font:11px 'Segoe UI',sans-serif;bottom:4px;right:12px}.live.offline{color:var(--amber)}.hero{height:clamp(240px,19vw,345px)}.hero-text{width:430px;min-height:72px;background:linear-gradient(90deg,#090e10 78%,transparent)}.hero .status{font:13px 'Segoe UI',sans-serif}.capacity{gap:15px;flex-wrap:wrap}.capacity>div{min-width:130px}.capacity button{min-height:38px;padding:8px 12px}.saved-shortcut{color:#d7caa8}.section-heading{padding:13px 0 6px}.section-heading h2{font-size:18px}.order-hint{font-size:11px;color:var(--muted);margin:4px 8px 12px;line-height:1.6}.cards{gap:12px}.operation{display:flex;flex-direction:column;padding:0 14px 15px;min-height:355px;overflow:hidden}.operation h2{order:0;margin:0 -14px;padding:10px 5px;font-size:15px;white-space:normal;min-height:42px}.operation .operation-art{order:1;flex:none;height:140px;margin:0 -14px}.operation>p{order:2;display:block!important;margin:10px 0 5px;min-height:38px;font-size:12px;line-height:1.5;color:var(--muted)}.operation .yield{order:3;margin:8px 0;font:14px Georgia;text-align:left;line-height:1.5;min-height:40px}.operation .op-state{order:4;text-align:left;text-transform:none;letter-spacing:0;font:12px/1.5 'Segoe UI',sans-serif;min-height:36px;margin:0 0 9px;color:var(--muted)}.operation progress{order:5;margin:0 0 12px;height:8px}.operation button{order:6;width:100%;margin-top:auto;font-size:12px;min-height:42px}.operation.running{border-image:none;border:5px double #7caf9b;box-shadow:0 0 20px #477b6420}.operation.running .op-state{color:var(--teal)}.operation .operation-art{position:relative}.operation.running .operation-art:after{content:'● AKTYWNA';position:absolute;left:10px;top:10px;color:#b2ebdb;background:#0b211ed9;border:1px solid #679b85;padding:3px 7px;font:10px 'Segoe UI',sans-serif;letter-spacing:.08em}.fleet-ship{margin-top:12px}.fleet-ship>span{width:90px;flex-shrink:0}.fleet-ship small{line-height:1.5}.fleet p{font-size:10px}.log{line-height:1.65;margin-top:10px;padding:10px;font-size:12px}.right h2{font-size:17px;padding-top:8px}.community{gap:14px;padding:13px 16px;min-height:100px}.community strong{font-size:20px}.community small{line-height:1.6;font-size:10px}.community span span{font-size:12px}.community>div{width:22%}.community .arrow{font-size:12px;border:1px solid #766282;padding:9px;white-space:nowrap}.community .arrow:before{content:'Zobacz projekt '}.dock-notice{display:flex;align-items:center;gap:15px;flex-wrap:wrap;border-top:1px solid #4c5347;padding-top:14px;margin-top:16px}.dock-notice p{margin:0;flex:1;min-width:180px;font-size:13px;color:var(--teal)}.fit-options button{min-height:105px}.fit-options button.equipped:before{content:'✓ ZAŁOŻONY';display:block;color:var(--teal);font-size:10px;letter-spacing:.1em;margin-bottom:6px}.slot h2{line-height:1.5}.slot p{font-size:12px;color:var(--muted)}.slot button{min-height:42px}.trade-hint{min-height:24px!important;color:var(--amber)!important}.intro{line-height:1.8}.production h2{line-height:1.5}.production button{margin-top:8px}.recipe{flex-wrap:wrap}footer{font-size:10px;line-height:1.6;padding:6px}footer button{font-size:11px}.dialog-heading h2{font-size:26px}dialog .close{min-width:44px;min-height:44px}.version{font:12px 'Segoe UI',sans-serif}#toast{max-width:min(400px,calc(100vw - 28px));font-size:13px;line-height:1.6}.section-heading>span{display:block;font-size:11px;line-height:1.5}.fitting .section-heading{justify-content:space-between}.fitting .section-heading h2{font-size:19px}.ship-mark{font-size:0;width:220px;height:150px;background:url('fleet-art.svg') center/contain no-repeat}.module{background:#0d1717}main:focus{outline:none}
@media(min-width:1600px){.layout{grid-template-columns:240px minmax(0,1fr) 330px}.operation .operation-art{height:165px}.operation{min-height:380px}nav button span{font-size:18px}}
@media(max-width:1180px){header{grid-template-columns:1fr 1fr 110px}.brand{font-size:19px}.brand small{font-size:9px}.resources>div{font-size:9px;padding:0 6px}.layout{grid-template-columns:170px minmax(0,1fr)}.right{grid-column:2;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:0}.quote{display:none}nav button span{font-size:14px}.operation .operation-art{height:120px}.operation h2{font-size:13px}.operation .yield{font-size:13px}.community .arrow:before{content:''}.page-heading{height:60px}}
@media(max-width:850px){header{display:flex;flex-wrap:wrap;height:auto;gap:14px;justify-content:space-between;padding:12px}.brand{order:0}.version{order:1}.resources{order:2;width:100%;justify-content:space-around}.resources>div{flex:1;font-size:10px}.resources strong{font-size:20px}.layout{display:block;padding:0 10px}.navigation{padding:0;margin:10px 0 0;border-width:4px}.navigation:before,.nav-bottom{display:none}nav{display:flex;overflow:auto}nav button{flex:1;min-width:max-content;padding:12px;gap:8px;min-height:48px;font-size:20px}nav button span{font-size:13px!important}.right{display:grid;grid-template-columns:1fr 1fr;padding:0}.hero{height:270px}.page-heading h1{font-size:22px}.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.operation{padding:0 10px 12px}.operation h2,.operation .operation-art{margin-left:-10px;margin-right:-10px}.community strong{font-size:19px}.capacity>div{min-width:35%}.capacity button{width:auto;flex:1}.section-heading>span{display:none}}
@media(max-width:560px){.brand{font-size:17px}.brand small{font-size:8px}.resources strong{font-size:18px}.resources>div{font-size:9px}.page-heading{height:64px;align-items:flex-start;padding-top:9px}.page-heading h1{font-size:18px}.live{bottom:5px;right:0;left:0;text-align:center}.hero{height:235px;background-position:48% center}.hero-text{width:100%;background:linear-gradient(0deg,#090e10, #090e10de);min-height:66px;padding:9px 14px}.cards{grid-template-columns:1fr}.operation{min-height:0;display:grid;grid-template-columns:110px minmax(0,1fr);gap:0 12px;padding:12px}.operation h2{grid-column:1/-1;margin:0 0 10px;padding:0 0 8px;min-height:0;font-size:17px;text-align:left}.operation .operation-art{grid-column:1;grid-row:2/5;height:125px;margin:0;border:1px solid #675640}.operation>p{grid-column:2;min-height:0;margin:0 0 5px}.operation .yield{grid-column:2;min-height:0;margin:3px 0;font-size:14px}.operation .op-state{grid-column:2;min-height:0;margin:4px 0 8px}.operation progress{grid-column:1/-1;margin-top:12px}.operation button{grid-column:1/-1;margin:0}.community{flex-wrap:wrap;gap:10px;padding:14px}.community>span:nth-child(2){flex-basis:65%}.community>div{width:70px;flex:1}.community .arrow{width:100%;text-align:center}.community .arrow:before{content:'Zobacz projekt '}.community strong{font-size:18px}.community .project-icon{display:none}.right{display:block}.fit-options,.slots{grid-template-columns:1fr}.fitting,.production{padding:16px}.ship-diagram{gap:10px;margin:20px 0;flex-wrap:wrap}.ship-mark{width:120px;height:100px}.module{font-size:9px}.module strong{font-size:11px}.slot{padding:16px}#market .operation{display:flex;padding:18px}.recipe{gap:25px;margin:24px 0}.recipe>span{font-size:32px}.secondary{margin-left:0}footer{gap:8px}#toast{bottom:14px;right:14px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}
@media(min-width:851px) and (max-width:1180px){nav button{gap:8px;padding:14px 8px;font-size:20px}nav button span{font-size:12px!important;letter-spacing:.03em}}
#market .cards{grid-template-columns:repeat(2,minmax(0,1fr))}#market .operation{min-height:270px}#market .trade-hint{order:4;margin:0 0 16px}#market .operation .yield{min-height:0;margin:12px 0}#market .operation button{margin-top:auto}@media(max-width:560px){#market .cards{grid-template-columns:1fr}}