@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap";:root{color:#ececf3;font-synthesis:none;--red:#ef233c;--red2:#b31028;--ink:#09090f;--panel:#13131d;--muted:#a4a3b3;--line:#292936;--max:1160px;background:#09090f;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#ececf3;background:radial-gradient(circle at 95% 5%,#2b0d18 0,#0000 25rem),#09090f;margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}.wrap{width:min(var(--max), calc(100% - 40px));margin-inline:auto}.sr-only{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}h1,h2,h3,.display{text-transform:uppercase;letter-spacing:-.02em;margin:0;font-family:Barlow Condensed,sans-serif;line-height:.93}h1{font-size:clamp(3.5rem,9vw,8rem)}h2{font-size:clamp(2.3rem,5vw,4.5rem)}h3{font-size:1.55rem}p{color:var(--muted);line-height:1.7}.eyebrow{color:#ff6478;text-transform:uppercase;letter-spacing:.2em;font-size:.75rem;font-weight:800}.lede{max-width:720px;font-size:clamp(1.05rem,2vw,1.3rem)}.site-header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#09090fe0;border-bottom:1px solid #ffffff12;position:sticky;top:0}.nav-shell{width:min(var(--max), calc(100% - 40px));justify-content:space-between;align-items:center;height:74px;margin:auto;display:flex}.brand{letter-spacing:.06em;align-items:center;gap:11px;font-family:Barlow Condensed;display:flex}.brand-mark{background:var(--red);color:#fff;clip-path:polygon(50% 0,95% 22%,86% 80%,50% 100%,14% 80%,5% 22%);place-items:center;width:36px;height:36px;font-size:1.5rem;font-weight:800;display:grid}.brand b,.brand small{display:block}.brand small{color:#858493;letter-spacing:.25em;font-size:.57rem}.site-header nav{align-items:center;gap:25px;font-size:.84rem;font-weight:700;display:flex}.site-header nav>a:not(.play-small):hover{color:#ff6478}.play-small,.button{background:var(--red);color:#fff;justify-content:center;align-items:center;padding:12px 18px;font-weight:800;transition:all .2s;display:inline-flex}.play-small:hover,.button:hover{background:#ff4057;transform:translateY(-2px)}.button.ghost{background:0 0;border:1px solid #ffffff35}.menu-button{background:0 0;border:0;display:none}.hero{background:#111;align-items:end;min-height:690px;display:grid;position:relative;overflow:hidden}.hero:before{content:"";filter:saturate(.65)contrast(1.1);background:linear-gradient(90deg,#09090fee 0%,#09090f8a 48%,#09090f1c),linear-gradient(#0000 45%,#09090f 100%),url(../../../hero-bg.jpg) 50%/cover no-repeat;position:absolute;inset:0}.hero:after{content:"SYMBIOTE";color:#ffffff05;font-family:Barlow Condensed;font-size:clamp(8rem,22vw,20rem);font-weight:800;line-height:.75;position:absolute;bottom:-2.4rem;right:-2vw}.hero-content{z-index:2;padding:110px 0 95px;position:relative}.hero h1{max-width:840px}.hero h1 em{color:var(--red);font-style:normal;display:block}.hero .lede{color:#c8c7d0;max-width:620px}.actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.status-row{border-block:1px solid var(--line);background:#0d0d14}.status-inner{grid-template-columns:repeat(4,1fr);display:grid}.stat{border-right:1px solid var(--line);padding:24px}.stat:first-child{border-left:1px solid var(--line)}.stat small{color:#777686;text-transform:uppercase;letter-spacing:.12em;font-size:.65rem;display:block}.stat b{text-transform:uppercase;font-family:Barlow Condensed;font-size:1.35rem}.section{padding:95px 0}.section-heading{justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px;display:flex}.section-heading p{max-width:500px}.card-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.card{border:1px solid var(--line);background:linear-gradient(145deg,#181823,#101018);min-height:260px;padding:28px;transition:all .2s;position:relative;overflow:hidden}.card:hover{border-color:#ef233c88;transform:translateY(-4px)}.card .number{color:#ffffff08;font-family:Barlow Condensed;font-size:4rem;font-weight:800;position:absolute;top:8px;right:18px}.card h3{margin:35px 0 10px}.card .link{color:#ff6478;font-size:.85rem;font-weight:800}.red-section{background:linear-gradient(110deg,#7f0d22,#d51632);padding:70px 0}.red-section .split{grid-template-columns:1.3fr .7fr;align-items:center;gap:60px;display:grid}.red-section p{color:#ffdce2}.control-list{gap:10px;display:flex}.key{background:#09090f;min-width:110px;padding:18px}.key b{font-family:Barlow Condensed;font-size:2.6rem}.key small{color:#aaa;display:block}.page-intro{border-bottom:1px solid var(--line);padding:95px 0 48px}.page-intro h1{max-width:950px}.content{width:min(880px,100% - 40px);margin:60px auto}.content h2{margin:55px 0 18px;font-size:2.5rem}.content h3{margin:30px 0 8px}.content a{color:#ff6478}.notice{border-left:4px solid var(--red);background:#15151f;margin:28px 0;padding:20px 24px}.notice p{margin:0}.table{border-collapse:collapse;background:#111119;width:100%;margin:25px 0}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);padding:16px}.table th{text-transform:uppercase;letter-spacing:.12em;color:#858493;font-size:.7rem}.empty-state{text-align:center;border:1px dashed #494856;padding:40px}.tool-shell{grid-template-columns:1fr .8fr;gap:22px;margin-top:40px;display:grid}.tool-panel,.result-panel{border:1px solid var(--line);background:#13131d;padding:30px}.result-panel{background:linear-gradient(145deg,#4d0917,#17131c)}.field{margin:0 0 22px}.field label{justify-content:space-between;margin-bottom:10px;font-size:.82rem;font-weight:700;display:flex}.field input[type=number]{color:#fff;background:#09090f;border:1px solid #41404c;width:100%;padding:14px}.field input[type=range]{width:100%;accent-color:var(--red)}.check{align-items:center;gap:10px;display:flex}.check input{accent-color:var(--red);width:18px;height:18px}.big-result{color:#fff;font-family:Barlow Condensed;font-size:clamp(3.5rem,8vw,6rem);font-weight:800;line-height:1}.result-row{border-top:1px solid #ffffff25;justify-content:space-between;padding:14px 0;display:flex}.tier-row{border:1px solid var(--line);grid-template-columns:90px 1fr;margin-bottom:12px;display:grid}.tier-label{background:#771228;place-items:center;font-family:Barlow Condensed;font-size:2.5rem;font-weight:800;display:grid}.tier-row:nth-child(2) .tier-label{background:#aa4c15}.tier-row:nth-child(3) .tier-label{background:#78660e}.tier-items{background:#12121a;padding:20px}.tag{border:1px solid #4b4a57;margin:4px;padding:9px 12px;font-size:.85rem;font-weight:700;display:inline-block}.wiki-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.wiki-card{border:1px solid var(--line);background:#13131d;padding:24px}.wiki-card:hover{border-color:var(--red)}footer{border-top:1px solid var(--line);background:#07070b;padding:65px 0 25px}.footer-grid,.footer-bottom{width:min(var(--max), calc(100% - 40px));margin:auto}.footer-grid{grid-template-columns:2fr 1fr 1fr;gap:50px;display:grid}.footer-grid>div:not(:first-child){flex-direction:column;gap:12px;font-size:.86rem;display:flex}.footer-grid strong{color:#ff6478;text-transform:uppercase;letter-spacing:.15em;font-size:.7rem}.footer-grid p{max-width:500px}.footer-bottom{border-top:1px solid var(--line);color:#6f6e7c;justify-content:space-between;margin-top:50px;padding-top:22px;font-size:.74rem;display:flex}@media (width<=800px){.site-header nav{background:#0d0d14;flex-direction:column;align-items:stretch;padding:25px;display:none;position:absolute;top:73px;left:0;right:0}.site-header nav.open{display:flex}.menu-button{gap:5px;display:grid}.menu-button span:not(.sr-only){background:#fff;width:25px;height:2px}.hero{min-height:640px}.status-inner{grid-template-columns:repeat(2,1fr)}.card-grid,.wiki-grid,.red-section .split,.tool-shell,.footer-grid{grid-template-columns:1fr}.section-heading{display:block}.tier-row{grid-template-columns:60px 1fr}.footer-bottom{display:block}.control-list{flex-wrap:wrap}}@media (width<=480px){.wrap,.nav-shell,.footer-grid,.footer-bottom,.content{width:min(100% - 28px, var(--max))}.status-inner{grid-template-columns:1fr}.stat{border-left:1px solid var(--line)}.hero-content{padding:85px 0 70px}.section{padding:70px 0}.control-list{grid-template-columns:1fr 1fr;display:grid}.page-intro{padding-top:70px}}
