.shotlab-section{background:radial-gradient(circle at 12% 22%,rgba(138,208,192,.1),transparent 27%),linear-gradient(150deg,#0a151b,#172b33);padding:120px clamp(24px,6vw,96px);min-height:820px}
.shotlab-section .section-title>code{margin-left:auto;color:var(--copper);font:12px ui-monospace,monospace;border:1px solid rgba(214,167,95,.35);padding:11px 14px}
.shotlab-summary{max-width:1480px;margin:0 auto 22px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(238,240,232,.12)}
.shotlab-summary article{padding:24px;border-right:1px solid rgba(238,240,232,.1);display:flex;align-items:baseline;gap:10px}
.shotlab-summary article:last-child{border-right:0}.shotlab-summary b{font:38px/1 ui-monospace,monospace;color:var(--paper)}.shotlab-summary span{font-size:11px;color:#819494}
.shotlab-grid{max-width:1480px;margin:auto;display:grid;grid-template-columns:.9fr 1.1fr;border:1px solid rgba(214,167,95,.28);background:rgba(5,14,19,.35)}
.archetype-panel,.shot-compose{padding:38px}.archetype-panel{border-right:1px solid rgba(238,240,232,.12)}
.panel-kicker{color:#829696;font:10px ui-monospace,monospace;letter-spacing:.16em;margin:0 0 18px}.archetype-list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.archetype{border:1px solid rgba(238,240,232,.13);background:rgba(255,255,255,.015);color:#9badaa;padding:13px 9px;text-align:left;cursor:pointer;min-height:68px}.archetype b{display:block;color:#d5dfdc;font-size:13px;margin-bottom:5px}.archetype span{font-size:9px;color:#708483}.archetype.active{border-color:var(--copper);background:rgba(214,167,95,.09)}
.depth-diagram{margin-top:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(238,240,232,.12)}.depth-diagram div{background:#112128;padding:15px;min-height:100px}.depth-diagram i{font:10px ui-monospace;color:var(--copper);font-style:normal}.depth-diagram b,.depth-diagram span{display:block}.depth-diagram b{margin:12px 0 5px}.depth-diagram span{font-size:9px;color:#748887}
.shot-compose{display:flex;flex-direction:column;justify-content:center}.shot-compose label{font-size:10px;color:#8da09e;margin:8px 0}.shot-compose input,.shot-compose textarea,.shot-compose select{width:100%;margin-top:8px;border:1px solid rgba(238,240,232,.15);background:#0c1a20;color:var(--paper);padding:13px;outline:none;resize:vertical}.shot-compose input:focus,.shot-compose textarea:focus,.shot-compose select:focus{border-color:var(--jade)}.field-pair{display:grid;grid-template-columns:1fr 160px;gap:12px}.shot-compose .primary{align-self:flex-start;margin-top:16px}
.shot-output{max-width:1480px;margin:20px auto 0;border-left:3px solid var(--jade);background:#0c1a20;padding:30px}.shot-output h3{margin-top:0}.shot-output .scoreline{display:flex;gap:12px;align-items:center;color:#94a8a5}.shot-output .scoreline b{font:38px ui-monospace;color:var(--copper)}
@media(max-width:1050px){.shotlab-grid{grid-template-columns:1fr}.archetype-panel{border-right:0;border-bottom:1px solid rgba(238,240,232,.12)}}
@media(max-width:640px){.shotlab-section{padding:80px 18px}.shotlab-section .section-title>code{display:none}.shotlab-summary{grid-template-columns:repeat(2,1fr)}.shotlab-summary article:nth-child(2){border-right:0}.shotlab-summary article:nth-child(-n+2){border-bottom:1px solid rgba(238,240,232,.1)}.archetype-panel,.shot-compose{padding:25px}.archetype-list{grid-template-columns:repeat(2,1fr)}.depth-diagram,.field-pair{grid-template-columns:1fr}}