:root{

  --ink:#0d0c0a;

  --ink2:#171512;

  --paper:#efece3;

  --paper2:#e2ddd0;

  --line:#2a2723;

  --line-lt:#cdc6b4;

  --amber:#d9a53a;

  --amber-dk:#a87c26;

  --rust:#c25a4a;

  --sage:#7a8f5a;

  --sea:#4a6fa5;

  --txt:#ece8df;

  --txt-dim:#a8a294;

  --txt-lt:#3a352c;

 

  --nav-h:58px;

  --tick-h:28px;

}

 

*{margin:0;padding:0;box-sizing:border-box}

html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + var(--tick-h) + 8px)}

body{

  background:var(--ink);

  color:var(--txt);

  font-family:'IBM Plex Sans',system-ui,sans-serif;

  font-size:15px;

  line-height:1.65;

  overflow-x:hidden;

  -webkit-font-smoothing:antialiased;

}

a{color:inherit;text-decoration:none}

button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}

img,svg{display:block;max-width:100%}

::selection{background:var(--amber);color:#000}

 

/* ticker */

.ticker{

  position:fixed;top:0;left:0;right:0;z-index:70;

  height:var(--tick-h);

  background:var(--ink2);

  border-bottom:1px solid var(--line);

  overflow:hidden;

  font-family:'IBM Plex Mono',monospace;

  font-size:11px;

  color:var(--txt-dim);

  letter-spacing:.3px;

  display:flex;align-items:center;

}

.ticker__track{

  display:flex;gap:22px;white-space:nowrap;padding:0 12px;

  animation:tick 60s linear infinite;

}

.ticker__track span:nth-child(even){color:var(--amber)}

@keyframes tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}

 

/* nav */

.nav{

  position:fixed;top:var(--tick-h);left:0;right:0;z-index:60;

  height:var(--nav-h);

  background:rgba(13,12,10,.94);

  backdrop-filter:blur(10px);

  -webkit-backdrop-filter:blur(10px);

  border-bottom:1px solid var(--line);

}

.nav__inner{

  max-width:1180px;height:100%;margin:0 auto;padding:0 22px;

  display:flex;align-items:center;justify-content:space-between;gap:16px;

}

.nav__logo{display:flex;align-items:center;gap:9px;flex-shrink:0}

.nav__mark{

  width:26px;height:26px;

  display:grid;place-items:center;

  background:var(--amber);color:#000;

  font-family:'Bebas Neue',sans-serif;font-size:19px;line-height:1;

  letter-spacing:.5px;

}

.nav__name{

  font-family:'IBM Plex Mono',monospace;

  font-size:14.5px;font-weight:600;color:var(--txt);

}

.nav__name em{color:var(--amber);font-style:normal}

.nav__links{

  display:flex;align-items:center;gap:20px;

  font-family:'IBM Plex Mono',monospace;font-size:12.5px;

}

.nav__links a{color:var(--txt-dim);transition:color .18s}

.nav__links a:hover{color:var(--amber)}

.nav__right{display:flex;align-items:center;gap:12px}

.lang{display:flex;border:1px solid var(--line)}

.lang__b{

  padding:5px 9px;font-family:'IBM Plex Mono',monospace;

  font-size:11px;color:var(--txt-dim);transition:.15s;

}

.lang__b+.lang__b{border-left:1px solid var(--line)}

.lang__b:hover{color:var(--txt)}

.lang__b.active{background:var(--amber);color:#000}

.nav__burger{display:none;flex-direction:column;gap:5px;padding:4px}

.nav__burger span{width:22px;height:2px;background:var(--txt);transition:.25s}

 

/* wrap */

.wrap{max-width:1180px;margin:0 auto;padding:0 22px;width:100%}

.pad{padding:100px 0;position:relative;background:var(--ink)}

.pad--paper{background:var(--paper);color:var(--txt-lt)}

.pad--paper .sec-head__title,.pad--paper .mod__name,.pad--paper .stat b{color:var(--ink)}

.pad--dark{background:var(--ink2)}

 

/* sec-head */

.sec-head{48px;max-width:640px;margin-bottom:48px}

.sec-head__num{

  font-family:'Bebas Neue',sans-serif;

  font-size:14px;letter-spacing:4px;color:var(--amber);display:block;margin-bottom:4px;

}

.pad--paper .sec-head__num{color:var(--amber-dk)}

.sec-head__title{

  font-family:'Bebas Neue',sans-serif;

  font-size:clamp(34px,5vw,56px);

  line-height:1;letter-spacing:1.2px;

  color:var(--txt);margin-bottom:12px;text-transform:lowercase;

}

.sec-head__sub{color:var(--txt-dim);max-width:520px;font-size:14.5px}

.pad--paper .sec-head__sub{color:#5a5446}

 

/* hero */

.hero{

  padding:calc(var(--nav-h) + var(--tick-h) + 70px) 0 90px;

  position:relative;overflow:hidden;

  background:var(--ink);border-bottom:1px solid var(--line);

}

.hero__grid{

  position:absolute;inset:0;

  background-image:

    linear-gradient(rgba(217,165,58,.05) 1px,transparent 1px),

    linear-gradient(90deg,rgba(217,165,58,.05) 1px,transparent 1px);

  background-size:64px 64px;

  mask-image:radial-gradient(ellipse at 30% 20%,#000 30%,transparent 75%);

  -webkit-mask-image:radial-gradient(ellipse at 30% 20%,#000 30%,transparent 75%);

  pointer-events:none;

}

.hero__inner{position:relative;max-width:1180px;margin:0 auto;padding:0 22px;width:100%}

.hero__kicker{

  font-family:'IBM Plex Mono',monospace;

  font-size:12px;color:var(--amber);letter-spacing:1px;margin-bottom:22px;

}

.hero__title{

  font-family:'Bebas Neue',sans-serif;

  font-size:clamp(52px,11vw,124px);

  line-height:.94;letter-spacing:1px;

  color:var(--txt);margin-bottom:26px;text-transform:lowercase;

  word-break:break-word;

}

.hero__title span{display:block}

.hero__title span+span{color:var(--amber);padding-left:clamp(0px,5vw,80px)}

.hero__lead{max-width:580px;color:var(--txt-dim);font-size:16.5px;margin-bottom:34px}

.hero__actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:52px}

.btn{

  display:inline-flex;align-items:center;gap:8px;

  padding:13px 22px;

  font-family:'IBM Plex Mono',monospace;

  font-size:13.5px;font-weight:600;letter-spacing:.4px;

  border:1px solid var(--line);transition:.18s;

}

.btn--ghost{color:var(--txt);background:transparent}

.btn--ghost:hover{border-color:var(--amber);color:var(--amber)}

.btn--solid{color:#000;background:var(--amber);border-color:var(--amber)}

.btn--solid:hover{background:#f0b840;border-color:#f0b840}

 

.hero__meta{

  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));

  border-top:1px solid var(--line);padding-top:22px;gap:0;

}

.hero__meta>div{padding:0 20px;border-left:1px solid var(--line);min-width:0}

.hero__meta>div:first-child{border-left:0;padding-left:0}

.hero__meta dt{

  font-family:'IBM Plex Mono',monospace;

  font-size:10.5px;color:var(--txt-dim);letter-spacing:1px;text-transform:uppercase;

  margin-bottom:4px;

}

.hero__meta dd{font-size:15px;font-weight:600;color:var(--txt);word-break:break-word}

 

/* changelog */

.clog{list-style:none;border-top:1px solid var(--line)}

.clog__row{

  display:grid;grid-template-columns:120px 86px 1fr;

  gap:22px;padding:20px 0;border-bottom:1px solid var(--line);

  align-items:start;transition:.2s;

}

.clog__row:hover{background:rgba(217,165,58,.03)}

.clog__date{

  font-family:'IBM Plex Mono',monospace;font-size:12.5px;color:var(--txt-dim);letter-spacing:.5px;

  padding-top:4px;

}

.clog__tag{

  font-family:'IBM Plex Mono',monospace;font-size:10.5px;

  color:var(--amber);border:1px solid var(--amber);

  padding:2px 6px;width:fit-content;

  text-transform:uppercase;letter-spacing:1px;

}

.clog__body h3{

  font-family:'Bebas Neue',sans-serif;

  font-size:22px;letter-spacing:1px;color:var(--txt);margin-bottom:4px;

}

.clog__body p{color:var(--txt-dim);font-size:14px;max-width:620px}

 

/* mods */

.mods{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line-lt);border:1px solid var(--line-lt)}

.mod{background:var(--paper);padding:26px 24px;transition:.2s}

.mod:hover{background:#f5f2ea}

.mod__name{

  font-family:'Bebas Neue',sans-serif;font-size:24px;letter-spacing:1px;

  color:var(--ink);margin-bottom:8px;

}

.mod__desc{color:#4a4436;font-size:14px;margin-bottom:14px;max-width:400px}

.mod__tag{

  display:inline-block;font-family:'IBM Plex Mono',monospace;

  font-size:10.5px;letter-spacing:1px;text-transform:uppercase;

  color:var(--amber-dk);border:1px solid var(--amber-dk);

  padding:2px 8px;

}

 

/* demo */

.demo{border:1px solid var(--line);background:var(--ink2)}

.demo__stage{

  position:relative;

  aspect-ratio:16/10;

  min-height:520px;

  background:#0a0908;

  overflow:hidden;

  user-select:none;

  -webkit-user-select:none;

}

.demo__grid{

  position:absolute;inset:0;

  background-image:

    linear-gradient(rgba(217,165,58,.05) 1px,transparent 1px),

    linear-gradient(90deg,rgba(217,165,58,.05) 1px,transparent 1px);

  background-size:44px 44px;

}

.demo__scanline{

  position:absolute;inset:0;pointer-events:none;

  background:repeating-linear-gradient(180deg,rgba(0,0,0,0) 0 2px,rgba(0,0,0,.12) 2px 3px);

  mix-blend-mode:multiply;

}

.demo__corner{

  position:absolute;padding:6px 10px;

  font-family:'IBM Plex Mono',monospace;font-size:11px;

  background:rgba(13,12,10,.7);border:1px solid var(--line);

  color:var(--txt-dim);letter-spacing:.4px;white-space:nowrap;

}

.demo__corner b{color:var(--amber)}

.demo__corner--tl{top:14px;left:14px}

.demo__corner--tr{top:14px;right:14px}

.demo__corner--bl{bottom:14px;left:14px}

.demo__corner--br{bottom:14px;right:14px}

 

.demo__crosshair{

  position:absolute;top:50%;left:50%;

  width:calc(30px * var(--ch, 1));

  height:calc(30px * var(--ch, 1));

  transform:translate(-50%,-50%);

  transition:width .12s,height .12s;

  pointer-events:none;

}

.demo__crosshair i{position:absolute;background:var(--chc,#d9a53a);transition:background .12s}

.demo__crosshair .t{width:2px;height:8px;top:0;left:50%;transform:translateX(-50%)}

.demo__crosshair .b{width:2px;height:8px;bottom:0;left:50%;transform:translateX(-50%)}

.demo__crosshair .l{width:8px;height:2px;top:50%;left:0;transform:translateY(-50%)}

.demo__crosshair .r{width:8px;height:2px;top:50%;right:0;transform:translateY(-50%)}

.demo__crosshair .d{width:3px;height:3px;top:50%;left:50%;transform:translate(-50%,-50%);background:#ece8df}

 

.demo__enemy{

  position:absolute;left:62%;top:38%;

  width:44px;height:96px;pointer-events:none;

}

.de-head{position:absolute;top:0;left:50%;transform:translateX(-50%);width:22px;height:22px;background:#3a352c;border:1px solid #4a4436}

.de-body{position:absolute;top:24px;left:50%;transform:translateX(-50%);width:40px;height:70px;background:linear-gradient(180deg,#2a2723,#1a1814);border:1px solid #3a352c}

.de-box{position:absolute;inset:-10px -8px -6px -8px;border:1px solid #d9a53a;opacity:0;transition:.2s}

.de-name{position:absolute;top:-26px;left:50%;transform:translateX(-50%);font-family:'IBM Plex Mono',monospace;font-size:11px;color:#d9a53a;white-space:nowrap;opacity:0;transition:.2s}

.de-hp{position:absolute;top:-14px;left:-8px;right:-8px;height:3px;background:rgba(0,0,0,.6);opacity:0;transition:.2s}

.de-hp i{display:block;height:100%;width:78%;background:#d9a53a}

.demo__enemy.esp-on .de-box{opacity:1}

.demo__enemy.esp-on.nm-on .de-name{opacity:1}

.demo__enemy.esp-on.hp-on .de-hp{opacity:1}

.demo__enemy.box-off .de-box{opacity:0}

.demo__enemy.box-corner .de-box{

  border:none;

  background:

    linear-gradient(#d9a53a,#d9a53a) left top/12px 2px no-repeat,

    linear-gradient(#d9a53a,#d9a53a) left top/2px 12px no-repeat,

    linear-gradient(#d9a53a,#d9a53a) right top/12px 2px no-repeat,

    linear-gradient(#d9a53a,#d9a53a) right top/2px 12px no-repeat,

    linear-gradient(#d9a53a,#d9a53a) left bottom/12px 2px no-repeat,

    linear-gradient(#d9a53a,#d9a53a) left bottom/2px 12px no-repeat,

    linear-gradient(#d9a53a,#d9a53a) right bottom/12px 2px no-repeat,

    linear-gradient(#d9a53a,#d9a53a) right bottom/2px 12px no-repeat;

}

 

/* panel */

.panel{

  position:absolute;top:14px;left:14px;

  width:290px;background:rgba(13,12,10,.97);

  border:1px solid var(--line);

  z-index:15;max-height:calc(100% - 28px);

  display:flex;flex-direction:column;

  transition:transform .22s,opacity .22s;

  box-shadow:0 8px 30px rgba(0,0,0,.6);

}

.panel.hide{transform:translateX(-320px);opacity:0;pointer-events:none}

.panel.min .panel__body{display:none}

.panel__bar{

  display:flex;align-items:center;justify-content:space-between;

  padding:10px 12px;border-bottom:1px solid var(--line);

  cursor:grab;

}

.panel__bar:active{cursor:grabbing}

 .panel__title{font-family:'IBM Plex Mono',monospace;font-size:11.5px;color:var(--amber);letter-spacing:.6px}

.panel__actions{display:flex;gap:6px}

.panel__min,.panel__close{width:16px;height:16px;position:relative;background:transparent;border:1px solid var(--line);transition:.15s}

.panel__min::after{content:'';position:absolute;inset:0;margin:auto;width:8px;height:1.5px;background:var(--txt-dim)}

.panel__close::before,.panel__close::after{content:'';position:absolute;inset:0;margin:auto;width:8px;height:1.5px;background:var(--txt-dim)}

.panel__close::before{transform:rotate(45deg)}

.panel__close::after{transform:rotate(-45deg)}

.panel__min:hover{border-color:var(--amber)}

.panel__min:hover::after{background:var(--amber)}

.panel__close:hover{border-color:var(--rust)}

.panel__close:hover::before,.panel__close:hover::after{background:var(--rust)}

.panel__body{padding:12px;overflow-y:auto;scrollbar-width:thin}

.panel__body::-webkit-scrollbar{width:5px}

.panel__body::-webkit-scrollbar-thumb{background:var(--line)}

 

.tabs{display:flex;margin-bottom:14px;border:1px solid var(--line)}

.tab{

  flex:1;padding:7px 4px;font-family:'IBM Plex Mono',monospace;

  font-size:10.5px;color:var(--txt-dim);letter-spacing:.4px;

  transition:.15s;border-right:1px solid var(--line);white-space:nowrap;

}

.tab:last-child{border-right:0}

.tab:hover{color:var(--txt)}

.tab.active{background:var(--amber);color:#000}

.pane{display:none;flex-direction:column;gap:8px;min-height:270px}

.pane.active{display:flex}

 

.row{

  display:flex;align-items:center;justify-content:space-between;gap:10px;

  padding:9px 11px;

  background:rgba(255,255,255,.02);

  border:1px solid var(--line);

  font-size:12.5px;transition:.15s;

}

.row:hover{border-color:#3a352c}

.row--col{flex-direction:column;align-items:stretch}

.row__label{color:var(--txt-dim);font-weight:500;font-size:12px}

.row__head{display:flex;justify-content:space-between;align-items:center;color:var(--txt-dim);font-weight:500;font-size:12px}

 .row__head b{font-family:'IBM Plex Mono',monospace;color:var(--amber);font-size:12px}

.row>span:first-child{color:var(--txt-dim);font-weight:500;font-size:12.5px}

 

.sw{position:relative;display:inline-block;width:34px;height:18px;flex-shrink:0}

.sw input{opacity:0;width:0;height:0}

.sw i{position:absolute;inset:0;background:#2a2723;border:1px solid var(--line);transition:.2s;cursor:pointer}

.sw i::before{content:'';position:absolute;width:12px;height:12px;left:2px;top:2px;background:var(--txt-dim);transition:.2s}

.sw input:checked + i{background:var(--amber);border-color:var(--amber)}

.sw input:checked + i::before{transform:translateX(16px);background:#000}

 

input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:3px;background:var(--line);outline:none;margin-top:8px}

input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background:var(--amber);cursor:pointer;border-radius:0}

input[type=range]::-moz-range-thumb{width:12px;height:12px;background:var(--amber);cursor:pointer;border:none;border-radius:0}

 

 .seg{display:flex;gap:8px;border:1px solid var(--line)}

.seg button{

  flex:1;padding:6px 4px;font-family:'IBM Plex Mono',monospace;

  font-size:10.5px;color:var(--txt-dim);letter-spacing:.3px;

  border-right:1px solid var(--line);transition:.15s;white-space:nowrap;

}

.seg button:last-child{border-right:0}

.seg button:hover{color:var(--txt)}

.seg button.active{background:var(--amber);color:#000}

 

 .swatch{display:flex;gap:6px;margin-bottom:9px;flex-wrap:wrap}

.swatch button{width:22px;height:22px;background:var(--c);border:2px solid transparent;transition:.15s}

.swatch button:hover{transform:translateY(-2px)}

.swatch button.on{border-color:var(--txt)}

 

 .panel__foot{display:flex;gap:8px;margin-top:14px}

.pb{flex:1;padding:9px;font-family:'IBM Plex Mono',monospace;font-size:11.5px;letter-spacing:.4px;color:var(--txt-dim);background:transparent;border:1px solid var(--line);transition:.15s}

.pb:hover{color:var(--txt);border-color:#4a4436}

.pb--accent{background:var(--amber);color:#000;border-color:var(--amber)}

.pb--accent:hover{background:#f0b840;border-color:#f0b840}

.panel__status{display:flex;align-items:center;gap:8px;justify-content:center;margin-bottom:12px;padding-top:10px;border-top:1px solid var(--line);font-family:'IBM Plex Mono',monospace;font-size:10.5px;color:var(--txt-dim)}

.panel__status .dot{width:6px;height:6px;background:var(--amber);animation:blink 1.6s infinite}

@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}

 

.panel-open{

  position:absolute;top:14px;left:14px;

  padding:9px 14px;font-family:'IBM Plex Mono',monospace;font-size:11.5px;

  color:var(--amber);background:rgba(13,12,10,.9);

  border:1px solid var(--line);z-index:14;letter-spacing:.4px;transition:.15s;

}

.panel-open:hover{border-color:var(--amber)}

.panel:not(.hide) ~ .panel-open{display:none}

 

/* stats */

.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line-lt)}

.stat{padding:24px 22px 24px 0;border-bottom:1px solid var(--line-lt);border-right:1px solid var(--line-lt);min-width:0}

.stat:nth-child(4n){border-right:0;padding-right:0}

 .stat b{display:block;font-family:'Bebas Neue',sans-serif;font-size:42px;letter-spacing:1px;line-height:1;color:var(--ink);margin-bottom:6px}

 .stat span{display:block;font-family:'IBM Plex Mono',monospace;font-size:11px;color:#4a4436;font-weight:600;letter-spacing:.4px;text-transform:uppercase;margin-bottom:4px}

.stat em{font-style:normal;font-size:12.5px;color:#7a7466}

 

/* faq */

.faq{max-width:820px}

.faq__item{border-top:1px solid var(--line);padding:16px 0}

.faq__item:last-child{border-bottom:1px solid var(--line)}

.faq__item summary{

  cursor:pointer;list-style:none;

  font-size:15px;font-weight:600;color:var(--txt);

  display:flex;justify-content:space-between;align-items:center;gap:12px;

}

.faq__item summary::-webkit-details-marker{display:none}

.faq__item summary::after{

  content:'+';font-family:'IBM Plex Mono',monospace;

  color:var(--amber);font-size:18px;line-height:1;flex-shrink:0;transition:.2s;

}

.faq__item[open] summary::after{content:'−'}

.faq__item p{color:var(--txt-dim);font-size:14px;margin-top:12px;max-width:680px}

 

/* download */

.dl{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:50px;align-items:center}

 .dl__title{font-family:'Bebas Neue',sans-serif;font-size:clamp(44px,7vw,80px);letter-spacing:1px;color:var(--amber);line-height:1;margin-bottom:16px}

.dl__lead{color:var(--txt-dim);max-width:520px;margin-bottom:28px}

.dl__specs{list-style:none;border-top:1px solid var(--line)}

.dl__specs li{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--line);font-size:13.5px}

.dl__specs li span{color:var(--txt-dim);font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.5px;text-transform:uppercase;flex-shrink:0}

.dl__specs li b{color:var(--txt);font-weight:500;word-break:break-all;text-align:right}

 

.dl__right{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px}

.dl__ring{

  width:160px;height:160px;

  border:1px solid var(--amber);border-radius:50%;

  display:grid;place-items:center;

  font-family:'Bebas Neue',sans-serif;color:var(--amber);

  position:relative;flex-shrink:0;

}

.dl__ring::before{content:'';position:absolute;inset:12px;border:1px dashed rgba(217,165,58,.35);border-radius:50%}

.dl__ring span{font-size:58px;line-height:1;letter-spacing:1px}

.dl__ring small{display:block;font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:2px;color:var(--txt-dim);margin-top:-4px;text-align:center}

.dl__btn{

  width:100%;max-width:300px;

  padding:15px 18px;background:var(--amber);color:#000;

  font-family:'IBM Plex Mono',monospace;font-size:13px;font-weight:600;

  letter-spacing:.5px;transition:.18s;

  display:flex;flex-direction:column;gap:4px;align-items:center;

}

.dl__btn em{font-style:normal;font-size:10.5px;color:rgba(0,0,0,.6);letter-spacing:.4px;font-weight:400}

.dl__btn:hover{background:#f0b840}

.dl__note{font-size:12.5px;color:var(--txt-dim);max-width:300px}

 

/* footer */

.foot{background:#000;color:var(--txt);padding:60px 0 22px;border-top:1px solid var(--line)}

.foot__inner{max-width:1180px;margin:0 auto;padding:0 22px;display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.4fr);gap:36px}

 .foot__col h4{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--txt-dim);margin-bottom:14px}

.foot__col a,.foot__col span{display:block;color:var(--txt-dim);font-size:13.5px;margin-bottom:8px;transition:.15s;word-break:break-word}

.foot__col a:hover{color:var(--amber)}

.foot__col p{color:var(--txt-dim);font-size:13.5px;max-width:340px;margin-bottom:12px}

.foot__bottom{max-width:1180px;margin:44px auto 0;padding:20px 22px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;font-family:'IBM Plex Mono',monospace;font-size:11.5px;color:var(--txt-dim);flex-wrap:wrap}

 

/* cookie */

.ck{position:fixed;bottom:20px;right:20px;z-index:90;max-width:360px;width:calc(100% - 40px)}

.ck[hidden]{display:none}

.ck__box{background:var(--ink2);border:1px solid var(--line);padding:22px 20px 16px;box-shadow:0 12px 40px rgba(0,0,0,.7);animation:ckin .32s cubic-bezier(.2,.7,.3,1)}

@keyframes ckin{from{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}

 .ck__title{font-family:'Bebas Neue',sans-serif;font-size:22px;letter-spacing:1px;color:var(--amber);margin-bottom:10px}

.ck__text{font-size:13px;color:var(--txt-dim);margin-bottom:16px}

 .ck__row{display:flex;gap:8px;margin-bottom:12px}

.ck__b{flex:1;padding:10px;font-family:'IBM Plex Mono',monospace;font-size:11.5px;letter-spacing:.4px;transition:.15s}

.ck__b--no{background:transparent;color:var(--txt-dim);border:1px solid var(--line)}

.ck__b--no:hover{border-color:#4a4436;color:var(--txt)}

.ck__b--yes{background:var(--amber);color:#000;border:1px solid var(--amber)}

.ck__b--yes:hover{background:#f0b840}

.ck__foot{font-size:10.5px;color:#7a7466;font-family:'IBM Plex Mono',monospace;letter-spacing:.3px}

 

/* toast */

.toast{

  position:fixed;bottom:20px;left:20px;z-index:95;

  padding:11px 18px;font-family:'IBM Plex Mono',monospace;font-size:12.5px;

  color:var(--txt);background:var(--ink2);border:1px solid var(--amber);

  transform:translateY(60px);opacity:0;transition:.3s;pointer-events:none;

  max-width:calc(100vw - 40px);

}

.toast.on{transform:translateY(0);opacity:1}

 

/* responsive */

@media (max-width:980px){

  .hero__meta{grid-template-columns:repeat(2,1fr);gap:0}

  .hero__meta>div{padding:14px 16px;border-top:1px solid var(--line)}

  .hero__meta>div:nth-child(odd){border-left:0;padding-left:0}

  .hero__meta>div:first-child,.hero__meta>div:nth-child(2){border-top:0}

  .stats{grid-template-columns:repeat(2,1fr)}

  .stat:nth-child(2n){border-right:0;padding-right:0}

  .stat:nth-child(2n+1){padding-left:0}

  .foot__inner{grid-template-columns:1fr 1fr;gap:28px}

  .dl{grid-template-columns:1fr;gap:40px}

  .dl__right{flex-direction:row;align-items:center;text-align:left;justify-content:flex-start;gap:22px;flex-wrap:wrap}

  .dl__btn{max-width:260px}

  .clog__row{grid-template-columns:1fr;gap:6px}

  .clog__date{padding-top:0}

  .clog__tag{4px}

}

@media (max-width:760px){

  :root{--tick-h:26px;--nav-h:56px}

  .nav__links{

    position:fixed;top:calc(var(--tick-h) + var(--nav-h));

    left:12px;right:12px;

    flex-direction:column;align-items:stretch;gap:0;

    background:var(--ink2);border:1px solid var(--line);

    transform:translateY(-140%);transition:transform .25s cubic-bezier(.2,.7,.3,1);

    padding:10px 16px;z-index:55;

    box-shadow:0 20px 40px rgba(0,0,0,.7);

  }

  .nav__links.open{transform:translateY(0)}

  .nav__links a{padding:11px 0;border-bottom:1px solid var(--line);font-size:13px}

  .nav__links a:last-child{border-bottom:0}

  .nav__burger{display:flex}

  .hero{padding:calc(var(--nav-h) + var(--tick-h) + 40px) 0 60px}

  .hero__title{font-size:clamp(44px,13vw,72px)}

  .hero__title span+span{padding-left:0}

  .mods{grid-template-columns:1fr}

  .demo__stage{aspect-ratio:auto;height:82vh;min-height:520px}

  .panel{width:calc(100% - 28px);left:14px;right:14px;max-height:calc(100% - 28px)}

  .sec-head__title{font-size:clamp(30px,9vw,44px)}

  .sec-head__num{font-size:12px;letter-spacing:3px}

  .foot__inner{grid-template-columns:1fr;gap:24px}

  .foot__bottom{flex-direction:column;gap:6px}

  .ck{left:16px;right:16px;bottom:16px;width:auto;max-width:none}

  .toast{left:16px;right:16px;max-width:none}

  .stats{grid-template-columns:1fr}

  .stat{border-right:0;padding:20px 0 !important}

  .dl__ring{width:130px;height:130px}

  .dl__ring span{font-size:46px}

  .dl__right{flex-direction:column;align-items:center;text-align:center}

  .dl__btn{max-width:none}

}

@media (max-width:420px){

  .hero__kicker{font-size:11px}

  .hero__actions .btn{width:100%;justify-content:center}

  .demo__corner{font-size:10px;padding:5px 8px}

  .demo__corner--tr{max-width:120px;overflow:hidden;text-overflow:ellipsis}

}