@charset "UTF-8";@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:400;src:url("./media/poppins-latin-400-normal-SFWTNBQB.woff2") format("woff2"),url("./media/poppins-latin-400-normal-ZPTYLX7I.woff") format("woff")}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:600;src:url("./media/poppins-latin-600-normal-3BUSBBSI.woff2") format("woff2"),url("./media/poppins-latin-600-normal-YBYM6FEI.woff") format("woff")}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:700;src:url("./media/poppins-latin-700-normal-TKEB4KWA.woff2") format("woff2"),url("./media/poppins-latin-700-normal-ZA622GRH.woff") format("woff")}@font-face{font-family:"Noto Serif";font-style:normal;font-display:swap;font-weight:600;src:url("./media/noto-serif-latin-600-normal-2YESKAUN.woff2") format("woff2"),url("./media/noto-serif-latin-600-normal-SG2UVQ7W.woff") format("woff")}@font-face{font-family:"Noto Serif";font-style:normal;font-display:swap;font-weight:700;src:url("./media/noto-serif-latin-700-normal-PDRCAGPK.woff2") format("woff2"),url("./media/noto-serif-latin-700-normal-UOD6HPZB.woff") format("woff")}:root{color-scheme:light;font-family:Poppins,ui-sans-serif,system-ui,sans-serif;line-height:1.5;font-weight:400;background:#f7f4ec;color:#102332;--op-paper: #f7f4ec;--op-white: #ffffff;--op-foam: #eaf6fb;--op-sky: #77c8e8;--op-ocean: #087eaf;--op-cobalt: #17549a;--op-navy: #08243a;--op-abyss: #041522;--op-gold: #e8b84a;--op-ink: #102332;--op-font-interface: "Poppins", ui-sans-serif, system-ui, sans-serif;--op-font-display: "Noto Serif", Georgia, serif;--op-bg: var(--op-paper);--op-cream: var(--op-white);--op-red-ink: var(--op-navy);--op-table-felt: var(--op-cobalt);--op-surface: var(--op-white);--op-surface-2: var(--op-foam);--op-playmat: var(--op-navy);--op-playmat-rail: var(--op-ocean);--op-zone: rgba(234, 246, 251, .09);--op-zone-strong: rgba(119, 200, 232, .16);--op-zone-border: rgba(119, 200, 232, .34);--op-text: var(--op-white);--op-muted: rgba(234, 246, 251, .76);--op-subtle: rgba(234, 246, 251, .58);--op-focus: var(--op-gold);--op-danger: #8b2430;--op-success: var(--op-ocean);--op-info: var(--op-sky);--op-purple: var(--op-cobalt);--op-red-card: #d94135;--op-green-card: #2f9e68;--op-blue-card: #2d74c4;--op-purple-card: #7d4bc1;--op-black-card: #2f343a;--op-yellow-card: #e0aa2f;--op-radius-sm: 4px;--op-radius-md: 6px;--op-radius-lg: 8px;--op-shadow: 0 24px 80px rgba(4, 21, 34, .22);--op-motion-fast: .12s;--op-motion-normal: .2s;--op-motion-emphasis: .38s;--op-motion-cinematic: .62s;--op-ease-standard: cubic-bezier(.2, .8, .2, 1);--op-ease-arrival: cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:linear-gradient(color-mix(in srgb,var(--op-white) 28%,transparent),color-mix(in srgb,var(--op-foam) 44%,transparent)),url(/assets/official/ui/page-nautical-map.png) center top/cover fixed,var(--op-paper)}h1,h2,h3,.display-type{font-family:var(--op-font-display);letter-spacing:0}a{color:inherit}button,input,select{font:inherit}button{cursor:pointer;font-weight:600}button:focus-visible,a:focus-visible{outline:3px solid var(--op-focus);outline-offset:3px}.online-match-status{position:absolute;z-index:24;top:.55rem;right:.7rem;display:flex;min-height:30px;align-items:center;gap:.4rem;border:1px solid color-mix(in srgb,var(--op-success) 38%,transparent);border-radius:999px;padding:.3rem .6rem;background:color-mix(in srgb,var(--op-navy) 91%,transparent);color:var(--op-white);box-shadow:0 6px 18px color-mix(in srgb,var(--op-navy) 24%,transparent);font-size:.7rem}.online-match-status__signal{width:8px;aspect-ratio:1;border-radius:50%;background:var(--op-success);box-shadow:0 0 0 3px color-mix(in srgb,var(--op-success) 24%,transparent)}.online-match-status small{color:color-mix(in srgb,var(--op-white) 70%,var(--op-sky))}.online-match-status--offline{border-color:color-mix(in srgb,var(--op-danger) 45%,transparent)}.online-match-status--offline .online-match-status__signal{background:var(--op-danger);box-shadow:0 0 0 3px color-mix(in srgb,var(--op-danger) 24%,transparent)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}}@keyframes op-route-arrive{0%{opacity:0;transform:translateY(-.35rem)}to{opacity:1;transform:translateY(0)}}.builder-header,.starter-header,.catalog-header{animation:op-route-arrive var(--op-motion-emphasis) var(--op-ease-arrival) both}.builder-actions-toggle,.builder-action-scrim,.builder-toolbar__label{display:none}optcg-deck-builder-page .builder-card footer .builder-card__leader-action{grid-column:1/-1;display:inline-flex;width:100%;align-items:center;justify-content:center;gap:.3rem;border-color:color-mix(in srgb,var(--op-gold) 80%,var(--op-sky));background:var(--op-navy);color:var(--op-white);font-size:.72rem;white-space:nowrap}optcg-deck-builder-page .builder-card footer .builder-card__leader-action>span{display:grid;min-width:20px;width:20px;height:20px;place-items:center;border:1px solid var(--op-gold);border-radius:50%;color:var(--op-gold);font-size:.78rem}optcg-deck-builder-page .builder-card footer .builder-card__leader-action.is-selected{border-color:var(--op-gold);background:color-mix(in srgb,var(--op-gold) 82%,var(--op-white));color:var(--op-navy)}optcg-deck-builder-page .builder-card footer .builder-card__leader-action.is-selected>span{border-color:var(--op-navy);color:var(--op-navy)}optcg-deck-builder-page .segmented-control,optcg-deck-builder-page .filter-grid{scrollbar-width:thin;scrollbar-color:var(--op-sky) color-mix(in srgb,var(--op-white) 9%,transparent)}optcg-deck-builder-page .segmented-control::-webkit-scrollbar,optcg-deck-builder-page .filter-grid::-webkit-scrollbar{width:4px;height:4px}optcg-deck-builder-page .segmented-control::-webkit-scrollbar-track,optcg-deck-builder-page .filter-grid::-webkit-scrollbar-track{border-radius:999px;background:color-mix(in srgb,var(--op-white) 9%,transparent)}optcg-deck-builder-page .segmented-control::-webkit-scrollbar-thumb,optcg-deck-builder-page .filter-grid::-webkit-scrollbar-thumb{border-radius:999px;background:linear-gradient(90deg,var(--op-ocean),var(--op-sky))}@media(min-width:1181px){optcg-deck-builder-page .builder-toolbar__route-link.builder-toolbar__route-link.builder-toolbar__route-link.builder-toolbar__route-link{display:none}}@media(max-width:1180px),(orientation:landscape)and (max-width:960px)and (max-height:500px){optcg-deck-builder-page .builder-header.builder-header{position:relative;z-index:25;grid-template-columns:minmax(0,1fr) 44px;align-items:center;min-height:64px}optcg-deck-builder-page .builder-header__mark.builder-header__mark{display:none}optcg-deck-builder-page .builder-actions-toggle.builder-actions-toggle{position:relative;z-index:42;display:grid;width:44px;height:44px;border:2px solid color-mix(in srgb,var(--op-gold) 72%,var(--op-sky));border-radius:50%;padding:0;place-items:center;background:color-mix(in srgb,var(--op-white) 92%,var(--op-foam));box-shadow:0 8px 20px color-mix(in srgb,var(--op-navy) 22%,transparent)}optcg-deck-builder-page .builder-actions-toggle span{width:28px;aspect-ratio:1;background:url(/assets/official/ui/compass-mark.webp) center/contain no-repeat;transition:transform var(--op-motion-fast) var(--op-ease-arrival)}optcg-deck-builder-page .builder-actions-toggle:after{position:absolute;right:-3px;bottom:-3px;display:grid;width:18px;aspect-ratio:1;place-items:center;border:1px solid var(--op-white);border-radius:50%;background:var(--op-gold);color:var(--op-navy);content:"+";font-size:.78rem;font-weight:950;line-height:1}optcg-deck-builder-page .builder-actions-toggle[aria-expanded=true]:after{content:"\d7"}optcg-deck-builder-page .builder-actions-toggle[aria-expanded=true] span{transform:rotate(32deg) scale(1.06)}optcg-deck-builder-page .builder-action-scrim.builder-action-scrim{position:fixed;inset:0;z-index:38;display:block;width:100%;height:100%;border:0;padding:0;background:color-mix(in srgb,var(--op-abyss) 38%,transparent)}optcg-deck-builder-page .builder-toolbar.builder-toolbar{position:absolute;top:calc(100% + .4rem);right:0;z-index:41;display:grid;grid-template-columns:minmax(0,1fr);width:min(440px,100vw - 2rem);max-width:none;max-height:calc(100dvh - 5.5rem);gap:.4rem;align-content:start;justify-content:stretch;justify-items:stretch;overflow:auto;border:1px solid color-mix(in srgb,var(--op-sky) 58%,transparent);border-top:4px solid var(--op-gold);border-radius:var(--op-radius-lg);padding:.55rem;background:linear-gradient(145deg,color-mix(in srgb,var(--op-sky) 17%,transparent),transparent 46%),var(--op-abyss);box-shadow:0 22px 58px color-mix(in srgb,var(--op-abyss) 48%,transparent);opacity:0;pointer-events:none;transform:translateY(-.55rem) scale(.97);transform-origin:top right;visibility:hidden;transition:opacity var(--op-motion-fast) var(--op-ease-standard),transform var(--op-motion-fast) var(--op-ease-arrival),visibility 0s linear var(--op-motion-fast)}optcg-deck-builder-page .builder-toolbar.builder-toolbar--open{opacity:1;pointer-events:auto;transform:translateY(0) scale(1);visibility:visible;transition-delay:0s}optcg-deck-builder-page .builder-toolbar__group.builder-toolbar__group{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.3rem;border:0;padding:0}optcg-deck-builder-page .builder-toolbar__group.builder-toolbar__group+.builder-toolbar__group{border-top:1px solid color-mix(in srgb,var(--op-sky) 20%,transparent);padding-top:.4rem}optcg-deck-builder-page .builder-toolbar__group--play.builder-toolbar__group--play{grid-template-columns:repeat(2,minmax(0,1fr))}optcg-deck-builder-page .builder-toolbar__label.builder-toolbar__label{display:block;grid-column:1/-1;color:color-mix(in srgb,var(--op-sky) 74%,var(--op-white));font-size:.62rem;letter-spacing:.08em;text-transform:uppercase}optcg-deck-builder-page .builder-toolbar.builder-toolbar button,optcg-deck-builder-page .builder-toolbar.builder-toolbar a{width:100%;min-width:0;padding:.38rem .42rem;font-size:.7rem;line-height:1.1;text-align:center;white-space:normal}}