.live[data-v-631728e1]{white-space:normal}.catch[data-v-631728e1]{--cx:.22;--cy:.3;--cw:.7;--ch:.56;--ar:2 / 1}.compact[data-v-631728e1]{--cx:.32;--cy:.34;--cw:.52;--ch:.555;--ar:1331 / 888}.frame[data-v-631728e1]{aspect-ratio:var(--ar);border-radius:var(--r-media);background:var(--s2);isolation:isolate;position:relative;overflow:hidden}.plate[data-v-631728e1]{width:calc(100% / var(--cw));height:calc(100% / var(--ch));left:calc(-100% * var(--cx) / var(--cw));top:calc(-100% * var(--cy) / var(--ch));position:absolute}.marks[data-v-631728e1],.ph[data-v-631728e1],.ph img[data-v-631728e1]{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.ph img[data-v-631728e1]{-o-object-fit:cover;object-fit:cover}.ph.ships[data-v-631728e1]{opacity:0;transition:opacity .42s var(--e-light)}.ships .ph.ships[data-v-631728e1]{opacity:1}.marks[data-v-631728e1]{pointer-events:none;filter:drop-shadow(0 0 1.5px #09080cb3)drop-shadow(0 1px 3px #09080c59);overflow:visible}.ring[data-v-631728e1]{fill:none;stroke:var(--lilac);stroke-width:2px;stroke-linecap:round;stroke-dasharray:var(--c) var(--c);stroke-dashoffset:var(--c);transform-box:fill-box;transform-origin:50%;opacity:0;transition:stroke-dashoffset 0s linear .16s,transform 0s linear .16s,opacity .16s ease-out;transform:rotate(-70deg)scale(1.16)}.marked .ring[data-v-631728e1]{opacity:1;stroke-dashoffset:0;transition:stroke-dashoffset .42s cubic-bezier(.65,0,.35,1) calc(var(--i) * 80ms),transform .56s var(--e) calc(var(--i) * 80ms),opacity 60ms linear calc(var(--i) * 80ms);transform:rotate(-70deg)scale(1)}.tag[data-v-631728e1]{z-index:1;left:calc(0.55% + var(--x) + var(--rx));top:var(--y);border-radius:var(--r-pill);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.005em;height:26px;color:var(--ink);white-space:nowrap;opacity:0;transform-origin:0;pointer-events:none;background:#09080cc2;align-items:center;padding:0 11px 1px;font-size:12.5px;font-weight:500;transition:opacity .14s ease-out,transform .14s ease-out;display:inline-flex;position:absolute;transform:translate(-6px,-50%)scale(.94);box-shadow:inset 0 0 0 1px #df99f76b}.marked .tag[data-v-631728e1]{opacity:1;transition:opacity .2s ease-out calc(.3s + var(--i) * 80ms),transform var(--pop) calc(.3s + var(--i) * 80ms);transform:translateY(-50%)}.ctrl[data-v-631728e1]{z-index:2;display:flex;position:absolute;top:16px;left:16px;right:16px}.ctrl[data-v-631728e1] .seg{-webkit-backdrop-filter:blur(14px)saturate(1.1);backdrop-filter:blur(14px)saturate(1.1);background:#09080c9e;box-shadow:inset 0 0 0 1px #f6f1eb24,0 8px 24px -12px #09080c99}.ctrl[data-v-631728e1] .seg button:not([aria-checked=true]){color:#f6f1ebd6}.ctrl[data-v-631728e1] .seg button:not([aria-checked=true]):hover{color:var(--ink)}.ctrl[data-v-631728e1] .seg .seg-thumb{transition:translate .42s var(--e),width .42s var(--e),scale var(--press)}.ctrl[data-v-631728e1] .seg:has(button:active) .seg-thumb{scale:.96}@media (min-width:1100px){.ctrl[data-v-631728e1]{top:20px;left:20px}.tag[data-v-631728e1]{height:28px;padding:0 12px 1px;font-size:13px}}@media (max-width:760px){.catch[data-v-631728e1],.compact[data-v-631728e1]{--cx:.36;--cy:.16;--cw:.4;--ch:.8;--ar:4 / 5}.ctrl[data-v-631728e1]{top:12px;left:12px;right:12px}.tag[data-v-631728e1]{height:24px;padding:0 9px 1px;font-size:12px}.tag--number[data-v-631728e1]{left:calc(var(--x) + var(--rx));top:calc(1.2% + var(--y) + var(--ry));transform-origin:100% 0;transform:translate(-100%,-4px)scale(.94)}.marked .tag--number[data-v-631728e1]{transform:translate(-100%)}}@media (prefers-reduced-motion:reduce){.ph.ships[data-v-631728e1]{transition-duration:.2s}.ring[data-v-631728e1]{stroke-dashoffset:0;transition:opacity .16s ease-out}.marked .ring[data-v-631728e1],.ring[data-v-631728e1]{transform:rotate(-70deg)}.marked .ring[data-v-631728e1]{transition:opacity .2s ease-out calc(var(--i) * 80ms)}.marked .tag[data-v-631728e1],.tag[data-v-631728e1]{transform:translateY(-50%)}.marked .tag[data-v-631728e1]{transition:opacity .2s ease-out calc(.12s + var(--i) * 80ms)}}@media (prefers-reduced-motion:reduce) and (max-width:760px){.marked .tag--number[data-v-631728e1],.tag--number[data-v-631728e1]{transform:translate(-100%)}}