:root{--sid-yellow:#fc0;--sid-black:#111;--sid-grey:#333;--sid-rust:#8b4513;--sid-text:#eee;--font-industrial:"Roboto Condensed", "Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--sid-black);color:var(--sid-text);font-family:var(--font-industrial);line-height:1.5}.caution-border{background:repeating-linear-gradient(45deg, var(--sid-yellow), var(--sid-yellow) 20px, var(--sid-black) 20px, var(--sid-black) 40px);border-bottom:2px solid var(--sid-yellow);height:20px}.industrial-card{background:var(--sid-grey);border:2px solid var(--sid-yellow);padding:30px;position:relative;overflow:hidden}.industrial-card:after{content:"";opacity:.1;pointer-events:none;background-image:url(/images/sidian-texture.png);width:100%;height:100%;position:absolute;top:0;left:0}.sid-btn{background:var(--sid-yellow);color:var(--sid-black);text-transform:uppercase;cursor:pointer;border:none;padding:12px 25px;font-weight:900;transition:all .2s}.sid-btn:hover{background:#fff;transform:skew(-10deg)}:root{--sid-yellow:#facc15;--sid-yellow-dim:#a16207;--sid-dark:#111;--sid-grey:#222;--sid-border:#333}body{background-color:var(--sid-dark);color:#ccc;margin:0;font-family:Barlow Condensed,sans-serif;overflow-x:hidden}.sid-yellow{color:var(--sid-yellow)}.brutalist{letter-spacing:1px;font-weight:900}.sidian-container{min-height:100vh;padding:0 40px;position:relative}.caution-border{background:repeating-linear-gradient(45deg, var(--sid-yellow), var(--sid-yellow) 20px, #000 20px, #000 40px);z-index:100;width:100%;height:20px;position:fixed;left:0}.caution-border.top{top:0}.caution-border.bottom{margin-top:50px;position:relative;bottom:0}.industrial-overlay{opacity:.2;pointer-events:none;z-index:1;background-image:url(https://www.transparenttextures.com/patterns/carbon-fibre.png);width:100%;height:100%;position:fixed;top:0;left:0}.sid-header{border-bottom:2px solid var(--sid-border);z-index:10;padding:40px 0;position:relative}.header-content{justify-content:space-between;align-items:center;display:flex}.logo-group{align-items:center;gap:20px;display:flex}.logo-group h1{letter-spacing:5px;margin:0;font-size:2.5rem;font-weight:900}.header-stats{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.stat-item{border:1px solid var(--sid-yellow-dim);background:#000;align-items:center;gap:8px;padding:5px 15px;font-family:JetBrains Mono,monospace;font-size:.8rem;display:flex}.status-badge{background:var(--sid-yellow);color:#000;align-items:center;gap:10px;padding:5px 15px;font-size:.75rem;font-weight:700;display:flex}.sid-main{z-index:10;padding:40px 0;position:relative}.hero-grid{grid-template-columns:1fr 1.5fr;gap:40px;margin-bottom:40px;display:grid}.industrial-card{background:var(--sid-grey);border:1px solid var(--sid-border);padding:30px;position:relative}.industrial-card:before{content:"";background:var(--sid-yellow-dim);width:4px;height:100%;position:absolute;top:0;left:0}.hero-info h2{margin:0 0 20px;font-size:3rem}.hero-info p{opacity:.8;font-size:1.1rem;line-height:1.6}.btn-group{gap:20px;margin-top:30px;display:flex}.sid-btn{background:var(--sid-yellow);color:#000;cursor:pointer;text-transform:uppercase;letter-spacing:2px;border:none;padding:12px 30px;font-weight:900;transition:all .2s}.sid-btn:hover{transform:scale(1.05)}.sid-btn.outline{color:var(--sid-yellow);border:2px solid var(--sid-yellow);background:0 0}.sid-btn.dark{color:var(--sid-yellow);background:#000}.hero-img-card{border:4px solid var(--sid-grey);height:400px;position:relative;overflow:hidden}.hero-img-card img{object-fit:cover;filter:contrast(1.2)grayscale(.5);width:100%;height:100%}.img-overlay{background:linear-gradient(#0000,#000c);width:100%;height:100%;position:absolute;top:0;left:0}.mech-label{border:1px solid var(--sid-yellow);background:#000c;padding:5px 15px;font-family:JetBrains Mono,monospace;font-size:.7rem;position:absolute;bottom:20px;right:20px}.sid-grid{grid-template-columns:1.2fr 1fr;gap:20px;margin-bottom:40px;display:grid}.panel-head{border-bottom:1px solid var(--sid-border);align-items:center;gap:15px;margin-bottom:25px;padding-bottom:10px;display:flex}.panel-head h3{letter-spacing:2px;margin:0;font-size:1rem}.parts-list{flex-direction:column;gap:15px;display:flex}.part-item{background:#0000004d;grid-template-columns:1.5fr 2fr 80px;align-items:center;gap:20px;padding:15px;display:grid}.part-info{flex-direction:column;display:flex}.part-id{color:var(--sid-yellow);opacity:.7;font-family:monospace;font-size:.7rem}.part-name{font-size:.9rem;font-weight:700}.part-status-wrap{align-items:center;gap:15px;display:flex}.health-bar{background:#000;flex-grow:1;height:6px}.health-fill{background:#4caf50;height:100%;transition:width .5s}.health-fill.warning{background:#fbbf24}.health-fill.critical{background:#f44336}.health-val{width:40px;font-family:monospace;font-size:.75rem}.repair-btn{border:1px solid var(--sid-yellow);color:var(--sid-yellow);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:8px;display:flex}.repair-btn:hover:not(:disabled){background:var(--sid-yellow);color:#000}.repair-btn:disabled{opacity:.3;cursor:not-allowed}.ops-list{flex-direction:column;gap:20px;display:flex}.op-item{gap:20px;display:flex}.op-text h4{color:var(--sid-yellow);margin:0 0 5px;font-size:.9rem}.op-text p{opacity:.7;margin:0;font-size:.8rem;line-height:1.4}.caution-bg{background:repeating-linear-gradient(-45deg, var(--sid-yellow), var(--sid-yellow) 40px, var(--sid-yellow-dim) 40px, var(--sid-yellow-dim) 80px);color:#000;justify-content:space-between;align-items:center;display:flex}.recruit-text h2{margin:0;font-size:2.5rem;line-height:1}.recruit-text p{margin:5px 0 0;font-weight:700}.sid-footer{text-align:center;padding:40px 0}.footer-content{opacity:.6;padding:20px;font-size:.8rem}.footer-links{justify-content:center;gap:30px;margin-top:15px;display:flex}.footer-links a{color:#fff;text-decoration:none}@media (width<=768px){.sidian-container{padding:0 15px}.header-content{text-align:center;flex-direction:column;gap:20px}.header-stats{align-items:center}.hero-grid,.sid-grid{grid-template-columns:1fr}.part-item{grid-template-columns:1fr;gap:10px}.caution-bg{text-align:center;flex-direction:column;gap:20px}}
