/* Industrial edition: pure black surfaces, signal red, white information. */
:root{--bg:#000;--panel:#000;--accent:#ff0000;--accent-bright:#ff0000;--gold:#ff0000;--gold-light:#fff;--text:#fff;--muted:#aaa;--line:#ffffff30;--display:Arial,'Microsoft YaHei',sans-serif}
body{background:#000;color:#fff}button{border-radius:0}::selection{background:#ff0000;color:#fff}
.topbar{border-bottom:1px solid #ffffff30;background:#000}.brand img{border-radius:0}.brand>span{font-weight:900;color:#fff}.brand small{color:#aaa}.nav-index{font:10px var(--mono);color:#ff0000;margin-right:7px}
.topbar nav button{color:#bbb;transition:background .18s,color .18s}.topbar nav button.active{color:#fff}.topbar nav button.active:after{background:#ff0000}.icon-button:hover{color:#ff0000}
.avatar{background:#000;border-color:#fff;color:#fff}.primary{background:#ff0000;border-color:#ff0000;color:#fff;position:relative;overflow:hidden}.primary:hover{background:#fff;border-color:#fff;color:#000}.primary:active{background:#ff0000;color:#fff}.secondary{background:#000;border:1px solid #ffffff70;color:#fff}.secondary:hover{background:#fff;color:#000;border-color:#fff}.primary,.secondary{transition:background .18s,color .18s,border-color .18s}.primary.large{font-size:14px;font-weight:800;letter-spacing:2px;min-width:215px}.primary span{font-size:24px;line-height:12px;margin-left:36px}.danger{color:#ff0000;border-color:#ff0000}.eyebrow{color:#fff}.live-dot{display:inline-block;background:#ff0000;width:6px;height:6px;margin-right:8px}.text-button{color:#bbb}.text-button:hover{color:#ff0000}
.home-screen{padding:0 4.2%;max-width:1800px;margin:auto;background:#000}.home-topline{display:flex;justify-content:space-between;height:44px;font-size:9px;color:#bbb;letter-spacing:1px;border-bottom:1px solid #ffffff25}.home-topline>span{display:flex;align-items:center}.home-topline .coordinate{font-size:9px;color:#aaa;gap:25px}.coordinate b{color:#ff0000;font-weight:500}
.industrial-masthead{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:26px 0 18px;overflow:hidden;border-bottom:1px solid #ffffff30}.industrial-masthead>span{font:900 clamp(68px,8.1vw,142px)/.86 var(--display);letter-spacing:-.06em;white-space:nowrap;color:#fff}.industrial-masthead small{font:9px/1.6 var(--mono);text-align:right;white-space:nowrap;color:#aaa;margin-bottom:3px}
.hero-section{grid-template-columns:.8fr 1.2fr;min-height:486px;padding:30px 0;gap:30px;position:relative}.hero-copy{padding-top:15px;display:flex;flex-direction:column;align-items:flex-start}.hero-copy>.eyebrow{display:flex;gap:10px;font-size:9px;letter-spacing:1px;color:#fff;margin:0}.hero-copy>.eyebrow:before{display:none}.module-marker{display:inline-flex;align-items:center;justify-content:flex-end;background:#ff0000;color:#000!important;width:48px;height:19px;padding:0 4px;font:900 22px/1 Arial}.hero-copy>.eyebrow>span:last-child{color:#aaa;margin-left:12px;font-size:8px}
.hero-copy h1{font:900 clamp(42px,4.8vw,74px)/1.12 var(--sans);letter-spacing:-2px;margin:24px 0 22px;white-space:nowrap;color:#fff}.hero-copy h1>span{color:#ff0000}.hero-copy h1>small{display:block;color:#fff;font:900 clamp(15px,1.65vw,25px)/1 var(--display);letter-spacing:.18em;margin-top:14px}.hero-subtitle{font-size:15px;font-weight:700;color:#fff;letter-spacing:1px;margin:0 0 10px}.hero-copy>p{font-size:11px;color:#aaa;line-height:1.9}.hero-buttons{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 0}.hero-buttons .primary{padding:17px 21px}.hero-buttons .secondary{padding:17px 18px;font-size:11px;min-width:116px}.hero-meta{gap:26px;margin-top:28px}.hero-meta>span{font:26px/1 var(--mono);color:#fff;padding-right:25px;border-right:1px solid #ffffff40}.hero-meta>span:last-child{border:0;padding-right:0}.hero-meta i{font:10px var(--sans);color:#aaa;margin-left:8px}.hero-registration{display:flex;gap:12px;align-items:center;margin-top:28px;font:7px/1.8 var(--mono);color:#888;letter-spacing:1px}.registration-grid{width:26px;height:26px;background:repeating-linear-gradient(0deg,transparent 0 4px,#000 4px 7px),repeating-linear-gradient(90deg,#fff 0 4px,transparent 4px 7px)}
.showcase{height:430px;right:auto;isolation:isolate;margin:0;transform:none;overflow:hidden;border:1px solid #ffffff30;background:#000}.showcase:before{inset:30px 58px 35px 0;opacity:1;background:linear-gradient(90deg,transparent calc(50% - .5px),#ffffff13 50%,transparent calc(50% + .5px)),linear-gradient(0deg,transparent calc(50% - .5px),#ffffff13 50%,transparent calc(50% + .5px));pointer-events:none}.showcase:after{display:none}.archive-header{position:absolute;top:0;left:0;right:57px;display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid #ffffff25;font:7px var(--mono);letter-spacing:1px;color:#bbb;z-index:5;background:#000}.archive-header i{color:#ff0000;font-size:8px;font-style:normal}.archive-dial{position:absolute;left:calc(50% - 230px);top:32px;width:400px;height:400px;fill:none;stroke:#ffffff3a;stroke-width:.8;z-index:-1}.archive-dial g{stroke-width:1.4}.archive-dial .dial-accent{stroke:#ff0000;stroke-width:4;stroke-dasharray:70 235 20 330 70 500;transform-origin:200px 200px;animation:archive-rotation 50s linear infinite}.archive-ghost{position:absolute;bottom:70px;left:24px;font:900 150px/1 var(--display);letter-spacing:-8px;color:transparent;-webkit-text-stroke:1px #ffffff12;z-index:-1}.archive-strip{position:absolute;top:0;bottom:0;right:0;width:57px;background:#ff0000;color:#000;display:flex;flex-direction:column;align-items:center;padding:12px 0;z-index:7}.archive-strip b{writing-mode:vertical-rl;font:900 33px/1 var(--display);letter-spacing:-1px}.archive-strip>span{writing-mode:vertical-rl;font:8px var(--mono);letter-spacing:1px;margin-top:auto}.archive-strip>i{font:normal 34px/1 Arial;margin-top:15px}
.showcase-card{top:70px;left:calc(50% - 28px);margin-left:-104px}.show-card{width:208px;height:314px;border-radius:0;box-shadow:0 10px 30px #000}.show-0{transform:translate(-140px,14px) rotate(-7deg)}.show-1{transform:translate(0,-5px);z-index:4}.show-2{transform:translate(141px,14px) rotate(7deg)}.show-0:hover{transform:translate(-151px,4px) rotate(-4deg)}.show-2:hover{transform:translate(152px,4px) rotate(4deg)}.show-1 .game-card{border:1px solid #ff0000;box-shadow:0 12px 30px #000}.showcase-caption{left:12px;right:70px;bottom:12px;display:flex;justify-content:space-between;font:8px var(--mono);letter-spacing:1px;color:#bbb}.showcase-caption span{margin:0;color:#ff0000}
.mode-grid{border:1px solid #ffffff40;gap:0;background:#000}.mode-tile,.mode-tile:first-child,.mode-tile:last-child{padding:20px 22px 0;min-height:166px;position:relative;isolation:isolate;overflow:hidden;border-right:1px solid #ffffff40;background:#000;transition:color .2s}.mode-tile:last-child{border-right:0}.mode-tile:before{content:'';display:block;position:absolute;inset:0;background:#ff0000;transform:translateY(102%);transition:transform .22s cubic-bezier(.2,.75,.2,1);z-index:-1;opacity:1}.mode-tile:hover{background:#000;border-color:#ffffff40;transform:none}.mode-tile:hover:before{transform:translateY(0);opacity:1}.mode-index{font:8px var(--mono);color:#aaa;letter-spacing:1px}.mode-index b{color:#ff0000;font:700 15px var(--mono);padding-right:8px}.mode-tile h2{font:800 24px var(--sans);letter-spacing:0;margin:13px 0 8px;color:#fff;display:flex;justify-content:space-between}.mode-tile h2 span{font-size:26px;color:#ff0000;transition:transform .2s}.mode-tile:hover h2 span{transform:translate(3px,-3px);color:#fff}.mode-tile p{font-size:10px;line-height:1.8;color:#aaa}.mode-tile footer{font:8px var(--mono);letter-spacing:0;border-top:1px solid #ffffff25;margin-top:13px;padding:10px 0 14px;color:#aaa}.mode-tile footer i{color:#aaa}.mode-tile:hover :is(.mode-index,.mode-index b,p,footer,footer i){color:#fff}.home-footer{padding:16px 0;color:#999;font-size:8px}.home-footer>span:nth-child(2){color:#999}
/* Shared functional modules: flat black, ruled edges and red selection. */
.game-card{border-radius:0;background:#000;border-color:#ffffff60;box-shadow:0 6px 18px #000}.card-rim{border-radius:0;border-color:#ffffff20}.card-cost{background:#000;border:1px solid #fff;border-radius:0}.card-shade{background:linear-gradient(0deg,#000 3%,#000 27%,#000000a6 46%,transparent 78%)}.field-card .card-shade{background:linear-gradient(0deg,#000 4%,#000000d9 37%,transparent 80%)}.card-body h3,.rarity-3 .card-body h3{color:#fff;font-weight:800}.card-type{color:#ccc}.card-rarity{color:#ff0000}.game-card .card-art{filter:saturate(.32) contrast(1.12)}.game-card:hover .card-art,.hand-card.resting:not(.selected) .card-art{filter:saturate(.65) contrast(1.08)}.card-stats .hp,.card-stats .wounded b{color:#ff0000}.game-card.selected{border-color:#ff0000;box-shadow:0 0 0 1px #ff0000}.game-card:hover{border-color:#fff}.game-card.selected:hover{border-color:#ff0000}.field-card{border-radius:0}.status-tags span,.equipped{background:#000;border-color:#fff}.card-backs>i{background:repeating-linear-gradient(135deg,#000 0 4px,#ffffff20 4px 5px);border-color:#fff;color:#ff0000}
.battle-screen,.collection-page,.campaign-page,.conquest-page,.empty-screen{background:#000}.battlefield:before{background:none;border-color:#ffffff20}.environment-art{background:repeating-linear-gradient(135deg,#000 0 6px,#ffffff0d 6px 7px);border-color:#ffffff40}.environment-art h3{color:#fff;font-weight:800}.env-ring{color:#ff0000}.hq,.hq.enemy{background:#000;border:1px solid #ffffff50;border-radius:0}.hq.enemy{border-left:3px solid #ff0000}.hq.friendly{border-left:3px solid #fff}.hq-portrait{border-radius:0}.hq-info>strong{color:#fff;font-weight:800}.enemy .hp-track>i{background:#ff0000}.slot,.front .slot,.enemy .slot{background:#000;border-color:#ffffff30}.slot.legal{background:#000;border-color:#fff;border-style:dashed}.targetable{border-color:#ff0000!important;box-shadow:inset 0 0 0 1px #ff0000!important}.slot.drag-over{background:#000;outline-color:#ff0000}.phase-pill{background:#ff0000;color:#fff;border-color:#ff0000}.phase-track .active{color:#ff0000}.turn-status h2{font-weight:900;color:#fff}.forecast,.skill-button,.facility-strip button,.enemy-facilities button,.hero-options button,.choice-button,.rules-intro,.mission-details,.compact-environment{background:#000;border-color:#ffffff40;border-radius:0}.skill-button:hover{border-color:#ff0000}.panel-title{font-weight:800;color:#fff}.panel-title>span{color:#aaa}.battle-topline{border-bottom:1px solid #ffffff30}.log-entry.damage p{color:#ff0000}.rift-vortex{color:#ff0000}.rift-unit{background:#000}.unit-actions button{background:#000}.unit-actions button:hover{border-color:#ff0000;color:#fff}
.page-heading{border-bottom:1px solid #ffffff50;padding-bottom:25px}.page-heading .eyebrow{display:inline-block;background:#ff0000;color:#fff;padding:5px 10px;font:9px var(--mono);letter-spacing:1px}.page-heading h1{font-size:42px;font-weight:900;color:#fff}.page-heading h1>span{color:#fff;font:900 34px var(--display);letter-spacing:-1px}.archive-total>b{font-size:60px;font-weight:800;color:#ff0000}.collection-filters>button{border-bottom:1px solid #ffffff25}.collection-filters>button.active{background:#ff0000;border-color:#ff0000;color:#fff}.collection-filters>button.active small{color:#fff}.type-tabs button.active{background:#ff0000;border-color:#ff0000;color:#fff}.search-box{background:#000;border-color:#ffffff60;border-radius:0}.curve i{background:#ff0000;border-color:#ff0000}.deck-entries button:hover{background:#000;border-bottom-color:#ff0000}.deck-entries button>span,.deck-validation{color:#ff0000}.deck-entries{border-top:1px solid #ffffff30}
.modal-backdrop{background:#000c;backdrop-filter:blur(4px)}.modal,.motion-modal{background:#000;border:1px solid #ffffff60;border-top:4px solid #ff0000;border-radius:0}.modal-title h2{font-weight:900;font-size:30px}.modal-title .eyebrow{color:#aaa}.close{color:#fff;border:1px solid #ffffff50;width:30px;height:30px;font-size:24px;line-height:20px}.close:hover{background:#ff0000;color:#fff;border-color:#ff0000}.faction-option{background:#000;border:1px solid #ffffff40;border-radius:0}.faction-option.selected{background:#000;border-color:#ff0000;border-bottom:4px solid #ff0000}.faction-option>span{color:#fff;font-weight:800}.hero-options .selected{background:#000;border-color:#ff0000;box-shadow:inset 0 -3px #ff0000}.hero-description,select,select option{background:#000}.hero-description strong,.faction-lore>h2{color:#fff;font-weight:800}.inspect-copy h2{color:#fff;font-weight:900}.inspect-meta span{background:#000}.keyword-list strong{color:#ff0000}
.map-node>div,.map-node.fogged>div{background:#000;border:1px solid #ffffff60;border-radius:0}.map-node.boss>div{background:#000;border-color:#ff0000;color:#ff0000}.map-node.available>div{background:#ff0000;border-color:#ff0000;color:#fff;box-shadow:none}.map-node.available small{color:#ff0000}.region,.region.neutral,.region.hostile{background:#000;filter:drop-shadow(1px 0 #ffffff70) drop-shadow(-1px 0 #ffffff70) drop-shadow(0 1px #ffffff70) drop-shadow(0 -1px #ffffff70)}.region.hostile{filter:drop-shadow(1px 0 #ff0000) drop-shadow(-1px 0 #ff0000) drop-shadow(0 1px #ff0000) drop-shadow(0 -1px #ff0000)}.region.selected{background:#ff0000;filter:none}.region-battle,.region-slot,.region-slot:hover{background:#000;border-color:#ffffff40}.region-slot:hover{border-color:#ff0000}.conquest-seatbar .active{background:#ff0000;color:#fff}.conquest-command .objective{color:#ff0000}
.motion-trail{background:linear-gradient(90deg,transparent,#ff0000,#fff);box-shadow:0 0 10px #ff000066}.motion-turn{background:linear-gradient(90deg,transparent,#000000f2 20%,#000000f2 80%,transparent);border-color:#ff0000}.motion-turn strong{color:#fff}.motion-arena{background:#000;border:1px solid #ffffff30}.motion-number{color:#fff;text-shadow:0 2px 0 #ff0000,0 4px 14px #000}.motion-number.heal{color:#fff;text-shadow:0 2px 0 #000,0 4px 14px #000}.motion-environment{background:radial-gradient(ellipse at center,transparent 12%,#ffffff15 50%,#ff000020);box-shadow:inset 0 0 160px #ff000020}#toast{background:#000;border:1px solid #ff0000;color:#fff;border-radius:0}
/* UI reveals operate on modules, independent of the original card FX. */
.industrial-masthead>span{animation:industrial-reveal .65s cubic-bezier(.16,1,.3,1) both}.hero-copy{animation:module-enter .5s .08s both}.showcase{animation:industrial-reveal .7s .12s both}.mode-grid{animation:module-enter .5s .22s both}@keyframes industrial-reveal{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes module-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes archive-rotation{to{transform:rotate(360deg)}}
@media(min-width:1200px){body{padding-left:76px}.topbar{position:fixed;z-index:30;inset:0 auto 0 0;width:76px;height:100dvh;padding:17px 0 15px;display:flex;flex-direction:column;justify-content:flex-start;gap:0;border-right:1px solid #ffffff40;border-bottom:0}.brand{display:flex;flex-direction:column;gap:9px;width:76px;padding:0}.brand img{width:34px;height:34px}.brand>span{font-size:13px;line-height:1.5;letter-spacing:1px;max-width:32px}.brand small{display:none}.topbar nav{width:100%;display:flex;flex-direction:column;gap:0;flex:0;margin-top:46px;height:auto}.topbar nav button{position:relative;min-height:69px;width:76px;display:flex;flex-direction:column;justify-content:center;gap:6px;font-size:9px;padding:11px 0;letter-spacing:0;border-bottom:1px solid #ffffff1a}.topbar nav .nav-index{font:900 20px var(--display);margin:0;color:#aaa}.topbar nav button.active{background:#ff0000;color:#fff}.topbar nav button.active .nav-index{color:#fff}.topbar nav button.active:after{display:none}.topbar nav button:hover{background:#fff;color:#000}.topbar nav button:hover .nav-index{color:#000}.account{margin-top:auto;display:flex;flex-direction:column;gap:15px;width:100%;padding-top:25px}.edition,.avatar{display:none}.icon-button{font-size:20px}.battle-screen,.collection-page,.campaign-page,.conquest-page,.empty-screen{min-height:100vh}.battle-layout{grid-template-columns:165px minmax(440px,1fr) 180px;gap:18px}}
@media(min-width:1600px){.hero-section{padding:38px 0;min-height:560px}.showcase{height:480px}.showcase-card{top:85px;margin-left:-116px}.show-card{width:232px;height:347px}.archive-dial{width:445px;height:445px;left:calc(50% - 252px)}.show-0{transform:translate(-170px,16px) rotate(-7deg)}.show-2{transform:translate(170px,16px) rotate(7deg)}.hero-copy h1{font-size:78px}.hero-copy>p{font-size:13px}.hero-subtitle{font-size:18px}.hero-buttons{margin-top:32px}.hero-meta{margin-top:35px}}
@media(max-width:1199px){.topbar{padding-inline:3%;gap:14px}.topbar nav{gap:14px}.topbar nav button{font-size:10px}.nav-index{display:none}.industrial-masthead>span{font-size:9vw}.industrial-masthead small{display:none}.hero-section{grid-template-columns:.9fr 1.1fr;gap:18px}.showcase{transform:none;margin:0;height:415px}.show-card{width:176px;height:278px}.showcase-card{top:82px;margin-left:-88px}.show-0{transform:translate(-103px,14px) rotate(-7deg)}.show-2{transform:translate(103px,14px) rotate(7deg)}.show-0:hover{transform:translate(-110px,4px) rotate(-4deg)}.show-2:hover{transform:translate(110px,4px) rotate(4deg)}.hero-copy h1{font-size:45px}.hero-copy h1>small{font-size:17px}.hero-buttons .primary{min-width:175px;padding:17px 16px;font-size:12px}.primary span{margin-left:18px}.hero-buttons .secondary{padding:17px 14px;min-width:105px}.hero-meta{gap:16px}.hero-meta>span{font-size:23px;padding-right:16px}.hero-subtitle{font-size:13px}.mode-tile h2{font-size:21px}}
@media(max-width:859px){body{padding-left:0}.topbar{padding:13px 5% 0;min-height:90px}.topbar nav{gap:6px}.topbar nav button{font-size:10px}.home-screen{padding:0 5%}.home-topline{height:38px;font-size:8px}.home-topline .coordinate{display:none}.industrial-masthead{padding:25px 0 15px}.industrial-masthead>span{font-size:11.9vw;letter-spacing:-.065em}.hero-section{grid-template-columns:1fr;padding:24px 0;gap:24px;min-height:0}.hero-copy{padding:0;display:block}.hero-copy h1{font-size:50px;margin:22px 0 18px}.hero-copy h1>small{font-size:19px;letter-spacing:.17em;margin-top:13px}.hero-subtitle{font-size:14px}.hero-copy>p{font-size:11px}.hero-copy>.eyebrow{font-size:8px;gap:7px}.hero-copy>.eyebrow>span:last-child{font-size:7px;margin-left:auto}.hero-buttons{margin-top:22px;gap:10px}.hero-buttons .primary{min-width:190px;font-size:13px;padding:17px 18px}.hero-buttons .secondary{padding:17px 15px;font-size:11px}.hero-meta{gap:23px;margin-top:26px}.hero-meta>span{font-size:25px;padding-right:23px}.hero-registration{display:none}.showcase{height:354px;margin:0;transform:none}.showcase-card{top:62px;left:calc(50% - 20px);margin-left:-81px}.showcase .game-card{width:162px;height:252px}.show-0{transform:translate(-99px,11px) rotate(-7deg)}.show-2{transform:translate(99px,11px) rotate(7deg)}.show-0:hover{transform:translate(-105px,4px) rotate(-4deg)}.show-2:hover{transform:translate(105px,4px) rotate(4deg)}.archive-strip{width:40px}.archive-strip b{font-size:27px}.archive-strip>span{font-size:7px}.archive-strip>i{font-size:28px}.archive-header{right:40px;font-size:6px;padding-inline:9px;letter-spacing:.4px}.archive-dial{width:330px;height:330px;left:calc(50% - 185px);top:27px}.archive-ghost{font-size:110px}.showcase-caption{left:9px;right:49px;font-size:7px;letter-spacing:.3px;bottom:10px}.mode-grid{grid-template-columns:1fr}.mode-tile,.mode-tile:first-child,.mode-tile:last-child{padding:18px 18px 0;border-right:0;border-bottom:1px solid #ffffff40;min-height:153px}.mode-tile:last-child{border-bottom:0}.mode-tile h2{font-size:22px}.mode-tile p{font-size:10px}.mode-tile footer{font-size:8px}.home-footer{font-size:7px;gap:8px}.home-footer>span:nth-child(2){display:none}.page-heading h1{font-size:29px}.archive-total>b{font-size:42px}.modal-title h2{font-size:24px}.collection-card .card-text{font-size:8px}}
@media(max-width:430px){.hero-copy h1{font-size:46px;letter-spacing:-1px}.hero-copy h1>small{font-size:17px}.hero-buttons .primary{min-width:184px}.hero-buttons .secondary{min-width:111px}.showcase{height:327px}.showcase .game-card{width:140px;height:226px}.showcase-card{top:59px;margin-left:-70px}.show-0{transform:translate(-83px,10px) rotate(-7deg)}.show-2{transform:translate(83px,10px) rotate(7deg)}.show-0:hover{transform:translate(-87px,4px) rotate(-4deg)}.show-2:hover{transform:translate(87px,4px) rotate(4deg)}.archive-dial{width:300px;height:300px;left:calc(50% - 170px);top:24px}.showcase-caption{font-size:6px}.hero-meta{gap:20px}.hero-meta>span{padding-right:20px;font-size:24px}.show-card .card-body h3{font-size:12px}.show-card .card-text{font-size:7px}.hero-subtitle{font-size:13px}}
@media(prefers-reduced-motion:reduce){.industrial-masthead>span,.hero-copy,.showcase,.mode-grid,.archive-dial .dial-accent{animation:none}.mode-tile:before,.mode-tile h2 span,.primary,.secondary{transition:none}}
body.reduce-motion .industrial-masthead>span,body.reduce-motion .hero-copy,body.reduce-motion .showcase,body.reduce-motion .mode-grid,body.reduce-motion .archive-dial .dial-accent{animation:none}body.reduce-motion .mode-tile:before,body.reduce-motion .mode-tile h2 span{transition:none}