/* generated by tools/build_marketing.py - do not edit by hand */
.mk{--bg:#0B0F14;--panel:#131A22;--panel2:#1A2330;--line:#222C38;--ink:#E8EDF2;--mute:#8A96A3;--acc:#C6F432;--bad:#FF5C5C;--warn:#FFB547;--gold:#F5C542;--teal:#2EC4B6;--cond:"Barlow Condensed","Arial Narrow","Roboto Condensed",sans-serif}
.mk *{box-sizing:border-box}
.mk{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.mk h1,.mk h2,.mk h3{font-family:var(--cond);font-weight:800;text-transform:uppercase;letter-spacing:.01em;line-height:1;margin:.2em 0 .4em}
.mk .wrap{max-width:1120px;margin:0 auto;padding:0 18px}
.mk .acc{color:var(--acc)}
.mk .mute{color:var(--mute)}
.mk .kicker{font:800 13px var(--cond);letter-spacing:.2em;color:var(--acc);text-transform:uppercase}
.mk .btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:12px;background:var(--acc);color:#0B0F14;font:800 17px var(--cond);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;border:0;cursor:pointer}
.mk .ghost{background:transparent;color:var(--acc);border:1.5px solid var(--acc)}
.mk .card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:18px}
.mk .ph{display:inline-block;background:rgba(255,181,71,.12);color:var(--warn);border:1px dashed var(--warn);border-radius:6px;padding:1px 6px;font:600 12px ui-monospace,monospace}
.mk .unv{color:var(--warn);font:700 11px ui-monospace,monospace}
.mk{margin:-16px calc(50% - 50vw) 0;background:var(--bg);color:var(--ink);font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.mk a.btn{color:#0B0F14}.mk a.btn.ghost{color:var(--acc)}
/* home-epic */
.mk .hero{position:relative;min-height:min(78vh,620px);display:flex;align-items:flex-end;overflow:hidden}
.mk .hero picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mk .hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,15,20,.1),rgba(11,15,20,.55) 50%,#0B0F14)}
.mk .hero .wrap{position:relative;z-index:2;padding-bottom:40px}
.mk .hero h1{font-size:clamp(48px,12vw,104px)}
.mk .hero h1 em{font-style:normal;color:var(--acc);display:block}
.mk section{padding:44px 0}
.mk .sec h2{font-size:clamp(34px,8vw,60px)}
.mk .grid{display:grid;gap:14px}
@media(min-width:860px){.mk .grid.two{grid-template-columns:1fr 1fr}
.mk .grid.three{grid-template-columns:repeat(3,1fr)}}
.mk .num{font:800 64px var(--cond);color:var(--acc);line-height:.9}
.mk .toggle{display:inline-flex;background:var(--panel2);border-radius:999px;padding:4px;margin:10px 0}
.mk .toggle button{border:0;background:none;color:var(--ink);font:800 16px var(--cond);padding:8px 18px;border-radius:999px;cursor:pointer;letter-spacing:.05em}
.mk .toggle button.on{background:var(--acc);color:#0B0F14}
.mk .bench{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;margin-top:8px}
.mk .bench div{aspect-ratio:3/4;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;font:800 18px var(--cond);transition:.25s}
.mk .bench .f{background:linear-gradient(160deg,#2a3a12,#1a2330);border:1px solid var(--acc);color:var(--acc)}
.mk .bench .b{background:var(--panel2);border:1px solid var(--line);color:var(--ink)}
.mk .bench small{font:500 10px system-ui;color:var(--mute)}
.mk .chip{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 12px;font:700 14px var(--cond);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;border:1px solid}
.mk .chip i{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}
.mk .fit{color:var(--acc);border-color:var(--acc)}
.mk .doubt{color:var(--warn);border-color:var(--warn)}
.mk .out{color:var(--bad);border-color:var(--bad)}
.mk .prow{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}
.mk .prow b{font:700 19px var(--cond)}
.mk .cap{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--acc);color:#0B0F14;font:800 16px var(--cond)}
.mk .idc{position:relative;border-radius:18px;padding:18px;background:linear-gradient(135deg,#1a2330,#0f151c);border:1px solid var(--gold);overflow:hidden;max-width:360px}
.mk .idc:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 40%,rgba(198,244,50,.18) 50%,transparent 60%);animation:sh 4s infinite}
@keyframes sh{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
.mk .badge{width:58px;height:66px;clip-path:polygon(50% 0,100% 18%,100% 70%,50% 100%,0 70%,0 18%);background:linear-gradient(#C6F432 50%,#0B0F14 50%);display:grid;place-items:center;font:800 22px var(--cond);color:#fff;text-shadow:0 1px 3px #000}
.mk .seal{position:absolute;right:14px;top:14px;width:62px;height:62px;border-radius:50%;border:2px dashed var(--teal);color:var(--teal);display:grid;place-items:center;text-align:center;font:800 12px/1 var(--cond)}
.mk table{width:100%;border-collapse:collapse;font-size:14px}
.mk th,.mk td{padding:10px 8px;border-bottom:1px solid var(--line);text-align:center}
.mk th:first-child,.mk td:first-child{text-align:left}
.mk thead th{font:800 15px var(--cond);text-transform:uppercase;letter-spacing:.04em;color:var(--mute)}
.mk thead th.us{color:#0B0F14;background:var(--acc);border-radius:10px 10px 0 0}
.mk td.us{background:rgba(198,244,50,.07);color:var(--acc);font-weight:700}
.mk .tw{overflow-x:auto;-webkit-overflow-scrolling:touch}
.mk .tw table{min-width:860px}
.mk .nc{color:var(--mute);font-style:italic}
.mk sup a{color:var(--mute);font-size:10px;text-decoration:none;margin-left:2px}
.mk .also{background:var(--panel);border:1px solid var(--acc);border-radius:14px;padding:12px 14px;margin:14px 0}
.mk .fns{color:var(--mute);font-size:11px;padding-left:18px;word-break:break-word}
.mk .fns a{color:var(--mute)}
.mk .cta{text-align:center;padding:56px 18px;background:radial-gradient(circle at 50% 0,rgba(198,244,50,.18),transparent 60%)}
.mk .cta h2{font-size:clamp(40px,10vw,80px)}
.mk .cta .btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:18px}
/* how-to-play */
.mk .banner{position:relative;padding:56px 0 34px;overflow:hidden}
.mk .banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35}
.mk .banner:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,#0B0F14)}
.mk .banner .wrap{position:relative;z-index:2}
.mk .banner h1{font-size:clamp(46px,11vw,88px)}
.mk nav.sn{position:sticky;top:59px;z-index:15;background:rgba(11,15,20,.95);border-bottom:1px solid var(--line);overflow-x:auto;white-space:nowrap}
.mk nav.sn a{display:inline-block;padding:14px 16px;color:var(--mute);text-decoration:none;font:800 16px var(--cond);text-transform:uppercase;letter-spacing:.06em;border-bottom:3px solid transparent}
.mk nav.sn a.on{color:var(--acc);border-color:var(--acc)}
.mk section{padding:36px 0;scroll-margin-top:110px}
.mk section h2{font-size:clamp(32px,7vw,52px)}
.mk .steps{display:grid;gap:12px}
@media(min-width:860px){.mk .steps{grid-template-columns:repeat(3,1fr)}
.mk .grid2{grid-template-columns:1fr 1fr}}
.mk .grid2{display:grid;gap:12px}
.mk .card h3{font-size:24px}
.mk .step{position:relative;overflow:hidden}
.mk .step .n{font:800 70px var(--cond);color:var(--acc);opacity:.9;line-height:.9}
.mk .step h3{font-size:24px}
.mk .rules li{margin:8px 0}
.mk table{width:100%;border-collapse:collapse}
.mk th,.mk td{padding:11px 10px;border-bottom:1px solid var(--line);text-align:left}
.mk th{color:var(--mute);font:800 14px var(--cond);text-transform:uppercase;letter-spacing:.05em}
.mk td.p{text-align:right;font:800 20px var(--cond);color:var(--acc)}
.mk details{background:var(--panel);border:1px solid var(--line);border-radius:14px;margin:10px 0;padding:0 16px}
.mk summary{cursor:pointer;padding:16px 0;font:700 19px var(--cond);list-style:none;display:flex;justify-content:space-between}
.mk summary::after{content:"+";color:var(--acc);font-size:24px}
.mk details[open] summary::after{content:"–"}
.mk details p{margin:0 0 16px;color:var(--mute)}
.mk .tc{padding:6px 8px;overflow-x:auto}
.mk .tc th,.mk .tc td{text-align:left}
.mk main h3{font-size:24px;margin-top:22px;scroll-margin-top:110px}
.mk section p{color:#c5ced8}
.mk .step p{margin:0;color:var(--mute)}
.mk nav.sn{top:var(--hdr,56px)!important}.mk section[id],.mk h3[id]{scroll-margin-top:calc(var(--hdr,56px) + 56px)}