@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.\!visible{visibility:visible!important}.visible{visibility:visible}.fixed{position:fixed}.static{position:static}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.hidden{display:none}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--bg:#090d10;--panel:#10191e;--text:#ecf0ed;--muted:#a1afaa;--subtle:#82978c;--accent:#c0ef99;--line:#c0d9d126}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}::selection{background:var(--accent);color:#101710}.container{width:min(1320px,100% - 112px);max-width:1320px;margin-inline:auto}.header{z-index:3;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:88px;display:flex;position:relative}.brand{letter-spacing:-2px;align-items:center;gap:9px;font-size:28px;font-weight:900;display:flex}.brand-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;margin-top:15px}.header nav{align-items:center;gap:38px;font-size:14px;display:flex}.header nav a{align-items:center;min-height:44px;display:inline-flex}.header nav a:hover,.text-link:hover,.footer a:hover{color:var(--accent)}.header nav a span{margin-left:12px}.soon{color:var(--subtle);margin-left:6px;font-size:10px}.unavailable{color:#a2afa8}.background-artwork{pointer-events:none;position:absolute;overflow:hidden;-webkit-mask-image:linear-gradient(#000 0% 68%,#0000 100%);mask-image:linear-gradient(#000 0% 68%,#0000 100%)}.hero-artwork{width:100%;height:1020px;top:0;left:0}.artwork-source{opacity:var(--art-opacity);filter:blur(var(--art-blur));background-size:cover;background-position:var(--art-position);position:absolute;inset:0}.artwork-overlay{background:linear-gradient(90deg, #090d10 8%, #090d10bb 35%, transparent 68%), rgb(9 13 16/var(--art-overlay));position:absolute;inset:0}.artwork-contours{background:repeating-radial-gradient(at 54%,#0000 0 43px,#a2c9a313 44px 45px,#0000 46px 82px);border-radius:46%;width:1250px;height:900px;position:absolute;top:50px;left:calc(50% - 190px);transform:rotate(-23deg)skew(-14deg);-webkit-mask-image:linear-gradient(130deg,#0000 5%,#000 45%,#0000 94%);mask-image:linear-gradient(130deg,#0000 5%,#000 45%,#0000 94%)}.artwork-rock{clip-path:polygon(43% 0,63% 9%,76% 40%,92% 62%,100% 100%,0 100%,17% 43%);background:linear-gradient(116deg,#789c7333,#42655355 37%,#172e2c 38%,#0e1d1c 70%);position:absolute}.rock-main{width:420px;height:770px;top:48px;left:calc(50% + 235px);transform:rotate(14deg)}.rock-far{opacity:.35;width:280px;height:600px;top:175px;left:calc(50% - 70px);transform:rotate(-16deg)}.rock-edge{opacity:.55;width:460px;height:470px;top:370px;left:calc(50% + 600px);transform:rotate(-26deg)}.artwork-ridge{clip-path:polygon(0 81%,12% 48%,19% 63%,35% 12%,48% 51%,63% 2%,74% 38%,89% 22%,100% 75%,100% 100%,0 100%);background:linear-gradient(160deg,#52684925,#0a1716 55%);width:1500px;height:270px;position:absolute;top:630px;left:calc(50% - 450px)}.artwork-fog{background:radial-gradient(at 73% 35%,#8caf7a24,#0000 40%),radial-gradient(at 73% 69%,#659d8640,#0000 42%);position:absolute;inset:0}.hero{grid-template-columns:.88fr 1.12fr;align-items:center;column-gap:28px;padding-top:48px;display:grid;position:relative}.hero-copy{padding-bottom:35px}.release-pill{letter-spacing:.2px;color:#c0d1c6;background:#17262070;border:1px solid #adc6b52c;border-radius:30px;align-items:center;gap:10px;padding:10px 13px;font-size:11px;line-height:1.3;display:inline-flex}.release-pill i,.live-label i{background:var(--accent);border-radius:50%;width:5px;height:5px;display:inline-block}.pill-separator{opacity:.4}.hero h1{letter-spacing:-5px;margin:28px 0 26px;font-size:clamp(66px,6.1vw,88px);font-weight:500;line-height:1.03}.hero h1>span{color:#c5dfc6;white-space:nowrap}.hero-description{color:#acbab4;font-size:17px;line-height:1.8}.hero-actions{align-items:center;gap:24px;margin-top:30px;display:flex}.button{background:var(--accent);border:1px solid var(--accent);color:#172318;cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:33px;min-height:54px;padding:16px 23px;font-size:14px;font-weight:700;transition:background .25s,transform .25s,box-shadow .25s;display:inline-flex;box-shadow:inset 0 2px #d6ffb926,0 4px 20px #b8e59108}.button>span{transition:transform .25s}.button:disabled{opacity:.55;cursor:default}.text-link{color:#c9d4d0;white-space:nowrap;align-items:center;min-height:44px;font-size:13px;display:inline-flex}.text-link span{margin-left:9px}.platform{color:#93a39a;align-items:center;gap:8px;margin-top:17px;font-size:11px;display:flex}.platform>span:first-child{font-size:17px}.platform-dot{margin:0 4px}.hero-preview{isolation:isolate;transform-origin:50%;position:relative;transform:perspective(1600px)rotateY(-4deg)rotateX(1deg)}.hero-preview:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(#8aba6220,#618c6410 50%,#0000 72%);position:absolute;inset:-65px -40px -20px}.preview-label{color:#9bad9d;letter-spacing:1.7px;align-items:center;gap:12px;margin-bottom:12px;font-size:9px;display:flex}.preview-label>span:last-child{letter-spacing:1px;margin-left:auto}.crosshair{font-size:20px;font-weight:200}.floating-note{color:#b6c6bb;background:#17241ff0;border:1px solid #8cab9138;border-radius:7px;align-items:center;gap:12px;width:max-content;margin:10px 0 0 auto;padding:10px 16px;font-size:11px;line-height:1.6;display:flex;box-shadow:0 10px 40px #0003}.floating-note>span{color:var(--accent);font-size:25px}.floating-note strong{color:#e4eddf;font-weight:400}.hero-bottom{border-bottom:1px solid var(--line);color:#8a9e90;letter-spacing:1.7px;grid-column:1/-1;justify-content:space-between;align-items:center;margin-top:18px;padding:14px 0;font-size:10px;display:flex}.hero-bottom a{color:#bcc8bb;place-items:center;width:44px;height:44px;font-size:22px;display:grid}.feature-visual{min-width:0}.demo-window{background:linear-gradient(125deg,#18252b,#10191f 75%);border:1px solid #829e8f55;border-radius:10px;transition:border-color .35s,box-shadow .35s;overflow:hidden;box-shadow:0 28px 70px #0007,0 0 55px #80a8680a,inset 0 1px #c8e4bc13}.window-bar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:44px;padding:0 19px;display:flex}.mini-brand{letter-spacing:-.5px;font-size:14px;font-weight:800}.mini-brand>span{color:#96aa9f;letter-spacing:2px;margin-left:15px;font-size:9px;font-weight:400}.window-dots{color:#6a7f74;letter-spacing:5px;font-size:7px}.demo-body{display:flex}.demo-sidebar{border-right:1px solid var(--line);color:#84998e;flex-direction:column;flex-shrink:0;align-items:center;gap:26px;width:45px;padding-top:21px;font-size:18px;display:flex}.demo-sidebar .side-active{color:var(--accent)}.demo-content{flex:1;min-width:0;padding:20px 24px 18px;line-height:1.4}.demo-heading{letter-spacing:1.2px;color:#96aa9f;justify-content:space-between;font-size:9px;display:flex}.live-label{letter-spacing:0;color:#b3cca8;align-items:center;gap:5px;display:flex}.player{align-items:center;gap:13px;margin:21px 0;display:flex}.avatar{color:#c0d1bc;background:linear-gradient(130deg,#315954,#15272b 70%);border:1px solid #92b8aa38;border-radius:5px;flex-shrink:0;place-items:center;width:52px;height:56px;font-size:28px;display:grid;position:relative}.avatar>span{color:var(--accent);font-size:18px;position:absolute;bottom:-5px;right:-4px}.small{letter-spacing:1.5px;font-size:9px}.muted{color:#98afa2}.player h3{letter-spacing:-.5px;margin:4px 0;font-size:22px;font-weight:500}.player-caption{color:#9aafa2;font-size:10px}.rank{color:#c8be8b;text-align:center;margin-left:auto;font-size:30px}.rank>span{letter-spacing:1.4px;margin-top:-3px;font-size:8px;display:block}.stat-grid{grid-template-columns:1fr .85fr 1.15fr;gap:8px;display:grid}.stat{background:#94b89305;border:1px solid #8baa8b25;border-radius:5px;padding:12px 11px}.stat>span{color:#a8b9b0;font-size:10px;display:block}.stat strong{color:#e1ebdb;margin:10px 0;font-size:24px;font-weight:400;display:block}.stat small{color:#8ca395;font-size:9px;display:block}.recent-title{color:#a1b5a7;justify-content:space-between;margin:21px 0 10px;font-size:10px;display:flex}.match-row{border-top:1px solid #718b7d24;align-items:center;gap:11px;padding:9px 0;font-size:11px;display:flex}.hero-tile{border-radius:4px;flex-shrink:0;place-items:center;width:30px;height:30px;font-family:Georgia,serif;font-size:18px;display:grid}.violet{color:#dfc7f1;background:linear-gradient(135deg,#756390,#282636)}.green{color:#c2e9b6;background:linear-gradient(135deg,#538777,#1f3930)}.amber{color:#f3dca2;background:linear-gradient(135deg,#927756,#3d2b20)}.hero-name{color:#d2dcd5;flex:1}.hero-name small{letter-spacing:1px;color:#93a99a;margin-top:3px;font-size:8px;display:block}.win{color:#b3d6a4;font-size:10px}.loss{color:#c3a497;font-size:10px}.kda{text-align:right;color:#acbfb3;width:78px;font-size:10px}.data-note{color:#91a799;margin-top:12px;font-size:9px;line-height:1.7}.data-note>span{color:#b0cf9b;margin-right:5px}.visual-caption{letter-spacing:1px;color:#8ca292;justify-content:space-between;align-items:center;padding-top:9px;font-size:10px;display:flex}.visual-caption button{color:#afc2b3;cursor:pointer;letter-spacing:0;background:0 0;border:1px solid #0000;border-radius:5px;min-height:40px;padding:6px 9px;font-size:17px;transition:background .25s,border-color .25s}.visual-caption button span{margin-left:5px;font-size:11px}.visual-caption button:disabled{opacity:.65;cursor:default}.feature-visual video{aspect-ratio:1.3;object-fit:cover;border:1px solid var(--line);border-radius:10px;width:100%}.feature-visual:focus-within .demo-window{border-color:#b3d8a577}.feature-section{padding-top:61px;padding-bottom:84px;position:relative}.section-top{color:#93aa9a;letter-spacing:1.7px;justify-content:space-between;margin-bottom:42px;font-size:10px;display:flex}.feature-layout{grid-template-columns:1.12fr 1fr;align-items:center;gap:74px;display:grid}.feature-copy h2,.updates h2{letter-spacing:-1.9px;margin:18px 0 23px;font-size:44px;font-weight:400;line-height:1.15}.eyebrow{letter-spacing:1.1px;color:#b3cea0;font-size:11px}.feature-copy>p{color:#a6b5ad;max-width:410px;font-size:16px;line-height:1.85}.feature-detail{border-top:1px solid var(--line);gap:16px;max-width:410px;margin-top:29px;padding-top:23px;display:flex}.feature-detail>span{color:var(--accent);font-size:23px}.feature-detail strong{color:#d6e0d3;font-size:14px;font-weight:400}.feature-detail p{color:#98ac9e;margin:8px 0 0;font-size:13px;line-height:1.8}.feature-footnote{color:#889e8d;margin-top:25px;font-size:10px;display:block}.updates{border-top:1px solid var(--line);grid-template-columns:1fr 1.15fr;align-items:center;gap:55px;padding:42px 0 48px;display:grid}.updates h2{margin-bottom:0;font-size:30px}.update-entry{border-left:2px solid #a8cf7866;align-items:flex-start;gap:21px;padding:7px 0 7px 23px;display:flex}.version{color:#d0e6b7;background:#a8d87b08;border:1px solid #8cab6c55;border-radius:4px;padding:5px 8px;font-size:12px}.update-date{color:#94aa9a;margin:0 0 9px;font-size:10px;display:block}.update-entry h3{margin:0 0 9px;font-size:16px;font-weight:400}.update-entry p{color:#a5b6aa;margin:0;font-size:13px;line-height:1.8}.update-arrow{color:#b0c79d;margin-left:auto}.download{text-align:center;border-top:1px solid var(--line);background:radial-gradient(at 50% 100%,#92c9670a,#0000 70%);padding:76px 0}.download h2{letter-spacing:-2px;margin:20px 0 28px;font-size:52px;font-weight:400}.download-version{color:#91aa95;letter-spacing:1.8px;margin-top:20px;font-size:10px;display:block}.footer{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:35px;padding-top:32px;padding-bottom:24px;display:flex}.footer p{color:#879e90;margin-right:auto;font-size:10px;line-height:1.8}.footer>a:not(.brand),.footer>.unavailable{font-size:12px}.footer-bottom{letter-spacing:1.5px;color:#7a9280;justify-content:space-between;width:100%;margin-top:25px;font-size:9px;display:flex}@media (hover:hover) and (prefers-reduced-motion:no-preference){.button:hover{background:#cafaab;transform:translateY(-2px);box-shadow:0 7px 27px #b8e5911a,inset 0 1px #e8ffd944}.button:hover>span{transform:translate(2px,-2px)}.feature-visual:hover .demo-window{border-color:#a8ce967a;box-shadow:0 30px 80px #0007,0 0 65px #91bf7015}.visual-caption button:hover{background:#b4d49d0c;border-color:#b4d49d30}}@media (min-width:1700px){.container{width:min(1440px,100% - 160px);max-width:1440px}.hero{column-gap:42px;padding-top:90px}.hero h1{font-size:98px}.hero-description{font-size:18px}.hero-bottom{margin-top:51px}.demo-content{padding:24px 27px}.feature-layout{gap:95px}}@media (max-width:1150px){.container{width:calc(100% - 64px)}.hero{grid-template-columns:.9fr 1.1fr;gap:24px}.hero h1{letter-spacing:-4px;font-size:66px}.hero-description{font-size:15px}.hero-actions{flex-wrap:wrap;gap:10px}.hero-preview{transform:none}.demo-content{padding:18px 15px}.demo-sidebar{width:35px}.player-caption{font-size:9px}.stat{padding:11px 8px}.stat strong{font-size:20px}.stat small{font-size:8px}.feature-layout{gap:38px}.feature-copy h2{font-size:38px}.feature-copy>p{font-size:15px}.updates{gap:28px}}@media (max-width:760px){.container{width:calc(100% - 40px)}.header{height:80px}.header nav{gap:22px;font-size:13px}.header nav a span{margin-left:6px}.soon{display:none}.brand{font-size:26px}.hero-artwork{height:1250px}.artwork-source{opacity:.42}.artwork-overlay{background:linear-gradient(#090d1033,#090d1088 38%,#0000 65%)}.rock-main{width:260px;top:290px;left:56%}.artwork-contours{top:250px;left:-150px}.hero{flex-direction:column;gap:0;padding-top:46px;display:flex}.hero-copy{width:100%;padding-bottom:0}.release-pill{font-size:10px}.hero h1{letter-spacing:-3px;margin:25px 0 22px;font-size:clamp(50px,10vw,76px)}.hero-description{font-size:16px;line-height:1.75}.desktop-break{display:none}.hero-actions{gap:18px;margin-top:25px}.button{gap:23px;min-height:52px;padding:15px 19px;font-size:13px}.text-link{min-height:48px;font-size:12px}.platform{margin-top:14px;font-size:10px}.hero-preview{width:100%;max-width:540px;margin-top:37px;transform:none}.preview-label{letter-spacing:1px;margin-bottom:11px;font-size:8px}.floating-note{margin-top:8px;font-size:10px}.hero-bottom{letter-spacing:1px;width:100%;margin-top:25px;padding:16px 0;font-size:8px}.demo-content{padding:17px 13px 15px}.demo-sidebar{gap:26px;width:30px;font-size:16px}.window-bar{height:43px;padding:0 14px}.mini-brand>span{font-size:8px}.demo-heading{letter-spacing:.7px;font-size:8px}.player{gap:10px;margin:19px 0}.avatar{width:41px;height:48px;font-size:23px}.player h3{font-size:19px}.small{letter-spacing:1px;font-size:8px}.player-caption{max-width:165px;font-size:9px;display:block}.rank{font-size:25px}.rank>span{letter-spacing:.8px;font-size:7px}.stat-grid{grid-template-columns:1fr .85fr 1.15fr;gap:6px}.stat{padding:11px 7px}.stat>span{min-height:25px;font-size:9px}.stat strong{white-space:nowrap;margin:7px 0;font-size:18px}.stat small{font-size:8px}.recent-title{font-size:9px}.match-row{gap:7px;font-size:10px}.hero-tile{width:25px;height:29px;font-size:17px}.hero-name small{font-size:8px}.win,.loss,.kda{font-size:9px}.kda{width:63px}.data-note{font-size:9px}.visual-caption{letter-spacing:.6px;font-size:9px}.visual-caption button{min-height:44px;padding:7px 3px}.visual-caption button span{font-size:10px}.feature-section{padding-top:38px;padding-bottom:52px}.section-top{letter-spacing:.8px;margin-bottom:30px;font-size:8px}.feature-layout{flex-direction:column;gap:32px;display:flex}.feature-layout>.feature-visual,.feature-copy{width:100%;max-width:540px}.feature-copy h2{margin:15px 0 18px;font-size:38px}.feature-copy>p{max-width:100%;font-size:15px}.feature-detail{max-width:100%;margin-top:22px;padding-top:20px}.feature-footnote{margin-top:20px}.updates{grid-template-columns:1fr;gap:27px;padding:34px 0 39px}.updates h2{font-size:28px}.update-entry{gap:13px;padding-left:13px}.update-entry p{font-size:12px}.update-arrow{display:none}.download{padding:56px 0}.download h2{font-size:39px}.footer{gap:24px;padding-top:25px}.footer p{width:calc(100% - 100px);margin:0;font-size:9px}.footer-bottom{letter-spacing:.5px;gap:20px;margin-top:12px;font-size:8px}}@media (max-width:359px){.container{width:calc(100% - 28px)}.hero h1{font-size:47px}.rank{display:none}.hero-actions{gap:8px}.stat strong{font-size:16px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}@media (min-width:761px){.floating-note{padding:8px 14px;font-size:10px}.floating-note>div{gap:5px;display:flex}.floating-note br{display:none}.floating-note>span{font-size:20px}}@media (max-width:760px){.hero-preview:before{left:-15px;right:-15px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
.feature-section+.feature-section{border-top:1px solid var(--line)}.feature-reversed .feature-visual{grid-area:1/2}.feature-reversed .feature-copy{grid-area:1/1}.feature-copy h2{text-wrap:balance;max-width:470px}.feature-lead{color:#cbd8ce;margin-bottom:9px;display:block}.feature-detail{align-items:center}.feature-detail strong{line-height:1.7}.scene-stage{isolation:isolate;position:relative}.scene-stage:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(#72995611,#0000 72%);position:absolute;inset:5% -5%}.scene-signals .scene-stage:before{background:radial-gradient(#a6966810,#0000 72%)}.scene-privacy .scene-stage:before{background:radial-gradient(#7b9cbb12,#0000 72%)}.scene-window{background:linear-gradient(135deg,#172329,#0e171d);border:1px solid #829e8f55;border-radius:10px;transition:border-color .3s,box-shadow .3s;overflow:hidden;box-shadow:0 25px 70px #0005,inset 0 1px #c8e4bc13}.scene-content{padding:24px}.scene-kicker{letter-spacing:1.5px;color:#9eb4a7;font-size:9px}.scene-status{color:#c5dfa8;align-items:center;gap:8px;display:inline-flex}.scene-status i{background:var(--accent);border-radius:50%;width:5px;height:5px}.match-found{color:#95aa9e;justify-content:space-between;align-items:center;padding-bottom:21px;font-size:11px;display:flex}.roster-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.team-label{letter-spacing:1px;color:#b6d4a3;border-bottom:1px solid #9baea125;align-items:center;gap:7px;padding-bottom:13px;font-size:10px;display:flex}.team-label i{background:currentColor;width:4px;height:4px;transform:rotate(45deg)}.team-label span{letter-spacing:0;color:#8ea298;margin-left:auto;font-size:9px}.team-1{color:#cab9a4}.roster-player{border-bottom:1px solid #a2b4a414;align-items:center;gap:10px;padding:13px 0;display:flex}.roster-player strong{color:#d8e3db;font-size:12px;font-weight:400;display:block}.roster-player>div>span{color:#8fa79a;margin-top:3px;font-size:10px;display:block}.roster-slot{color:#6f897b;margin-left:auto;font-size:10px}.blue{color:#c4e4ed;background:linear-gradient(135deg,#4b758d,#1c2e3e)}.scene-bottomline{color:#8fa699;border-top:1px solid #94b09b20;justify-content:space-between;gap:12px;margin-top:22px;padding-top:19px;font-size:10px;line-height:1.7;display:flex}.scene-bottomline>span{color:#b5c8b5;white-space:nowrap}.scene-identity{align-items:center;gap:15px;margin:7px 0 26px;display:flex}.scene-identity h3{letter-spacing:-.5px;margin:5px 0;font-size:24px;font-weight:400}.scene-identity p{color:#9eb3a7;margin:0;font-size:11px}.selected-player{background:#a7c89109;border:1px solid #9db5892c;border-radius:5px;align-items:center;gap:11px;margin-bottom:25px;padding:10px 13px;font-size:12px;display:flex;position:relative}.selected-player>span:nth-child(3){color:#a9c092;margin-left:auto;font-size:10px}.demo-cursor{color:#ecf3e6;opacity:0;filter:drop-shadow(1px 3px 2px #000);font-size:25px;font-style:normal;position:absolute;top:25px;right:45px}.insights-metrics{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.insights-metrics>div{background:#aac59805;border:1px solid #a6b69720;border-radius:5px;padding:14px 11px}.insights-metrics span{color:#a4b7a9;font-size:10px;display:block}.insights-metrics strong{color:#d8e9c6;margin-top:7px;font-size:27px;font-weight:400;display:block}.scene-subheading{color:#c2d1c6;justify-content:space-between;margin:25px 0 12px;font-size:11px;display:flex}.scene-subheading span{color:#859e8d;font-size:10px}.results-strip{gap:6px;display:flex}.results-strip>span{border-radius:3px;place-items:center;width:28px;height:26px;font-size:10px;display:grid}.result-win{color:#b5d89c;background:#779f5130}.result-loss{color:#c5a99e;background:#a8796423}.hero-breakdown{margin-top:19px}.hero-breakdown>div{color:#b5c6b8;border-top:1px solid #91aa9220;grid-template-columns:1.8fr .6fr .75fr .8fr;gap:10px;padding:10px 0;font-size:11px;display:grid}.hero-breakdown>div:first-child{color:#849c8b;font-size:10px}.hero-breakdown>div span:not(:first-child){text-align:right}.encounter-link{color:#adc2ad;align-items:center;gap:15px;margin:30px 0;font-size:11px;display:flex}.encounter-link span{border:1px solid #a7c69130;border-radius:30px;padding:7px 15px}.encounter-link i{background:linear-gradient(90deg,#a7c69160,#a7c69110);flex:1;height:1px;position:relative}.encounter-link i:after{content:"";border:1px solid #a7c69180;width:5px;height:5px;position:absolute;top:-2px;right:0;transform:rotate(45deg)}.encounter-panels{grid-template-columns:1fr 1fr;gap:15px;display:grid}.encounter-panel{background:linear-gradient(135deg,#8fb36a0d,#0000);border:1px solid #a8c49335;border-radius:7px;padding:23px 19px}.encounter-1{background:linear-gradient(135deg,#aa94780a,#0000);border-color:#a79e8c30}.encounter-panel>span{color:#c7d8be;font-size:13px}.encounter-panel strong{color:#d8edc5;margin:22px 0 16px;font-size:64px;font-weight:400;line-height:1.1;display:block}.encounter-1 strong{color:#d7d7c4}.encounter-panel small{color:#99b09a;margin-left:9px;font-size:12px}.encounter-panel p{color:#a1b6a4;margin:0;font-size:11px}.encounter-results{gap:5px;margin-top:21px;display:flex}.encounter-results i{border-radius:2px;width:24px;height:5px}.signal-context{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0}.signal-context>span{color:#98af9e;font-size:11px}.signal-context>strong{color:#d4e1d0;margin:11px 0 18px;font-size:25px;font-weight:400;display:block}.signal-context small{color:#a9bca7;font-size:17px}.complaint-fact{background:#a5997408;border:1px solid #b2a27e40;border-radius:7px;align-items:center;gap:17px;margin-top:28px;padding:22px 18px;display:flex}.signal-icon{color:#c8c1a3;font-size:25px}.complaint-fact>div>span{color:#c5cbbb;font-size:12px}.complaint-fact strong{color:#e1e3d3;margin-top:5px;font-size:32px;font-weight:400;display:block}.signal-neutral{color:#a7af9e;border:1px solid #b2a27e33;border-radius:20px;margin-left:auto;padding:5px 9px;font-size:10px}.mock-action{border-bottom:1px solid #adc29840}.privacy-transition{background:#81a2b009;border:1px solid #96b1ac30;border-radius:7px;min-height:240px;margin-bottom:22px;position:relative}.privacy-public{opacity:0;padding:28px;position:absolute;inset:0}.privacy-numbers{grid-template-columns:1fr 1fr;gap:20px;margin-top:27px;display:grid}.privacy-numbers span{color:#a3baab;font-size:11px}.privacy-numbers strong{margin-top:10px;font-size:35px;font-weight:400;display:block}.privacy-hidden{text-align:center;padding:25px 22px}.privacy-symbol{color:#abc5c4;margin-bottom:13px;font-size:26px;display:block}.privacy-hidden>strong{font-size:21px;font-weight:400}.privacy-hidden>p{color:#a1b5b0;margin:10px 0 21px;font-size:12px}.privacy-dashes{color:#8ea8a1;justify-content:center;gap:35px;font-size:11px;display:flex}.privacy-dashes b{color:#b5c5c2;margin-left:13px;font-weight:400}.privacy-states{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.privacy-states>div{border-top:1px solid var(--line);padding-top:14px}.state-dot{border-radius:50%;width:5px;height:5px;margin-bottom:10px;display:block}.state-dot.public{background:#bdd7a0}.state-dot.hidden{background:#aac7c8}.state-dot.unavailable{background:#8b99a0}.privacy-states strong{color:#bdcbc5;font-size:11px;font-weight:400;display:block}.privacy-states small{color:#8ea79b;margin-top:5px;font-size:9px;display:block}.overlay-world{background:radial-gradient(at 38% 60%,#294335,#0f1c1c 70%);border:1px solid #849d803d;border-radius:10px;min-height:490px;padding:70px 24px 67px;position:relative;overflow:hidden}.world-contours{opacity:.35;background:repeating-radial-gradient(at 45% 65%,#0000 0 35px,#9aaa7130 36px 37px,#0000 38px 69px);position:absolute;inset:-50%;transform:rotate(-35deg)}.world-path{background:linear-gradient(#7a927530,#425f5033);width:150%;height:65px;position:absolute;top:42%;left:-25%;transform:rotate(-32deg);box-shadow:0 0 50px #7ba27a20}.world-tower{clip-path:polygon(38% 0,63% 5%,77% 65%,100% 100%,0 100%,26% 62%);opacity:.4;background:linear-gradient(115deg,#63816c,#263e34 60%);width:60px;height:130px;position:absolute}.tower-one{top:12%;left:10%}.tower-two{bottom:10%;right:11%;transform:scale(.75)}.game-context-label{color:#839c8d;letter-spacing:1.1px;font-size:9px;position:absolute;top:20px;left:20px}.overlay-demo{width:92%;margin-inline:auto;position:relative;box-shadow:0 20px 50px #0007}.overlay-demo .scene-content{padding:14px}.overlay-demo .window-bar{height:34px}.overlay-demo .match-found{padding-bottom:12px;font-size:9px}.roster-small{gap:14px}.roster-small .team-label{padding-bottom:8px;font-size:8px}.roster-small .team-label span,.roster-small .roster-slot{display:none}.roster-small .roster-player{gap:7px;padding:8px 0}.roster-small .hero-tile{width:22px;height:24px;font-size:14px}.roster-small .roster-player strong{font-size:10px}.roster-small .roster-player>div>span{font-size:8px}.overlay-selection{color:#c3d4b9;background:#bdd99507;border:1px solid #bbd89c40;border-radius:3px;justify-content:space-between;margin-top:12px;padding:8px 10px;font-size:10px;display:flex}.game-hud{opacity:.35;align-items:end;gap:6px;display:flex;position:absolute;bottom:18px;left:18px;right:18px}.game-hud>span:not(:first-child){color:#abc29b;background:#83906b33;border:1px solid #85977a40;place-items:center;width:28px;height:27px;display:grid}.map-placeholder{background:linear-gradient(135deg,#55735c55 45%,#95ad8155 46% 48%,#1a302899 49%);border:1px solid #a1b09044;width:49px;height:49px;margin-right:10px}.game-hud i{background:#93b27680;width:110px;height:5px;margin-bottom:10px}.overlay-caption{color:#a5bba6;text-align:right;max-width:45%;font-size:9px;position:absolute;bottom:19px;right:18px}.media-stage{aspect-ratio:4/3;border:1px solid var(--line);background:var(--panel);border-radius:10px;position:relative;overflow:hidden}.media-stage .media-poster,.media-stage video{object-fit:contain;border:none;border-radius:0;width:100%;height:100%;position:absolute;inset:0}.media-poster{z-index:1;opacity:0;pointer-events:none}.media-poster.is-visible{opacity:1}@keyframes scene-reveal{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@keyframes scene-cursor{0%{opacity:0;transform:translate(25px,30px)}20%,45%{opacity:.8;transform:translate(0)}60%,to{opacity:0;transform:translate(0)}}@keyframes scene-count{0%,35%{color:#d8edc5;text-shadow:none}65%{color:#def5c1;text-shadow:0 0 16px #c3ee8c44}to{color:#d8edc5;text-shadow:none}}@keyframes privacy-out{0%,36%{opacity:1}55%,to{opacity:0}}@keyframes privacy-in{0%,40%{opacity:0;transform:translateY(6px)}64%,to{opacity:1;transform:none}}@keyframes overlay-select{0%,55%{background:#bdd99507}75%{background:#bdd99522}to{background:#bdd99507}}@media (prefers-reduced-motion:no-preference){.is-playing .scene-reveal{animation:scene-reveal .55s var(--delay,0s) both}.is-playing .demo-cursor{animation:1.1s both scene-cursor}.is-playing .count-highlight{animation:1.7s both scene-count}.is-playing .privacy-public{animation:2.6s both privacy-out}.is-playing .privacy-hidden{animation:2.6s both privacy-in}.is-playing .overlay-selection{animation:2.3s both overlay-select}}@media (hover:hover){.scene-visual:hover .scene-window{border-color:#a8ce967a;box-shadow:0 30px 80px #0006,0 0 60px #91bf7010}}@media (max-width:1150px){.scene-content{padding:19px}.roster-grid{gap:13px}.roster-player{gap:8px}.roster-player strong{font-size:11px}.team-label span{display:none}.encounter-panel{padding:19px 14px}.privacy-states strong{font-size:10px}.overlay-demo{width:100%}}@media (max-width:760px){.feature-reversed .feature-visual,.feature-reversed .feature-copy{grid-area:auto}.scene-content{padding:19px 15px}.roster-grid{gap:15px}.roster-player{gap:7px;padding:11px 0}.roster-player .hero-tile{width:25px;height:30px}.roster-player strong{font-size:10px}.roster-player>div>span{font-size:9px}.roster-slot{display:none}.match-found{padding-bottom:20px;font-size:10px}.scene-bottomline{margin-top:18px;padding-top:16px;font-size:9px}.scene-identity{gap:13px;margin-bottom:22px}.scene-identity h3{font-size:22px}.scene-identity p{font-size:10px}.selected-player{gap:7px;padding:9px;font-size:11px}.selected-player>span:nth-child(3){font-size:9px}.insights-metrics{grid-template-columns:repeat(2,1fr);gap:8px}.insights-metrics>div{padding:10px 13px}.insights-metrics strong{margin-top:5px;font-size:24px}.scene-subheading{font-size:10px}.scene-subheading span{font-size:9px}.results-strip{gap:5px}.results-strip>span{width:25px}.hero-breakdown>div{gap:8px;font-size:10px}.encounter-panels{gap:10px}.encounter-panel{padding:19px 12px}.encounter-panel strong{font-size:52px}.encounter-panel p{font-size:10px}.encounter-panel small{margin-left:6px;font-size:10px}.encounter-results{gap:3px}.encounter-results i{width:16px}.complaint-fact{gap:12px;padding:19px 13px}.complaint-fact>div>span{font-size:11px}.signal-neutral{display:none}.privacy-states{gap:10px}.privacy-states strong{font-size:10px}.privacy-states small{font-size:9px}.privacy-hidden{padding:24px 14px}.privacy-hidden>p{font-size:11px}.overlay-world{min-height:470px;padding:57px 12px 78px}.overlay-demo .scene-content{padding:12px 9px}.roster-small{gap:9px}.roster-small .roster-player{gap:5px}.roster-small .hero-tile{width:19px;height:23px;font-size:13px}.roster-small .roster-player strong{font-size:9px}.roster-small .roster-player>div>span{font-size:8px}.overlay-caption{max-width:46%;font-size:9px;bottom:20px}.game-hud i{display:none}}