@font-face{font-family:Inter;src:url("/fonts/InterVariable.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:Bebas;src:url('/fonts/utm-bebas.ttf') format('truetype');font-display:swap}
:root{font-family:Inter,Arial,Helvetica,sans-serif;color:#edf3ef;background:#050807;--accent:#61d095;--rgb:97,208,149;--surface:#0c1410;--line:#24392d;--muted:#92a198}body[data-world=future]{--accent:#59bdff;--rgb:89,189,255;--surface:#0a1522;--line:#213e57;--muted:#8fa8bd;background:#050a12}body[data-world=combat]{--accent:#efc453;--rgb:239,196,83;--surface:#19170e;--line:#423b23;--muted:#aaa28a;background:#0c0b07}body{color:#edf3ef;background:#050807}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{transition:background .18s,border-color .18s,color .18s}h1,h2,h3{font-family:Bebas,Arial,sans-serif;font-weight:400;letter-spacing:.02em}p{color:var(--muted)}.eyebrow{color:var(--accent);font-size:10px;letter-spacing:.2em}body.portal{background:radial-gradient(ellipse at 70% 0,rgba(var(--rgb),.07),transparent 60%),#060a08;grid-template-columns:210px minmax(0,1fr)}body.portal[data-world=future]{background:radial-gradient(ellipse at 70% 0,rgba(var(--rgb),.1),transparent 60%),#050a12}body.portal[data-world=combat]{background:radial-gradient(ellipse at 70% 0,rgba(var(--rgb),.08),transparent 60%),#0c0b07}.portal>header{background:rgba(0,0,0,.17);border-right:1px solid var(--line)}.portalnav{padding-left:22px;padding-right:22px}.portalnav .logo{font-size:18px;letter-spacing:-.7px;color:#f2f5f2}.portalnav .logo:before{content:'★';display:block;color:var(--accent);font-size:31px;margin-bottom:12px}.portalnav .logo:after{content:'2.0 / COLLECTION ARCHIVE';display:block;color:var(--muted);font-size:max(8px,var(--mobile-font-floor,0px));letter-spacing:1.7px;margin-top:10px;font-weight:400}.portalnavlabel{color:#63736a;font-size:max(8px,var(--mobile-font-floor,0px));letter-spacing:2px;margin-top:clamp(18px,6vh,65px)}.worldtabs{gap:12px}.worldtabs button{color:var(--muted);padding:16px 11px;min-height:65px;border-radius:3px}.worldtabs button span{color:var(--muted);font-size:max(9px,var(--mobile-font-floor,0px))}.worldtabs button strong{font-size:12px;font-weight:500}.worldtabs button.active{border-color:rgba(var(--rgb),.35);background:rgba(var(--rgb),.075);color:var(--accent);box-shadow:inset 3px 0 var(--accent)}.worldtabs button.active span{color:var(--accent)}.worldtabs button:hover{background:rgba(var(--rgb),.05)}.portalabout{border-color:var(--line);color:var(--muted);font-size:11px}.portalabout:hover{color:var(--accent)}.sidecaption{color:#58655c;font-size:max(9px,var(--mobile-font-floor,0px));letter-spacing:2px}.portal>.wrap{padding-left:36px;padding-right:36px}.portalheading h1{font-size:clamp(30px,5.3vh,55px);font-weight:400;letter-spacing:.015em;line-height:1.1}.portalheading .eyebrow{color:var(--muted);font-size:max(8px,var(--mobile-font-floor,0px));letter-spacing:2px}.worldcounter{font-family:Bebas;font-size:38px;color:var(--accent)}.worldcounter span{font-family:Arial;font-size:10px;color:var(--muted)}.railheading{padding:0 0 12px;border-bottom:1px solid var(--line);margin-bottom:18px;min-height:39px}.railheading strong{font-size:12px;font-weight:500;color:var(--accent)}.railheading>div>span{font-size:max(9px,var(--mobile-font-floor,0px));letter-spacing:1px;color:var(--muted)}.railcontrols button{background:var(--surface);border:1px solid var(--line);color:var(--accent);height:29px}.railcontrols button:hover{border-color:var(--accent)}.worldrail{gap:18px;scrollbar-color:var(--line) transparent;scrollbar-width:thin}.selectcard{position:relative;flex-basis:calc((100% - 36px)/3);border:1px solid rgba(var(--rgb),.22);border-radius:5px;background:linear-gradient(180deg,#343737,#252827 55%,var(--surface) 100%);transition:border-color .2s,box-shadow .2s}.selectcard:hover{border-color:var(--accent);box-shadow:inset 0 -2px var(--accent)}.selectcard:first-child{border-color:rgba(var(--rgb),.6)}.combatrail .selectcard{flex-basis:calc((100% - 54px)/3.5)}.cardtop{color:#a6b3ac;font-size:max(8px,var(--mobile-font-floor,0px));letter-spacing:1.2px;padding-left:20px;padding-right:20px}.cardtop>span:last-child{color:var(--accent);font-family:Bebas;font-size:25px;line-height:1}.cardvisual{position:relative}.visualframe{transform:none;border:0;color:#7b817d;position:relative;background:none;max-height:none}.visualframe:before,.visualframe:after{content:'';position:absolute;width:25px;height:25px;border-color:rgba(var(--rgb),.35);border-style:solid}.visualframe:before{left:0;top:8%;border-width:1px 0 0 1px}.visualframe:after{right:0;bottom:8%;border-width:0 1px 1px 0}.visualframe i{font-style:normal;font-size:clamp(32px,8vh,85px);color:rgba(var(--rgb),.55);margin-bottom:16px}.visualframe span{font-size:max(7px,var(--mobile-font-floor,0px));letter-spacing:3px;color:#939e98}.visualframe b{font-family:Bebas;font-size:clamp(34px,8vh,85px);font-weight:400;line-height:1.3;color:#606862}.cardbody{padding:clamp(14px,2.6vh,28px)}.cardbody h2{font-size:clamp(26px,4.1vh,43px);font-weight:400;letter-spacing:.01em;line-height:1.08;overflow-wrap:normal}.cardbody p{color:#a3afa8;font-size:12px;line-height:1.65;min-height:40px}.explore{background:transparent;color:#eff6f1;border:1px solid rgba(var(--rgb),.35);border-radius:3px;text-transform:uppercase;letter-spacing:1.2px;font-size:10px;min-height:43px;padding:12px 14px}.selectcard:first-child .explore{background:var(--accent);border-color:var(--accent);color:#09130e}.explore:hover,.selectcard:first-child .explore:hover{background:rgba(var(--rgb),.85);color:#07100d;border-color:var(--accent)}.portal>.footer{border-color:var(--line);color:#65766a;padding-left:36px;padding-right:36px;font-size:max(8px,var(--mobile-font-floor,0px));letter-spacing:1.6px}.portal .footerlink{color:var(--muted);font-size:10px;letter-spacing:0}.portal .footerlink:hover{color:var(--accent)}
/* Catalogue UI follows the original dark Fridaytanks layout. */
header{background:rgba(5,8,7,.96);border-color:var(--line);backdrop-filter:blur(18px)}.head{max-width:1500px;min-height:76px;padding:12px 4vw;gap:25px}.logo{color:#f1f6f2;letter-spacing:-.5px}.worldswitch{color:var(--accent);border-color:var(--line);font-size:12px}.worldmenu{background:var(--surface);border-color:var(--line);box-shadow:0 20px 60px #0009;border-radius:8px}.worldmenu button{background:none;color:#edf3ef;border-color:var(--line);font-size:12px}.worldmenu .selected{background:rgba(var(--rgb),.1);color:var(--accent)}.worldmenu small{color:var(--muted)}.nav button,.utility button{font-size:11px;color:var(--muted);border-radius:3px}.nav .on{background:rgba(var(--rgb),.08);border-color:transparent;color:var(--accent);box-shadow:0 2px var(--accent)}.utility button{border-color:var(--line);color:var(--accent)}.wrap{max-width:1500px;padding:34px 4vw 70px}.crumb{color:var(--muted);font-size:10px;letter-spacing:.5px;margin-bottom:30px}.cataloghead{padding:25px 0 34px;border-bottom:1px solid var(--line)}.cataloghead h1{font-size:clamp(48px,6vw,86px);line-height:1;margin:18px 0}.cataloghead p{color:var(--muted);font-size:13px}.btn,.btn.light{background:var(--accent);color:#07100d;border-color:var(--accent);border-radius:5px;font-size:11px;letter-spacing:.7px}.btn.light{background:transparent;color:var(--accent);border-color:var(--line)}.btn:hover{filter:brightness(1.1)}.cols{grid-template-columns:220px minmax(0,1fr);gap:32px;margin-top:30px}.side{background:transparent;border:0;padding:0 16px 0 0}.side strong{font-size:10px;color:var(--muted);line-height:1.5}.side button{background:none;color:var(--accent);font-size:10px;border:0}.facet{border-color:var(--line);padding:18px 0}.facet summary{font-size:11px;color:#d0dbd4}.facet label{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:7px}.facet input{accent-color:var(--accent)}.note{color:var(--muted);font-size:11px;line-height:1.7}.cols>div>.row{font-size:11px;color:var(--muted)}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.card{border:0;background:none;color:#f0f5f1;border-radius:8px;overflow:hidden;transition:transform .2s}.card:hover{transform:translateY(-4px)}.art,.card:nth-child(2n) .art,.card:nth-child(3n) .art{height:auto;aspect-ratio:3/4;background:#353a37;border:1px solid var(--line);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#758279}.art>span{font-size:36px;color:rgba(var(--rgb),.45)}.art>small{font-size:max(8px,var(--mobile-font-floor,0px));letter-spacing:1.8px}.card:hover .art{border-color:var(--accent)}.card .copy{padding:17px 0 22px}.card strong{font-family:Bebas;font-size:27px;font-weight:400;letter-spacing:.02em;margin-bottom:10px}.card small{color:var(--muted);font-size:10px;line-height:1.9}.filtertags button{background:rgba(var(--rgb),.06);color:var(--accent);border-color:var(--line);border-radius:3px}.empty{background:var(--surface);border:1px solid var(--line);padding:50px;color:var(--muted)}.empty h2{color:#edf3ef;font-size:32px}.detail{gap:50px}.largeart{background:#353a37;border:1px solid var(--line);border-radius:8px;aspect-ratio:3/4;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;color:#839087}.largeart>span{font-size:70px;color:rgba(var(--rgb),.4)}.largeart small{font-size:10px;letter-spacing:2px}.panel{background:none;border:0;padding:40px 10px}.panel h1{font-size:clamp(45px,5vw,75px)}.panel p,.panel li{font-size:13px;color:var(--muted);line-height:1.9}.panel ul{padding:20px 0 20px 18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section{margin-top:65px}.section h2{font-size:40px}.searchpanel{background:var(--surface);border:1px solid var(--line);border-radius:8px}.searchline input{background:#060b08;border:1px solid var(--line);color:#edf3ef;border-radius:5px;font-size:13px}.scopes button{background:none;border-color:var(--line);color:var(--muted);font-size:11px;border-radius:4px}.scopes .selected{background:rgba(var(--rgb),.1);color:var(--accent);border-color:var(--accent)}.about{background:var(--surface);border:1px solid var(--line);border-radius:8px}.about h1{font-size:65px}.about h2{font-size:35px}.about p{font-size:14px}.homeactions button,.homeactions .alllink{background:rgba(var(--rgb),.05);border:1px solid var(--line);color:var(--accent);border-radius:4px}.homeactions button small{color:var(--muted);line-height:1.6}.footer{background:transparent;border-color:var(--line);color:var(--muted);font-size:10px}.footerlink{color:var(--accent)}dialog{background:var(--surface);color:#edf3ef;border:1px solid var(--line);border-radius:8px}dialog h2{font-size:32px}dialog p{font-size:13px}dialog::backdrop{background:#000b}
@media(min-width:1600px){body.portal{grid-template-columns:240px minmax(0,1fr)}.portal>.wrap{padding-left:48px;padding-right:48px}.portalnav{padding-left:28px;padding-right:28px}}
@media(max-width:1100px){.head{gap:12px}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:950px){body.portal{grid-template-columns:166px minmax(0,1fr)}.portalnav{padding-left:12px;padding-right:12px}.portalnav .logo{font-size:15px}.portalnav .logo:after{font-size:max(6px,var(--mobile-font-floor,0px));letter-spacing:1.2px}.portal>.wrap{padding-left:22px;padding-right:22px}.cardbody{padding:16px}.cardbody h2{font-size:clamp(23px,3.8vh,35px)}.cardbody p{font-size:11px}.selectcard{flex-basis:calc((100% - 36px)/3)}.combatrail .selectcard{flex-basis:calc((100% - 36px)/2.4)}.cols{grid-template-columns:175px minmax(0,1fr);gap:20px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.portal>.footer{padding-left:22px;padding-right:22px}}
@media(max-width:650px){body.portal{grid-template-columns:102px minmax(0,1fr)}.portalnav{padding:20px 8px 12px}.portalnav .logo{font-size:10px}.portalnav .logo:before{font-size:25px}.portalnav .logo:after{font-size:max(6px,var(--mobile-font-floor,0px));letter-spacing:.2px}.portalnavlabel{font-size:max(7px,var(--mobile-font-floor,0px));margin-top:30px;letter-spacing:.8px}.worldtabs{gap:8px}.worldtabs button{display:block;padding:11px 7px;min-height:72px}.worldtabs button span{display:block;margin-bottom:5px}.worldtabs button strong{font-size:10px}.worldtabs button b{display:none}.portalabout{font-size:10px;padding:16px 7px}.sidecaption{font-size:max(7px,var(--mobile-font-floor,0px));letter-spacing:1px}.portal>.wrap{padding:23px 14px 8px}.portalheading h1{font-size:31px;line-height:1.15}.portalheading .eyebrow{font-size:max(7px,var(--mobile-font-floor,0px));letter-spacing:1px}.worldcounter{display:none}.railheading strong{font-size:11px}.railheading>div>span{font-size:max(8px,var(--mobile-font-floor,0px))}.worldrail{gap:12px}.selectcard,.combatrail .selectcard{flex-basis:90%}.cardbody h2{font-size:32px}.cardbody p{font-size:11px;min-height:35px}.cardtop{padding:12px;font-size:max(7px,var(--mobile-font-floor,0px));letter-spacing:.5px}.portal>.footer{padding:12px 14px;gap:10px;font-size:max(7px,var(--mobile-font-floor,0px));letter-spacing:.6px}.portal>.footer>div{gap:12px}.portal .footerlink{font-size:max(9px,var(--mobile-font-floor,0px))}.identity{flex:1;gap:8px}.identity .logo{font-size:13px}.worldswitch{font-size:10px}.utility button{font-size:10px}.head{padding:13px 15px;gap:10px}.nav button{font-size:10px;padding:10px}.cols{display:block}.side{padding:0 0 20px}.side .facet{padding:12px 0}.facet label{display:inline-flex;margin-right:12px}.detail{grid-template-columns:1fr;gap:15px}.panel{padding:20px 0}.panel h1{font-size:48px}.largeart{min-height:0}.searchpanel{padding:18px}.searchline{flex-wrap:wrap}.searchline input{width:100%}.row h2{font-size:27px}.about{padding:24px}.worldmenu{left:0;width:min(320px,calc(100vw - 30px))}}
@media(max-height:650px){.portalnav .logo:before{display:none}.portalnavlabel{margin-top:24px}.portalheading h1{font-size:32px}.portalheading{margin-bottom:12px}.cardbody{padding:14px}.cardbody h2{font-size:27px}.cardbody p{font-size:10px;line-height:1.5;margin-bottom:12px;min-height:0}.visualframe i{font-size:40px;margin-bottom:7px}.visualframe b{font-size:45px}.explore{min-height:37px;padding:9px 12px}.sidecaption{display:none}}
@media(max-height:450px){.portal>.wrap{padding-top:12px}.portalheading .eyebrow,.cardtop,.visualframe span,.visualframe b{display:none}.portalheading h1{font-size:25px;margin:0}.portalheading{margin-bottom:7px}.railheading{margin-bottom:9px;min-height:25px;padding-bottom:5px}.portalnav{padding-top:12px}.portalnavlabel{margin-top:14px;margin-bottom:8px}.worldtabs{gap:3px}.worldtabs button{min-height:38px;padding:8px}.worldtabs button span{display:none}.portalabout{margin-top:9px;padding:10px 6px}.portalnav .logo:after{display:none}.cardvisual{padding:5px}.visualframe i{font-size:27px;margin:0}.cardbody h2{font-size:22px}.cardbody p{font-size:max(9px,var(--mobile-font-floor,0px));margin-bottom:8px}.cardbody{padding:10px}.explore{min-height:32px;font-size:max(9px,var(--mobile-font-floor,0px));padding:7px 10px}.portal>.footer{padding-top:8px;padding-bottom:8px;min-height:30px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}
