/* Approved steel-frame design: image-authored UI, live HTML content. */
:root{--bg:#0b0f12;--panel:#0e1418;--text:#edf0ef;--muted:#c4ccce;--line:#61717a;--blue:#b7d2de;--violet:#b7d2de}
body{background:#0b0f12;color:var(--text);font-family:'Rajdhani','Segoe UI',sans-serif;font-size:18px;font-weight:500;line-height:1.45;background-image:radial-gradient(ellipse at 50% 30%,#202b3033,transparent 65%)}
h1,h2,h3,.button,nav,.tag,.footer-brand{font-family:'Chakra Petch','Segoe UI',sans-serif;letter-spacing:.2px;font-weight:600}p{line-height:1.45;color:var(--muted)}.wrap{width:min(1120px,96%);padding-block:35px}.home-page main{width:min(1120px,98%);margin:auto}.home-page .wrap{width:100%}.home-page .hero-shell{margin-top:8px}
.hero-shell,.product,.product.purple,.editorial-links>a,.editorial-links>a:last-child,.info-panel,.features article,.features article:last-child,.downloads article{position:relative;isolation:isolate;background:#0c1216;border:0;border-radius:0;box-shadow:none;clip-path:none;overflow:visible}
.hero-shell:before,.product:before,.product.purple:before,.editorial-links>a:before,.info-panel:before,.features article:before,.downloads article:before{content:'';position:absolute;inset:0;z-index:5;pointer-events:none;background:none;border:34px solid transparent;border-image:url('/assets/steel-ui/frame-desktop.webp') 110 stretch;opacity:1;width:auto;height:auto}
.hero-shell:after,.product:after,.product.purple:after,.editorial-links>a:after,.info-panel:after,.features article:after,.downloads article:after{display:none}
header{width:min(1100px,98%);margin:auto;background:#0b1115e6;backdrop-filter:none;border:0;min-height:86px;padding:20px 30px;position:relative;gap:25px}.hero-shell header{width:auto;margin:0 20px;padding:22px 35px 12px;z-index:6;min-height:84px;background:#050d14ab;border-bottom:1px solid #5c778355}.brand img{width:250px;max-height:55px;filter:none}nav{gap:28px;font-size:12px;letter-spacing:1.3px}nav a{font-weight:500;color:#c4d1d8;padding:12px 0}nav a[aria-current]{border-color:#8aa6b6;color:#fff}.home-page .hero-shell nav a[href='/how-to-play/']{display:none}.home-page .hero-shell nav:after{content:none}
.home-hero{min-height:385px;margin:0 18px 0;padding:65px 40px 55px;background:none;border:0;overflow:hidden;isolation:isolate;text-align:left}.home-hero:before{content:'';position:absolute;inset:-95px -20px -10px 12%;background:url('/assets/cine_dropship_laser.webp') 62% center/cover no-repeat;opacity:1;filter:none;z-index:-2}.home-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#030a12f0 0%,#030a12bd 35%,#030a1220 65%),linear-gradient(0deg,#0a131a99,transparent 30%)}.home-hero h1{font-size:clamp(38px,4.3vw,60px);line-height:1.05;font-weight:700;letter-spacing:.3px;max-width:610px;margin:0 0 22px;color:#dce6eb;text-shadow:0 2px 1px #1a2838,0 4px 10px #0008}.home-hero .eyebrow{font:600 11px 'Chakra Petch',sans-serif;letter-spacing:3px;color:#b8d7e6;margin-bottom:20px;display:flex;align-items:center;gap:15px}.home-hero .eyebrow:before{content:'';height:1px;width:45px;background:#9cbecf}.home-hero>p:last-of-type{font-size:19px;line-height:1.4;max-width:355px;color:#e0e5e8;margin:0;text-shadow:0 2px 5px #000}.home-hero>*{position:relative}
.product-section{margin-top:8px;padding:0 0 10px!important;z-index:1}.products{gap:12px}.product,.product.purple{padding:20px 20px 26px;display:flex;flex-direction:column}.product-art,.product-art.gameplay-art{height:325px;position:relative;border:1px solid #59717e;clip-path:none;filter:none;background-color:#090f14;overflow:hidden}.product-art img{width:100%;height:100%;object-fit:contain}.product-art:after{background:linear-gradient(0deg,#0a111944,transparent 40%)}.board-art{background-position:center 40%;background-size:cover;filter:none}.tag,.purple .tag{z-index:6;top:-8px;left:1px;background:#17242e;border:1px solid #7e96a4;clip-path:polygon(10px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 10px);box-shadow:inset 0 0 0 3px #09131d;font-size:13px;letter-spacing:1.4px;padding:10px 22px;color:#dbeaf2}.gameplay-art .tag{top:0;left:0;font-size:12px;padding:10px 20px}.capture-label{font-family:'Rajdhani',sans-serif;font-size:10px;letter-spacing:1px}.product-copy{padding:18px 13px 0;display:flex;flex-direction:column;flex:1}.product-copy h2{font-size:32px;line-height:1.15;border:0;padding:0;margin:0 0 10px;font-weight:600;letter-spacing:0}.product-copy p{font-size:17px;line-height:1.4;min-height:70px;margin-bottom:15px}.product small{font-family:'Rajdhani',sans-serif;font-size:13px;text-align:left;margin:10px 0 0;color:#a8bac5}.product .button{width:auto;max-width:none;margin:0;align-self:flex-start;display:inline-flex}.product.purple .button{align-self:flex-end}.product-copy .button{margin-top:auto}.product .sub-link{font-size:13px}
.button,.button.violet,.button.outline,.button:hover,.button.violet:hover,.button.outline:hover{background:none;background-image:none;box-shadow:none;clip-path:none;border:14px solid transparent;border-image:url('/assets/steel-ui/button-desktop.webp') 90 300 90 300 fill / 14px 40px stretch;padding:0 18px;min-height:58px;color:#e7f0f5;font-size:17px;font-weight:600;letter-spacing:.5px;line-height:1.1;text-shadow:0 2px 3px #000;gap:24px;filter:none;transition:filter .15s,transform .15s;border-radius:0;white-space:normal;text-align:center;box-sizing:border-box}.button:hover,.button.violet:hover,.button.outline:hover{filter:brightness(1.18);transform:translateY(-1px)}.button>span{font-size:24px;line-height:.8;font-weight:500}.button:focus-visible{outline:2px solid #d9ecf7;outline-offset:3px}.button.outline{color:#c6d9e4}
.bench{padding:18px 0 10px!important}.heading-row{border:0;margin:0 16px 16px;align-items:center;gap:20px;padding:0;position:relative}.heading-row:after{position:static;flex:1;content:'';height:1px;background:#526f7e;width:auto}.heading-row h2{font-size:32px;letter-spacing:0;margin:0;flex:none}.heading-row>a{display:none}.editorial-links{gap:12px}.editorial-links>a,.editorial-links>a:last-child{padding:16px;display:grid;grid-template-columns:43% 1fr;gap:16px;min-height:195px;border:0}.news-card>img{width:100%;height:100%;min-height:160px;object-fit:cover;border:1px solid #526975;clip-path:polygon(8px 0,100% 0,100% 100%,0 100%,0 8px)}.news-copy{padding:3px 4px 0 0;display:flex;flex-direction:column;align-items:flex-start}.news-copy>span{display:none}.editorial-links h3{font-size:20px;font-weight:600;line-height:1.2;margin:0 0 8px}.editorial-links p{font-size:15px;line-height:1.35;margin-bottom:8px}.editorial-links .button{font-size:10px;min-height:36px;border-width:9px;border-image-width:9px 24px;padding:0 5px;gap:9px;margin-top:auto;color:#e7f0f5;letter-spacing:0}.editorial-links .button span{font-size:17px}
.home-page .support-panel{display:grid;grid-template-columns:100px 1fr 300px;gap:8px 26px;padding:25px 32px;margin:0 0 20px;align-items:center}.support-emblem{grid-row:1/3;grid-column:1;width:85px;height:85px;object-fit:contain;filter:grayscale(.5)}.home-page .support-panel h2{grid-row:1;grid-column:2;font-size:20px;margin:0;align-self:end}.home-page .support-panel p{grid-row:2;grid-column:2;font-size:14px;margin:0;max-width:430px;align-self:start}.home-page .support-panel .actions{grid-column:3;grid-row:1/3;display:block;margin:0}.support-panel .button{font-size:13px;gap:14px;min-height:52px}.support-panel .sub-link{display:none}
footer{width:min(1100px,96%);margin:auto;padding:18px 15px 25px;background:transparent;border-top:1px solid #364d5c;text-align:center;font-family:'Rajdhani',sans-serif}.home-page footer .footer-brand{font-size:13px;letter-spacing:4px;color:#9bb0bc}.home-page footer>p,.home-page footer>div{display:none}footer small{font-size:11px;margin-top:8px;color:#8b9ca7}
/* Interior pages retain the same authored frame system. */
.page-mast{width:min(1120px,98%);margin:0 auto;position:relative;min-height:250px;padding:65px 55px;background:#0b141c;border:0;isolation:isolate;overflow:visible}.page-mast:before{inset:0 0 0 30%;opacity:.6;z-index:-2}.page-mast:after{display:block;content:'';position:absolute;inset:0;z-index:4;background:none;border:30px solid transparent;border-image:url('/assets/steel-ui/frame-desktop.webp') 110 stretch;pointer-events:none}.page-mast h1{font-size:48px;font-weight:600}.page-mast .lead{max-width:760px;font-size:20px}.info-panel{padding:38px;margin-block:28px}.info-panel h2{font-size:30px}.info-panel h3{font-size:23px}.info-panel .eyebrow{font-family:'Chakra Petch',sans-serif;letter-spacing:2px}.downloads{gap:16px}.downloads article{padding:32px}.features{gap:16px;border:0}.features article,.features article:last-child{padding:20px;border:0}.section-title{border:0;padding-left:0}.section-title:before{display:none}.section-title h2{font-size:35px}.split h2{font-size:37px}.gallery img,.concept img{border:1px solid #526775;padding:5px;background:#17242d;box-shadow:none;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}.concept{padding-block:28px}.online-banner{padding:50px 40px;border:0;position:relative;isolation:isolate}.online-banner:after{content:'';position:absolute;inset:0;border:30px solid transparent;border-image:url('/assets/steel-ui/frame-desktop.webp') 110 stretch;pointer-events:none;z-index:4}.source{font-size:14px}.timeline article>span{font-family:'Chakra Petch',sans-serif}h3{font-size:24px}.eyebrow{color:#a7c5d6;font-family:'Chakra Petch',sans-serif;letter-spacing:2px}a:hover{color:#e5f3fa}.menu{font-family:'Chakra Petch',sans-serif;background:#101c25;border:1px solid #718c9d}
@media(max-width:800px){body{font-size:17px}.home-page main{width:100%;padding:0 5px}.hero-shell header{margin:0 14px;padding:15px 16px 9px;min-height:67px;gap:12px}.brand img{width:200px;max-height:44px}.hero-shell nav{position:relative;background:#09131beF;width:100%;padding:6px 10px;gap:0}.hero-shell nav a{font-size:11px;padding:10px}.menu{padding:7px 9px;font-size:11px}.home-hero{margin:0 12px;padding:46px 25px 44px;min-height:400px}.home-hero:before{inset:-40px -20px 0 -20px;background-position:65% center;opacity:.85}.home-hero:after{background:linear-gradient(90deg,#030a12e8,#030a1266),linear-gradient(0deg,#061018cc,transparent)}.home-hero .eyebrow{font-size:8px;letter-spacing:1.8px;gap:9px;line-height:1.5;max-width:290px}.home-hero .eyebrow:before{width:24px;flex:none}.home-hero h1{font-size:39px;line-height:1.1;letter-spacing:0;max-width:340px}.home-hero>p:last-of-type{font-size:18px;max-width:260px}.hero-shell:before,.product:before,.product.purple:before,.editorial-links>a:before,.info-panel:before,.features article:before,.downloads article:before{border-width:24px;border-image-source:url('/assets/steel-ui/frame-mobile.webp');border-image-slice:110}.products{grid-template-columns:1fr;gap:10px}.product-section{margin-top:10px}.product,.product.purple{padding:20px 18px 24px}.product-art,.product-art.gameplay-art{height:auto;aspect-ratio:16/10;min-height:0}.product-art.gameplay-art{aspect-ratio:16/9}.tag,.purple .tag,.gameplay-art .tag{font-size:11px;padding:8px 15px;top:0;left:0}.product-copy{padding:17px 10px 0}.product-copy h2{font-size:29px}.product-copy p{font-size:17px;min-height:0;margin-bottom:18px}.product .button,.product.purple .button{align-self:stretch;justify-content:center}.button,.button.violet,.button.outline,.button:hover,.button.violet:hover,.button.outline:hover{border-image-source:url('/assets/steel-ui/button-mobile.webp');border-image-slice:85 260 85 260;border-image-width:13px 34px;border-width:13px;min-height:55px;font-size:15px;padding:0 12px;gap:16px}.product small{font-size:12px;text-align:center}.heading-row{margin:10px 14px 15px;flex-direction:row}.heading-row h2{font-size:25px;flex:1}.heading-row:after{display:none}.editorial-links{grid-template-columns:1fr;gap:10px}.editorial-links>a,.editorial-links>a:last-child{padding:20px;grid-template-columns:36% 1fr;gap:13px;min-height:170px}.news-card>img{min-height:145px}.editorial-links h3{font-size:18px}.editorial-links p{font-size:14px}.editorial-links .button{font-size:9px;min-height:34px;border-width:8px;border-image-width:8px 22px;padding:0 2px;gap:5px}.home-page .support-panel{grid-template-columns:50px 1fr;gap:8px 15px;padding:25px;margin-block:8px 15px}.support-emblem{width:48px;height:48px;grid-row:1/3}.home-page .support-panel h2{font-size:18px;grid-column:2;grid-row:1}.home-page .support-panel p{font-size:14px;grid-column:2;grid-row:2}.home-page .support-panel .actions{grid-column:1/-1;grid-row:3;margin-top:10px}.support-panel .button{width:100%;font-size:13px}.page-mast{width:98%;padding:45px 30px;min-height:280px}.page-mast:after,.online-banner:after{border-width:23px;border-image-source:url('/assets/steel-ui/frame-mobile.webp');border-image-slice:110}.page-mast h1{font-size:35px}.page-mast .lead{font-size:18px}.info-panel{padding:30px;width:94%}.info-panel h2{font-size:27px}.downloads article{padding:30px}.wrap{width:92%;padding-block:30px}.online-banner{padding:38px 30px}.section-title h2{font-size:30px}.split h2{font-size:30px}header{padding:15px 20px;width:98%;flex-wrap:wrap}nav{font-size:11px}footer{width:94%}.home-page footer>small{font-size:10px}}
@media(prefers-reduced-motion:reduce){.button{transition:none}.button:hover{transform:none}}
.home-hero:before{inset:-88px -20px -10px -20px;background-image:url('/assets/steel-ui/hero-dropship.webp');background-position:center;background-size:cover}.home-hero:after{background:linear-gradient(90deg,#030a1299 0%,#030a1244 42%,transparent 70%)}.hero-shell header .brand img{width:265px}.hero-shell header nav{gap:26px}.home-page .product-art .tag{font-size:12px}.home-page .product.purple small{order:-1;margin:0 0 14px}
@media(max-width:800px){.hero-shell header .brand img{width:180px}.home-hero:before{inset:-40px -150px 0 -200px;background-position:58% center}.home-hero:after{background:linear-gradient(90deg,#030a12d9,#030a1255),linear-gradient(0deg,#061018aa,transparent)}.home-page .product.purple small{order:0}}
.home-page .product.purple .product-copy small{order:0}.hero-shell header .brand img{max-height:60px}.home-page .product-copy h2{min-height:37px}@media(max-width:800px){.home-page .product-copy h2{min-height:0}}
.home-page .footer-brand{display:inline-flex;align-items:center;gap:16px;text-transform:lowercase;font-size:12px;letter-spacing:3px}.footer-brand img{width:28px;height:28px;object-fit:contain}.support-emblem{filter:none}
/* Homepage polish: metallic title, stable support CTA and editorial clearance. */
.home-hero h1{color:#e4ebef;background:linear-gradient(180deg,#f8fbfc 0%,#eef3f5 25%,#b9c7d0 47%,#ecf2f5 51%,#a5b5c1 78%,#d5dfe5 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 2px 1px #14212e) drop-shadow(0 3px 5px #0007)}
.home-page .support-panel{grid-template-columns:100px minmax(0,1fr) 320px}.home-page .support-panel .button,.home-page .support-panel .button:hover,.home-page .support-panel .button.violet,.home-page .support-panel .button.violet:hover{width:100%;min-height:54px;height:54px;padding:0 12px;border:13px solid transparent;border-image:url('/assets/steel-ui/button-desktop.webp') 90 300 90 300 fill / 13px 38px stretch;font-size:13px;line-height:1;white-space:nowrap;gap:15px;transform:none;background:none;box-sizing:border-box}.home-page .support-panel .button:hover{filter:brightness(1.15)}
.home-page .editorial-links>a,.home-page .editorial-links>a:last-child{padding-bottom:28px}.home-page .news-copy{padding-bottom:3px}
@media(max-width:800px){.home-page .support-panel{grid-template-columns:50px minmax(0,1fr)}.home-page .support-panel .button,.home-page .support-panel .button:hover,.home-page .support-panel .button.violet,.home-page .support-panel .button.violet:hover{border-image-source:url('/assets/steel-ui/button-mobile.webp');border-image-slice:85 260 85 260;border-image-width:13px 34px;font-size:12px;padding-inline:8px;gap:10px}.home-page .editorial-links>a,.home-page .editorial-links>a:last-child{padding-bottom:28px}}