@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=DM+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap";@font-face{font-family:Geist;src:url(../../../fonts/Geist-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}:root{font-family:DM Sans,sans-serif;color:light-dark(#e4e8dc,#151b09);background:light-dark(#181e1e,#dbe4e4);font-synthesis:none;--muted:light-dark(#929a91, #5f6b5d);--line:light-dark(#b5bea327, #3d4b2227);--acid:light-dark(#d5f3a5, #002900)}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a,input{-webkit-tap-highlight-color:transparent}button,a{color:inherit}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--acid);outline-offset:5px}a{text-decoration:none}#scene{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none}.grain{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='white' filter='url(%23n)' opacity='.8' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}header{position:fixed;top:0;left:40px;right:40px;height:87px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);z-index:2}.brand{font-size:14px;font-weight:700;letter-spacing:1.2px;display:flex;align-items:center;gap:10px}.brand-icon{font-size:30px;font-weight:700;margin-right:5px;color:var(--acid)}.brand-light{color:var(--muted);font-weight:400}.edition,.download,.eyebrow,.rail-heading,.status,dt,.power-label,.mesh-stats,.motion-label,.animation-buttons,.view-caption,footer,.text-button,#loading,dialog div>span{font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:1.2px}.edition{color:var(--muted)}.edition b{margin-left:22px;font-weight:400;color:light-dark(#e4e8dc,#151b09)}.download{border:1px solid light-dark(#d5f3a559,#00290059);padding:11px 15px;color:var(--acid)}.download span{margin-left:22px;font-size:16px}.intro{position:fixed;top:21%;left:5.2%;pointer-events:none}.eyebrow{color:light-dark(#bac3b0,#374428);font-size:9px}.dot{display:inline-block;width:5px;height:5px;background:var(--acid);border-radius:50%;margin-right:7px;box-shadow:0 0 9px light-dark(#d5f3a525,#00290025)}h1{font-family:Barlow Condensed,Arial Narrow,sans-serif;font-size:clamp(70px,8.8vw,145px);font-weight:600;line-height:.86;letter-spacing:-3px;margin:27px 0 26px}h1 span{display:block;color:light-dark(#8b9687,#61725b);font-weight:500}.tagline{font-size:24px;line-height:1.25;letter-spacing:-.6px}.description{font-size:12px;color:var(--muted);line-height:1.9;margin-top:25px}.text-button{pointer-events:auto;border:0;border-bottom:1px solid light-dark(#d5f3a551,#00290051);background:none;padding:12px 0;color:var(--acid);font-size:9px;margin-top:13px}.text-button span{margin-left:23px}.inspector{position:fixed;right:3%;top:22%;width:197px}.rail-heading{font-size:9px;color:var(--muted);display:flex;justify-content:space-between;padding-bottom:15px;border-bottom:1px solid var(--line)}.rail-heading span{opacity:.5}.status{margin:22px 0 20px;color:var(--acid);font-size:10px}dl{margin:0}dl>div{display:flex;flex-direction:column;gap:6px;margin:20px 0}dt{font-size:8px;color:var(--muted)}dd{margin:0;font-family:Barlow Condensed,sans-serif;font-size:32px;line-height:1.2}dd small{font:14px DM Sans,sans-serif;margin-left:4px;color:var(--muted)}dd.wear{font-family:IBM Plex Mono,monospace;font-size:11px;color:light-dark(#d3a777,#8b4901);margin-top:3px}.power-label{display:flex;justify-content:space-between;font-size:8px;color:var(--muted);margin-top:26px}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:2px;background:light-dark(#606955,#919e80);margin:17px 0 7px;cursor:pointer;accent-color:var(--acid)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--acid);width:8px;height:12px;border:0}.geometry-heading{margin-top:31px}.switch-row{display:flex;justify-content:space-between;align-items:center;margin-top:18px;font-size:11px;color:light-dark(#b8bfb0,#3c4630)}.switch-row button{width:27px;height:15px;border:1px solid light-dark(#68745b,#849670);background:transparent;border-radius:20px;padding:2px}.switch-row i{display:block;border-radius:50%;width:9px;height:9px;background:light-dark(#68745b,#849670);transition:transform .15s}.switch-row button[aria-checked=true]{border-color:var(--acid)}.switch-row button[aria-checked=true] i{background:var(--acid);transform:translate(11px)}.mesh-stats{display:flex;gap:16px;font-size:7px;color:var(--muted);margin-top:28px}.mesh-stats b{display:block;font-weight:400;color:light-dark(#cbd4bf,#263414);font-size:13px;margin-bottom:6px}.toolbar{position:fixed;bottom:94px;left:50%;transform:translate(-50%);display:flex;gap:20px;align-items:center;border:1px solid light-dark(#c2cdaf32,#2d3d1032);background:light-dark(#18201ded,#d8e4dfed);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:12px 14px 12px 19px}.motion-label{font-size:8px;white-space:nowrap;color:var(--muted)}.animation-buttons{display:flex;gap:3px}.animation-buttons button{background:none;border:0;color:var(--muted);padding:12px;font-size:9px;letter-spacing:.6px;white-space:nowrap}.animation-buttons button.active{background:var(--acid);color:light-dark(#253023,#c7d7c4)}.playback{display:flex;border-left:1px solid var(--line);padding-left:10px;gap:9px}.playback button{border:0;background:none;font-size:18px;color:light-dark(#bac3b0,#374428);width:22px;padding:0}.view-caption{position:fixed;bottom:116px;left:5.2%;display:flex;gap:14px;font-size:8px;line-height:1.8;color:light-dark(#8b9586,#63725c)}.view-caption b{font-weight:400;color:light-dark(#c1c9b6,#323e21);font-size:7px}.cross{font-size:24px;font-weight:300;line-height:1}footer{position:fixed;left:40px;right:40px;bottom:0;height:63px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:light-dark(#8f9a86,#5e6e50);font-size:8px;pointer-events:none}footer i{font-style:normal;margin:0 10px}#renderStatus{color:light-dark(#bbc9ab,#2e4316)}#loading{position:fixed;left:52%;top:45%;display:flex;align-items:center;flex-direction:column;gap:16px;font-size:10px}#loading small{font-size:9px;color:var(--muted);letter-spacing:0}.load-ring{border:var(--load-ring-w,3px) solid light-dark(#56604e,#99a88d);border-top-color:var(--acid);width:32px;height:32px;border-radius:50%;animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}dialog{width:min(900px,92vw);max-height:90vh;padding:0;border:1px solid light-dark(#849177,#667a53);background:light-dark(#1c2421,#d4e0db);color:light-dark(#e4e8dc,#151b09);overflow:auto}dialog[open]{display:flex}dialog::backdrop{background:light-dark(#08100de8,#e8f4efe8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}dialog img{width:53%;object-fit:contain;background:light-dark(#77756b,#8e8b7c)}dialog div{padding:50px 30px;align-self:center}dialog div>span{color:var(--acid);font-size:8px}dialog h2{font-family:Barlow Condensed,sans-serif;font-size:45px;line-height:1.05;font-weight:500}dialog p{font-size:13px;line-height:1.9;color:light-dark(#a9b6a3,#405337)}#closeConcept{position:absolute;right:12px;top:6px;font-size:28px;background:none;border:0;z-index:1}@media (min-width:1600px){.inspector{right:5.2%;width:210px}.toolbar{bottom:105px}.intro{top:22%}}@media (max-height:760px) and (min-width:901px){.intro{top:19%}h1{font-size:100px;margin:20px 0}.tagline{font-size:20px}.description{margin-top:15px}.inspector{top:19%;width:170px}dl>div{margin:13px 0}.geometry-heading{margin-top:18px}.switch-row{margin-top:11px}.status{margin:16px 0}.toolbar{bottom:78px}.view-caption{bottom:97px}}@media (max-width:1100px){.edition{display:none}.inspector{width:160px;right:25px}.intro{left:30px}.toolbar{gap:8px}.motion-label,.view-caption,.pipeline{display:none}.description{font-size:11px}}@media (max-width:700px){header{height:66px;left:20px;right:20px}.brand{font-size:11px;gap:6px}.brand-icon{font-size:24px}.brand-light{font-size:9px}.download{font-size:8px;padding:8px}.download span{margin-left:7px;font-size:13px}.intro{top:97px;left:23px}.eyebrow{font-size:7px;letter-spacing:.7px}h1{font-size:72px;line-height:.82;letter-spacing:-2px;margin:19px 0 12px}h1 span{display:inline;color:light-dark(#8b9687,#61725b);margin-left:7px}.tagline{font-size:15px;line-height:1.4;margin-top:13px}.description{display:none}.text-button{margin:0;font-size:7px;padding:9px 0}.inspector{top:auto;bottom:149px;right:20px;width:120px;background:light-dark(#18201dbe,#d8e4dfbe);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:12px}.inspector>.rail-heading:first-child,.inspector dl,.power-label,.status,.geometry-heading,.mesh-stats{display:none}.switch-row{font-size:10px;margin-top:13px}.switch-row:first-of-type{margin-top:0}input[type=range]{margin:3px 0 7px}.toolbar{bottom:69px;width:calc(100% - 40px);justify-content:space-between;padding:9px;gap:0}.animation-buttons button{padding:11px 8px;font-size:8px}.playback{gap:5px;padding-left:6px}footer{left:20px;right:20px;height:49px;font-size:6px;letter-spacing:.6px}#loading{left:42%;top:48%;font-size:8px}.load-ring{width:25px;height:25px}dialog[open]{display:block}dialog img{width:100%;height:58vh}dialog div{padding:20px}dialog h2{font-size:32px;margin:15px 0}dialog p{font-size:11px}}@media (max-width:700px){.inspector{bottom:136px;left:20px;right:20px;width:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px}.inspector .switch-row{margin:0;font-size:8px;gap:7px}.inspector input[type=range]{width:40px;flex-shrink:0;margin:0}.inspector .switch-row button{flex-shrink:0}}@media (max-width:900px){.toolbar{gap:8px}.motion-label{display:none}.animation-buttons button{padding:11px 9px}}@media (max-width:700px){.toolbar{bottom:62px;flex-wrap:wrap;padding:9px;gap:8px}.animation-buttons{display:grid;grid-template-columns:repeat(3,1fr);flex:1;gap:3px}.animation-buttons button{font-size:8px;padding:10px 4px;min-height:32px}.playback{flex-direction:column;gap:8px}.inspector{bottom:165px}footer{height:44px}}.character-picker{position:fixed;top:108px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:5px;padding:5px;background:light-dark(#18201de8,#d8e4dfe8);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:3}.character-picker>span{font:8px IBM Plex Mono,monospace;letter-spacing:1px;color:var(--muted);padding:0 14px 0 9px}.character-picker button{border:1px solid transparent;background:none;color:var(--muted);padding:11px 17px;font:500 11px IBM Plex Mono,monospace;letter-spacing:1px;white-space:nowrap}.character-picker button small{font-size:9px;opacity:.65}.character-picker button[aria-pressed=true]{color:var(--acid);border-color:var(--line);background:light-dark(#a8b8b912,#374f5112)}body[data-character=aether-02] dd.wear{font-size:9px;line-height:1.7}@media (max-width:700px){.character-picker{top:78px;width:calc(100% - 40px);justify-content:center}.character-picker>span{display:none}.character-picker button{flex:1;padding:9px 12px;font-size:10px}.intro{top:145px}h1{font-size:59px;margin-top:14px}.tagline{font-size:13px}.eyebrow{font-size:6px}}@media (min-width:701px){.edition{display:none}.character-picker{top:20px}}@media (min-width:701px) and (max-width:1100px){.character-picker>span{display:none}}@media (min-width:701px) and (max-width:900px){.brand-light{display:none}}@media (max-width:700px){.animation-buttons{grid-template-columns:repeat(4,1fr)}.animation-buttons button{font-size:7px;letter-spacing:0;padding:10px 3px}.animation-buttons button[data-clip=PunchCombo]{grid-column:span 2}}body[data-character=seraph-03] h1 span{color:light-dark(#bca487,#775328)}body[data-character=seraph-03] dd.wear{color:light-dark(#e2c3a0,#603200);font-size:9px;line-height:1.7}@media (max-width:700px){.character-picker button{padding:9px 5px;font-size:9px}.character-picker button small{font-size:8px}body[data-character=seraph-03] .animation-buttons button[data-clip=WingDeploy]{grid-column:auto}}@media (max-width:700px){body[data-character=seraph-03] .animation-buttons{grid-template-columns:repeat(3,1fr)}body[data-character=seraph-03] .animation-buttons button{font-size:8px}}@media (min-width:701px){.toolbar.expanded{max-width:calc(100vw - 70px);gap:12px}.toolbar.expanded .animation-buttons{display:grid;grid-template-columns:repeat(6,auto)}.toolbar.expanded .animation-buttons button{padding:10px 9px;font-size:8px}.toolbar.expanded .motion-label{display:none}}@media (max-width:700px){.toolbar.expanded .animation-buttons{grid-template-columns:repeat(4,minmax(0,1fr))}.toolbar.expanded .animation-buttons button{grid-column:auto;font-size:7px;padding:10px 2px}.inspector{bottom:calc(62px + var(--motion-toolbar-height, 91px) + 12px)}}@media (max-width:700px){.character-picker{gap:0;padding:4px}.character-picker button{min-width:0;padding:9px 3px;font-size:8px;letter-spacing:.2px}.character-picker button small{font-size:6px}}#webcamToggle{flex-shrink:0;background:transparent;border:1px solid var(--line);color:var(--acid);padding:10px 12px;font:9px IBM Plex Mono,monospace;letter-spacing:.7px;margin:0 8px}#webcamToggle[aria-pressed=true]{background:var(--acid);color:light-dark(#18201b,#d8e4dd);border-color:var(--acid)}.webcam-panel[hidden]{display:none}.webcam-panel{position:fixed;z-index:5;left:30px;bottom:calc(var(--motion-toolbar-height,90px) + 110px);width:230px;padding:12px;background:light-dark(#18201bf2,#d8e4ddf2);border:1px solid var(--line);box-shadow:0 12px 40px light-dark(#0004,#fff4)}.webcam-heading{display:flex;align-items:center;justify-content:space-between;font:10px IBM Plex Mono,monospace;letter-spacing:1px;color:var(--acid)}.webcam-heading button{border:0;background:none;font-size:24px;padding:0 3px;line-height:1}.webcam-preview{position:relative;aspect-ratio:4/3;background:light-dark(#0b100e,#ebf2ef);margin-top:10px;overflow:hidden}.webcam-preview video,.webcam-preview canvas{position:absolute;width:100%;height:100%;object-fit:contain;transform:scaleX(-1)}.unmirrored .webcam-preview video,.unmirrored .webcam-preview canvas{transform:none}.webcam-panel p{font-size:12px;line-height:1.5;min-height:36px;margin:10px 0}.webcam-mirror{display:flex;align-items:center;gap:6px;font-size:11px}.webcam-mirror input{accent-color:var(--acid)}.webcam-panel small{display:block;font-size:10px;line-height:1.5;color:var(--muted);margin-top:9px}.webcam-active .intro{opacity:.18}.webcam-active .inspector{opacity:.3}#pause:disabled{opacity:.3;cursor:default}@media (min-width:701px){.toolbar{max-width:calc(100vw - 48px)}.animation-buttons{flex-wrap:wrap}.toolbar #webcamToggle{max-width:104px}}@media (max-width:700px){#webcamToggle{font-size:8px;padding:8px;margin:4px 4px 0 0}.webcam-panel{left:12px;top:125px;bottom:auto;width:155px;padding:8px}.webcam-panel p{font-size:10px;margin:6px 0;min-height:30px}.webcam-panel small,.webcam-heading{font-size:8px}.webcam-preview{margin-top:5px}.webcam-mirror{font-size:9px}.webcam-active .intro{opacity:0}}@media (min-width:701px){.toolbar{width:max-content}.toolbar.expanded .animation-buttons{grid-template-columns:repeat(5,auto)}.playback{flex-shrink:0}}@media (max-width:700px){.toolbar #webcamToggle{order:3;flex:1;margin:0}.toolbar .animation-buttons{flex-basis:calc(100% - 45px)}.toolbar .playback{flex-shrink:0}}body[data-character=titan-06] h1 span{color:light-dark(#8f9bc9,#5062a7)}body[data-character=titan-06] dd.wear{color:light-dark(#ffd27a,#672300);font-size:9px;line-height:1.7}body[data-character=vanguard-07] h1 span{color:light-dark(#9fb2c9,#365375)}body[data-character=vanguard-07] dd.wear{color:light-dark(#c9e4ff,#00254d);font-size:9px;line-height:1.7}@media (max-width:700px){.character-picker button{font-size:7px;letter-spacing:0;padding:9px 2px}.character-picker button small{display:none}}@media (min-width:701px) and (max-width:1000px){.character-picker button{padding:11px 8px;font-size:9px}.character-picker button small{font-size:8px}}@media (min-width:701px) and (max-width:1000px){.brand-light{display:none}.character-picker button{padding:11px 6px;font-size:8px}}.combat-link{font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:1px;color:var(--acid);border:1px solid var(--line);padding:10px 14px;margin-right:12px}.combat-link:hover{background:light-dark(#a8b8b912,#374f5112)}@media (max-width:700px){.combat-link{padding:8px 10px;margin-right:8px}}