@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";:root{color:#e4e8dc;font-synthesis:none;--muted:#929a91;--line:#b5bea327;--acid:#d5f3a5;background:#181e1e;font-family:DM Sans,sans-serif}*{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{touch-action:none;width:100%;height:100%;position:fixed;inset:0}.grain{pointer-events:none;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");position:fixed;inset:0}header{border-bottom:1px solid var(--line);z-index:2;justify-content:space-between;align-items:center;height:87px;display:flex;position:fixed;top:0;left:40px;right:40px}.brand{letter-spacing:1.2px;align-items:center;gap:10px;font-size:14px;font-weight:700;display:flex}.brand-icon{color:var(--acid);margin-right:5px;font-size:30px;font-weight:700}.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{letter-spacing:1.2px;font-family:IBM Plex Mono,monospace;font-size:10px}.edition{color:var(--muted)}.edition b{color:#e4e8dc;margin-left:22px;font-weight:400}.download{color:var(--acid);border:1px solid #d5f3a559;padding:11px 15px}.download span{margin-left:22px;font-size:16px}.intro{pointer-events:none;position:fixed;top:21%;left:5.2%}.eyebrow{color:#bac3b0;font-size:9px}.dot{background:var(--acid);border-radius:50%;width:5px;height:5px;margin-right:7px;display:inline-block;box-shadow:0 0 9px #d5f3a525}h1{letter-spacing:-3px;margin:27px 0 26px;font-family:Barlow Condensed,Arial Narrow,sans-serif;font-size:clamp(70px,8.8vw,145px);font-weight:600;line-height:.86}h1 span{color:#8b9687;font-weight:500;display:block}.tagline{letter-spacing:-.6px;font-size:24px;line-height:1.25}.description{color:var(--muted);margin-top:25px;font-size:12px;line-height:1.9}.text-button{pointer-events:auto;color:var(--acid);background:0 0;border:0;border-bottom:1px solid #d5f3a551;margin-top:13px;padding:12px 0;font-size:9px}.text-button span{margin-left:23px}.inspector{width:197px;position:fixed;top:22%;right:3%}.rail-heading{color:var(--muted);border-bottom:1px solid var(--line);justify-content:space-between;padding-bottom:15px;font-size:9px;display:flex}.rail-heading span{opacity:.5}.status{color:var(--acid);margin:22px 0 20px;font-size:10px}dl{margin:0}dl>div{flex-direction:column;gap:6px;margin:20px 0;display:flex}dt{color:var(--muted);font-size:8px}dd{margin:0;font-family:Barlow Condensed,sans-serif;font-size:32px;line-height:1.2}dd small{color:var(--muted);margin-left:4px;font:14px DM Sans,sans-serif}dd.wear{color:#d3a777;margin-top:3px;font-family:IBM Plex Mono,monospace;font-size:11px}.power-label{color:var(--muted);justify-content:space-between;margin-top:26px;font-size:8px;display:flex}input[type=range]{appearance:none;cursor:pointer;width:100%;height:2px;accent-color:var(--acid);background:#606955;margin:17px 0 7px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--acid);border:0;width:8px;height:12px}.geometry-heading{margin-top:31px}.switch-row{color:#b8bfb0;justify-content:space-between;align-items:center;margin-top:18px;font-size:11px;display:flex}.switch-row button{background:0 0;border:1px solid #68745b;border-radius:20px;width:27px;height:15px;padding:2px}.switch-row i{background:#68745b;border-radius:50%;width:9px;height:9px;transition:transform .15s;display:block}.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{color:var(--muted);gap:16px;margin-top:28px;font-size:7px;display:flex}.mesh-stats b{color:#cbd4bf;margin-bottom:6px;font-size:13px;font-weight:400;display:block}.toolbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#18201ded;border:1px solid #c2cdaf32;align-items:center;gap:20px;padding:12px 14px 12px 19px;display:flex;position:fixed;bottom:94px;left:50%;transform:translate(-50%)}.motion-label{white-space:nowrap;color:var(--muted);font-size:8px}.animation-buttons{gap:3px;display:flex}.animation-buttons button{color:var(--muted);letter-spacing:.6px;white-space:nowrap;background:0 0;border:0;padding:12px;font-size:9px}.animation-buttons button.active{background:var(--acid);color:#253023}.playback{border-left:1px solid var(--line);gap:9px;padding-left:10px;display:flex}.playback button{color:#bac3b0;background:0 0;border:0;width:22px;padding:0;font-size:18px}.view-caption{color:#8b9586;gap:14px;font-size:8px;line-height:1.8;display:flex;position:fixed;bottom:116px;left:5.2%}.view-caption b{color:#c1c9b6;font-size:7px;font-weight:400}.cross{font-size:24px;font-weight:300;line-height:1}footer{border-top:1px solid var(--line);color:#8f9a86;pointer-events:none;justify-content:space-between;align-items:center;height:63px;font-size:8px;display:flex;position:fixed;bottom:0;left:40px;right:40px}footer i{margin:0 10px;font-style:normal}#renderStatus{color:#bbc9ab}#loading{flex-direction:column;align-items:center;gap:16px;font-size:10px;display:flex;position:fixed;top:45%;left:52%}#loading small{color:var(--muted);letter-spacing:0;font-size:9px}.load-ring{border:1px solid #56604e;border-top-color:var(--acid);border-radius:50%;width:32px;height:32px;animation:1.2s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}dialog{color:#e4e8dc;background:#1c2421;border:1px solid #849177;width:min(900px,92vw);max-height:90vh;padding:0;overflow:auto}dialog[open]{display:flex}dialog::backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#08100de8}dialog img{object-fit:contain;background:#77756b;width:53%}dialog div{align-self:center;padding:50px 30px}dialog div>span{color:var(--acid);font-size:8px}dialog h2{font-family:Barlow Condensed,sans-serif;font-size:45px;font-weight:500;line-height:1.05}dialog p{color:#a9b6a3;font-size:13px;line-height:1.9}#closeConcept{z-index:1;background:0 0;border:0;font-size:28px;position:absolute;top:6px;right:12px}@media (width>=1600px){.inspector{width:210px;right:5.2%}.toolbar{bottom:105px}.intro{top:22%}}@media (height<=760px) and (width>=901px){.intro{top:19%}h1{margin:20px 0;font-size:100px}.tagline{font-size:20px}.description{margin-top:15px}.inspector{width:170px;top:19%}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 (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 (width<=700px){header{height:66px;left:20px;right:20px}.brand{gap:6px;font-size:11px}.brand-icon{font-size:24px}.brand-light{font-size:9px}.download{padding:8px;font-size:8px}.download span{margin-left:7px;font-size:13px}.intro{top:97px;left:23px}.eyebrow{letter-spacing:.7px;font-size:7px}h1{letter-spacing:-2px;margin:19px 0 12px;font-size:72px;line-height:.82}h1 span{color:#8b9687;margin-left:7px;display:inline}.tagline{margin-top:13px;font-size:15px;line-height:1.4}.description{display:none}.text-button{margin:0;padding:9px 0;font-size:7px}.inspector{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#18201dbe;width:120px;padding:12px;top:auto;bottom:149px;right:20px}.inspector>.rail-heading:first-child,.inspector dl,.power-label,.status,.geometry-heading,.mesh-stats{display:none}.switch-row{margin-top:13px;font-size:10px}.switch-row:first-of-type{margin-top:0}input[type=range]{margin:3px 0 7px}.toolbar{justify-content:space-between;gap:0;width:calc(100% - 40px);padding:9px;bottom:69px}.animation-buttons button{padding:11px 8px;font-size:8px}.playback{gap:5px;padding-left:6px}footer{letter-spacing:.6px;height:49px;font-size:6px;left:20px;right:20px}#loading{font-size:8px;top:48%;left:42%}.load-ring{width:25px;height:25px}dialog[open]{display:block}dialog img{width:100%;height:58vh}dialog div{padding:20px}dialog h2{margin:15px 0;font-size:32px}dialog p{font-size:11px}.inspector{justify-content:space-between;align-items:center;gap:10px;width:auto;padding:10px 12px;display:flex;bottom:136px;left:20px;right:20px}.inspector .switch-row{gap:7px;margin:0;font-size:8px}.inspector input[type=range]{flex-shrink:0;width:40px;margin:0}.inspector .switch-row button{flex-shrink:0}}@media (width<=900px){.toolbar{gap:8px}.motion-label{display:none}.animation-buttons button{padding:11px 9px}}@media (width<=700px){.toolbar{flex-wrap:wrap;gap:8px;padding:9px;bottom:62px}.animation-buttons{flex:1;grid-template-columns:repeat(3,1fr);gap:3px;display:grid}.animation-buttons button{min-height:32px;padding:10px 4px;font-size:8px}.playback{flex-direction:column;gap:8px}.inspector{bottom:165px}footer{height:44px}}.character-picker{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:3;background:#18201de8;align-items:center;gap:5px;padding:5px;display:flex;position:fixed;top:108px;left:50%;transform:translate(-50%)}.character-picker>span{letter-spacing:1px;color:var(--muted);padding:0 14px 0 9px;font:8px IBM Plex Mono,monospace}.character-picker button{color:var(--muted);letter-spacing:1px;white-space:nowrap;background:0 0;border:1px solid #0000;padding:11px 17px;font:500 11px IBM Plex Mono,monospace}.character-picker button small{opacity:.65;font-size:9px}.character-picker button[aria-pressed=true]{color:var(--acid);border-color:var(--line);background:#a8b8b912}body[data-character=aether-02] h1 span{color:#8dabb7}body[data-character=aether-02] dd.wear{color:#bde9f6;font-size:9px;line-height:1.7}@media (width<=700px){.character-picker{justify-content:center;width:calc(100% - 40px);top:78px}.character-picker>span{display:none}.character-picker button{flex:1;padding:9px 12px;font-size:10px}.intro{top:145px}h1{margin-top:14px;font-size:59px}.tagline{font-size:13px}.eyebrow{font-size:6px}}@media (width>=701px){.edition{display:none}.character-picker{top:20px}}@media (width>=701px) and (width<=1100px){.character-picker>span{display:none}}@media (width>=701px) and (width<=900px){.brand-light{display:none}}@media (width<=700px){.animation-buttons{grid-template-columns:repeat(4,1fr)}.animation-buttons button{letter-spacing:0;padding:10px 3px;font-size:7px}.animation-buttons button[data-clip=PunchCombo]{grid-column:span 2}}body[data-character=seraph-03] h1 span{color:#bca487}body[data-character=seraph-03] dd.wear{color:#e2c3a0;font-size:9px;line-height:1.7}@media (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}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 (width>=701px){.toolbar.expanded{gap:12px;max-width:calc(100vw - 70px)}.toolbar.expanded .animation-buttons{grid-template-columns:repeat(6,auto);display:grid}.toolbar.expanded .animation-buttons button{padding:10px 9px;font-size:8px}.toolbar.expanded .motion-label{display:none}}@media (width<=700px){.toolbar.expanded .animation-buttons{grid-template-columns:repeat(4,minmax(0,1fr))}.toolbar.expanded .animation-buttons button{grid-column:auto;padding:10px 2px;font-size:7px}.inspector{bottom:calc(62px + var(--motion-toolbar-height,91px) + 12px)}.character-picker{gap:0;padding:4px}.character-picker button{letter-spacing:.2px;min-width:0;padding:9px 3px;font-size:8px}.character-picker button small{font-size:6px}}#webcamToggle{border:1px solid var(--line);color:var(--acid);letter-spacing:.7px;background:0 0;flex-shrink:0;margin:0 8px;padding:10px 12px;font:9px IBM Plex Mono,monospace}#webcamToggle[aria-pressed=true]{background:var(--acid);color:#18201b;border-color:var(--acid)}.webcam-panel[hidden]{display:none}.webcam-panel{z-index:5;left:30px;bottom:calc(var(--motion-toolbar-height,90px) + 110px);border:1px solid var(--line);background:#18201bf2;width:230px;padding:12px;position:fixed;box-shadow:0 12px 40px #0004}.webcam-heading{letter-spacing:1px;color:var(--acid);justify-content:space-between;align-items:center;font:10px IBM Plex Mono,monospace;display:flex}.webcam-heading button{background:0 0;border:0;padding:0 3px;font-size:24px;line-height:1}.webcam-preview{aspect-ratio:4/3;background:#0b100e;margin-top:10px;position:relative;overflow:hidden}.webcam-preview video,.webcam-preview canvas{object-fit:contain;width:100%;height:100%;position:absolute;transform:scaleX(-1)}.unmirrored .webcam-preview video,.unmirrored .webcam-preview canvas{transform:none}.webcam-panel p{min-height:36px;margin:10px 0;font-size:12px;line-height:1.5}.webcam-mirror{align-items:center;gap:6px;font-size:11px;display:flex}.webcam-mirror input{accent-color:var(--acid)}.webcam-panel small{color:var(--muted);margin-top:9px;font-size:10px;line-height:1.5;display:block}.webcam-active .intro{opacity:.18}.webcam-active .inspector{opacity:.3}#pause:disabled{opacity:.3;cursor:default}@media (width>=701px){.toolbar{max-width:calc(100vw - 48px)}.animation-buttons{flex-wrap:wrap}.toolbar #webcamToggle{max-width:104px}}@media (width<=700px){#webcamToggle{margin:4px 4px 0 0;padding:8px;font-size:8px}.webcam-panel{width:155px;padding:8px;top:125px;bottom:auto;left:12px}.webcam-panel p{min-height:30px;margin:6px 0;font-size:10px}.webcam-panel small,.webcam-heading{font-size:8px}.webcam-preview{margin-top:5px}.webcam-mirror{font-size:9px}.webcam-active .intro{opacity:0}}@media (width>=701px){.toolbar{width:max-content}.toolbar.expanded .animation-buttons{grid-template-columns:repeat(5,auto)}.playback{flex-shrink:0}}@media (width<=700px){.toolbar #webcamToggle{flex:1;order:3;margin:0}.toolbar .animation-buttons{flex-basis:calc(100% - 45px)}.toolbar .playback{flex-shrink:0}}body[data-character=titan-06] h1 span{color:#8f9bc9}body[data-character=titan-06] dd.wear{color:#ffd27a;font-size:9px;line-height:1.7}body[data-character=vanguard-07] h1 span{color:#9fb2c9}body[data-character=vanguard-07] dd.wear{color:#c9e4ff;font-size:9px;line-height:1.7}@media (width<=700px){.character-picker button{letter-spacing:0;padding:9px 2px;font-size:7px}.character-picker button small{display:none}}@media (width>=701px) and (width<=1000px){.character-picker button small{font-size:8px}.brand-light{display:none}.character-picker button{padding:11px 6px;font-size:8px}}