@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap";:root{color:#f6e9d5;font-synthesis:none;background:#160c0b;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}.site{overflow:hidden}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #f8b78b}.site-header{z-index:5;background:#1b0e0c;border-bottom:1px solid #56352d;justify-content:space-between;align-items:center;gap:20px;height:90px;padding:0 clamp(25px,5vw,100px);display:flex;position:relative}.wordmark{letter-spacing:.09em;align-items:center;gap:14px;font:900 27px Barlow Condensed,sans-serif;display:flex}.wordmark img{object-fit:contain;width:50px;height:50px}.wordmark small{color:#bc9180;letter-spacing:.14em;margin-top:1px;font:600 9px DM Sans,sans-serif;display:block}.site-header nav{gap:42px;display:flex}.site-header nav a,.lang{letter-spacing:.13em;text-transform:uppercase;font-size:11px;font-weight:700}.site-header nav a:hover{color:#f05a43}.lang{white-space:nowrap}.lang button{color:#94746b;background:0 0;border:0;padding:8px}.lang button[aria-pressed=true]{color:#fff}.lang span{color:#8e5348}.hero{isolation:isolate;background:#1c0808;min-height:760px;position:relative;overflow:hidden}.hero-image{object-fit:contain;object-position:right center;z-index:-2;filter:saturate(1.15);width:76%;height:100%;position:absolute;top:0;right:-6%}.hero-shade{z-index:-1;background:linear-gradient(90deg,#160c0b 0%,#160c0bee 25%,#160c0bbb 43%,#160c0b08 79%),linear-gradient(#160c0b55,#0000 20% 78%,#160c0b 100%);position:absolute;inset:0}.hero-inner{flex-direction:column;justify-content:space-between;align-items:flex-start;max-width:1550px;min-height:760px;margin:0 auto;padding:70px clamp(25px,6vw,110px) 84px;display:flex}.eyebrow,.kicker{letter-spacing:.23em;color:#e7aa88;font-size:11px;font-weight:700}.eyebrow{border:1px solid #8a4637;padding:13px 18px}.hero-type{max-width:750px}.serial{letter-spacing:.27em;color:#f1b190;font:700 12px DM Sans,sans-serif}.hero h1{letter-spacing:-.035em;margin:8px 0 18px;font:900 clamp(96px,12vw,190px)/.74 Barlow Condensed,sans-serif}.hero h1 span,.system-heading h2 span,.arena-title h2 span{color:#ec4934}.hero-kicker{color:#f1bb96;letter-spacing:.23em;font-size:11px;font-weight:700}.hero h2{color:#ee4c39;margin:14px 0 15px;font:800 clamp(44px,5vw,76px)/.98 Barlow Condensed,sans-serif}.hero-sub{color:#f4daca;max-width:510px;font-size:16px;line-height:1.9}.hero-cta{color:#fff;letter-spacing:.1em;background:#c9362b;justify-content:space-between;align-items:center;gap:52px;padding:18px 26px;font-size:12px;font-weight:800;transition:background .2s;display:inline-flex}.hero-cta:hover{background:#f1503b}.hero-bottom{color:#e7bda3;letter-spacing:.15em;border-top:1px solid #9a443d55;justify-content:space-between;gap:15px;padding:22px clamp(25px,6vw,110px);font-size:10px;display:flex;position:absolute;bottom:0;left:0;right:0}.section{padding:110px clamp(24px,7vw,128px)}.skill{color:#26110d;background:#f1dfc0;grid-template-columns:1fr 1fr;align-items:center;gap:7vw;display:grid}.skill .kicker,.system .kicker{color:#aa392d}h2,h3,p{margin-top:0}.skill h2,.arena h2,.outro h2{margin:24px 0 30px;font:900 clamp(60px,7vw,114px)/.86 Barlow Condensed,sans-serif}.skill h2 em,.outro h2 em{color:#c5372a;font-style:normal}.skill-copy>p{color:#6b493b;max-width:530px;line-height:1.9}.availability{color:#765445;border-top:1px solid #d4b799;flex-wrap:wrap;align-items:center;gap:10px;margin-top:45px;padding-top:25px;font-size:11px;display:flex}.availability b{color:#a22a24}.live-dot{background:#c73d2e;border-radius:50%;width:9px;height:9px}.slash{padding:0 8px}.copy-card{color:#f1deca;background:#1a1110;border:1px solid #3e2a26;overflow:hidden;box-shadow:18px 18px #d8bea0}.copy-top{color:#d2ad92;letter-spacing:.13em;border-bottom:1px solid #4b3029;justify-content:space-between;gap:15px;padding:18px 23px;font-size:10px;font-weight:700;display:flex}.copy-pre{letter-spacing:.02em;min-height:300px;padding:37px 30px 45px;font:14px/2 DM Sans,monospace}.file-rule{color:#8c665c}.syntax{color:#f07753}.code-title{margin-top:12px;font-size:22px;font-weight:800}.code-muted{color:#95786c;font-size:11px}.copy-button{color:#fff;text-align:left;letter-spacing:.07em;background:#ca392b;border:0;justify-content:space-between;align-items:center;width:calc(100% - 46px);margin:0 23px;padding:22px 24px;font-size:15px;font-weight:800;display:flex}.copy-button:hover{background:#e34a36}.copy-button span:last-child{font-size:24px}.copy-links{flex-wrap:wrap;justify-content:space-between;gap:15px;padding:22px 23px;display:flex}.copy-links a,.copy-links button{color:#d9baa5;letter-spacing:.12em;background:0 0;border:0;padding:0;font-size:10px;font-weight:700}.copy-error{color:#ff9182;padding:0 23px 18px;font-size:11px}.system{background:#221210}.system-heading{justify-content:space-between;align-items:flex-end;gap:60px;display:flex}.system-heading h2,.arena-title h2{max-width:840px;margin:18px 0 43px;font:900 clamp(55px,7vw,103px)/.9 Barlow Condensed,sans-serif}.system-heading>p{color:#c1a496;max-width:340px;margin-bottom:45px;font-size:13px;line-height:1.8}.systems-grid{border-top:1px solid #674438;border-bottom:1px solid #674438;grid-template-columns:repeat(3,1fr);display:grid}.systems-grid article{padding:38px 30px 48px 0}.systems-grid article+article{border-left:1px solid #674438;padding-left:30px}.count{color:#dc4c37;font:800 45px Barlow Condensed,sans-serif}.systems-grid h3{margin:20px 0 12px;font:800 26px Barlow Condensed,sans-serif}.systems-grid p{color:#bea194;font-size:12px;line-height:1.9}.wave-demo{border:1px solid #684037;margin-top:55px;padding:30px}.wave-heading,.wave-legend{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.wave-heading>div:last-child{align-items:center;gap:20px;display:flex}.wave-heading button{color:#fff;background:#bb382b;border:0;width:40px;height:40px;font-size:23px}.wave-heading strong{letter-spacing:.07em;font:800 24px Barlow Condensed,sans-serif}.nodes{flex-wrap:wrap;align-items:center;gap:15px;min-height:85px;margin:20px 0;display:flex}.node{background:#542820;border:2px solid #d94b36;border-radius:50%;place-items:center;width:53px;height:53px;font:700 21px Barlow Condensed,sans-serif;display:grid}.wave-legend{letter-spacing:.1em;color:#b69584;border-top:1px solid #634138;padding-top:17px;font-size:10px}.wave-heading .kicker span{color:#906d62}.arena{background:#180c0b}.arena-title{text-align:center;max-width:900px;margin:0 auto 60px}.arena-title h2{margin-bottom:23px}.arena-title p{color:#bca094;line-height:1.85}.characters{grid-template-columns:1fr 1fr;gap:22px;display:grid}.character-card{background:radial-gradient(circle at 50% 42%,#653027,#2a1512 65%,#1b0e0d);border:1px solid #603a31;flex-direction:column;justify-content:flex-end;min-height:650px;margin:0;display:flex;position:relative;overflow:hidden}.character-card img{object-fit:contain;object-position:center center;width:calc(100% - 30px);height:calc(100% - 90px);position:absolute;inset:10px 15px 80px}.character-card figcaption{background:linear-gradient(#0000,#170909 32%);flex-direction:column;gap:8px;padding:25px 30px;display:flex;position:relative}.character-card b{font:800 25px Barlow Condensed,sans-serif}.character-card figcaption span{letter-spacing:.16em;color:#d9a18c;font-size:10px}.poster{background:#281511;border:1px solid #623a32;justify-content:center;align-items:center;min-height:420px;margin-top:28px;display:flex;position:relative}.poster>img{object-fit:contain;width:100%;height:auto;max-height:560px;display:block}.poster>div{background:linear-gradient(#0000,#180b0be8);justify-content:space-between;align-items:end;gap:20px;padding:36px;display:flex;position:absolute;bottom:0;left:0;right:0}.poster span{letter-spacing:.16em;font-size:10px}.poster strong{font:800 28px Barlow Condensed,sans-serif}.accents{grid-template-columns:1fr 1fr;gap:20px;margin-top:28px;display:grid}.accents img{object-fit:contain;background:#281513;border:1px solid #58382d;width:100%;height:220px}.outro{color:#28100d;background:#e7d0ac;justify-content:space-between;align-items:center;gap:30px;padding:70px clamp(24px,7vw,128px);display:flex}.outro>div>span{letter-spacing:.22em;font-size:11px;font-weight:700}.outro h2{margin:15px 0 25px}.outro a{letter-spacing:.12em;border-bottom:2px solid #b73529;padding-bottom:10px;font-size:13px;font-weight:800}.outro>img{object-fit:contain;width:min(27%,300px)}footer{color:#c39b85;letter-spacing:.12em;background:#110807;flex-wrap:wrap;justify-content:space-between;gap:20px;padding:25px 7vw;font-size:10px;font-weight:700;display:flex}@media (max-width:900px){.site-header nav{display:none}.hero,.hero-inner{min-height:680px}.hero-image{opacity:.7;width:105%;right:-30%}.hero-shade{background:linear-gradient(90deg,#160c0b 0%,#160c0bea 38%,#160c0b55 100%)}.skill{grid-template-columns:1fr}.skill-copy{max-width:730px}.system-heading{flex-direction:column;align-items:start;gap:0}.system-heading>p{max-width:700px}.characters .character-card{min-height:520px}}@media (max-width:620px){.site-header{height:76px;padding:0 18px}.wordmark{font-size:23px}.wordmark img{width:40px;height:40px}.wordmark small{font-size:8px}.hero,.hero-inner{min-height:750px}.hero-image{opacity:.8;object-position:center;width:145%;height:60%;top:16%;right:-45%}.hero-shade{background:linear-gradient(#170b0bd9 0%,#170b0b11 32%,#170b0ba8 58%,#170b0b 86%)}.hero-inner{justify-content:space-between;padding:40px 22px 92px}.eyebrow{max-width:300px;font-size:9px;line-height:1.6}.hero-type{margin-top:auto}.hero h1{font-size:clamp(75px,16vw,110px)}.hero h2{font-size:43px}.hero-sub{font-size:13px;line-height:1.7}.hero-kicker{font-size:9px}.hero-cta{margin-top:20px}.hero-bottom{padding:15px 22px;font-size:8px}.hero-bottom span:nth-child(2){display:none}.section{padding:75px 23px}.skill h2,.arena-title h2,.outro h2{font-size:60px}.copy-card{box-shadow:9px 9px #d5bb9c}.copy-pre{min-height:270px;padding:25px 17px;font-size:12px}.systems-grid{grid-template-columns:1fr}.systems-grid article,.systems-grid article+article{border-top:1px solid #654037;border-left:0;padding:25px 0}.wave-demo{padding:18px}.wave-heading{align-items:flex-start}.wave-heading .kicker{font-size:9px}.characters{grid-template-columns:1fr}.character-card{min-height:500px!important}.poster{min-height:200px}.poster>div{padding:20px}.poster strong{font-size:20px}.accents img{height:160px}.outro{padding:60px 22px}.outro>img{width:25%}footer{font-size:9px}}