.tx{--tint:#5fd8ff;--tint-deep:#0a5f9a;aspect-ratio:3/2.35;width:100%;position:relative}.tx[data-tx=empire]{--tint:#ff5a1f;--tint-deep:#6a0d08}.tx-frame{background:radial-gradient(ellipse at 50% 45%, color-mix(in srgb, var(--tint) 38%, transparent), color-mix(in srgb, var(--tint-deep) 60%, transparent) 75%);box-shadow:0 0 36px color-mix(in srgb, var(--tint) 45%, transparent), inset 0 0 0 2px color-mix(in srgb, var(--tint) 60%, transparent);border-radius:14px;animation:7s step-end infinite tx-flicker;position:absolute;inset:0;overflow:hidden}.tx-plaid{background:repeating-linear-gradient(0deg, color-mix(in srgb, var(--tint) 30%, transparent) 0 14px, transparent 14px 26px, color-mix(in srgb, var(--tint) 18%, transparent) 26px 30px, transparent 30px 44px), repeating-linear-gradient(90deg, color-mix(in srgb, var(--tint) 26%, transparent) 0 18px, transparent 18px 34px, color-mix(in srgb, var(--tint) 14%, transparent) 34px 40px, transparent 40px 58px);opacity:.55;position:absolute;inset:0}.tx-oval{border:2px solid color-mix(in srgb, var(--tint) 75%, #fff);box-shadow:0 0 16px var(--tint), inset 0 0 22px color-mix(in srgb, var(--tint) 40%, transparent);border-radius:50%;position:absolute;inset:6% 5%}.tx-bust{opacity:.92;width:62%;height:78%;position:absolute;top:4%;left:50%;transform:translate(-50%);-webkit-mask-image:radial-gradient(50% 62% at 50% 40%,#000 45%,#0000 100%);mask-image:radial-gradient(50% 62% at 50% 40%,#000 45%,#0000 100%)}.tx-img{filter:grayscale()contrast(1.35)brightness(1.25)sepia()hue-rotate(155deg)saturate(3.4);mix-blend-mode:screen;background-position:50% 4%;background-repeat:no-repeat;background-size:auto 230%;position:absolute;inset:0}.tx[data-tx=empire] .tx-img{filter:grayscale()contrast(1.35)brightness(1.3)sepia()hue-rotate(-18deg)saturate(4.4)}.tx-ghost{opacity:0;animation:6.5s step-end infinite tx-glitch}@keyframes tx-glitch{0%,88%,to{opacity:0;clip-path:inset(0);transform:none}89%{opacity:.8;clip-path:inset(20% 0 62%);transform:translate(7%)}91%{opacity:.8;clip-path:inset(55% 0 28%);transform:translate(-6%)}93%{opacity:.6;clip-path:inset(8% 0 80%);transform:translate(4%)}95%{opacity:0}}.tx-lines{background:repeating-linear-gradient(0deg,#00142861 0 2px,#0000 2px 4px);animation:6s linear infinite tx-scan;position:absolute;inset:0}@keyframes tx-scan{to{background-position:0 40px}}@keyframes tx-flicker{0%,94%,98%,to{opacity:1}95%{opacity:.7}96%{opacity:1}99%{opacity:.85}}.tx-beam{clip-path:polygon(34% 100%,66% 100%,100% 0,0 0);background:linear-gradient(to top, color-mix(in srgb, var(--tint) 90%, #fff), transparent);opacity:.75;width:34%;height:22%;position:absolute;bottom:12%;left:50%;transform:translate(-50%)}.tx-base{width:22%;position:absolute;bottom:6%;left:50%;transform:translate(-50%)}.tx-base-top{background:radial-gradient(ellipse, #fff, var(--tint) 60%, transparent 100%);height:.55em;box-shadow:0 0 18px var(--tint);border-radius:50%}.tx-base-body{clip-path:polygon(14% 0,86% 0,100% 100%,0 100%);border-bottom:2px solid var(--tint);background:linear-gradient(#3b4d5a,#121a22);height:1.1em;margin-top:-.2em}.tx-static{opacity:0;pointer-events:none;mix-blend-mode:screen;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 1.4 -0.2'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");background-size:120px;animation:.4s steps(4,end) infinite tx-static;position:absolute;inset:0}@keyframes tx-static{0%{background-position:0 0}25%{background-position:-40px 30px}50%{background-position:20px -50px}75%{background-position:-60px -20px}to{background-position:0 0}}.tx[data-state=connecting] .tx-static{opacity:.5}.tx[data-state=connecting] .tx-bust{opacity:.35}.tx[data-state=connecting] .tx-ghost{animation-duration:.5s}.side[data-active=true] .tx-frame{box-shadow:0 0 56px var(--tint), inset 0 0 0 2px color-mix(in srgb, var(--tint) 85%, #fff)}.side .tx{transition:transform .8s cubic-bezier(.22,1,.36,1)}.side[data-active=true] .tx{transform:scale(1.06)translateY(-6px)}.tx-wrap{z-index:3;flex:none;width:min(30vw,54svh,440px);font-size:clamp(11px,1.5svh,16px);position:relative}@media (max-width:767px){.tx-wrap{width:min(52vw,24svh)}}.crest-art .crest-draw{stroke-dasharray:1;stroke-dashoffset:1px;animation:1.8s cubic-bezier(.5,0,.2,1) .15s forwards crest-draw}.side-l .crest-art .crest-draw{animation-delay:2.2s}.side-r .crest-art .crest-draw{animation-delay:3.2s}@keyframes crest-draw{to{stroke-dashoffset:0}}@keyframes hx-spin{to{transform:rotate(360deg)}}.crest-art .crest-ring{transform-box:view-box;transform-origin:50px 50px;animation:30s linear infinite hx-spin}.side[data-active=true] .crest-art .crest-ring{animation-duration:4s}.crest-art{overflow:visible}.side[data-active=true] .crest-art{filter:drop-shadow(0 0 14px var(--hi))}.choose-heading{background:repeating-linear-gradient(0deg,#0000 0 3px,#ffffff1a 3px 4px)}.flood{z-index:15;pointer-events:none;opacity:0;mix-blend-mode:screen;transition:opacity .7s;position:absolute;inset:0}.choose[data-hover=empire] .flood{opacity:.22;background:radial-gradient(80% 90% at 80% 55%,#e01b1b,#5a0d0a 60%,#0000 90%)}.choose[data-hover=republic] .flood{opacity:.22;background:radial-gradient(80% 90% at 20% 55%,#35c0ff,#1a7ad8 60%,#0000 90%)}.saber{z-index:25;pointer-events:none;width:100%;height:100%;display:none;position:absolute;inset:0;overflow:visible}@media (min-width:768px){.saber{display:block}}.shock{z-index:28;width:60px;height:60px;box-shadow:0 0 40px var(--c1), inset 0 0 40px var(--c1);opacity:0;pointer-events:none;border:3px solid #fffc;border-radius:50%;margin:-30px 0 0 -30px;position:absolute}.activate{flex-direction:column;justify-content:center}.hologram{z-index:4;text-align:center;flex-direction:column;align-items:center;gap:.5rem;margin-top:1.4rem;display:flex;position:relative}.hx-name{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.14em;color:var(--hi);text-shadow:0 0 12px var(--c1), 0 0 34px var(--c1);white-space:nowrap;background:repeating-linear-gradient(0deg,#0000 0 3px,#ffffff24 3px 4px);font-size:clamp(1.7rem,5.2vw,4rem);font-weight:800}.hx-sub{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.4em;color:#fff;text-shadow:0 0 10px var(--c1);font-size:clamp(.8rem,1.6vw,1.15rem);font-weight:600}.hx-crest{width:clamp(40px,7svh,70px);height:clamp(40px,7svh,70px);color:var(--hi)}.hx-stage-wrap{width:min(80vw,56svh,560px);font-size:clamp(12px,1.9svh,20px);position:relative}