.raster-icon-frame{overflow:hidden}.raster-icon-frame>img{position:absolute;max-width:none;object-fit:fill}.phone{transition:transform .28s ease-out;transform-origin:50% 48%;will-change:auto}.phone-inner{position:relative}.circuit-backplane{position:absolute;inset:0;width:100%;height:100%;color:var(--line);opacity:.52;pointer-events:none;z-index:0}.circuit-packets path{stroke-dasharray:5 130;stroke-dashoffset:0}.phone-inner>.p-status,.phone-inner>.p-head,.phone-inner>.p-bottom,.phone-inner>.p-favorites,.phone-inner>.magi-chassis,.phone-inner>.section-index{position:relative;z-index:1}.module-scan{position:absolute;left:7px;right:7px;top:-10%;height:1px;background:var(--accent);box-shadow:0 -5px 12px 1px #f13d1c35;opacity:0;z-index:4;pointer-events:none}.registration-cross{position:absolute;right:12px;top:10px;font:9px Telemetry;color:var(--accent);opacity:.5;z-index:4;pointer-events:none}.clock-seconds{display:block;color:var(--muted);font:7px Telemetry;border-top:1px solid var(--line);margin-top:5px;padding-top:4px}.clock-seconds:before{content:':';opacity:.5;margin-right:2px}.magi-assembly button{transition:color .15s,transform .2s,background .2s}.magi-assembly button:active{transform:scale(.95);color:var(--accent)}.magi-assembly button:hover{background:linear-gradient(90deg,transparent,#ff673516,transparent)}.pilot-chassis[role=button]{cursor:pointer}.pilot-chassis:focus-visible{outline:2px solid var(--success);outline-offset:2px}.pilot-chassis[role=button]:hover .pilot-copy h3{color:var(--amber)}.pilot-chassis[role=button]:hover .pilot-art{transform:scale(1.035)}.pilot-art{transition:transform .6s cubic-bezier(.2,.7,.2,1);transform-origin:75% 45%}.segment-clock svg{overflow:visible}.machined-outline path{transition:stroke .35s}.icon-grid .app-button,.p-favorites .app-button{transition:background .2s,transform .2s}.icon-grid .app-button:hover{transform:translateY(-2px)}.app-button svg,.raster-icon-frame{transition:transform .2s cubic-bezier(.2,.8,.2,1)}.p-favorites .app-button:hover>svg,.p-favorites .app-button:hover>.raster-icon-frame{transform:translateY(-2px)}.real-icon-badge{z-index:2;animation:badge-arrive .28s ease-out 1}.phone[data-charging=true] .battery-bar .progress{background-size:200% 100%!important}.gate-opening .unlock-panel{animation:gate-release .42s cubic-bezier(.6,0,.2,1) forwards}.gate-opening .clock-chassis{animation:gate-clock .42s ease-in forwards}.pilot-dossier{padding:0;max-width:min(880px,92vw);width:880px;height:min(640px,85vh);max-height:85vh;border:1px solid var(--accent);background:#090b0b;color:var(--text);box-shadow:0 30px 100px #000c;overflow:hidden}.pilot-dossier::backdrop{background:#000c;backdrop-filter:blur(3px)}.dossier-art{position:absolute;inset:0 0 0 38%;background:url('../assets/user-supplied/armour-pilot-pair.png') right center/200% auto no-repeat}.dossier-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#090b0b 0,#090b0b33 30%,transparent 70%)}.dossier-copy{position:relative;z-index:1;padding:70px 38px;width:62%}.dossier-copy>p{font:10px/1.7 Telemetry;color:var(--accent);letter-spacing:1px}.dossier-copy h2{font:70px/.85 Command;color:var(--text);margin:28px 0}.dossier-rule{height:2px;background:var(--accent);width:80px;margin:20px 0}.dossier-copy small{font:11px/1.8 Telemetry;color:#b0a394;display:block;max-width:285px}.dossier-motion{font:7px/1.8 Telemetry;letter-spacing:1px;color:var(--accent);margin-top:35px}.dossier-close{position:absolute;z-index:3;right:14px;top:14px;border:1px solid var(--line);width:44px;height:44px;color:var(--text);background:#101010;font-size:25px}.pilot-dossier[open]{animation:dossier-open .3s cubic-bezier(.2,.8,.2,1) 1}.scene-enter>.p-head,.scene-enter>.clock-chassis,.scene-enter>.pilot-chassis,.scene-enter>.magi-chassis,.scene-enter>.weather-chassis,.scene-enter>.p-favorites,.scene-enter>.p-bottom{animation:panel-engage .5s cubic-bezier(.1,.7,.2,1) both}.scene-enter>.clock-chassis{animation-delay:.04s}.scene-enter>.pilot-chassis{animation-delay:.09s}.scene-enter>.magi-chassis{animation-delay:.14s}.scene-enter>.weather-chassis{animation-delay:.19s}.scene-enter>.p-favorites{animation-delay:.24s}.scene-enter>.p-bottom{animation-delay:.29s}
body[data-motion=standard] .circuit-packets path,body[data-motion=high] .circuit-packets path{animation:packet-route 9s steps(108,end) infinite}body[data-motion=high] .circuit-packets path:nth-child(2){animation-direction:reverse;animation-duration:12s}body[data-motion=standard] .module-scan,body[data-motion=high] .module-scan{animation:instrument-scan 8s steps(96,end) infinite;animation-delay:var(--scan-delay,0s)}body[data-motion=high] .module-scan{animation-duration:5s;animation-timing-function:steps(100,end)}body[data-motion=high] .hazard-metal,body[data-motion=high] .p-bottom>.hazard,body[data-motion=standard] .hazard-metal{animation:hazard-track 3s steps(36,end) infinite}body[data-motion=high] .decorative-wave{opacity:.45;animation:wave-travel 8s steps(160,end) infinite}body[data-motion=high] .decorative-wave path:nth-child(3n){stroke-dasharray:22 8;animation:wave-packet 10s steps(200,end) infinite}body[data-motion=high] .machined-outline>path:nth-child(4){stroke-dasharray:38 9 3 10;animation:rail-route 9s steps(180,end) infinite}body[data-motion=high] .registration-cross{animation:registration-turn 14s steps(56,end) infinite}body[data-motion=high] .clock-rail>.hazard-metal{animation-duration:2s}body[data-motion=high] .clock-seconds{animation:seconds-lamp 2s steps(2,end) infinite}body[data-motion=high] .pilot-chassis .deployment-rail{animation:deployment-instrument 5s steps(100,end) infinite}body[data-motion=high] .magi-assembly>svg>path:nth-child(2){stroke-dasharray:22 8;animation:rail-route 6s steps(120,end) infinite}body[data-motion=high] .phone[data-charging=true] .battery-bar .progress{animation:charge-travel 3s linear infinite}
.motion-sleep *,.motion-sleep *:before,.motion-sleep *:after,.suspended *,.suspended *:before,.suspended *:after{animation-play-state:paused!important}.motion-sleep .module-scan,.suspended .module-scan{display:none}body[data-motion=off] *,body[data-motion=off] *:before,body[data-motion=off] *:after{animation:none!important;transition:none!important}.motion-sleep .phone{transform:none!important}@keyframes packet-route{to{stroke-dashoffset:-540}}@keyframes rail-route{to{stroke-dashoffset:-240}}@keyframes wave-packet{to{stroke-dashoffset:-600}}@keyframes instrument-scan{0%,15%{top:6%;opacity:0}22%{opacity:.45}65%{top:91%;opacity:.1}70%,100%{top:91%;opacity:0}}@keyframes hazard-track{to{background-position:24px 0}}@keyframes wave-travel{0%,100%{transform:translateX(-5px)}50%{transform:translateX(6px)}}@keyframes registration-turn{0%,85%{transform:rotate(0)}100%{transform:rotate(90deg)}}@keyframes seconds-lamp{50%{opacity:.55}}@keyframes deployment-instrument{50%{transform:translateY(-1px);opacity:.75}}@keyframes charge-travel{to{background-position:200% 0}}@keyframes panel-engage{from{opacity:0;transform:translateY(8px) scaleY(.97)}to{opacity:1;transform:none}}@keyframes badge-arrive{from{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}@keyframes dossier-open{from{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:none}}@keyframes gate-release{to{transform:perspective(800px) rotateX(12deg) translateY(80px);opacity:0}}@keyframes gate-clock{to{transform:translateY(-30px);opacity:0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.phone{transform:none!important}.module-scan{display:none}}@media(max-width:660px){.pilot-dossier{height:600px}.dossier-art{inset:0;background-size:200% auto;background-position:right 0;opacity:.5}.dossier-art:after{background:linear-gradient(0deg,#090b0b 0,#090b0b88 60%,transparent)}.dossier-copy{padding:190px 25px 30px;width:100%}.dossier-copy h2{font-size:53px;margin:22px 0}.dossier-copy small{font-size:10px}.dossier-motion{font-size:6px}.clock-seconds{font-size:6px}}
.media-rail{height:58px;display:flex;align-items:center;gap:8px;flex:none;border:1px solid var(--line);border-left:3px solid var(--accent);padding:8px 9px;background:linear-gradient(100deg,#29221b77,#0d1010);position:relative;z-index:1}.platter{width:27px;height:27px;border:1px solid var(--line);border-radius:50%;position:relative;flex:none;box-shadow:inset 0 0 0 4px #171918,inset 0 0 0 5px var(--line)}.platter:after{content:"";position:absolute;width:3px;height:3px;left:11px;top:11px;background:var(--accent)}.platter i{position:absolute;left:3px;top:11px;width:7px;height:1px;background:var(--muted)}.media-copy{flex:1;min-width:0}.media-copy>span{font:5px Telemetry;color:var(--accent);letter-spacing:.4px;display:block}.media-copy b{font:12px/1.4 Command;color:var(--text);display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.media-copy small{font:4px Telemetry;color:var(--muted);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-actions{display:flex}.media-actions button{background:none;border:0;color:var(--text);min-width:27px;min-height:44px;font-size:12px;padding:2px}.media-actions button:disabled{opacity:.25}.media-rail[data-playing=true] .platter{animation:record-rotate 6s linear infinite}@keyframes record-rotate{to{transform:rotate(360deg)}}@media(max-width:660px){.media-rail{height:45px;padding:4px 7px}.media-copy b{font-size:10px}.media-copy>span{font-size:4px}.media-copy small{font-size:4px}.media-actions button{min-width:24px;font-size:10px}.media-rail .platter{width:23px;height:23px}.platter:after{left:9px;top:9px}}