.marketing-symbols{position:absolute;width:0;height:0;overflow:hidden}.m-icon{width:24px;height:24px;display:inline-block;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.eyebrow{display:flex;align-items:center;gap:12px}.eyebrow .m-icon{color:var(--sel);width:22px;height:22px}.access-icon{color:var(--sel);width:34px;height:34px;margin-bottom:20px}.support-block h3 .m-icon{margin-right:10px;color:var(--sel)}.gameplay-details{border-top:1px solid var(--line)}.gameplay-details summary{display:flex;align-items:center;gap:12px;padding:20px 0 0;cursor:pointer;font-weight:700}.gameplay-details summary .m-icon{color:var(--sel);width:20px;height:20px}.gameplay-details summary span{margin-left:auto;color:var(--t3);font:12px var(--f-mono)}.gameplay-details summary:after{content:"+";color:var(--sel);font-size:22px}.gameplay-details[open] summary:after{content:"\2212"}.gameplay-body{padding-top:28px}.gameplay-body .integration-note:last-child{margin-bottom:0}.integration-panel{background:#0a0d0f61}.style-demo{overflow:hidden;display:grid;grid-template-columns:.9fr 1.7fr;border:1px solid var(--line-strong);border-radius:var(--r3)}.style-workbench{min-width:0;background:#080c0db3;padding:28px;display:flex;flex-direction:column;border-right:1px solid var(--line)}.workbench-label{display:flex;align-items:center;gap:9px;font:12px var(--f-mono);color:var(--t2)}.workbench-label .m-icon{width:18px;height:18px;color:var(--sel)}.workbench-label span{color:var(--t3);margin-left:auto;font-size:12px}.look-tabs{display:flex;gap:6px;margin:30px 0 16px}.style-workbench pre{font:12px/2 var(--f-mono);color:var(--t2);margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.source-pulse{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:30px;color:var(--sel);font:12px var(--f-mono)}.source-pulse .m-icon{width:18px;height:18px}.source-pulse span{margin-left:auto;animation:source-send 2.6s ease-in-out infinite;animation-play-state:paused}.style-demo.is-active .source-pulse span{animation-play-state:running}@keyframes source-send{0%,to{transform:translate(-4px);opacity:.4}50%{transform:translate(4px);opacity:1}}.shared-previews{display:flex;flex-direction:column;min-width:0}.host-caption{display:flex;align-items:center;gap:9px;padding:18px;color:var(--t2);font-size:12px}.host-caption img{object-fit:contain}.host-caption span{margin-left:auto;font:12px/1.5 var(--f-ui);color:var(--sel);text-align:right}.shared-scene{flex:1;min-height:430px;position:relative;overflow:hidden;padding:26px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto;gap:18px;background:linear-gradient(0deg,#03090a73,#03090a0a),url(../assets/img/scene-game.webp?v=1caea6a80640e360) center/cover}.scene-crosshair{position:absolute;left:50%;top:47%;color:#f4f2ecd9;font:26px var(--f-mono);transform:translate(-50%,-50%);text-shadow:0 1px 5px #000}.hud-panel{min-width:0;padding:18px;color:#f4f2ec;box-shadow:0 8px 24px #0003;transition:background .3s,border-radius .3s,border-color .3s}.hud-label{display:flex;align-items:center;gap:7px;color:#83dfaa;font:12px/1.4 var(--f-mono);text-transform:uppercase;letter-spacing:.08em}.hud-label .m-icon{width:15px;height:15px}.hud-panel>strong{display:block;margin-top:10px;font-size:16px;line-height:1.3;font-weight:600}.hud-objective{grid-column:1/-1;grid-row:1;width:min(100%,310px)}.hud-objective>strong{font-size:22px}.hud-objective-detail{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;font:12px var(--f-mono);color:#b8c8c0}.hud-objective-detail .m-icon{width:14px;height:14px;margin-left:6px;color:#83dfaa}.hud-player{grid-column:1;grid-row:3}.hud-equipment{grid-column:2;grid-row:3}.hud-health{display:flex;justify-content:space-between;gap:8px;margin-top:19px;color:#b8c8c0;font-size:12px}.hud-health b{color:#f4f2ec;font:12px var(--f-mono)}.hud-health small{font-size:12px;color:#b8c8c0}.hud-health-bar{height:4px;background:#ffffff2b;margin-top:8px}.hud-health-bar i{display:block;width:84%;height:100%;background:#70df9e}.hud-ammo{display:flex;align-items:baseline;gap:8px;margin-top:12px;font:12px var(--f-mono);color:#b8c8c0}.hud-ammo b{font-size:34px;line-height:1;font-weight:500;color:#f4f2ec}.hud-cartridges{width:32px;height:26px;fill:none;stroke:#83dfaa;stroke-width:1.3;margin-left:auto;align-self:center}.feature-ribbon{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding:30px 8px 42px}.feature-ribbon>div{display:flex;align-items:flex-start;gap:14px;color:var(--t3);font-size:12px}.feature-ribbon .m-icon{color:var(--sel);width:28px;height:28px;margin-top:3px}.feature-ribbon b{display:block;color:var(--t1);font-size:14px;margin-bottom:3px}.compare-wrap{overflow:auto;border-radius:var(--r3);border:1px solid var(--line)}.feature-compare{width:100%;min-width:760px;border-collapse:collapse;table-layout:fixed;text-align:left;font-size:12px}.feature-compare th,.feature-compare td{padding:18px 20px;border-bottom:1px solid var(--line);font-weight:500;color:var(--t2)}.feature-compare thead th{padding-block:24px;font-size:15px;color:var(--t1);vertical-align:middle}.feature-compare th img{object-fit:contain;vertical-align:middle;margin-right:8px}.feature-compare small{display:block;color:var(--t3);font:12px var(--f-mono);margin-left:35px;margin-top:3px}.feature-compare .mako-cell{background:#49c9780f;border-inline:1px solid rgba(73,201,120,.17);color:var(--t1)}.feature-compare .m-icon{width:17px;height:17px;margin-right:9px;color:var(--t3)}.feature-compare .mako-cell .m-icon{color:var(--sel);width:16px;margin-right:6px}.feature-compare tbody tr:last-child>*{border-bottom:0}.feature-compare tbody tr:hover{background:#83948f0a}.market-caption{font-size:12px;line-height:1.7;color:var(--t3);margin:14px 0 0}.compare-toolbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:0 0 16px}.compare-toolbar[hidden]{display:none}.compare-toolbar>span{color:var(--t3);font:12px var(--f-mono)}.compare-options{display:flex;gap:6px;flex-wrap:wrap}.compare-options button{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:9px 12px;border:1px solid var(--line);border-radius:5px;background:#080d0f80;color:var(--t2);font:12px var(--f-ui);cursor:pointer}.compare-options button>img,.compare-options button>.m-icon{width:18px;height:18px;object-fit:contain;flex-shrink:0}.compare-options button>.m-icon{color:var(--t3)}.compare-options button[aria-pressed=true]>.m-icon{color:var(--sel)}.compare-value{display:flex;align-items:flex-start;gap:7px}.feature-compare .mako-cell .compare-check{width:14px;height:14px;flex:0 0 14px;margin:3px 0 0}.compare-value>div{min-width:0}.compare-benefit{display:block;color:var(--sel);font-weight:600;line-height:1.5}.compare-detail{display:block;margin-top:5px;color:var(--t2);font-size:12px;line-height:1.6}.compare-options button[aria-pressed=true]{border-color:var(--sel-line);color:var(--sel);background:var(--sel-solid)}.compare-options button:hover{border-color:var(--sel-line)}.comparison .feature-compare{min-width:1100px;font-size:12px}.comparison .feature-compare th,.comparison .feature-compare td{padding:18px 14px;line-height:1.7}.comparison .feature-compare thead th{font-size:13px;line-height:1.4;vertical-align:top}.comparison .feature-compare thead th:first-child{width:140px;color:var(--t3);font:12px/1.6 var(--f-mono);vertical-align:middle}.comparison .feature-compare tbody th{color:var(--t1);font-weight:600}.compare-product-icon{display:flex;height:30px;align-items:center;margin-bottom:12px}.comparison .compare-product-icon .m-icon{width:21px;height:21px;margin:0}.comparison .feature-compare small{margin:5px 0 0;font:12px/1.5 var(--f-ui)}.comparison .feature-compare [hidden]{display:none!important}.comparison.is-focused .feature-compare{min-width:0}.comparison.is-focused .feature-compare th,.comparison.is-focused .feature-compare td{padding:20px 24px;font-size:13px}.comparison.is-focused .feature-compare thead th:first-child{width:28%}.comparison.is-focused .compare-detail{font-size:12px}.comparison.is-focused .compare-product-icon{display:inline-flex;vertical-align:middle;margin:0 10px 0 0}.comparison .compare-wrap:after{content:none}.comparison.has-overflow .compare-wrap:after{content:"Scroll to see all six UI systems \2192";display:block;position:sticky;left:0;width:100%;box-sizing:border-box;padding:14px;color:var(--t3);border-top:1px solid var(--line);font:12px var(--f-mono)}@media (max-width:1100px){.style-demo{grid-template-columns:1fr 1.7fr}.style-workbench{padding:22px}.host-caption{font-size:12px;padding:16px 12px}.host-caption span{max-width:135px}.shared-scene{padding:20px;gap:14px}.hud-panel{padding:15px}}@media (max-width:800px){.style-demo{grid-template-columns:1fr}.style-workbench{border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:16px 26px}.look-tabs{margin:0;grid-column:1;grid-row:2;align-self:start}.style-workbench pre{grid-column:2;grid-row:1/4;align-self:center}.source-pulse{padding:0}.workbench-label span{display:none}.shared-scene{min-height:430px}}@media (max-width:540px){.style-demo{display:flex;flex-direction:column}.style-workbench{display:contents}.workbench-label{order:1;margin:18px 20px 0}.look-tabs{order:2;margin:16px 20px}.shared-previews{order:3}.style-workbench pre{order:4;margin:18px 20px 0;font-size:12px;line-height:1.8}.source-pulse{order:5;margin:0 20px 18px;padding-top:14px;font-size:12px}.shared-scene{min-height:370px;padding:18px 14px;gap:12px}.hud-panel{padding:13px 11px}.hud-objective{width:min(100%,254px)}.hud-objective>strong{font-size:20px}.hud-label{font-size:12px;gap:5px;letter-spacing:.04em}.hud-player>strong,.hud-equipment>strong{font-size:13px}.hud-ammo{gap:5px}.hud-ammo b{font-size:28px}.hud-cartridges{width:21px}.host-caption{font-size:12px;padding:12px 16px;border-top:1px solid var(--line)}.host-caption span{max-width:125px;font-size:12px}.feature-ribbon{grid-template-columns:1fr;gap:22px;padding:28px 4px}.feature-ribbon>div{font-size:12px}.feature-compare{min-width:710px}.feature-compare th,.feature-compare td{padding:15px;font-size:12px}.feature-compare thead th{font-size:13px}.compare-wrap:after{content:"Swipe to compare all engines \2192";display:block;position:sticky;left:0;width:calc(100vw - 2 * var(--pad) - 2px);font:12px var(--f-mono);padding:16px;color:var(--t3);border-top:1px solid var(--line)}.metric-label{font-size:12px}.metric-label>.m-icon{width:21px;height:21px}.gameplay-details summary{flex-wrap:wrap;font-size:13px}.gameplay-details summary span{display:none}.gameplay-details summary:after{margin-left:auto}}.motion-toggle{padding:8px 12px;border:1px solid var(--line);border-radius:var(--r2);color:var(--t3);background:transparent;font:12px var(--f-mono);cursor:pointer;min-height:36px}.motion-toggle:hover{color:var(--t1);border-color:var(--line-strong)}.look-tabs button{border:1px solid var(--line);color:var(--t2);background:transparent;border-radius:var(--r2);cursor:pointer;min-height:40px;padding:8px 13px;font:12px var(--f-mono)}.look-tabs button[aria-selected=true]{color:var(--sel);background:var(--sel-solid);border-color:var(--sel-line)}.performance-proof{border:1px solid var(--line-strong);border-radius:var(--r3);overflow:hidden;margin-bottom:26px}.proof-stat{padding:22px 26px;display:grid;grid-template-columns:auto auto 1fr;gap:4px 28px;align-items:center}.metric-label{display:flex;align-items:center;gap:9px;color:var(--t2);font:12px var(--f-mono);grid-column:1}.metric-label .m-icon{color:var(--sel);width:20px;height:20px}.proof-stat>strong{grid-column:2;grid-row:1/3;font:500 44px/1.2 var(--f-mono);color:var(--t1);letter-spacing:-.06em}.proof-stat>strong span{font:12px var(--f-mono);color:var(--t3);letter-spacing:0;margin-left:10px}.proof-stat p{grid-column:1;font-size:12px;color:var(--t1);margin:3px 0 0}.proof-stat small{grid-column:3;grid-row:1/3;justify-self:end;color:var(--t3);font-size:12px;line-height:1.7}.performance-compare td b{display:block;font-size:12px;color:var(--t1);margin-bottom:6px}.performance-compare td span{display:block;font-size:12px;color:var(--t3);line-height:1.6}.performance-compare .mako-cell b{color:var(--sel)}.performance-compare td{vertical-align:top;padding-block:20px}.measurement-details{margin-top:24px;border-top:1px solid var(--line);font-size:12px;color:var(--t3)}.measurement-details summary{cursor:pointer;padding:18px 0;color:var(--t2)}.measurement-details>div{display:grid;grid-template-columns:1fr 1fr;gap:20px 30px;line-height:1.8}.measurement-details p{margin:0}.measurement-details b{color:var(--t2)}.measurement-details a{color:var(--t2);text-decoration:underline;text-underline-offset:3px}@media (max-width:650px){.proof-stat{padding:20px;grid-template-columns:1fr auto;column-gap:16px}.proof-stat>strong{grid-column:2;grid-row:1/4;font-size:40px}.proof-stat strong span{font-size:12px;margin-left:6px}.proof-stat small{grid-column:1;grid-row:3;justify-self:start;font-size:12px}.metric-label{font-size:12px;gap:6px}.measurement-details>div{grid-template-columns:1fr}.performance-compare th{min-width:140px}}@media (prefers-reduced-motion:reduce){.source-pulse span{animation:none!important}.hud-panel,.look-tabs button{transition:none}}@media (max-width:650px){.compare-toolbar{gap:10px;margin-bottom:14px}.compare-toolbar>span{flex:0 0 100%}.compare-options{gap:6px}.compare-options button{padding:10px 11px;min-height:40px;font-size:12px}.comparison.is-focused .feature-compare,.comparison.is-focused .feature-compare thead,.comparison.is-focused .feature-compare tbody{display:block}.comparison.is-focused .feature-compare tr{display:grid;grid-template-columns:1fr 1fr}.comparison.is-focused .feature-compare thead th:first-child{display:none}.comparison.is-focused .feature-compare tbody th{grid-column:1/-1;background:#83948f06;color:var(--t3);border-bottom:1px solid var(--line);padding:12px 16px;font:12px var(--f-mono)}.comparison.is-focused .feature-compare th,.comparison.is-focused .feature-compare td{min-width:0;padding:16px;font-size:12px}.comparison.is-focused .feature-compare thead th{font-size:13px}.comparison.is-focused .compare-detail{font-size:12px}.comparison.is-focused .compare-product-icon{display:flex;margin:0 0 10px}.comparison.is-focused .feature-compare tbody tr:last-child th{border-bottom:1px solid var(--line)}}.compare-legend{display:flex;flex-wrap:wrap;gap:10px 22px;margin:0 0 16px;color:var(--t2);font:12px/1.5 var(--f-ui)}.compare-legend>span{display:inline-flex;align-items:center;gap:7px}.compare-legend .m-icon{width:16px;height:16px;stroke-width:2}.compare-legend .legend-yes{color:var(--sel)}.compare-legend .legend-no{color:#c48f8b}.compare-legend .legend-partial{color:#d1bd8d}.comparison .feature-matrix{min-width:920px}.comparison .feature-matrix th,.comparison .feature-matrix td{padding:16px 12px;vertical-align:middle}.comparison .feature-matrix thead th{text-align:center;font-size:13px}.comparison .feature-matrix thead th:first-child{width:210px;text-align:left;font:600 13px/1.5 var(--f-ui);color:var(--t1)}.comparison .feature-matrix tbody th{font-size:13px;line-height:1.5}.comparison .feature-matrix .compare-product-icon{display:flex;justify-content:center;margin:0 auto 10px}.comparison .feature-matrix .compare-product-icon img{margin:0}.matrix-feature{display:flex;align-items:center;gap:10px}.feature-matrix .matrix-feature .m-icon{flex:0 0 18px;width:18px;height:18px;margin:0}.matrix-status{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;min-height:28px;text-align:center}.feature-matrix .matrix-status .m-icon{width:22px;height:22px;margin:0;stroke-width:2}.feature-matrix .matrix-status--yes .m-icon{color:var(--sel)}.feature-matrix .matrix-status--no .m-icon{color:#c48f8b}.feature-matrix .matrix-status--partial .m-icon{width:16px;height:16px;color:#d1bd8d}.matrix-note{color:var(--t2);font-size:12px;line-height:1.5}.comparison:not(.is-focused) .feature-matrix th:first-child{position:sticky;left:0;z-index:1;background:#0b1418}.comparison.is-focused .feature-matrix{min-width:0}.comparison.is-focused .feature-matrix thead th:first-child{width:40%}.comparison.is-focused .feature-matrix .matrix-note{font-size:12px}@media (max-width:650px){.comparison:not(.is-focused) .feature-matrix{min-width:878px}.comparison:not(.is-focused) .feature-matrix thead th:first-child{width:146px}.comparison:not(.is-focused) .feature-matrix tbody th{font-size:12px}.comparison.is-focused .feature-matrix th,.comparison.is-focused .feature-matrix td{padding:12px 14px}.comparison.is-focused .feature-matrix tbody th{padding:12px 14px;font:600 12px/1.5 var(--f-ui);color:var(--t1)}.comparison.is-focused .feature-matrix .compare-product-icon{margin:0 auto 8px}.comparison.is-focused .feature-matrix .matrix-note{font-size:12px}.comparison.is-focused .feature-matrix .matrix-feature .m-icon{width:16px;height:16px;flex-basis:16px}}.feature-compare .mako-cell{background:#0f1b17}@media (max-width:650px){.comparison.is-focused .feature-compare tbody th{background:#0e1416}}.proof-stat small{color:var(--t2);font-size:13px;line-height:1.6;max-width:46ch}
