@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")}.card-zoom{--card-accent: var(--op-sky);--card-accent-strong: var(--op-ocean);--card-accent-soft: color-mix(in srgb, var(--card-accent) 18%, transparent);position:relative;display:grid;grid-template-columns:minmax(220px,.82fr) minmax(260px,1.18fr);gap:clamp(1rem,2.6vw,1.65rem);max-height:88dvh;overflow-x:hidden;overflow-y:auto;isolation:isolate;border:1px solid color-mix(in srgb,var(--card-accent) 72%,var(--op-white));border-top:5px solid var(--card-accent);border-radius:13px;padding:clamp(.8rem,2vw,1.25rem);background:radial-gradient(circle at 12% 12%,var(--card-accent-soft),transparent 34%),linear-gradient(118deg,color-mix(in srgb,var(--op-abyss) 88%,var(--card-accent)) 0 40%,var(--op-navy) 70%);color:var(--op-foam);box-shadow:inset 0 1px color-mix(in srgb,var(--op-white) 16%,transparent),inset 0 0 46px color-mix(in srgb,var(--op-abyss) 44%,transparent);scrollbar-color:var(--card-accent-strong) color-mix(in srgb,var(--op-abyss) 72%,transparent);scrollbar-width:thin}.card-zoom:before{position:absolute;inset:8px;z-index:-1;border:1px solid color-mix(in srgb,var(--op-white) 8%,transparent);border-radius:7px;content:"";pointer-events:none}.card-zoom:after{position:absolute;right:0;bottom:0;z-index:-1;width:22rem;height:22rem;border:1px solid color-mix(in srgb,var(--card-accent) 10%,transparent);border-radius:50%;background:linear-gradient(90deg,transparent 49.8%,color-mix(in srgb,var(--card-accent) 8%,transparent) 50% 50.2%,transparent 50.2%),linear-gradient(transparent 49.8%,color-mix(in srgb,var(--card-accent) 8%,transparent) 50% 50.2%,transparent 50.2%),radial-gradient(circle,transparent 0 38%,color-mix(in srgb,var(--card-accent) 7%,transparent) 38.2% 38.5%,transparent 38.7%);content:"";opacity:.48;pointer-events:none}.card-zoom[data-color*=red]{--card-accent: #f05b68;--card-accent-strong: #a82135}.card-zoom[data-color*=green]{--card-accent: #73d59b;--card-accent-strong: #23744b}.card-zoom[data-color*=blue]{--card-accent: #64c7f2;--card-accent-strong: #176aaa}.card-zoom[data-color*=purple]{--card-accent: #bf8cf0;--card-accent-strong: #683fa7}.card-zoom[data-color*=black]{--card-accent: #b8c4cf;--card-accent-strong: #475867}.card-zoom[data-color*=yellow]{--card-accent: #f0cb5d;--card-accent-strong: #aa7a16}.card-zoom__navigation{position:absolute;top:.7rem;right:.7rem;z-index:3;display:flex;align-items:center;gap:.24rem;border:1px solid color-mix(in srgb,var(--op-white) 10%,transparent);border-radius:999px;padding:.2rem;background:color-mix(in srgb,var(--op-abyss) 86%,transparent);box-shadow:0 8px 22px color-mix(in srgb,var(--op-abyss) 38%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.card-zoom__navigation button{display:grid;width:40px;height:40px;place-items:center;border:1px solid color-mix(in srgb,var(--op-white) 17%,transparent);border-radius:50%;background:linear-gradient(145deg,color-mix(in srgb,var(--card-accent-strong) 58%,var(--op-navy)),var(--op-abyss));color:var(--op-white);font-size:1rem;font-weight:900;box-shadow:inset 0 1px color-mix(in srgb,var(--op-white) 17%,transparent);transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}.card-zoom__navigation button:hover{border-color:var(--card-accent);box-shadow:0 0 0 2px var(--card-accent-soft),inset 0 1px color-mix(in srgb,var(--op-white) 20%,transparent);transform:translateY(-1px)}.card-zoom__navigation button:last-child{margin-left:.18rem;background:color-mix(in srgb,var(--op-danger) 74%,var(--op-abyss))}.card-zoom__navigation span{display:grid;min-width:3rem;color:var(--op-white);font-size:.62rem;font-weight:900;letter-spacing:.08em;text-align:center}.card-zoom__navigation span:before{color:var(--op-muted);content:"CARD";font-size:.43rem;letter-spacing:.16em}.card-zoom__art{position:relative;display:grid;align-items:center;min-width:0;border:1px solid color-mix(in srgb,var(--card-accent) 25%,transparent);border-radius:10px;padding:1.6rem clamp(.65rem,1.4vw,.9rem) clamp(.65rem,1.4vw,.9rem);background:linear-gradient(145deg,color-mix(in srgb,var(--card-accent) 10%,transparent),transparent 54%),color-mix(in srgb,var(--op-abyss) 52%,transparent);box-shadow:inset 0 0 30px color-mix(in srgb,var(--op-abyss) 52%,transparent)}.card-zoom__art:before{position:absolute;top:.62rem;left:.72rem;z-index:1;border-left:2px solid var(--card-accent);padding-left:.34rem;color:color-mix(in srgb,var(--card-accent) 76%,var(--op-white));content:"CARD VIEW";font-size:.45rem;font-weight:900;letter-spacing:.16em}.card-zoom__art img{display:block;width:min(100%,330px,54.3921568627dvh);height:auto;aspect-ratio:.7156862745;margin:auto;border:1px solid color-mix(in srgb,var(--op-white) 48%,transparent);border-radius:9px;object-fit:contain;filter:drop-shadow(0 20px 26px color-mix(in srgb,var(--op-abyss) 70%,transparent))}.card-zoom__details{display:grid;align-content:center;gap:.62rem;min-width:0;padding:3.2rem .35rem .25rem 0}.card-zoom__identity{position:relative;display:grid;gap:.18rem;min-width:0;border-bottom:1px solid color-mix(in srgb,var(--card-accent) 38%,transparent);padding:0 0 .6rem .72rem}.card-zoom__identity:before{position:absolute;inset:0 auto .6rem 0;width:3px;background:linear-gradient(var(--card-accent),var(--card-accent-strong));box-shadow:0 0 12px var(--card-accent-soft);content:""}.card-zoom__identity p,.card-zoom__details h2,.card-zoom__details h3,.card-zoom__details section p,.card-zoom__details footer{margin:0}.card-zoom__identity p{color:var(--card-accent);font-size:.58rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.card-zoom__details h2{overflow:hidden;color:var(--op-white);font-size:clamp(1.55rem,3vw,2.35rem);line-height:1;text-overflow:ellipsis;text-shadow:0 2px 14px color-mix(in srgb,var(--op-abyss) 70%,transparent);white-space:nowrap}.card-zoom__chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.22fr);gap:.38rem}.card-zoom__chips>span{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:.04rem .22rem;min-width:0;min-height:58px;align-content:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--op-sky) 24%,transparent);border-radius:6px;padding:.42rem .48rem .38rem;background:linear-gradient(135deg,color-mix(in srgb,var(--card-accent) 12%,transparent),transparent 56%),color-mix(in srgb,var(--op-abyss) 66%,transparent);box-shadow:inset 0 1px color-mix(in srgb,var(--op-white) 8%,transparent)}.card-zoom__chips>span:after{position:absolute;inset:auto 0 0;height:2px;background:var(--card-accent-strong);content:"";opacity:.72}.card-zoom__stat-label{grid-column:1/-1;overflow:hidden;color:var(--op-muted);font-size:.46rem;font-weight:900;letter-spacing:.12em;line-height:1;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.card-zoom__chips strong{min-width:0;overflow:hidden;color:var(--op-white);font-size:.94rem;line-height:1.05;text-overflow:ellipsis;white-space:nowrap}.card-zoom__stat-modifier{align-self:end;overflow:hidden;color:var(--card-accent);font-size:.48rem;font-weight:900;line-height:1.1;text-align:right;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.card-zoom__chips>span[data-stat=state] strong,.card-zoom__chips>span[data-stat=state] .card-zoom__stat-modifier{grid-column:1/-1}.card-zoom__chips>span[data-stat=state] .card-zoom__stat-modifier{text-align:left}.card-zoom__chips span[data-tone=positive]{border-color:color-mix(in srgb,var(--card-accent) 58%,transparent)}.card-zoom__chips span[data-tone=negative],.card-zoom__chips span[data-tone=warning]{border-color:color-mix(in srgb,var(--op-gold) 78%,transparent)}.card-zoom__chips span[data-tone=negative]:after,.card-zoom__chips span[data-tone=warning]:after{background:var(--op-gold)}.card-zoom__chips span[data-tone=negative] .card-zoom__stat-modifier,.card-zoom__chips span[data-tone=warning] .card-zoom__stat-modifier{color:var(--op-gold)}.card-zoom__traits{justify-self:start;border:1px solid color-mix(in srgb,var(--card-accent) 25%,transparent);border-radius:999px;padding:.22rem .52rem;background:color-mix(in srgb,var(--card-accent) 7%,transparent);color:var(--op-muted);font-size:.62rem;font-weight:700}.card-zoom__details section{display:grid;gap:.3rem;border:1px solid color-mix(in srgb,var(--op-white) 7%,transparent);border-left:3px solid var(--card-accent-strong);border-radius:0 6px 6px 0;padding:.55rem .66rem;background:color-mix(in srgb,var(--op-abyss) 58%,transparent);box-shadow:inset 0 1px color-mix(in srgb,var(--op-white) 4%,transparent)}.card-zoom__details h3{color:color-mix(in srgb,var(--card-accent) 74%,var(--op-white));font-size:.54rem;letter-spacing:.12em;text-transform:uppercase}.card-zoom__details section p{color:var(--op-foam);font-size:.8rem;line-height:1.45;white-space:pre-line}.card-zoom__details footer{border-top:1px solid color-mix(in srgb,var(--op-white) 6%,transparent);padding-top:.4rem;color:var(--op-muted);font-size:.52rem;letter-spacing:.02em}.card-zoom__live-state{border-color:color-mix(in srgb,var(--op-gold) 25%,transparent)!important;border-left-color:var(--op-gold)!important;background:linear-gradient(90deg,color-mix(in srgb,var(--op-gold) 8%,transparent),color-mix(in srgb,var(--op-abyss) 58%,transparent))!important}.card-zoom__live-state h3:before{display:inline-block;width:6px;height:6px;margin-right:.36rem;border-radius:50%;background:var(--op-gold);box-shadow:0 0 9px color-mix(in srgb,var(--op-gold) 68%,transparent);content:"";vertical-align:.02rem}.card-zoom__signals{display:flex;flex-wrap:wrap;gap:.34rem;min-width:0}.card-zoom__signal{display:grid;min-width:min(10rem,100%);border:1px solid color-mix(in srgb,var(--op-sky) 30%,transparent);border-radius:4px;padding:.36rem .5rem;background:linear-gradient(135deg,color-mix(in srgb,var(--card-accent-strong) 52%,transparent),color-mix(in srgb,var(--op-cobalt) 30%,transparent));box-shadow:inset 0 1px color-mix(in srgb,var(--op-white) 12%,transparent)}.card-zoom__signal strong{overflow:hidden;color:var(--op-white);font-size:.7rem;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.card-zoom__signal small{color:var(--op-muted);font-size:.56rem;font-weight:900;text-transform:uppercase}.card-zoom__signal[data-tone=positive]{border-color:color-mix(in srgb,var(--op-sky) 62%,transparent)}.card-zoom__signal[data-tone=negative],.card-zoom__signal[data-tone=warning]{border-color:var(--op-gold)}.card-zoom__signal[data-tone=negative] small,.card-zoom__signal[data-tone=warning] small{color:var(--op-gold)}: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{touch-action:manipulation}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}}