.hero{padding-block:var(--s-7) var(--s-6)}.hero-grid{position:relative;row-gap:var(--s-6);align-items:center}.now{margin-top:var(--s-5);display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--s-3);max-width:34ch}.now .label{margin:0;white-space:nowrap}.now .m-div{width:100%}.stage .cart:before{inset:-6% -8% -14% -6%}.stage .cart-plate{margin-top:var(--s-3)}.stage .m-div{margin-top:var(--s-4);width:92%}.plate-link{color:inherit;text-decoration:none;background:linear-gradient(var(--g),var(--g)) 0 100% / 0 2px no-repeat;transition:background-size var(--t-out) var(--ease-out)}.plate-link:hover,.plate-link:focus-visible{background-size:100% 2px;transition-duration:var(--t-in)}.plate-link:after{content:" →";font-size:.7em;color:var(--g)}.stack-hint{margin-top:10px;color:var(--muted);font-size:13px}@media(hover:none){.stack-hint .mouse{display:none}}@media(hover:hover){.stack-hint .touch{display:none}}.hero-copy{grid-column:1 / 7}.stage{grid-column:7 / 13}.switch-row{grid-column:1 / -1}@media(min-width:1400px){.hero-copy{grid-row:1 / span 2}.stage{grid-row:1;align-self:end}.switch-row{grid-column:7 / 13;grid-row:2;align-self:start}}@media(max-width:900px){.hero-copy,.stage{grid-column:1 / -1}}.hero h1{margin-top:var(--s-3)}.hero-line{margin-top:var(--s-3);max-width:34ch;min-height:3.1em;font-size:clamp(18px,1.45vw,23px);line-height:1.45;color:var(--muted);transition:opacity .35s var(--ease),transform .35s var(--ease)}.hero-line.swap{opacity:0;transform:translateY(6px)}.hero .capture{margin-top:var(--s-5)}.hero-meta{margin-top:var(--s-4);display:flex;flex-wrap:wrap;gap:6px 20px;color:var(--muted);font-size:15px;align-items:center}.hero-meta strong{color:var(--text);font-weight:650}.hero-meta span:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--g);margin-right:10px;vertical-align:middle}.switch{display:flex;flex-wrap:wrap;gap:8px}.switch::-webkit-scrollbar{display:none}@media(min-width:1400px){.switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}}.pill{position:relative;flex:none;scroll-snap-align:start;display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:6px 18px 6px 6px;border-radius:999px;border:1px solid var(--line);background:var(--night-2);font-weight:600;font-size:15px;overflow:hidden}.pill img{width:38px;height:38px;border-radius:50%}.pill:hover{background:var(--night-3)}.pill[aria-selected=true]{border-color:var(--g);background:color-mix(in oklab,var(--g) 16%,var(--night-2))}.pill .prog{position:absolute;left:52px;right:18px;bottom:6px;height:2px;border-radius:2px;background:var(--g);transform:scaleX(0);transform-origin:left;opacity:0}.switch.auto .pill[aria-selected=true] .prog{opacity:1;animation:prog 7s linear forwards}.switch.auto.paused .pill[aria-selected=true] .prog{animation-play-state:paused}@keyframes prog{to{transform:scaleX(1)}}.switch-hint{margin-top:var(--s-3);color:var(--muted);font-size:14px}#hosting .sec-head{max-width:none}.what-grid{row-gap:var(--s-5)}.what-main{grid-column:1 / 8;container-type:inline-size}.what-side{grid-column:8 / 13;display:grid;gap:var(--s-5)}@media(max-width:1000px){.what-main,.what-side{grid-column:1 / -1}}@media(min-width:640px)and (max-width:1000px){.what-side{grid-template-columns:1fr 1fr}}.tone{position:relative;overflow:hidden;background:var(--night-2);border:1px solid var(--line);border-radius:var(--r-3);padding:var(--s-6)}.tone:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--g)}.what-main{background:radial-gradient(45% 60% at 95% 110%,color-mix(in oklab,var(--g) 20%,transparent),transparent 70%),var(--night-2)}.tone:before{transition:height var(--t-out) var(--ease-out)}.tone:hover:before{height:4px;transition-duration:var(--t-in)}.what-main h3{font-size:calc(clamp(30px,3vw,48px) * var(--ds));line-height:1.02;letter-spacing:-.03em;max-width:16ch}.what-main .lead{margin-top:var(--s-4);max-width:52ch}.proofs{list-style:none;display:grid;gap:var(--s-4);margin-top:var(--s-6);position:relative;z-index:1}@container (min-width: 620px){.proofs{grid-template-columns:repeat(3,minmax(0,1fr))}}.proofs li{border-top:1px solid var(--line);padding-top:var(--s-4)}.proofs strong{display:block;font:750 calc(clamp(24px,2vw,32px) * var(--ds))/1.05 var(--display);letter-spacing:-.02em}.proofs span{display:block;margin-top:6px;color:var(--muted);font-size:15px}.what-foot{margin-top:var(--s-6);display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-4) var(--s-5);position:relative;z-index:1}.big-price{font:800 calc(clamp(34px,3vw,52px) * var(--ds))/1 var(--display);letter-spacing:-.03em}.big-price small{font:500 16px var(--body);color:var(--muted);letter-spacing:0}.tiles-row{display:flex;gap:6px;margin-left:auto}.tiles-row img{width:40px;height:40px;border-radius:10px;border:1px solid var(--line)}.side-card h3{margin-top:var(--s-2)}.side-card p.muted{margin-top:var(--s-3);font-size:16px}.side-card .row{margin-top:var(--s-5);display:flex;flex-wrap:wrap;gap:var(--s-3) var(--s-5);align-items:center;justify-content:space-between}.side-card .price-tag{font-size:26px}.fine{font-size:13px;color:var(--muted);margin-top:var(--s-3)}.center-head{max-width:60ch;margin-inline:auto;text-align:center}.center-head .sec-head,.center-head.sec-head{margin-inline:auto}.center-head h2+p{margin-inline:auto}.showcase h2{font-size:calc(clamp(40px,5.2vw,88px) * var(--ds))}.show{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-5)}.show-frame{container-type:inline-size;min-width:0;max-width:1480px;width:100%;margin-inline:auto}.show-cap{text-align:center;color:var(--muted);max-width:64ch;margin:var(--s-4) auto 0;min-height:1.6em;font-size:clamp(16px,1.1vw,18px)}.win{border-radius:var(--r-3);border:1px solid var(--line);background:var(--night-2);box-shadow:0 40px 90px -40px color-mix(in oklab,var(--g) 45%,transparent)}.win-bar{display:flex;align-items:center;gap:10px;height:42px;padding:0 16px;border-bottom:1px solid var(--line);color:var(--muted);font-size:13px}.win-bar:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--g)}.shot{position:relative;aspect-ratio:16 / 9}.shot-img{position:absolute;inset:0;overflow:hidden;border-radius:0 0 var(--r-3) var(--r-3)}.shot-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s var(--ease)}.shot-img img.is-on{opacity:1}.cos{position:absolute;inset:0;display:none}.cos.is-on{display:block}.co-dot:after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--g);opacity:0;pointer-events:none}@media(prefers-reduced-motion:no-preference){.cos.fresh .co{animation:pop .5s cubic-bezier(.34,1.6,.5,1) both}.cos.fresh .co-dot:after{animation:ping 1.1s var(--ease) 1 both}.cos.fresh .co:nth-of-type(2),.cos.fresh .co:nth-of-type(2) .co-dot:after{animation-delay:.09s}.cos.fresh .co:nth-of-type(3),.cos.fresh .co:nth-of-type(3) .co-dot:after{animation-delay:.18s}.cos.fresh .co:nth-of-type(4),.cos.fresh .co:nth-of-type(4) .co-dot:after{animation-delay:.27s}@keyframes ping{0%{transform:scale(1);opacity:.9}to{transform:scale(2.4);opacity:0}}@keyframes pop{0%{transform:translate(-50%,-50%) scale(.3);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}}.shot{container-type:inline-size}.co-list{list-style:none;margin-top:var(--s-4);display:grid;gap:4px;max-width:760px;margin-inline:auto}@media(min-width:900px){.co-list{display:none}}.ftabs-wrap{display:flex;justify-content:center;max-width:100%}@media(max-width:1099px){.dd-mobile.wide{display:block}.dd-desktop.wide{display:none!important}}.show .dd-mobile{max-width:520px;width:100%;margin-inline:auto}.ftabs{display:flex;gap:2px;padding:4px;border-radius:999px;max-width:100%;background:var(--night-2);border:1px solid var(--line);box-shadow:inset 0 1px #ffffff0f;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity}.ftabs::-webkit-scrollbar{display:none}.ftab{flex:none;scroll-snap-align:start;display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 18px;border-radius:999px;border:0;background:transparent;color:var(--muted);font:600 15px/1 var(--body);white-space:nowrap;transition:background-color var(--t-out) var(--ease-out),color var(--t-out) var(--ease-out)}.ftab:hover{color:var(--text);background-color:var(--night-3);transition-duration:var(--t-in)}.ftab .n{font:700 12px/1 var(--display);width:22px;height:22px;border-radius:50%;border:1px solid currentColor;display:grid;place-items:center;opacity:.8}.ftab[aria-selected=true]{background-color:var(--g);color:var(--g-ink);transition-duration:var(--t-in)}.ftab[aria-selected=true] .n{border-color:var(--g-ink);opacity:1}@media(max-width:640px){.ftab .n{display:none}.ftab{padding:0 14px}}.persona{container-type:inline-size}.pgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s-4)}@container (max-width: 1000px){.pgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (max-width: 520px){.pgrid{grid-template-columns:1fr}}.pcard{display:flex;flex-direction:column;justify-content:space-between;gap:var(--s-6);min-height:clamp(170px,16vw,240px);padding:var(--s-5);text-align:left;border-radius:var(--r-3);border:1px solid var(--line);background:var(--night-2)}.pcard:hover{transform:translateY(-3px);background-color:var(--night-3)}.pcard .num{transition:color var(--t-out) var(--ease-out)}.pcard .num{font:800 calc(clamp(48px,4.6vw,84px) * var(--ds))/.85 var(--display);letter-spacing:-.04em;color:var(--night-3);-webkit-text-stroke:1px var(--muted);transition:color .3s}.pcard strong{display:block;font:700 calc(clamp(20px,1.6vw,26px) * var(--ds))/1.15 var(--display);letter-spacing:-.02em}.pcard span.d{display:block;margin-top:6px;color:var(--muted);font-size:15px}.pcard[aria-checked=true]{border-color:var(--g);background:color-mix(in oklab,var(--g) 12%,var(--night-2))}.pcard[aria-checked=true] .num{color:var(--g);-webkit-text-stroke:0}@container (max-width: 520px){.pcard{min-height:0;flex-direction:row;align-items:center;gap:var(--s-4)}.pcard .num{font-size:44px}}.prec{position:relative;overflow:hidden;margin-top:var(--s-5);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--s-6);align-items:center;padding:calc(var(--s-5) + 6px) var(--s-5) var(--s-5);border-radius:var(--r-3);border:1px solid var(--line);background:linear-gradient(120deg,color-mix(in oklab,var(--g) 14%,var(--night-2)),var(--night-2) 60%);transition:border-radius .4s var(--ease-out)}.prec:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--g)}html[data-game=minecraft] .prec:before{height:10px;clip-path:polygon(0 0,100% 0,100% 40%,92% 40%,92% 100%,84% 100%,84% 40%,70% 40%,70% 100%,64% 100%,64% 40%,48% 40%,48% 100%,40% 100%,40% 40%,26% 40%,26% 100%,20% 100%,20% 40%,8% 40%,8% 100%,0 100%)}html[data-game=arma-reforger] .prec:before{height:10px;background:linear-gradient(var(--g),var(--g)) 0 0 / 100% 2px no-repeat,repeating-linear-gradient(90deg,var(--g) 0 1px,transparent 1px 12px) 0 0 / 100% 5px no-repeat,repeating-linear-gradient(90deg,var(--g) 0 1px,transparent 1px 60px) 0 0 / 100% 10px no-repeat}@container (max-width: 760px){.prec{grid-template-columns:1fr;gap:var(--s-4)}}.prec-art{transition:border-radius .4s var(--ease-out)}.prec.swapping .prec-art img,.prec.swapping h3,.prec.swapping .chips,.prec.swapping .why{opacity:0;transform:translate(18px)}.prec-art img,.prec h3,.prec .chips,.prec .why{transition:opacity .3s var(--ease),transform .45s cubic-bezier(.34,1.4,.5,1)}.prec-art{aspect-ratio:16 / 9;border-radius:var(--r-2);overflow:hidden;box-shadow:0 0 0 1px var(--g)}.prec-art img{width:100%;height:100%;object-fit:cover}.prec h3{font-size:calc(clamp(26px,2.4vw,40px) * var(--ds));letter-spacing:-.03em}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:var(--s-4);list-style:none}.chips li{padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:var(--night);font-size:14px;font-weight:600}.prec .why{margin-top:var(--s-4);color:var(--muted);max-width:54ch}.prec .row{margin-top:var(--s-5);display:flex;flex-wrap:wrap;gap:var(--s-4);align-items:center}.mosaic{container-type:inline-size}.mgrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--s-4);grid-auto-flow:dense}@container (max-width: 1100px){.mgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@container (max-width: 560px){.mgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}.mtile{display:flex;flex-direction:column;min-width:0;text-decoration:none;border-radius:var(--r-2);background:var(--night-2);border:1px solid var(--line);transform:perspective(900px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) translateY(var(--lift, 0px))}.mtile:hover,.mtile:focus-visible{--lift: -4px;border-color:color-mix(in oklab,var(--c, var(--g)) 70%,var(--line))}.mtile .art{position:relative;aspect-ratio:16 / 10;overflow:hidden;border-radius:var(--r-2) var(--r-2) 0 0;background:var(--night-3)}.mtile .art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.mtile .cap{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px}.mtile .cap strong{font:650 16px/1.2 var(--display);letter-spacing:-.01em;min-width:0}.mtile .cap span{flex:none;font-size:12px;font-weight:600;color:var(--muted)}.mtile .cap span.on{color:var(--g)}.mtile.big{grid-column:span 2;grid-row:span 2}.mtile.big .art{aspect-ratio:auto;flex:1;min-height:200px}.mtile.big .cap{padding:16px 18px;flex-wrap:wrap}.mtile.big .cap strong{font-size:clamp(20px,1.6vw,26px)}.mtile.big .cap em{display:block;font-style:normal;color:var(--muted);font-size:14px;font-weight:400;margin-top:4px}@container (max-width: 560px){.mtile.big{grid-row:span 1}.mtile.big .art{aspect-ratio:16 / 10;flex:none;min-height:0}.mtile .cap{padding:10px 12px}.mtile .cap strong{font-size:14px}.mtile:not(.big) .cap{flex-wrap:wrap;gap:6px}.mtile:not(.big) .cap span.on{display:none}}.reg{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--s-7);align-items:start}@media(max-width:1000px){.reg{grid-template-columns:1fr;gap:var(--s-6)}}.ping-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s-3);margin-bottom:var(--s-4)}.ping-head .label{margin:0}.ping-head p.muted{font-size:15px;flex-basis:100%}.rows{list-style:none;display:grid;container-type:inline-size}.rrow{display:grid;grid-template-columns:150px minmax(0,1fr) 100px 76px;gap:var(--s-4);align-items:center;min-height:68px;border-bottom:1px solid var(--line)}.rrow:first-child{border-top:1px solid var(--line)}.rrow .city strong{display:block;font:var(--d-w2) 18px/1.2 var(--display)}.rrow .city span{color:var(--muted);font-size:13px}.rbar{height:10px;border-radius:999px;background:var(--night-3);overflow:hidden}.rbar i{display:block;height:100%;width:var(--w, 0%);border-radius:inherit;background:linear-gradient(90deg,color-mix(in oklab,var(--g) 35%,var(--night-3)),var(--g));transition:width 1.1s var(--ease-out)}.rrow output{white-space:nowrap}.rrow[data-state=none] output{font:500 14px var(--body);color:var(--muted)}.rrow[data-state=measuring] output{font:500 14px var(--body);color:var(--muted)}.rrow[data-state=measuring] .rbar i{background:repeating-linear-gradient(90deg,color-mix(in oklab,var(--g) 50%,transparent) 0 10px,transparent 10px 18px)}.rrow output{font:var(--d-w2) 20px/1 var(--display);text-align:right;font-variant-numeric:tabular-nums}.rrow output small{font:500 12px var(--body);color:var(--muted);margin-left:2px}.tag{justify-self:end;font-size:12px;font-weight:700;letter-spacing:.04em;padding:5px 10px;border-radius:999px;background:var(--g);color:var(--g-ink);opacity:0;transition:opacity var(--t-in) var(--ease-out)}.tag.is-on{opacity:1}@container (max-width: 560px){.rrow{grid-template-columns:minmax(0,1fr) auto auto;row-gap:10px;padding-block:14px}.rbar{grid-column:1 / -1;grid-row:2}}.specs-col{display:grid;align-content:start;padding:var(--s-5);border-radius:var(--r-3);background:var(--night-2);border:1px solid var(--line);box-shadow:inset 0 1px #ffffff12}.specs-col .label{margin-bottom:var(--s-2)}.spec{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;padding-block:var(--s-4);border-bottom:1px solid var(--line)}.spec:last-child{border-bottom:0;padding-bottom:0}.spec b{font:var(--d-w) calc(clamp(28px,2.4vw,42px) * var(--ds))/1 var(--display);letter-spacing:var(--d-track)}.spec b small{font-size:.5em;color:var(--g);margin-left:4px;letter-spacing:0}.spec span{color:var(--muted);font-size:15px}