/* v0.33.20: Visuelles Blueprint-Studio mit Schiffsbildern, Rumpfliste und internem Scrollen. */
.module-ship-designs .ref-content-scroll{overflow:hidden}
.module-ship-designs .view-stage{height:100%;min-height:0;padding:10px 12px 0}
.ship-designs-page{height:100%;min-height:0;overflow:hidden;padding:0}
.ship-designs-shell{width:100%;height:100%;min-height:0;margin:0}
.blueprint-studio{display:grid;grid-template-rows:auto minmax(300px,1.35fr) minmax(280px,.95fr);gap:10px;height:100%;min-height:0;overflow:hidden}

.blueprint-studio-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:0 2px}
.blueprint-studio-header>div{min-width:0}
.blueprint-studio-header span{display:block;color:#5cc9f4;font-size:13px;letter-spacing:.11em}
.blueprint-studio-header h1{margin:3px 0 2px;font-size:30px;line-height:1}
.blueprint-studio-header p{margin:0;color:#8ea6b8;font-size:14px;line-height:1.42}
.blueprint-studio-header button{flex:0 0 auto;margin-top:2px}

.blueprint-studio-main{display:grid;grid-template-columns:minmax(0,1fr) clamp(320px,23vw,390px);gap:10px;min-height:0}
.blueprint-hero-panel{position:relative;min-width:0;min-height:0;overflow:hidden;border:1px solid rgba(79,181,233,.19);border-radius:13px;background:#040c16;box-shadow:0 18px 44px rgba(0,0,0,.22)}
.blueprint-hero-art,.blueprint-hero-art img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.blueprint-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,9,17,.92) 0%,rgba(2,9,17,.56) 30%,rgba(2,9,17,.08) 67%),linear-gradient(0deg,rgba(2,9,17,.84) 0%,rgba(2,9,17,.04) 45%)}
.blueprint-hero-copy{position:absolute;left:24px;top:22px;z-index:2;display:grid;gap:7px;max-width:430px}
.blueprint-hero-copy>span{color:#5ccdf6;font-size:13px;letter-spacing:.12em}
.blueprint-hero-copy label{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}
.blueprint-hero-copy input{min-width:0;width:100%;padding:0;border:0;outline:0;background:transparent;color:#f0f8ff;font-size:29px;font-weight:850;line-height:1.05}
.blueprint-hero-copy label i{display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(87,190,238,.25);border-radius:8px;background:rgba(7,25,40,.76);color:#8edcff;font-style:normal}
.blueprint-hero-copy p{margin:0;color:#a0b4c3;font-size:14px;line-height:1.45}
.blueprint-hero-copy>div{display:flex;flex-wrap:wrap;gap:6px}
.blueprint-hero-copy em{padding:5px 8px;border:1px solid rgba(93,188,235,.17);border-radius:999px;background:rgba(5,19,32,.66);color:#a8c5d7;font-size:13px;font-style:normal}
.blueprint-hero-stats{position:absolute;left:12px;right:12px;bottom:11px;z-index:3;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid rgba(91,183,229,.15);border-radius:10px;background:rgba(4,16,27,.91);backdrop-filter:blur(10px)}
.blueprint-hero-stats article{min-width:0;padding:9px 11px;border-right:1px solid rgba(91,183,229,.12)}
.blueprint-hero-stats article:last-child{border-right:0}
.blueprint-hero-stats span,.blueprint-hero-stats strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.blueprint-hero-stats span{color:#7694a8;font-size:13px;text-transform:uppercase;letter-spacing:.06em}
.blueprint-hero-stats strong{margin-top:3px;color:#e3f3fd;font-size:14px}

.blueprint-hull-rail{display:grid;grid-template-rows:auto minmax(0,1fr) minmax(120px,.42fr);min-height:0;overflow:hidden;border:1px solid rgba(83,177,224,.17);border-radius:13px;background:rgba(5,16,28,.9)}
.blueprint-hull-rail>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 13px;border-bottom:1px solid rgba(83,177,224,.13)}
.blueprint-hull-rail>header div{display:grid;gap:2px}
.blueprint-hull-rail>header span,.blueprint-library>header span{color:#61cbf5;font-size:13px;letter-spacing:.1em}
.blueprint-hull-rail>header strong{font-size:16px}
.blueprint-hull-rail>header small{color:#839daf;font-size:13px}
.blueprint-hull-list{min-height:0;overflow:auto;padding:7px;scrollbar-width:thin;scrollbar-color:rgba(83,183,229,.25) transparent}
.blueprint-hull-card{display:grid;grid-template-columns:104px minmax(0,1fr) 16px;gap:10px;align-items:center;width:100%;min-height:70px;margin-bottom:6px;padding:7px;border:1px solid rgba(87,170,213,.13);border-radius:9px;background:rgba(7,22,36,.72);color:#cfdfeb;text-align:left}
.blueprint-hull-card:hover{border-color:rgba(79,199,251,.38);background:rgba(17,49,70,.72)}
.blueprint-hull-card.active{border-color:#4bcfff;background:linear-gradient(90deg,rgba(23,103,146,.45),rgba(8,28,44,.9));box-shadow:inset 0 0 0 1px rgba(75,207,255,.12)}
.blueprint-hull-card.locked{border-color:rgba(217,166,76,.16)}
.blueprint-hull-thumb,.blueprint-hull-thumb img{width:104px;height:58px;display:block;object-fit:cover;border-radius:7px;background:#06101b}
.blueprint-hull-card>span{min-width:0}
.blueprint-hull-card strong,.blueprint-hull-card small,.blueprint-hull-card em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.blueprint-hull-card strong{font-size:14px;color:#e5f3fb}
.blueprint-hull-card small{margin-top:3px;color:#8ea5b6;font-size:13px}
.blueprint-hull-card em{margin-top:4px;color:#55d8ad;font-size:13px;font-style:normal}
.blueprint-hull-card.locked em{color:#d2a650}
.blueprint-hull-card>i{color:#a9c3d4;font-size:20px;font-style:normal}

.blueprint-library{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0;border-top:1px solid rgba(83,177,224,.13);background:rgba(4,13,23,.62)}
.blueprint-library>header{display:flex;align-items:center;justify-content:space-between;padding:9px 11px}
.blueprint-library>header strong{color:#dcecf6;font-size:14px}
.blueprint-library>div{min-height:0;overflow:auto;padding:0 7px 7px}
.blueprint-library-card{display:grid;grid-template-columns:66px minmax(0,1fr) 26px;gap:8px;align-items:center;margin-bottom:5px;padding:5px;border:1px solid rgba(86,167,211,.12);border-radius:8px;background:rgba(7,21,34,.74)}
.blueprint-library-thumb,.blueprint-library-thumb img{width:66px;height:42px;display:block;object-fit:cover;border-radius:6px}
.blueprint-library-card>button{min-width:0;border:0;background:transparent;color:#cfe2ef;text-align:left}
.blueprint-library-card>button strong,.blueprint-library-card>button small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.blueprint-library-card>button small{margin-top:2px;color:#7f98aa;font-size:13px}
.blueprint-library-card>button.danger{display:grid;place-items:center;width:26px;height:26px;border:1px solid rgba(230,92,105,.18);border-radius:7px;color:#e6959e;text-align:center}
.blueprint-library-empty{display:grid;gap:3px;padding:10px;border:1px dashed rgba(94,171,209,.16);border-radius:8px;color:#9ab0bf}
.blueprint-library-empty strong{font-size:13px}.blueprint-library-empty small{color:#718a9c;font-size:13px;line-height:1.35}

.blueprint-studio-bottom{display:grid;grid-template-columns:minmax(0,1fr) clamp(330px,24vw,410px);gap:10px;min-height:0}
.blueprint-component-browser{display:grid;grid-template-rows:auto auto minmax(0,1fr);min-width:0;min-height:0;overflow:hidden;border:1px solid rgba(84,173,218,.16);border-radius:12px;background:rgba(5,16,28,.88)}
.research-blueprint-slot-tabs{display:flex;gap:2px;min-width:0;overflow-x:auto;padding:5px 6px;border-bottom:1px solid rgba(84,173,218,.13);scrollbar-width:none}
.research-blueprint-slot-tabs::-webkit-scrollbar{display:none}
.research-blueprint-slot-tabs button{flex:1 0 auto;min-width:104px;padding:8px 9px;border:1px solid transparent;border-radius:7px;background:transparent;color:#91a9ba;font-size:13px}
.research-blueprint-slot-tabs button:hover{background:rgba(44,132,182,.12);color:#d9eefb}
.research-blueprint-slot-tabs button.active{border-color:rgba(75,201,255,.3);background:rgba(30,126,181,.22);color:#e2f6ff}
.blueprint-component-browser>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;border-bottom:1px solid rgba(84,173,218,.1)}
.blueprint-component-browser>header div{display:flex;align-items:center;gap:8px}
.blueprint-component-browser>header span{color:#5ccbf5;font-size:13px;letter-spacing:.08em}
.blueprint-component-browser>header strong{font-size:13px}
.blueprint-component-browser>header small{color:#7891a4;font-size:13px}
.research-blueprint-components{display:grid;grid-template-columns:repeat(4,minmax(185px,1fr));gap:7px;min-height:0;overflow:auto;padding:7px;scrollbar-width:thin;scrollbar-color:rgba(83,183,229,.25) transparent}
.blueprint-component-card{position:relative;display:grid;grid-template-columns:86px minmax(0,1fr);grid-template-rows:auto auto 1fr auto;gap:5px 9px;min-height:168px;padding:8px;border:1px solid rgba(82,166,211,.14);border-radius:9px;background:linear-gradient(145deg,rgba(8,25,40,.9),rgba(5,15,26,.94))}
.blueprint-component-card:hover{border-color:rgba(76,193,244,.34)}
.blueprint-component-card.equipped{border-color:rgba(69,205,255,.55);box-shadow:inset 0 0 0 1px rgba(69,205,255,.11)}
.blueprint-component-card.locked{opacity:.56;filter:saturate(.55)}
.blueprint-component-visual{position:relative;grid-row:1/4;display:grid;place-items:center;min-height:105px;overflow:hidden;border:1px solid rgba(78,158,201,.14);border-radius:8px;background:radial-gradient(circle at 50% 50%,rgba(44,135,184,.2),rgba(4,14,24,.9) 70%)}
.blueprint-component-visual>span{position:absolute;right:5px;top:5px;padding:2px 5px;border-radius:5px;background:rgba(5,17,28,.82);color:#8edfff;font-size:13px}
.blueprint-module-art{position:relative;width:64px;height:64px;filter:drop-shadow(0 0 13px rgba(68,199,255,.22))}
.blueprint-module-art span,.blueprint-module-art i,.blueprint-module-art b{position:absolute;display:block;border:1px solid rgba(94,214,255,.7);background:linear-gradient(135deg,rgba(61,145,186,.72),rgba(13,40,61,.92))}
.blueprint-module-art span{inset:14px 5px;border-radius:18px 7px}
.blueprint-module-art i{left:21px;top:5px;width:22px;height:54px;border-radius:50%;background:radial-gradient(circle,rgba(110,232,255,.95),rgba(31,109,151,.75) 35%,rgba(7,25,40,.9) 70%)}
.blueprint-module-art b{left:2px;right:2px;bottom:9px;height:10px;border-radius:5px}
.blueprint-module-art-weapon{transform:rotate(-10deg)}
.blueprint-module-art-weapon span{inset:25px 2px 25px 8px;border-radius:6px}.blueprint-module-art-weapon i{left:40px;top:25px;width:20px;height:12px;border-radius:3px}.blueprint-module-art-weapon b{left:11px;right:auto;bottom:14px;width:18px;height:22px}
.blueprint-module-art-shield i,.blueprint-module-art-sensor i{left:7px;top:7px;width:50px;height:50px;border-radius:50%}.blueprint-module-art-shield span,.blueprint-module-art-sensor span{inset:16px;border-radius:50%}.blueprint-module-art-shield b,.blueprint-module-art-sensor b{display:none}
.blueprint-module-art-engine span,.blueprint-module-art-ftl span{inset:18px 4px;border-radius:8px 22px}.blueprint-module-art-engine i,.blueprint-module-art-ftl i{left:6px;top:22px;width:17px;height:20px}.blueprint-module-art-engine b,.blueprint-module-art-ftl b{left:auto;right:0;bottom:19px;width:20px;height:26px;background:rgba(74,214,255,.78)}
.blueprint-module-art-armor span{inset:8px 5px;clip-path:polygon(50% 0,100% 22%,86% 82%,50% 100%,14% 82%,0 22%)}.blueprint-module-art-armor i,.blueprint-module-art-armor b{display:none}
.blueprint-module-art-hangar span{inset:13px 4px;border-radius:6px}.blueprint-module-art-hangar i{left:16px;top:23px;width:32px;height:18px;border-radius:2px}.blueprint-module-art-hangar b{left:8px;right:8px;bottom:8px;height:8px}
.blueprint-component-copy{min-width:0}
.blueprint-component-copy strong,.blueprint-component-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.blueprint-component-copy strong{font-size:13px;color:#e0eff8}.blueprint-component-copy small{margin-top:2px;color:#7e98aa;font-size:13px}
.blueprint-component-copy p{display:-webkit-box;overflow:hidden;margin:4px 0 0;color:#6f899b;font-size:13px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.blueprint-component-metrics{display:flex;flex-wrap:wrap;gap:4px;align-content:start}
.blueprint-component-metrics span{padding:3px 5px;border-radius:5px;background:rgba(15,43,63,.68);color:#8fb2c7;font-size:13px}
.blueprint-component-lock{grid-column:2;display:grid;gap:2px;color:#d1a45c}.blueprint-component-lock strong{font-size:13px}.blueprint-component-lock small{font-size:13px}
.blueprint-component-card footer{grid-column:1/-1;display:grid;grid-template-columns:28px 28px 28px;justify-content:end;align-items:center;gap:5px}
.blueprint-component-card footer button{display:grid;place-items:center;width:28px;height:26px;border:1px solid rgba(81,174,220,.2);border-radius:6px;background:rgba(17,51,75,.72);color:#d9f0fc}
.blueprint-component-card footer button:disabled{opacity:.35}.blueprint-component-card footer strong{text-align:center}

.blueprint-validation-panel{display:grid;grid-template-rows:auto auto minmax(78px,1fr) auto auto;gap:8px;min-height:0;overflow:hidden;padding:10px;border:1px solid rgba(84,173,218,.16);border-radius:12px;background:rgba(5,16,28,.92)}
.blueprint-validation-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding-bottom:8px;border-bottom:1px solid rgba(84,173,218,.13)}
.blueprint-validation-panel>header div{display:grid;gap:3px}.blueprint-validation-panel>header span,.blueprint-readiness-messages>span,.blueprint-core-values>span{color:#5ccbf5;font-size:13px;letter-spacing:.09em}.blueprint-validation-panel>header strong{font-size:14px}.blueprint-validation-panel>header em{padding:4px 7px;border-radius:6px;font-size:13px;font-style:normal}.blueprint-validation-panel>header em.good{background:rgba(40,150,117,.19);color:#67e1b4}.blueprint-validation-panel>header em.danger{background:rgba(161,47,59,.2);color:#ff8792}
.blueprint-balance-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.blueprint-meter{padding:7px;border:1px solid rgba(83,166,209,.11);border-radius:7px;background:rgba(6,20,33,.72)}
.blueprint-meter header{display:flex;justify-content:space-between;gap:7px}.blueprint-meter span{color:#8aa4b5;font-size:13px}.blueprint-meter strong{font-size:13px;color:#d7e9f3}.blueprint-meter i{display:block;height:5px;margin-top:6px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.07)}.blueprint-meter b{display:block;height:100%;border-radius:inherit;background:#5bd2a8}.blueprint-meter.warning b{background:#d6a54f}.blueprint-meter.danger b{background:#e66270}
.blueprint-readiness-messages{min-height:0;overflow:auto;padding:7px;border:1px solid rgba(84,173,218,.11);border-radius:8px;background:rgba(6,20,33,.7)}
.blueprint-readiness-messages>span{display:block;margin-bottom:6px}
.blueprint-readiness-messages p{display:grid;grid-template-columns:22px minmax(0,1fr);gap:7px;align-items:start;margin:0 0 5px;padding:6px;border-radius:6px;font-size:13px;line-height:1.35}.blueprint-readiness-messages p b{display:grid;place-items:center;width:20px;height:20px;border-radius:50%}.blueprint-readiness-messages p.error{background:rgba(133,34,46,.22);color:#ff9aa4}.blueprint-readiness-messages p.error b{background:rgba(211,66,81,.22)}.blueprint-readiness-messages p.warning{background:rgba(126,90,28,.2);color:#e5bc69}.blueprint-readiness-messages p.warning b{background:rgba(201,145,49,.18)}.blueprint-readiness-messages p.success{background:rgba(27,111,86,.22);color:#79dfb8}.blueprint-readiness-messages p.success b{background:rgba(58,184,139,.18)}
.blueprint-core-values{padding:7px;border:1px solid rgba(84,173,218,.11);border-radius:8px;background:rgba(6,20,33,.7)}
.blueprint-core-values>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-top:6px}.blueprint-core-values article{min-width:0;padding:5px;border-radius:6px;background:rgba(3,13,22,.66)}.blueprint-core-values small,.blueprint-core-values strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blueprint-core-values small{color:#718b9e;font-size:13px}.blueprint-core-values strong{margin-top:2px;color:#dcecf5;font-size:13px}
.blueprint-save-button{width:100%;min-height:38px}

@media(max-width:1500px){
  .blueprint-studio-main{grid-template-columns:minmax(0,1fr) 340px}
  .blueprint-studio-bottom{grid-template-columns:minmax(0,1fr) 350px}
  .research-blueprint-components{grid-template-columns:repeat(3,minmax(180px,1fr))}
  .blueprint-hero-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
  .blueprint-hero-stats article:nth-child(3){border-right:0}
}
@media(max-width:1180px){
  .module-ship-designs .ref-content-scroll{overflow:auto}
  .module-ship-designs .view-stage{height:auto;padding-bottom:10px}
  .ship-designs-page,.ship-designs-shell,.blueprint-studio{height:auto;overflow:visible}
  .blueprint-studio{grid-template-rows:auto auto auto}
  .blueprint-studio-main,.blueprint-studio-bottom{grid-template-columns:1fr}
  .blueprint-hero-panel{height:520px}
  .blueprint-hull-rail{height:520px}
  .blueprint-component-browser{height:620px}
  .blueprint-validation-panel{overflow:visible}
}
@media(max-width:720px){
  .module-ship-designs .view-stage{padding:8px}
  .blueprint-studio-header{align-items:stretch;flex-direction:column}
  .blueprint-studio-header h1{font-size:26px}
  .blueprint-hero-panel{height:560px}
  .blueprint-hero-copy{left:16px;right:16px;top:16px;max-width:none}
  .blueprint-hero-copy input{font-size:24px}
  .blueprint-hero-stats{grid-template-columns:1fr 1fr}
  .blueprint-hull-rail{height:620px}
  .research-blueprint-components{grid-template-columns:1fr}
  .blueprint-balance-grid,.blueprint-core-values>div{grid-template-columns:1fr 1fr}
}