@import url('/css/theme-detail-base.css');
:root{--primary-color:#59636a;--secondary-color:#ece9df;--accent-color:#f2c94c;--success-color:#79a86b;--warning-color:#f2c94c;--danger-color:#b84435;--bg-primary:#24282b;--bg-secondary:#343a3e;--bg-tertiary:#4a5257;--text-primary:#ece9df;--text-secondary:#bfc2bd;--text-tertiary:#858b88;--glass-bg:#30363a;--glass-border:#70787d;--glass-shadow:0 0 0 1px #111416;--nav-bg:#181b1d;--search-input-bg:#ece9df;--panel-bg:#30363a;--footer-bg:#181b1d;--gradient-primary:linear-gradient(135deg,#69747b,#4b5459);--gradient-secondary:linear-gradient(135deg,#f2c94c,#d5a900);--gradient-accent:linear-gradient(135deg,#ece9df,#bfc2bd);--border-radius-sm:1px;--border-radius-md:2px;--border-radius-lg:3px;--transition:all .14s linear;--transition-bounce:all .16s linear;--shadow-sm:2px 2px 0 #111416;--shadow-md:4px 4px 0 #111416;--shadow-lg:7px 7px 0 #111416}
body.theme-steel-workshop{font-family:Arial,sans-serif;color:#ece9df;background:#24282b;background-image:linear-gradient(90deg,rgba(255,255,255,.018) 50%,transparent 50%),linear-gradient(rgba(255,255,255,.018) 50%,transparent 50%);background-size:6px 6px}.theme-steel-workshop .particle{display:none}.theme-steel-workshop .main-content{margin-left:0}.theme-steel-workshop .glass-nav{position:sticky;top:0;width:100%;height:auto;padding:0;border:0;border-bottom:1px solid #70787d;border-radius:0;background:#181b1d;z-index:1000}.theme-steel-workshop .glass-nav:after{content:'';display:block;height:5px;background:repeating-linear-gradient(135deg,#f2c94c 0 12px,#24282b 12px 24px)}.theme-steel-workshop .glass-nav-container{width:min(1500px,100%);height:auto;margin:auto;padding:9px 24px;flex-direction:row;align-items:center;gap:18px}.theme-steel-workshop .glass-logo{width:auto;margin:0;padding:7px 10px;color:#24282b;-webkit-text-fill-color:#24282b;background:#ece9df;font-size:1.18rem;font-weight:900;text-transform:uppercase;letter-spacing:-.03em}.theme-steel-workshop .glass-nav-menu{display:flex;flex-direction:row;width:auto;gap:0}.theme-steel-workshop .glass-nav-link{width:auto;padding:9px 13px;color:#bfc2bd;border:1px solid transparent;border-radius:0;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.theme-steel-workshop .glass-nav-link.active,.theme-steel-workshop .glass-nav-link:hover{color:#f2c94c;border-color:#70787d;background:#30363a}.theme-steel-workshop .glass-nav-categories{display:none}.theme-steel-workshop .glass-nav-actions{width:auto;margin-left:auto}.theme-steel-workshop .glass-search-box{background:#ece9df;border:2px inset #858b88;border-radius:0}
.theme-steel-workshop .steel-board{max-width:1500px;margin:auto;padding:32px 24px}.theme-steel-workshop .steel-board-header{display:grid;grid-template-columns:1fr auto;align-items:end;padding:18px;border:1px solid #70787d;background:#30363a;box-shadow:5px 5px 0 #111416}.theme-steel-workshop .steel-status{grid-column:1/-1;color:#bfc2bd;font:800 .64rem 'Courier New',monospace;text-transform:uppercase;letter-spacing:.14em}.theme-steel-workshop .steel-status i{display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:#79a86b;box-shadow:0 0 0 3px rgba(121,168,107,.18)}.theme-steel-workshop .steel-board-header h1{margin:8px 0 1px;font-size:clamp(2.5rem,6vw,5.4rem);line-height:.82;text-transform:uppercase;letter-spacing:-.065em}.theme-steel-workshop .steel-board-header p{grid-column:1;color:#bfc2bd;margin:8px 0 0;font-family:'Courier New',monospace}.theme-steel-workshop .steel-board-header a{grid-column:2;grid-row:2/4;padding:12px 15px;color:#24282b;background:#f2c94c;font-size:.68rem;font-weight:900;text-transform:uppercase;text-decoration:none}.theme-steel-workshop .steel-board-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}.theme-steel-workshop .steel-job{display:grid;grid-template-columns:1fr auto;min-width:0;padding:12px;color:#ece9df;text-decoration:none;border:1px solid #70787d;background:#30363a;box-shadow:3px 3px 0 #111416}.theme-steel-workshop .steel-job-code,.theme-steel-workshop .steel-job-state{font:700 .58rem 'Courier New',monospace;letter-spacing:.07em}.theme-steel-workshop .steel-job-state{color:#f2c94c}.theme-steel-workshop .steel-job img{grid-column:1/-1;width:100%;aspect-ratio:16/10;margin:10px 0;object-fit:cover;filter:saturate(.55) contrast(1.1);border:1px solid #858b88}.theme-steel-workshop .steel-job small{grid-column:1/-1;color:#f2c94c;font:700 .58rem 'Courier New',monospace}.theme-steel-workshop .steel-job strong{grid-column:1/-1;min-height:2.2em;margin:4px 0 12px;font-size:1.08rem;line-height:1.05;text-transform:uppercase}.theme-steel-workshop .steel-job-launch{grid-column:1/-1;padding-top:9px;border-top:1px solid #70787d;font:800 .62rem 'Courier New',monospace}.theme-steel-workshop .steel-job-1:nth-child(1){grid-column:span 2;grid-row:span 2}.theme-steel-workshop .steel-job-1:nth-child(1) strong{font-size:clamp(1.6rem,3vw,2.8rem)}.theme-steel-workshop .steel-job:hover{color:#24282b;background:#ece9df;transform:translate(-2px,-2px);box-shadow:6px 6px 0 #f2c94c}.theme-steel-workshop .steel-job:hover .steel-job-state,.theme-steel-workshop .steel-job:hover small{color:#59636a}.theme-steel-workshop .glass-card,.theme-steel-workshop .ap-game-card{border:1px solid #70787d;border-radius:1px;background:#30363a;box-shadow:3px 3px 0 #111416}.theme-steel-workshop .glass-title,.theme-steel-workshop .ap-list-title{font-family:Arial,sans-serif;color:#ece9df;text-transform:uppercase}.theme-steel-workshop .cyber-footer{background:#181b1d;border-top:5px solid #f2c94c}
@media(max-width:768px){.theme-steel-workshop .glass-nav-container{padding:8px 12px}.theme-steel-workshop .glass-nav-menu,.theme-steel-workshop .glass-search-box{display:none}.theme-steel-workshop .hamburger{display:flex;min-width:44px;min-height:44px}.theme-steel-workshop .steel-board{padding:20px 12px}.theme-steel-workshop .steel-board-header{display:block;padding:14px}.theme-steel-workshop .steel-board-header p{display:none}.theme-steel-workshop .steel-board-header a{display:inline-block;margin-top:13px}.theme-steel-workshop .steel-board-grid{grid-template-columns:1fr 1fr;gap:9px}.theme-steel-workshop .steel-job{padding:9px;min-height:220px}.theme-steel-workshop .steel-job-1:nth-child(1){grid-column:1/-1;grid-row:auto}.theme-steel-workshop .steel-job strong{font-size:.92rem}.theme-steel-workshop .steel-job-launch{min-height:44px;display:flex;align-items:center}}