@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")}.match-dialog--card{--card-dialog-safe-width: min( calc(var(--match-viewport-width) * .94), calc(var(--match-viewport-width) - env(safe-area-inset-left) - env(safe-area-inset-right) - 12px) )}.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);grid-template-rows:auto auto;gap:clamp(1rem,2.6vw,1.65rem);max-height:min(88dvh,var(--match-viewport-height) - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 12px);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:sticky;top:.45rem;z-index:3;display:flex;grid-column:1/-1;grid-row:1;align-items:center;justify-self:end;max-width:100%;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)}.card-zoom__navigation button{display:grid;width:44px;height:44px;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:disabled{border-color:color-mix(in srgb,var(--op-white) 8%,transparent);background:color-mix(in srgb,var(--op-abyss) 82%,transparent);color:color-mix(in srgb,var(--op-muted) 58%,transparent);box-shadow:none;cursor:not-allowed;transform:none}.card-zoom__navigation button:last-child{margin-left:.18rem;background:color-mix(in srgb,var(--op-danger) 74%,var(--op-abyss))}.card-zoom__position{display:grid;grid-template-columns:auto auto;min-width:4.25rem;max-width:min(11rem,38vw);gap:.04rem .28rem;padding:0 .3rem;color:var(--op-white);font-weight:900;letter-spacing:.08em;text-align:center}.card-zoom__position small{grid-column:1/-1;overflow:hidden;color:var(--op-muted);font-size:.43rem;letter-spacing:.12em;line-height:1.1;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.card-zoom__position strong{justify-self:end;color:var(--op-white);font-size:.62rem}.card-zoom__position strong:last-child{grid-column:1/-1;justify-self:center}.card-zoom__position em{align-self:center;justify-self:start;color:var(--op-gold);font-size:.43rem;font-style:normal;letter-spacing:.05em;text-transform:uppercase}.card-zoom__art{position:relative;display:grid;grid-column:1;grid-row:2;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;grid-column:2;grid-row:2;align-content:center;gap:.62rem;min-width:0;padding:.25rem .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)}@media(orientation:portrait)and (min-width:600px)and (max-width:900px){.card-zoom{grid-template-columns:minmax(0,1fr);gap:.75rem}.card-zoom__navigation,.card-zoom__art,.card-zoom__details{grid-column:1}.card-zoom__navigation{grid-row:1}.card-zoom__art{grid-row:2;min-height:0}.card-zoom__art img{width:min(100%,290px,var(--match-viewport-height) * .4 * 365 / 510)}.card-zoom__details{grid-row:3;align-content:start;padding:0}}@media(max-width:760px),(max-height:480px)and (max-width:956px){.match-dialog--card{--card-dialog-safe-width: min( calc(var(--match-viewport-width) * .96), calc(var(--match-viewport-width) - env(safe-area-inset-left) - env(safe-area-inset-right) - 12px) )}}.match-shell .match-dialog--actions{box-sizing:border-box;max-width:calc(100dvw - max(1rem,env(safe-area-inset-left)) - max(1rem,env(safe-area-inset-right)));max-height:min(86dvh,var(--match-viewport-height) - max(1rem,env(safe-area-inset-top)) - max(1rem,env(safe-area-inset-bottom)))}.match-shell .hand-fan__controls{position:relative;z-index:24;display:flex;grid-column:3;min-width:0;align-items:center;justify-content:flex-end;gap:clamp(.18rem,.7cqh,.4rem);overflow:visible}.match-shell .hand-fan__controls>.battle-action-ribbon{flex:0 1 auto}.match-shell .hand-fan__controls>optcg-match-bot-activity,.match-shell .hand-fan__controls>optcg-bot-playback-control{min-width:0;flex:0 1 auto}.match-shell .action-dialog__combat{display:grid;min-width:0;min-height:52px;margin:calc(-1 * var(--match-dialog-surface-padding)) calc(-1 * var(--match-dialog-surface-padding)) 0;place-items:center}.match-shell .action-dialog__combat optcg-combat-summary{width:100%;min-height:48px}.match-shell .match-dialog--actions .match-dialog__surface{box-sizing:border-box;max-height:inherit;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.match-shell .decision-source{display:flex;min-width:0;align-items:center;gap:.55rem;border:1px solid color-mix(in srgb,var(--op-sky) 26%,transparent);border-radius:6px;padding:.4rem .55rem;background:color-mix(in srgb,var(--op-abyss) 96%,var(--op-navy))}.match-shell .decision-source__art{display:block;width:34px;flex:0 0 auto;aspect-ratio:365/510;overflow:hidden;border-radius:3px;background:var(--op-navy)}.match-shell .decision-source__art img{width:100%;height:100%;object-fit:cover}.match-shell .decision-source>span:last-child{display:grid;min-width:0}.match-shell .decision-source small{color:var(--op-sky);font-size:.56rem;font-weight:900;text-transform:uppercase}.match-shell .decision-source strong{overflow:hidden;color:var(--op-white);font-size:.75rem;text-overflow:ellipsis;white-space:nowrap}.match-shell .decision-context{position:sticky;top:0;z-index:5;display:grid;gap:.28rem;border-left:4px solid var(--op-sky);padding:.55rem .65rem;background:color-mix(in srgb,var(--op-abyss) 42%,transparent)}.match-shell .decision-context[data-decision-tone=cost]{border-left-color:var(--op-gold);background:color-mix(in srgb,var(--op-gold) 10%,var(--op-abyss))}.match-shell .decision-context p,.match-shell .decision-context h2{margin:0}.match-shell .decision-context p{color:var(--op-sky);font-size:.58rem;font-weight:900;text-transform:uppercase}.match-shell .decision-context h2{color:var(--op-white);font-size:1rem}.match-shell .decision-context>span{color:var(--op-muted);font-size:.7rem;line-height:1.35}.match-shell .decision-context>strong{color:var(--op-foam);font-size:.7rem;line-height:1.35}.match-shell .counter-choice kbd,.match-shell .confirm-actions kbd,.match-shell .card-zoom__actions kbd{display:none;margin-left:.35rem;border:1px solid color-mix(in srgb,var(--op-white) 45%,transparent);border-radius:3px;padding:.08rem .28rem;background:color-mix(in srgb,var(--op-abyss) 70%,transparent);color:var(--op-white);font:inherit;font-size:.58rem}.match-shell .counter-choice button:focus-visible kbd,.match-shell .confirm-actions button:focus-visible kbd,.match-shell .card-zoom__actions button:focus-visible kbd{display:inline-block}.match-shell .confirm-actions__warning{border-color:color-mix(in srgb,var(--op-gold) 72%,var(--op-cobalt))!important;background:color-mix(in srgb,var(--op-gold) 22%,var(--op-cobalt))!important}.match-shell .battle-action-ribbon__actions kbd{display:none;margin-left:.28rem;border:1px solid currentColor;border-radius:3px;padding:.03rem .2rem;background:color-mix(in srgb,var(--op-abyss) 48%,transparent);font:inherit;font-size:.56rem}.match-shell .battle-action-ribbon__actions button:focus-visible kbd{display:inline-block}.match-shell .match-dialog--actions .counter-choice>.counter-choice__pass,.match-shell .match-dialog--actions .counter-choice__alternatives{position:sticky;top:0;z-index:6}.match-shell .match-announcement{position:fixed;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(max-height:520px)and (orientation:landscape){.match-shell .match-dialog--actions{width:min(var(--match-viewport-width) - max(1rem,env(safe-area-inset-left)) - max(1rem,env(safe-area-inset-right)),760px);max-height:calc(var(--match-viewport-height) - max(.5rem,env(safe-area-inset-top)) - max(.5rem,env(safe-area-inset-bottom)))}.match-shell .match-dialog--actions .match-dialog__surface{--match-dialog-surface-padding: .55rem;max-height:inherit}.match-shell .decision-source{padding-block:.28rem}.match-shell .decision-context{position:static;gap:.16rem;padding:.34rem .5rem}.match-shell .decision-context>span{font-size:.62rem}.match-shell .decision-context>strong{font-size:.62rem}.match-shell .match-dialog--actions .match-dialog__surface:has(>.action-dialog__combat)>.decision-context{display:none}.match-shell .match-dialog--actions .match-dialog__surface:has(>optcg-prompt-card-choice){grid-template-rows:auto minmax(0,1fr);overflow:hidden}.match-shell .match-dialog--actions .match-dialog__surface>optcg-prompt-card-choice{grid-row:2;min-height:0;overflow:hidden}}.app-shell:not(.app-shell--match,.app-shell--auth) :where(a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex="-1"])){scroll-margin-block-end:calc(var(--app-bottom-safe-area, 0px) + .75rem);scroll-margin-inline-end:calc(var(--app-right-safe-area, 0px) + .75rem)}.turn-change-banner{position:fixed;top:50%;left:50%;z-index:120;display:grid;grid-template-columns:56px minmax(0,1fr);min-width:min(300px,100vw - 24px);align-items:center;gap:.65rem;border:1px solid var(--op-gold);border-radius:999px;padding:.42rem 1rem .42rem .5rem;background:linear-gradient(110deg,color-mix(in srgb,var(--op-cobalt) 96%,transparent),color-mix(in srgb,var(--op-abyss) 98%,transparent));color:var(--op-white);box-shadow:0 0 0 5px color-mix(in srgb,var(--op-gold) 14%,transparent),0 18px 48px var(--op-panel);transform:translate(-50%,-50%);pointer-events:none}.turn-change-banner__compass{width:56px;aspect-ratio:1;background:url(/assets/official/ui/compass-mark-light.webp) center/contain no-repeat}.turn-change-banner div{display:grid}.turn-change-banner small{color:var(--op-sky);font-size:.58rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.turn-change-banner strong{font:1.35rem var(--op-font-display);letter-spacing:.02em;text-transform:uppercase}.turn-change-banner[data-relationship=viewer]{background:linear-gradient(110deg,color-mix(in srgb,var(--op-gold) 34%,var(--op-cobalt)),var(--op-navy))}@media(prefers-reduced-motion:no-preference){.turn-change-banner{animation:turn-banner-voyage 1.45s cubic-bezier(.16,1,.3,1) both}.turn-change-banner__compass{animation:turn-compass-sweep .9s cubic-bezier(.16,1,.3,1) both}.board-half--turn-pulse{animation:active-seat-pulse 1.9s ease-out both}}@keyframes turn-banner-voyage{0%{opacity:0;transform:translate(-50%,-50%) scale(.76)}16%,72%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.04)}}@keyframes turn-compass-sweep{0%{transform:rotate(-130deg) scale(.7)}to{transform:rotate(0) scale(1)}}@keyframes active-seat-pulse{0%,to{box-shadow:none}24%,72%{box-shadow:inset 0 0 0 3px var(--op-gold),inset 0 0 28px color-mix(in srgb,var(--op-gold) 22%,transparent)}}.board-viewport--living:after{position:absolute;inset:0;z-index:0;background:radial-gradient(circle at 18% 72%,color-mix(in srgb,var(--board-theme-accent) 24%,transparent) 0 2%,transparent 18%),radial-gradient(circle at 82% 24%,color-mix(in srgb,var(--board-theme-glow) 20%,transparent) 0 2%,transparent 20%),linear-gradient(118deg,transparent 20%,color-mix(in srgb,var(--board-theme-accent) 12%,transparent) 46%,transparent 68%);content:"";opacity:.78;pointer-events:none}.board-viewport--living .playmat{background-color:color-mix(in srgb,var(--op-abyss) 10%,transparent);background-image:radial-gradient(circle at 50% 50%,transparent 0 16%,color-mix(in srgb,var(--board-theme-glow) 22%,transparent) 16.2% 16.7%,transparent 17% 25%,color-mix(in srgb,var(--board-theme-accent) 15%,transparent) 25.2% 25.7%,transparent 26%),linear-gradient(90deg,transparent 0 49.85%,color-mix(in srgb,var(--board-theme-glow) 34%,transparent) 49.9% 50.1%,transparent 50.15%),linear-gradient(180deg,color-mix(in srgb,var(--op-abyss) 18%,transparent) 0 48.8%,color-mix(in srgb,var(--board-theme-accent) 30%,transparent) 49.2% 49.7%,color-mix(in srgb,var(--board-theme-glow) 64%,transparent) 49.85% 50.15%,color-mix(in srgb,var(--board-theme-accent) 30%,transparent) 50.3% 50.8%,color-mix(in srgb,var(--op-abyss) 20%,transparent) 51.2% 100%);box-shadow:inset 0 0 70px color-mix(in srgb,var(--op-abyss) 30%,transparent);-webkit-backdrop-filter:none;backdrop-filter:none}.board-viewport--living .playmat:before{border:0;border-radius:12px;box-shadow:inset 0 0 44px color-mix(in srgb,var(--board-theme-accent) 18%,transparent),0 0 24px color-mix(in srgb,var(--board-theme-glow) 18%,transparent)}.board-viewport--living .board-half{--half-surface: color-mix(in srgb, var(--op-sky) 10%, transparent);--half-line: color-mix(in srgb, var(--board-theme-accent) 14%, transparent);border:0;border-radius:10px;background-image:radial-gradient(circle at 50% 115%,color-mix(in srgb,var(--board-theme-glow) 22%,transparent),transparent 42%),linear-gradient(105deg,color-mix(in srgb,var(--board-theme-accent) 10%,transparent),transparent 28% 72%,color-mix(in srgb,var(--board-theme-glow) 8%,transparent));box-shadow:inset 0 0 32px color-mix(in srgb,var(--op-abyss) 24%,transparent),inset 0 1px color-mix(in srgb,var(--op-white) 20%,transparent),0 0 24px color-mix(in srgb,var(--board-theme-accent) 14%,transparent);-webkit-backdrop-filter:none;backdrop-filter:none}.board-viewport--living .board-half--opponent{--half-surface: color-mix(in srgb, var(--op-sky) 8%, transparent);background-image:radial-gradient(circle at 50% -15%,color-mix(in srgb,var(--board-theme-accent) 26%,transparent),transparent 42%),linear-gradient(75deg,color-mix(in srgb,var(--board-theme-glow) 8%,transparent),transparent 28% 72%,color-mix(in srgb,var(--board-theme-accent) 10%,transparent))}.board-viewport--living optcg-player-board-row .player-board-row{--mat-line: color-mix(in srgb, var(--board-theme-glow) 38%, transparent);--row-surface-start: color-mix(in srgb, var(--op-abyss) 18%, transparent);--row-surface-middle: color-mix(in srgb, var(--board-theme-accent) 7%, transparent);--row-surface-end: color-mix(in srgb, var(--op-abyss) 20%, transparent);--zone-fill: color-mix(in srgb, var(--op-abyss) 26%, transparent);--zone-border: color-mix(in srgb, var(--board-theme-glow) 68%, transparent);--zone-glow: color-mix(in srgb, var(--board-theme-accent) 28%, transparent);border-color:color-mix(in srgb,var(--board-theme-glow) 46%,transparent);background:radial-gradient(ellipse at 18% 115%,color-mix(in srgb,var(--board-theme-accent) 48%,transparent),transparent 52%),linear-gradient(112deg,color-mix(in srgb,var(--op-ocean) 28%,transparent),color-mix(in srgb,var(--board-theme-accent) 22%,transparent) 52%,color-mix(in srgb,var(--op-sky) 16%,transparent));box-shadow:inset 0 0 34px color-mix(in srgb,var(--op-abyss) 25%,transparent),inset 0 1px color-mix(in srgb,var(--op-white) 24%,transparent),0 8px 22px color-mix(in srgb,var(--op-abyss) 22%,transparent);-webkit-backdrop-filter:none;backdrop-filter:none}.board-viewport--living optcg-player-board-row .player-board-row--opponent{--row-surface-start: color-mix(in srgb, var(--op-abyss) 21%, transparent);--row-surface-middle: color-mix(in srgb, var(--board-theme-glow) 6%, transparent);--row-surface-end: color-mix(in srgb, var(--op-abyss) 18%, transparent);border-color:color-mix(in srgb,var(--board-theme-glow) 58%,transparent);background:radial-gradient(ellipse at 82% -15%,color-mix(in srgb,var(--board-theme-glow) 52%,transparent),transparent 52%),linear-gradient(68deg,color-mix(in srgb,var(--op-sky) 16%,transparent),color-mix(in srgb,var(--board-theme-glow) 24%,transparent) 48%,color-mix(in srgb,var(--op-ocean) 28%,transparent))}.board-viewport--living optcg-player-board-row .player-board-row__characters,.board-viewport--living optcg-player-board-row .player-board-row__cost-area{border-radius:8px;background-color:color-mix(in srgb,var(--op-abyss) 18%,transparent);box-shadow:inset 0 0 22px color-mix(in srgb,var(--board-theme-accent) 18%,transparent)}.board-viewport--living .playmat .hand-fan{border-top:2px solid color-mix(in srgb,var(--board-theme-glow) 72%,transparent);background-color:color-mix(in srgb,var(--op-ocean) 24%,transparent);background-image:radial-gradient(ellipse at 50% 120%,color-mix(in srgb,var(--board-theme-accent) 54%,transparent),transparent 56%),linear-gradient(90deg,color-mix(in srgb,var(--op-ocean) 32%,transparent),color-mix(in srgb,var(--board-theme-glow) 22%,transparent) 50%,color-mix(in srgb,var(--op-sky) 18%,transparent));box-shadow:inset 0 12px 24px color-mix(in srgb,var(--op-abyss) 28%,transparent),inset 0 2px color-mix(in srgb,var(--op-white) 18%,transparent);-webkit-backdrop-filter:none;backdrop-filter:none}.board-viewport--living[data-board-ambient=water]:after{background:radial-gradient(ellipse at 18% 30%,color-mix(in srgb,var(--board-theme-glow) 22%,transparent) 0 1.5%,transparent 9%),radial-gradient(ellipse at 68% 74%,color-mix(in srgb,var(--board-theme-accent) 26%,transparent) 0 2%,transparent 12%),repeating-radial-gradient(ellipse at 50% 50%,transparent 0 32px,color-mix(in srgb,var(--board-theme-accent) 8%,transparent) 34px 36px,transparent 39px 64px)}.board-viewport--living[data-board-ambient=sunlight]:after{background:radial-gradient(circle at 78% 4%,color-mix(in srgb,var(--board-theme-glow) 38%,transparent),transparent 24%),linear-gradient(112deg,transparent 18%,color-mix(in srgb,var(--board-theme-glow) 15%,transparent) 34% 40%,transparent 58%)}.board-viewport--living[data-board-ambient=festival]:after{background:radial-gradient(circle at 16% 24%,color-mix(in srgb,var(--board-theme-glow) 46%,transparent) 0 2px,transparent 3px),radial-gradient(circle at 73% 18%,color-mix(in srgb,var(--board-theme-accent) 42%,transparent) 0 3px,transparent 4px),radial-gradient(circle at 88% 76%,color-mix(in srgb,var(--board-theme-glow) 38%,transparent) 0 2px,transparent 3px),linear-gradient(128deg,transparent,color-mix(in srgb,var(--board-theme-accent) 10%,transparent),transparent);background-size:146px 122px,184px 156px,118px 172px,auto}.board-viewport--living[data-board-ambient=technology]:after{background:repeating-linear-gradient(0deg,transparent 0 23px,color-mix(in srgb,var(--board-theme-accent) 9%,transparent) 24px 25px),linear-gradient(90deg,transparent 12%,color-mix(in srgb,var(--board-theme-glow) 20%,transparent) 50%,transparent 88%)}.board-viewport--living[data-board-ambient=forest]:after{background:radial-gradient(ellipse at 12% 22%,color-mix(in srgb,var(--board-theme-glow) 32%,transparent) 0 2px,transparent 4px),radial-gradient(ellipse at 78% 64%,color-mix(in srgb,var(--board-theme-accent) 38%,transparent) 0 3px,transparent 5px),radial-gradient(circle at 52% 30%,color-mix(in srgb,var(--board-theme-glow) 18%,transparent),transparent 28%);background-size:128px 154px,176px 132px,auto}@media(prefers-reduced-motion:no-preference){.board-viewport--living.board-viewport--ambient-motion:after{animation:living-playmat-drift 12s ease-in-out infinite alternate}.board-viewport--living.board-viewport--ambient-motion[data-board-ambient=water]:after{animation-name:living-playmat-water;animation-duration:9s}.board-viewport--living.board-viewport--ambient-motion[data-board-ambient=technology]:after{animation-name:living-playmat-scan;animation-duration:7s}}@keyframes living-playmat-drift{0%{opacity:.46}to{opacity:.72}}@keyframes living-playmat-water{0%{opacity:.4}to{opacity:.7}}@keyframes living-playmat-scan{0%{opacity:.36}to{opacity:.68}}.board-viewport optcg-card-tile .card-tile--legal-source .card-tile__surface,.board-viewport optcg-card-tile .card-tile--legal-target .card-tile__surface{border-color:var(--board-theme-glow, var(--op-gold));box-shadow:0 0 0 2px color-mix(in srgb,var(--board-theme-glow, var(--op-gold)) 28%,transparent),0 0 18px color-mix(in srgb,var(--board-theme-glow, var(--op-gold)) 46%,transparent),0 12px 24px color-mix(in srgb,var(--op-abyss) 36%,transparent)}.board-viewport optcg-card-tile .card-tile--legal-source .card-tile__state,.board-viewport optcg-card-tile .card-tile--legal-target .card-tile__state{border-color:var(--board-theme-glow, var(--op-gold));background:color-mix(in srgb,var(--op-navy) 82%,transparent);box-shadow:0 2px 7px color-mix(in srgb,var(--op-abyss) 46%,transparent);color:var(--op-white)}.card-command-sheet .quick-actions-popover__actions button{position:relative;overflow:hidden;border-color:color-mix(in srgb,var(--op-sky) 46%,transparent);border-left:4px solid var(--op-gold);border-radius:8px;background:radial-gradient(circle at 92% 50%,color-mix(in srgb,var(--op-sky) 15%,transparent),transparent 34%),linear-gradient(105deg,color-mix(in srgb,var(--op-ocean) 54%,var(--op-navy)),var(--op-navy));box-shadow:inset 0 1px color-mix(in srgb,var(--op-white) 12%,transparent)}.card-command-sheet .quick-actions-popover__actions button:after{position:absolute;right:-12px;width:58px;aspect-ratio:1;background:url(/assets/official/ui/compass-mark-light.webp) center/contain no-repeat;content:"";opacity:.11;pointer-events:none}.card-command-sheet .quick-actions-popover__actions button:focus-visible{outline:3px solid var(--op-gold);outline-offset:-3px}@media(prefers-reduced-motion:no-preference){.board-viewport optcg-card-tile .card-tile--legal-source .card-tile__surface,.board-viewport optcg-card-tile .card-tile--legal-target .card-tile__surface{animation:legal-card-breathe 1.45s ease-in-out infinite alternate}.card-command-sheet .quick-actions-popover__actions button{transition:border-color .15s ease,filter .15s ease,transform .15s ease}.card-command-sheet .quick-actions-popover__actions button:hover:not(:disabled){border-color:var(--op-gold);filter:brightness(1.12);transform:translate(3px)}}@keyframes legal-card-breathe{0%{filter:brightness(1)}to{filter:brightness(1.1)}}.rules-drawer{position:fixed;inset:0 0 0 auto;width:min(390px,100vw - 24px);max-width:none;height:100dvh;max-height:none;margin:0;overflow:hidden;border:0;border-left:1px solid var(--op-line-strong);padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) 12px;background:linear-gradient(155deg,var(--op-cobalt),var(--op-navy) 55%,var(--op-abyss));color:var(--op-foam);box-shadow:-18px 0 50px var(--op-panel)}.rules-drawer:not([open]){display:none}.rules-drawer::backdrop{background:color-mix(in srgb,var(--op-abyss) 72%,transparent)}.rules-drawer__surface{display:grid;gap:.8rem;align-content:start;height:100%;overflow-y:auto;padding:.5rem}.rules-drawer__surface header{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:.5rem;align-items:center;border-bottom:1px solid var(--op-line);padding-bottom:.7rem}.rules-drawer__surface header p,.rules-drawer__surface h2,.rules-drawer__surface>p{margin:0}.rules-drawer__surface header p{color:var(--op-gold);font-size:.62rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.rules-drawer__surface h2{color:var(--op-white);font:1.65rem var(--op-font-display)}.rules-drawer__surface header>button{width:44px;height:44px;border:1px solid var(--op-line);border-radius:50%;background:var(--op-faint);color:var(--op-white)}.rules-drawer__surface>strong{color:var(--op-sky);font-size:1rem;line-height:1.35}.rules-drawer__surface>p{line-height:1.55}.rules-drawer__surface nav{display:flex;flex-wrap:wrap;gap:.4rem;border-top:1px solid var(--op-line);padding-top:.7rem}.rules-drawer__surface nav button{min-height:44px;border:1px solid var(--op-line);border-radius:999px;padding:.35rem .65rem;background:var(--op-faint);color:var(--op-sky);font-weight:900}.card-command-sheet__preview{position:relative;display:grid;width:100%;box-sizing:border-box;grid-template-columns:clamp(96px,28%,128px) minmax(0,1fr);gap:.65rem .8rem;min-width:0;overflow:hidden;padding:.5rem 0 0;background:linear-gradient(90deg,color-mix(in srgb,var(--op-ocean) 13%,transparent),transparent 42%)}.card-command-sheet__preview:after{position:absolute;right:-2.2rem;bottom:-2.5rem;z-index:0;width:9rem;aspect-ratio:1;background:url(/assets/official/ui/compass-mark-light.webp) center/contain no-repeat;content:"";opacity:.055;pointer-events:none}.card-command-sheet__preview>*{position:relative;z-index:1}.card-command-sheet__preview>img{width:100%;height:auto;aspect-ratio:.7156862745;border-radius:4px;object-fit:contain;filter:drop-shadow(0 6px 10px var(--op-shadow))}.card-command-sheet__readout{display:grid;min-width:0;align-content:start;gap:.32rem}.card-command-sheet__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.2rem}.card-command-sheet__stats span{display:grid;min-height:3rem;align-content:center;border-radius:4px;padding:.3rem .4rem;background:color-mix(in srgb,var(--op-faint) 72%,transparent)}.card-command-sheet__stats small,.card-command-sheet__traits{color:var(--op-sky);font-size:.5rem;font-weight:900;text-transform:uppercase}.card-command-sheet__stats strong{overflow:hidden;color:var(--op-white);font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}.card-command-sheet__traits,.card-command-sheet__rules{grid-column:1/-1}.card-command-sheet__traits{padding-top:.2rem}.card-command-sheet__rules{display:grid;gap:.3rem;min-width:0}.card-command-sheet__rules p{display:-webkit-box;margin:0;overflow:hidden;color:var(--op-foam);font-size:.64rem;line-height:1.38;-webkit-box-orient:vertical;-webkit-line-clamp:4}@media(max-width:960px)and (max-height:520px)and (orientation:landscape){.card-command-sheet__preview{grid-template-columns:72px minmax(0,1fr);gap:.4rem .55rem;padding:.45rem}.card-command-sheet__stats{grid-template-columns:repeat(4,minmax(0,1fr))}.card-command-sheet__stats span{padding:.16rem .2rem}.card-command-sheet__readout p{font-size:.58rem;-webkit-line-clamp:3}.rules-drawer{width:min(360px,44vw)}}: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);--op-text-scale: 1}.tutorial-coach{position:fixed;z-index:130;top:max(10px,env(safe-area-inset-top,0px));left:max(10px,env(safe-area-inset-left,0px));display:grid;width:min(440px,100vw - 20px);gap:.7rem;overflow:hidden;border:1px solid color-mix(in srgb,var(--op-gold) 66%,var(--op-ocean));border-top:5px solid var(--op-gold);border-radius:12px;padding:.68rem;background:radial-gradient(circle at 8% 0,color-mix(in srgb,var(--op-sky) 24%,transparent),transparent 38%),linear-gradient(145deg,color-mix(in srgb,var(--op-cobalt) 96%,transparent),color-mix(in srgb,var(--op-abyss) 98%,transparent));color:var(--op-white);box-shadow:0 18px 48px color-mix(in srgb,var(--op-abyss) 58%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--op-white) 6%,transparent)}.tutorial-coach--complete{border-color:var(--op-sky)}.tutorial-coach--collapsed{width:min(320px,100vw - 20px)}.tutorial-coach__masthead{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:.55rem}.tutorial-coach__masthead strong{display:block;overflow:hidden;color:var(--op-white);font-family:var(--op-font-display);font-size:.85rem;text-overflow:ellipsis;white-space:nowrap}.tutorial-coach__compass{width:38px;aspect-ratio:1;background:url(/assets/official/ui/compass-mark.webp) center/contain no-repeat;filter:drop-shadow(0 2px 4px color-mix(in srgb,var(--op-abyss) 60%,transparent))}.tutorial-coach p{margin:0;color:var(--op-gold);font-size:.6rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.tutorial-coach h1{margin:.1rem 0 .2rem;font:1.05rem var(--op-font-display)}.tutorial-coach span{color:color-mix(in srgb,var(--op-white) 78%,transparent);font-size:.72rem;line-height:1.35}.tutorial-coach__mission{display:grid;gap:.25rem;border-top:1px solid color-mix(in srgb,var(--op-sky) 18%,transparent);padding-top:.58rem}.tutorial-coach__content{display:grid;gap:.7rem}.tutorial-coach__content[hidden],.tutorial-coach__hint[hidden]{display:none}.tutorial-coach nav,.tutorial-coach__terms{display:flex;flex-wrap:wrap;gap:.35rem}.tutorial-coach nav{justify-content:flex-end}.tutorial-coach__terms{margin-top:.4rem}.tutorial-coach a,.tutorial-coach button{font:inherit}.tutorial-coach__collapse,.tutorial-coach__hint-button{min-height:36px;border:1px solid color-mix(in srgb,var(--op-sky) 42%,transparent);border-radius:6px;padding:.3rem .52rem;background:color-mix(in srgb,var(--op-white) 8%,transparent);color:var(--op-white);font-size:.66rem;font-weight:900}.tutorial-coach__hint-button{justify-self:start;margin-top:.25rem;color:var(--op-sky)}.tutorial-coach__hint{display:block;margin-top:.25rem;border-left:3px solid var(--op-gold);padding:.38rem .48rem;background:color-mix(in srgb,var(--op-gold) 10%,transparent);color:var(--op-white);font-size:.68rem;line-height:1.35}.tutorial-coach__actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:.35rem;margin-top:.35rem}.tutorial-coach__actions .tutorial-compass-command{justify-content:center}.tutorial-coach__recovery{display:grid;gap:.4rem;border:1px solid color-mix(in srgb,var(--op-gold) 70%,transparent);border-radius:8px;padding:.55rem;background:color-mix(in srgb,var(--op-gold) 12%,var(--op-navy))}.tutorial-coach__recovery strong{color:var(--op-white)}.tutorial-coach__recovery .tutorial-compass-command{justify-self:start}.tutorial-coach__progress{height:4px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--op-white) 12%,transparent)}.tutorial-coach__progress span{display:block;height:100%;background:linear-gradient(90deg,var(--op-ocean),var(--op-gold));transition:width .2s ease}.tutorial-coach__terms button{display:inline-flex;min-height:30px;align-items:center;border:1px solid color-mix(in srgb,var(--op-sky) 38%,transparent);border-radius:999px;padding:.2rem .5rem;background:color-mix(in srgb,var(--op-white) 6%,transparent);color:var(--op-sky);font-size:.64rem;font-weight:850;text-transform:capitalize}.tutorial-compass-command{display:inline-flex;min-height:44px;align-items:center;gap:.3rem;border:1px solid color-mix(in srgb,var(--op-sky) 48%,transparent);border-radius:7px;padding:.35rem .58rem;background:linear-gradient(145deg,color-mix(in srgb,var(--op-cobalt) 88%,transparent),color-mix(in srgb,var(--op-navy) 96%,transparent));color:var(--op-white);font-size:.68rem!important;font-weight:900!important;text-decoration:none}.tutorial-compass-command i{width:1.25rem;aspect-ratio:1;background:url(/assets/official/ui/compass-mark.webp) center/contain no-repeat;filter:brightness(0) invert(1)}.tutorial-compass-command--primary{border-color:var(--op-gold);background:linear-gradient(145deg,var(--op-sky),var(--op-ocean));color:var(--op-navy)}.tutorial-compass-command--primary i{filter:none}.match-shell[data-tutorial-highlights~=hand] [data-board-zone=hand],.match-shell[data-tutorial-highlights~=characters] .board-half--player [data-board-zone=characters],.match-shell[data-tutorial-highlights~=cost] .board-half--player [data-board-zone=cost-area],.match-shell[data-tutorial-highlights~=life] .board-half--player .player-board-row__life,.match-shell[data-tutorial-highlights~=opponent-leader] .board-half--opponent [data-board-zone=leader],.match-shell[data-tutorial-highlights~=phase] .battle-action-ribbon,.match-shell[data-tutorial-highlights~=battle] .battle-lane optcg-combat-summary{border-radius:8px;outline:3px solid color-mix(in srgb,var(--op-gold) 88%,transparent);outline-offset:3px;filter:drop-shadow(0 0 10px color-mix(in srgb,var(--op-gold) 58%,transparent))}.card-zoom__glossary{display:flex;flex-wrap:wrap;gap:.35rem}.card-zoom__glossary button{display:inline-flex;min-height:44px;align-items:center;border:1px solid var(--op-line);border-radius:999px;padding:.35rem .6rem;background:color-mix(in srgb,var(--op-white) 6%,transparent);color:var(--op-sky);font-size:.72rem;font-weight:800}@media(max-height:500px)and (orientation:landscape){.tutorial-coach{top:max(6px,env(safe-area-inset-top));left:max(6px,env(safe-area-inset-left));width:min(390px,45vw);max-height:calc(100dvh - 12px);overflow:auto;padding:.5rem}.tutorial-coach--collapsed{width:min(300px,38vw)}.tutorial-coach h1{font-size:.9rem}.tutorial-coach span{font-size:.64rem}.tutorial-coach--action{width:min(350px,40vw)}.tutorial-coach--action .tutorial-coach__mission{gap:.16rem;padding-top:.35rem}.tutorial-coach--action .tutorial-coach__terms{display:none}.tutorial-coach--action .tutorial-coach__actions{grid-template-columns:1fr}.match-shell[data-tutorial-highlights~=characters] .tutorial-coach--action,.match-shell[data-tutorial-highlights~=hand] .tutorial-coach--action{right:max(6px,env(safe-area-inset-right));left:auto}.tutorial-coach--targeting{top:max(6px,env(safe-area-inset-top));right:50%!important;left:auto!important;width:min(300px,38vw);transform:translate(50%)}.match-shell[data-tutorial-highlights~=characters] .card-command-sheet,.match-shell[data-tutorial-highlights~=hand] .card-command-sheet{right:auto!important;left:max(6px,env(safe-area-inset-left))!important}}*{box-sizing:border-box}html{font-size:calc(16px * var(--op-text-scale));touch-action:manipulation;-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body{min-height:100%;margin:0}@media(max-width:860px){:root{font-size:calc(15px * var(--op-text-scale))}input,select,textarea{font-size:16px!important}}@media(max-width:960px)and (max-height:500px)and (orientation:landscape){:root{font-size:calc(14px * var(--op-text-scale))}input,select,textarea{font-size:16px!important}}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){:root:not([data-motion=full]) *,:root:not([data-motion=full]) *:before,:root:not([data-motion=full]) *:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}}:root[data-motion=reduce] *,:root[data-motion=reduce] *:before,:root[data-motion=reduce] *:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}:root[data-contrast=more]{--op-ink: #000b12;--op-navy: #001829;--op-abyss: #000b12;--op-ocean: #006890;--op-focus: #ffbd19;--op-danger: #74121e;--op-muted: rgba(255, 255, 255, .92);--op-subtle: rgba(255, 255, 255, .82)}:root[data-contrast=more] :where(button,a,input,select,textarea):focus-visible{outline-width:4px;outline-offset:3px}@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:max(0px,100% - 100vw + 1rem);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);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);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-height:46px;min-width:0;padding:.38rem .42rem;font-size:.7rem;line-height:1.1;text-align:center;white-space:normal}}@media(orientation:landscape)and (min-width:601px)and (max-width:960px)and (max-height:500px){optcg-deck-builder-page .builder-header.builder-header{grid-template-columns:150px minmax(0,1fr) 44px;min-height:52px;align-items:center;padding-block:.2rem}optcg-deck-builder-page .builder-actions-toggle.builder-actions-toggle{grid-column:3}optcg-deck-builder-page .builder-toolbar.builder-toolbar{position:fixed;top:max(56px,env(safe-area-inset-top,0px) + 52px);right:auto;left:max(12px,env(safe-area-inset-left,0px));width:min(440px,100vw - 24px)}}optcg-match-page{position:fixed;inset:0;z-index:20;display:block;width:var(--match-viewport-width);height:var(--match-viewport-height);min-width:0;min-height:0;overflow:hidden;background:#08243a}optcg-match-page .official-loading-shell{display:grid;width:100%;height:100%;place-content:center;gap:1rem;padding:2rem;background:#f7f4ec;color:#102332}optcg-match-page .official-loading-shell h1,optcg-match-page .official-loading-shell p{margin:0}optcg-match-page .official-loading-shell a{display:inline-flex;min-height:44px;align-items:center;padding:.55rem .82rem;background:#eaf6fb;color:#102332;font-weight:900;text-decoration:none}optcg-match-page .match-shell{--match-layer-board: 1;--match-layer-battle: 40;--match-layer-replay: 60;--match-layer-inspection: 80;--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-danger: #8b2430;--op-line: color-mix(in srgb, var(--op-sky) 46%, transparent);--op-line-strong: color-mix(in srgb, var(--op-sky) 70%, var(--op-white));--op-white-line: color-mix(in srgb, var(--op-white) 34%, transparent);--op-faint: color-mix(in srgb, var(--op-foam) 10%, transparent);--op-muted: color-mix(in srgb, var(--op-foam) 72%, transparent);--op-shadow: color-mix(in srgb, var(--op-abyss) 46%, transparent);--op-panel: color-mix(in srgb, var(--op-abyss) 62%, transparent);--op-glass: color-mix(in srgb, var(--op-navy) 90%, transparent);--op-danger-line: color-mix(in srgb, var(--op-danger) 70%, var(--op-white));--board-background-fill: radial-gradient(circle at 50% 46%, color-mix(in srgb, var(--op-sky) 18%, transparent), transparent 54%), linear-gradient(145deg, var(--op-ocean), var(--op-cobalt) 56%, var(--op-navy));--board-background-image: url(/assets/official/ui/page-nautical-map.png);--board-background-opacity: .4;position:relative;display:block;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;background:var(--board-background-fill);color:var(--op-ink)}optcg-match-page .board-viewport{position:absolute;inset:0;z-index:var(--match-layer-board);display:grid;place-items:center;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;border:0;border-radius:0;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);background:var(--board-background-fill);box-shadow:0 14px 34px var(--op-shadow);isolation:isolate;container-type:size;overscroll-behavior:contain;scrollbar-color:var(--op-sky) var(--op-navy)}optcg-match-page .board-viewport:before{position:absolute;inset:0;z-index:0;background:var(--board-background-image) center/cover no-repeat;content:"";opacity:var(--board-background-opacity);pointer-events:none}optcg-match-page .match-shell[data-board-background]:not([data-board-background=nautical-blue]){--board-background-opacity: 1}optcg-match-page .match-shell[data-board-background=grand-line]{--board-background-fill: #c8c2bf;--board-background-image: url(/assets/official/ui/match-one-piece-map.webp)}optcg-match-page .match-shell[data-board-background=alabasta]{--board-background-fill: #c99a5b;--board-background-image: url(/assets/official/ui/match-background-alabasta.webp)}optcg-match-page .match-shell[data-board-background=skypiea]{--board-background-fill: #7bc5dc;--board-background-image: url(/assets/official/ui/match-background-skypiea.webp)}optcg-match-page .match-shell[data-board-background=water-seven]{--board-background-fill: #c9714f;--board-background-image: url(/assets/official/ui/match-background-water-seven.webp)}optcg-match-page .match-shell[data-board-background=sabaody]{--board-background-fill: #123c5c;--board-background-image: url(/assets/official/ui/match-background-sabaody.webp)}optcg-match-page .match-shell[data-board-background=fish-man-island]{--board-background-fill: #082744;--board-background-image: url(/assets/official/ui/match-background-fish-man-island.webp)}optcg-match-page .match-shell[data-board-background=dressrosa]{--board-background-fill: #d8aa68;--board-background-image: url(/assets/official/ui/match-background-dressrosa.webp)}optcg-match-page .match-shell[data-board-background=whole-cake]{--board-background-fill: #b8778f;--board-background-image: url(/assets/official/ui/match-background-whole-cake.webp)}optcg-match-page .match-shell[data-board-background=wano]{--board-background-fill: #071b49;--board-background-image: url(/assets/official/ui/match-background-wano.webp)}optcg-match-page .match-shell[data-board-background=egghead]{--board-background-fill: #0a5f91;--board-background-image: url(/assets/official/ui/match-background-egghead.webp)}optcg-match-page .match-shell[data-board-background=elbaf]{--board-background-fill: #112f3d;--board-background-image: url(/assets/official/ui/match-background-elbaf.webp)}optcg-match-page .playmat{--board-card-ratio: calc(365 / 510);--board-card-width: clamp(34px, 11.2cqh, 82px);--board-card-height: calc(var(--board-card-width) / var(--board-card-ratio));--hand-card-width: clamp(46px, 15.8cqh, 100px);--hand-card-height: calc(var(--hand-card-width) / var(--board-card-ratio));position:relative;z-index:1;display:grid;grid-template-rows:minmax(0,1fr) minmax(0,1fr) minmax(0,.9fr);gap:clamp(2px,.55cqh,4px);width:min(100cqw,216.6666666667cqh);height:min(100cqh,46.1538461538cqw);min-width:0;min-height:0;overflow:hidden;padding:clamp(2px,.8cqh,.62rem);background-color:color-mix(in srgb,var(--op-navy) 58%,transparent);background-image:repeating-linear-gradient(0deg,transparent 0 39px,color-mix(in srgb,var(--op-sky) 9%,transparent) 39px 40px),repeating-linear-gradient(90deg,transparent 0 54px,color-mix(in srgb,var(--op-sky) 9%,transparent) 54px 55px),linear-gradient(180deg,color-mix(in srgb,var(--op-cobalt) 22%,transparent) 0 48%,color-mix(in srgb,var(--op-navy) 42%,transparent) 48% 49.7%,color-mix(in srgb,var(--op-sky) 38%,transparent) 49.7% 50.3%,color-mix(in srgb,var(--op-navy) 48%,transparent) 50.3% 52%,color-mix(in srgb,var(--op-abyss) 30%,transparent) 52% 100%);isolation:isolate;container-type:size}optcg-match-page .playmat:before{content:"";position:absolute;inset:.28rem;z-index:4;border-radius:4px;box-shadow:inset 0 0 38px var(--op-shadow);pointer-events:none}optcg-match-page .replay-playback-layer{position:absolute;inset:0;z-index:var(--match-layer-replay);display:grid;place-items:center;min-width:0;min-height:0;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);pointer-events:none;container-type:size}optcg-match-page .replay-playback-layer__dock{display:grid;grid-template-rows:minmax(0,1fr) minmax(0,1fr) minmax(0,.9fr);gap:clamp(2px,.55cqh,4px);width:min(100cqw,216.6666666667cqh);height:min(100cqh,46.1538461538cqw);min-width:0;min-height:0;padding:clamp(2px,.8cqh,.62rem);pointer-events:none}optcg-match-page .replay-playback-layer optcg-replay-playback-control{grid-row:3;width:100%;height:min(100%,4.75rem);min-width:0;min-height:0;align-self:end;pointer-events:auto}@media(max-width:900px){optcg-match-page .replay-playback-layer optcg-replay-playback-control{height:min(100%,7.5rem)}}optcg-match-page .board-motion-anchor{position:absolute;z-index:-1;width:clamp(34px,5.2cqh,62px);aspect-ratio:.7156862745;opacity:0;pointer-events:none}optcg-match-page .board-motion-anchor--bot-hand{top:.45rem;left:50%;transform:translate(-50%)}optcg-match-page .board-motion-anchor--bot-effect,optcg-match-page .board-motion-anchor--player-effect{top:50%;left:50%;transform:translate(-50%,-50%)}optcg-match-page .board-motion-anchor--bot-removed{top:31%;left:50%;transform:translate(-50%,-50%)}optcg-match-page .board-motion-anchor--player-removed{top:69%;left:50%;transform:translate(-50%,-50%)}optcg-match-page .board-half{--half-surface: color-mix(in srgb, var(--op-abyss) 36%, transparent);--half-line: color-mix(in srgb, var(--op-sky) 12%, transparent);position:relative;z-index:1;min-width:0;min-height:0;overflow:visible;border:1px solid color-mix(in srgb,var(--op-sky) 42%,transparent);border-radius:4px;background-color:var(--half-surface);background-image:repeating-linear-gradient(0deg,transparent 0 31px,var(--half-line) 31px 32px),repeating-linear-gradient(90deg,transparent 0 47px,var(--half-line) 47px 48px);isolation:isolate}optcg-match-page .board-half optcg-player-board-row{height:100%}optcg-match-page .board-half--opponent{--half-surface: color-mix(in srgb, var(--op-cobalt) 28%, transparent);--half-line: color-mix(in srgb, var(--op-sky) 14%, transparent);overflow:visible}optcg-match-page .board-half--player{--half-surface: color-mix(in srgb, var(--op-navy) 30%, transparent)}optcg-match-page .battle-lane{position:absolute;inset:0;z-index:var(--match-layer-battle);display:grid;place-items:center;padding:clamp(.5rem,2vw,1.5rem);isolation:isolate;pointer-events:none}optcg-match-page .match-battle-overlay-layer{overflow:visible;contain:none}optcg-match-page .match-battle-overlay-layer:before{position:absolute;inset:0;background:radial-gradient(circle at center,color-mix(in srgb,var(--op-navy) 22%,transparent),transparent 58%);content:"";opacity:0;animation:battle-focus-in .18s ease-out forwards;pointer-events:none}optcg-match-page .battle-lane optcg-combat-summary{position:relative;z-index:2;width:min(42rem,var(--match-viewport-width) - 2rem);pointer-events:auto}@keyframes battle-focus-in{to{opacity:1}}optcg-match-page .battle-action-ribbon{position:relative;z-index:4;display:flex;width:auto;max-width:min(48cqw,15rem);max-height:calc(100% - 4px);min-height:44px;box-sizing:border-box;align-items:center;justify-content:center;gap:.24rem;border:1px solid var(--op-line-strong);border-radius:999px;padding:.18rem .24rem .18rem .5rem;background:linear-gradient(94deg,var(--op-navy),color-mix(in srgb,var(--op-cobalt) 76%,var(--op-navy)));color:var(--op-foam);box-shadow:0 5px 14px var(--op-shadow);overflow:visible}optcg-match-page .battle-action-ribbon__context{display:grid;width:clamp(7rem,13cqw,8.75rem);max-width:clamp(7rem,13cqw,8.75rem);min-width:7rem;margin-right:auto;line-height:1.05}optcg-match-page .battle-action-ribbon span{color:var(--op-sky);font-size:.52rem;font-weight:900;text-transform:uppercase}optcg-match-page .battle-action-ribbon strong{overflow:hidden;color:var(--op-white);font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}optcg-match-page .battle-action-ribbon small{display:none}optcg-match-page .battle-action-ribbon__actions{display:flex;flex:0 0 auto;max-width:calc(88px + .22rem);align-items:center;gap:.22rem;overflow:visible}optcg-match-page .battle-action-ribbon button{position:relative;display:grid;flex:0 0 44px;width:44px;height:44px;min-width:44px;min-height:44px;place-items:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--op-sky) 72%,var(--op-white));border-radius:50%;padding:.08rem;background:radial-gradient(circle at 34% 28%,color-mix(in srgb,var(--op-sky) 28%,transparent),transparent 46%),linear-gradient(145deg,var(--op-ocean),var(--op-cobalt));box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--op-white) 9%,transparent),0 3px 8px color-mix(in srgb,var(--op-abyss) 38%,transparent);color:var(--op-white);font:inherit;font-size:.52rem;font-weight:900;line-height:.92;text-align:center;white-space:normal;isolation:isolate;cursor:pointer;text-shadow:0 1px 2px var(--op-abyss)}optcg-match-page .battle-action-ribbon button:before{content:"";position:absolute;inset:5px;z-index:-1;border-radius:50%;background:url(/assets/official/ui/compass-mark-light.webp) center/contain no-repeat;opacity:.2}optcg-match-page .battle-action-ribbon button:hover:not(:disabled){border-color:var(--op-white);filter:brightness(1.12)}optcg-match-page .battle-action-ribbon button:focus-visible{outline:3px solid var(--op-gold);outline-offset:-4px}optcg-match-page .battle-action-ribbon button:disabled{opacity:.42;cursor:not-allowed;filter:grayscale(.6)}optcg-match-page .battle-action-ribbon__action--danger{border-color:var(--op-danger-line)!important;background:var(--op-danger)!important}optcg-match-page .battle-action-ribbon__action--secondary{background:linear-gradient(145deg,var(--op-white),var(--op-foam))!important;color:var(--op-cobalt)!important;text-shadow:none!important}optcg-match-page .battle-action-ribbon--choice{border-color:var(--op-gold)}optcg-match-page .hand-fan{--hand-lift-space: clamp(28px, 8cqh, 36px);--hand-lift-distance: clamp(36px, 10cqh, 46px);position:relative;z-index:14;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr) minmax(0,1fr);align-items:stretch;gap:clamp(.18rem,.7cqh,.4rem);min-width:0;min-height:0;overflow:visible;border-top:1px solid color-mix(in srgb,var(--op-sky) 38%,transparent);padding:var(--hand-lift-space) clamp(.3rem,1.2cqw,1rem) clamp(3px,1cqh,7px);background-color:color-mix(in srgb,var(--op-navy) 82%,transparent);background-image:repeating-linear-gradient(90deg,transparent 0 54px,color-mix(in srgb,var(--op-sky) 9%,transparent) 54px 55px),linear-gradient(180deg,color-mix(in srgb,var(--op-cobalt) 56%,transparent),color-mix(in srgb,var(--op-abyss) 74%,transparent));box-shadow:inset 0 9px 18px color-mix(in srgb,var(--op-abyss) 42%,transparent);color:var(--op-white)}optcg-match-page .hand-fan__identity{grid-column:1;min-width:0;align-self:center}optcg-match-page .hand-fan--replay .hand-fan__identity{position:absolute;top:clamp(.35rem,1.2cqh,.65rem);left:clamp(.35rem,1.2cqw,.75rem);z-index:20}optcg-match-page .hand-fan__cards{position:relative;z-index:16;display:flex;grid-column:2;align-items:end;justify-content:center;gap:clamp(1px,.34cqw,6px);min-width:0;height:100%;overflow:visible;padding:1px .2rem 0}optcg-match-page .hand-fan__cards:has(>optcg-card-tile:nth-child(n+9)){gap:1px}optcg-match-page .hand-fan__cards:has(>optcg-card-tile:nth-child(n+13)){gap:0}optcg-match-page .hand-fan__cards optcg-card-tile{position:relative;z-index:0;flex:0 1 var(--hand-card-width);width:var(--hand-card-width);min-width:max(28px,var(--hand-card-width) * .54);max-width:var(--hand-card-width);height:auto;aspect-ratio:var(--board-card-ratio);margin-left:0;transform:translateY(calc(abs(var(--hand-index) - var(--hand-count) / 2)/2px));transform-origin:bottom center}optcg-match-page .hand-fan__cards optcg-card-tile:has(.card-tile__action--compass){z-index:calc(20 + var(--hand-count) - var(--hand-index))}optcg-match-page .match-utility-menu{position:relative;z-index:24;align-self:center}optcg-match-page .match-utility-menu>summary{display:grid;width:44px;height:44px;place-items:center;overflow:hidden;border:1px solid var(--op-line-strong);border-radius:50%;background:linear-gradient(145deg,var(--op-ocean),var(--op-cobalt));box-shadow:0 4px 12px var(--op-shadow);cursor:pointer;list-style:none}optcg-match-page .match-utility-menu>summary::-webkit-details-marker{display:none}optcg-match-page .match-utility-menu>summary span{width:25px;aspect-ratio:1;background:url(/assets/official/ui/compass-mark-light.webp) center/contain no-repeat;filter:drop-shadow(0 1px 2px var(--op-abyss))}optcg-match-page .match-utility-menu>summary:focus-visible{outline:3px solid var(--op-gold);outline-offset:2px}optcg-match-page .match-utility-menu__panel{position:absolute;right:0;bottom:calc(100% + .35rem);display:grid;width:min(11rem,34cqw);gap:.25rem;border:1px solid var(--op-line-strong);border-radius:7px;padding:.35rem;background:color-mix(in srgb,var(--op-navy) 96%,transparent);box-shadow:0 9px 24px var(--op-shadow)}optcg-match-page .match-utility-menu:not([open]) .match-utility-menu__panel{display:none}optcg-match-page .match-utility-menu__panel button{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:.4rem;min-height:44px;border:1px solid var(--op-line);border-radius:4px;padding:.35rem .55rem;background:color-mix(in srgb,var(--op-cobalt) 72%,var(--op-navy));color:var(--op-white);font:inherit;font-weight:900;text-align:left;cursor:pointer}optcg-match-page .match-utility-menu__panel button:before{width:22px;aspect-ratio:1;background:url(/assets/official/ui/compass-mark-light.webp) center/contain no-repeat;content:"";filter:drop-shadow(0 1px 2px var(--op-abyss))}optcg-match-page .match-utility-menu__panel button:focus-visible{outline:3px solid var(--op-gold);outline-offset:1px}optcg-match-page .match-utility-menu__panel .match-utility-menu__danger{border-color:var(--op-danger-line);background:var(--op-danger)}optcg-match-page .hand-fan__cards p{margin:auto;color:var(--op-muted)}optcg-match-page .quick-actions-popover__hint button{min-width:44px;min-height:44px;border:1px solid var(--op-gold);border-radius:4px;padding:.3rem .52rem;background:var(--op-gold);color:var(--op-ink);font-weight:900}optcg-match-page .match-dialog{position:fixed;inset:0;width:min(var(--match-viewport-width) * .92,680px);height:fit-content;max-width:calc(var(--match-viewport-width) * .92);max-height:min(var(--match-viewport-height) * .88,760px);margin:auto;overflow:visible;border:1px solid var(--op-line-strong);border-radius:8px;padding:0;background:var(--op-navy);color:var(--op-foam);box-shadow:0 24px 70px var(--op-panel)}optcg-match-page .match-dialog:not([open]){display:none}optcg-match-page .match-dialog[open]{display:block}optcg-match-page .match-dialog::backdrop{background:color-mix(in srgb,var(--op-abyss) 72%,transparent)}optcg-match-page .match-dialog__surface{--match-dialog-surface-padding: .85rem;display:grid;gap:.8rem;max-height:min(var(--match-viewport-height) * .88,760px);min-width:0;overflow-x:hidden;overflow-y:auto;padding:var(--match-dialog-surface-padding);border-top:5px solid var(--op-ocean);border-radius:7px;background:var(--op-navy);color:var(--op-foam);scrollbar-color:var(--op-gold) color-mix(in srgb,var(--op-abyss) 86%,transparent);scrollbar-width:thin}optcg-match-page .match-dialog__surface::-webkit-scrollbar,optcg-match-page .quick-actions-popover::-webkit-scrollbar{width:10px;height:10px}optcg-match-page .match-dialog__surface::-webkit-scrollbar-track,optcg-match-page .quick-actions-popover::-webkit-scrollbar-track{background:color-mix(in srgb,var(--op-abyss) 86%,transparent)}optcg-match-page .match-dialog__surface::-webkit-scrollbar-thumb,optcg-match-page .quick-actions-popover::-webkit-scrollbar-thumb{border:2px solid var(--op-navy);border-radius:999px;background:linear-gradient(var(--op-gold),var(--op-ocean))}optcg-match-page .match-dialog__header{position:sticky;top:calc(-1 * var(--match-dialog-surface-padding));z-index:8;display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin:-.85rem -.85rem 0;padding:.75rem .85rem;border-bottom:1px solid var(--op-line);background:var(--op-abyss)}optcg-match-page .match-dialog__header p,optcg-match-page .match-dialog__header h2{margin:0}optcg-match-page .match-dialog__header p{color:var(--op-sky);font-size:.64rem;font-weight:900;text-transform:uppercase}optcg-match-page .match-dialog__header h2{color:var(--op-white);font-size:1rem}optcg-match-page .match-dialog__header button{display:grid;width:44px;height:44px;flex:0 0 auto;place-items:center;border:1px solid var(--op-line);border-radius:50%;background:var(--op-faint);color:var(--op-white);font-size:1rem}optcg-match-page .match-dialog__header .match-dialog__close{display:inline-flex;width:auto;min-width:76px;border-radius:999px;padding:0 .7rem;font-size:.68rem;font-weight:900}optcg-match-page .match-dialog__close i{margin-left:.35rem;font-size:.9rem;font-style:normal}optcg-match-page .match-effect-notice--floating{position:fixed;top:max(4.75rem,env(safe-area-inset-top));right:max(1rem,env(safe-area-inset-right));z-index:calc(var(--match-layer-inspection) - 1);width:min(390px,var(--match-viewport-width) - 2rem);max-height:calc(var(--match-viewport-height) - 6rem);overflow:auto}optcg-match-page .match-shell:has(.match-dialog--actions[open]) .match-effect-notice--floating{display:none}optcg-match-page .match-dialog--card{width:min(var(--match-viewport-width) * .94,900px);max-width:var(--card-dialog-safe-width);border-color:color-mix(in srgb,var(--op-white) 26%,var(--op-ocean));border-radius:14px;background:transparent;box-shadow:0 32px 90px color-mix(in srgb,var(--op-abyss) 86%,transparent),0 0 0 1px color-mix(in srgb,var(--op-sky) 18%,transparent)}optcg-match-page .match-dialog--card::backdrop{background:color-mix(in srgb,var(--op-abyss) 82%,transparent)}optcg-match-page .match-dialog--actions{width:min(var(--match-viewport-width) * .92,680px);border:0;background:transparent;box-shadow:0 28px 80px color-mix(in srgb,var(--op-abyss) 82%,transparent)}optcg-match-page .match-dialog--actions .match-dialog__surface{border:1px solid color-mix(in srgb,var(--op-sky) 62%,var(--op-ocean));border-top:5px solid var(--op-sky);background:radial-gradient(circle at 88% 18%,color-mix(in srgb,var(--op-ocean) 18%,transparent),transparent 30%),linear-gradient(155deg,var(--op-navy),color-mix(in srgb,var(--op-cobalt) 66%,var(--op-navy)) 120%)}optcg-match-page .match-dialog--background{width:min(var(--match-viewport-width) * .94,760px)}optcg-match-page .match-dialog--confirm{width:min(var(--match-viewport-width) * .92,440px)}optcg-match-page .board-background-picker__intro{margin:0;color:var(--op-muted);font-size:.75rem}optcg-match-page .board-background-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}optcg-match-page .board-background-picker>button{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.18rem .45rem;min-width:0;border:1px solid var(--op-line);border-radius:7px;padding:.38rem;background:color-mix(in srgb,var(--op-abyss) 72%,transparent);color:var(--op-white);text-align:left}optcg-match-page .board-background-picker>button[aria-checked=true]{border-color:var(--op-gold);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--op-gold) 28%,transparent)}optcg-match-page .board-background-picker>button:focus-visible{outline:3px solid var(--op-gold);outline-offset:1px}optcg-match-page .board-background-picker__preview{position:relative;grid-column:1/-1;display:block;overflow:hidden;width:100%;aspect-ratio:16/9;border:1px solid color-mix(in srgb,var(--op-white) 18%,transparent);border-radius:4px;background:var(--op-cobalt) center/cover no-repeat}optcg-match-page .board-background-picker button[data-background-id=nautical-blue] .board-background-picker__preview{background:radial-gradient(circle at 50% 46%,color-mix(in srgb,var(--op-sky) 18%,transparent),transparent 54%),linear-gradient(145deg,var(--op-ocean),var(--op-cobalt) 56%,var(--op-navy))}optcg-match-page .board-background-picker button[data-background-id=nautical-blue] .board-background-picker__preview:before{position:absolute;inset:0;background:url(/assets/official/ui/page-nautical-map.png) center/cover no-repeat;content:"";opacity:.34}optcg-match-page .board-background-picker button[data-background-id=grand-line] .board-background-picker__preview{background-image:url(/assets/official/ui/match-one-piece-map.webp)}optcg-match-page .board-background-picker button[data-background-id=alabasta] .board-background-picker__preview{background-image:url(/assets/official/ui/match-background-alabasta.webp)}optcg-match-page .board-background-picker button[data-background-id=skypiea] .board-background-picker__preview{background-image:url(/assets/official/ui/match-background-skypiea.webp)}optcg-match-page .board-background-picker button[data-background-id=water-seven] .board-background-picker__preview{background-image:url(/assets/official/ui/match-background-water-seven.webp)}optcg-match-page .board-background-picker button[data-background-id=sabaody] .board-background-picker__preview{background-image:url(/assets/official/ui/match-background-sabaody.webp)}optcg-match-page .board-background-picker button[data-background-id=fish-man-island] .board-background-picker__preview{background-image:url(/assets/official/ui/match-background-fish-man-island.webp)}optcg-match-page .board-background-picker button[data-background-id=dressrosa] .board-background-picker__preview{background-image:url(/assets/official/ui/match-background-dressrosa.webp)}optcg-match-page .board-background-picker button[data-background-id=whole-cake] .board-background-picker__preview{background-image:url(/assets/official/ui/match-background-whole-cake.webp)}optcg-match-page .board-background-picker button[data-background-id=wano] .board-background-picker__preview{background-image:url(/assets/official/ui/match-background-wano.webp)}optcg-match-page .board-background-picker button[data-background-id=egghead] .board-background-picker__preview{background-image:url(/assets/official/ui/match-background-egghead.webp)}optcg-match-page .board-background-picker button[data-background-id=elbaf] .board-background-picker__preview{background-image:url(/assets/official/ui/match-background-elbaf.webp)}optcg-match-page .board-background-picker strong{min-width:0;overflow:hidden;font-size:.76rem;text-overflow:ellipsis;white-space:nowrap}optcg-match-page .board-background-picker button[aria-checked=true] strong:after{margin-left:.35rem;color:var(--op-gold);content:"Selected";font-size:.58rem;text-transform:uppercase}optcg-match-page .board-background-picker small{grid-column:1/-1;color:var(--op-muted);font-size:.62rem}@media(max-width:620px){optcg-match-page .board-background-picker{grid-template-columns:1fr}}optcg-match-page .action-card-context{display:grid;grid-template-columns:52px minmax(0,1fr);gap:.62rem;align-items:center}optcg-match-page .action-card-context optcg-card-tile{width:48px;height:auto;aspect-ratio:.7156862745}optcg-match-page .action-card-context>div{display:grid;min-width:0}optcg-match-page .action-card-context span{color:var(--op-sky);font-size:.56rem;font-weight:900;text-transform:uppercase}optcg-match-page .action-card-context strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}optcg-match-page .quick-actions-popover{position:fixed;z-index:var(--match-layer-inspection);display:grid;width:min(460px,var(--match-viewport-width) - 24px);max-height:min(var(--match-viewport-height) - 24px,560px);overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;gap:.45rem;border:0;border-top:4px solid var(--op-ocean);border-radius:7px;padding:.52rem;background:var(--op-navy);color:var(--op-foam);box-shadow:0 18px 46px var(--op-panel);scrollbar-color:var(--op-gold) color-mix(in srgb,var(--op-abyss) 86%,transparent);scrollbar-width:thin}optcg-match-page .card-command-sheet__backdrop{position:fixed;z-index:calc(var(--match-layer-inspection) - 1);inset:0;background:color-mix(in srgb,var(--op-abyss) 18%,transparent);pointer-events:none}optcg-match-page .card-command-sheet__grabber{display:none;width:42px;height:4px;justify-self:center;border-radius:999px;background:color-mix(in srgb,var(--op-foam) 45%,transparent)}optcg-match-page .quick-actions-popover>header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem;align-items:center}optcg-match-page .quick-actions-popover>header>div{display:grid;min-width:0}optcg-match-page .quick-actions-popover>header span{color:var(--op-sky);font-size:.54rem;font-weight:900}optcg-match-page .quick-actions-popover>header strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}optcg-match-page .quick-actions-popover>header small{color:var(--op-muted);font-size:.58rem}optcg-match-page .quick-actions-popover>header button{position:relative;isolation:isolate;min-width:76px;height:46px;min-height:46px;border:1px solid color-mix(in srgb,var(--op-gold) 72%,transparent);border-radius:999px;padding:0 .7rem;background:var(--op-faint);color:var(--op-white);font:inherit;font-size:.68rem;font-weight:900;cursor:pointer}optcg-match-page .quick-actions-popover>header button span{color:var(--op-white);font-size:.68rem}optcg-match-page .quick-actions-popover>header button i{margin-left:.35rem;font-size:.9rem;font-style:normal}optcg-match-page .quick-actions-popover__actions,optcg-match-page .quick-actions-popover__family,optcg-match-page .quick-actions-popover__choices,optcg-match-page .card-zoom__actions,optcg-match-page .card-zoom__action-family{display:grid;gap:.3rem}optcg-match-page .quick-actions-popover__family-label,optcg-match-page .card-zoom__action-label{margin:.1rem 0 0;color:var(--op-sky);font-size:.56rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase}optcg-match-page .quick-actions-popover__actions button,optcg-match-page .quick-actions-popover__zoom,optcg-match-page .card-zoom__actions button{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:.1rem .42rem;min-height:44px;align-items:center;border:1px solid var(--op-line);border-radius:4px;overflow:hidden;padding:.5rem 3.6rem .5rem .65rem;background:var(--op-faint);color:var(--op-white);text-align:left}optcg-match-page .quick-actions-popover__actions button:after,optcg-match-page .quick-actions-popover__zoom:after,optcg-match-page .card-zoom__actions button:after{position:absolute;right:.55rem;width:3rem;aspect-ratio:1;background:url(/assets/official/ui/compass-mark-light.webp) center/contain no-repeat;content:"";opacity:.14;pointer-events:none}optcg-match-page .quick-actions-popover__actions button>strong,optcg-match-page .quick-actions-popover__choice-copy>strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}optcg-match-page .quick-actions-popover__actions button>small,optcg-match-page .quick-actions-popover__choice-copy>small,optcg-match-page .card-zoom__actions button small{min-width:0;color:var(--op-muted);font-size:.58rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}optcg-match-page .quick-actions-popover__choice{grid-template-columns:38px minmax(0,1fr);border-style:dashed;padding-left:.45rem;background:color-mix(in srgb,var(--op-cobalt) 54%,var(--op-navy))}optcg-match-page .quick-actions-popover__choice-card{display:grid;width:34px;aspect-ratio:5/7;place-items:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--op-sky) 54%,transparent);border-radius:3px;background:var(--op-cobalt)}optcg-match-page .quick-actions-popover__choice-card img{width:100%;height:100%;object-fit:cover}optcg-match-page .quick-actions-popover__choice-card small{padding:.1rem;color:var(--op-foam);font-size:.42rem;line-height:1.05;text-align:center;white-space:normal}optcg-match-page .quick-actions-popover__choice-copy{display:grid;min-width:0;gap:.1rem}optcg-match-page .quick-actions-popover__zoom{border-style:dashed}optcg-match-page .quick-actions-popover__hint{display:flex;align-items:center;gap:.5rem;margin:0;color:var(--op-muted);font-size:.66rem}optcg-match-page .quick-actions-popover__hint span{flex:1}optcg-match-page .card-zoom__actions button{background:linear-gradient(145deg,var(--op-ocean),var(--op-cobalt))}optcg-match-page .card-zoom__actions button small{color:var(--op-foam)}optcg-match-page .counter-choice{display:grid;gap:.55rem}optcg-match-page .counter-choice__section{display:grid;gap:.28rem}optcg-match-page .counter-choice__section h3{margin:0;color:var(--op-muted);font-size:.62rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}optcg-match-page .counter-choice__groups{display:grid;gap:.16rem}optcg-match-page .counter-choice__events{display:grid;gap:.3rem}optcg-match-page .counter-choice__event{display:grid;grid-template-columns:54px minmax(110px,1fr) 44px minmax(180px,.85fr);gap:.5rem;align-items:center;border:0;border-left:4px solid var(--op-ocean);border-radius:6px;padding:.42rem;background:linear-gradient(110deg,var(--op-cobalt),var(--op-navy));box-shadow:0 .4rem 1rem color-mix(in srgb,var(--op-abyss) 24%,transparent)}optcg-match-page .counter-choice__event-card{position:relative;display:grid;container-type:size;width:54px;aspect-ratio:.7156862745;place-items:center;overflow:hidden;border-radius:4px;background:var(--op-faint);color:var(--op-muted);font-size:.52rem;font-weight:900;text-align:center}optcg-match-page .counter-choice__event-card img{width:100%;height:100%;object-fit:contain}optcg-match-page .counter-choice__event-identity{display:grid;min-width:0}optcg-match-page .counter-choice__event-identity small,optcg-match-page .counter-choice__event-identity span{color:var(--op-muted);font-size:.58rem}optcg-match-page .counter-choice__event-identity strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}optcg-match-page .counter-choice__details{display:grid;width:44px;height:44px;place-items:center;min-height:44px;border:1px solid var(--op-gold);border-radius:50%;padding:0;background:linear-gradient(145deg,color-mix(in srgb,var(--op-ocean) 62%,var(--op-navy)),var(--op-cobalt));color:var(--op-white)}optcg-match-page .counter-choice__details i{position:relative;width:30px;aspect-ratio:1;border-radius:50%;background:url(/assets/official/ui/compass-mark-light.webp) center/contain no-repeat;opacity:1}optcg-match-page .counter-choice__details i:before{position:absolute;inset:8px;border:2px solid var(--op-white);border-radius:50%;content:""}optcg-match-page .counter-choice__details i:after{position:absolute;right:4px;bottom:5px;width:9px;height:2px;border-radius:2px;background:var(--op-white);content:"";transform:rotate(45deg);transform-origin:right center}optcg-match-page .counter-choice__event-actions{display:grid;gap:.24rem}optcg-match-page .counter-choice__event-actions button{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.4rem;align-items:center;min-height:44px;border:1px solid var(--op-gold);border-radius:5px;padding:.4rem .55rem;background:linear-gradient(145deg,var(--op-ocean),var(--op-cobalt));color:var(--op-white);text-align:left}optcg-match-page .counter-choice__event-actions button span{border-radius:3px;padding:.18rem .25rem;background:var(--op-faint);font-size:.52rem;font-weight:900;text-transform:uppercase}optcg-match-page .counter-choice__event-actions button strong{min-width:0;overflow:hidden;text-overflow:ellipsis}optcg-match-page .counter-choice__event-actions button:focus-visible{outline:3px solid var(--op-gold);outline-offset:2px}@media(max-width:720px){optcg-match-page .counter-choice__event{grid-template-columns:46px minmax(0,1fr) 44px}optcg-match-page .counter-choice__event-card{width:46px}optcg-match-page .counter-choice__event-actions{grid-column:1/-1}}optcg-match-page .counter-choice__pass{position:relative;display:grid;width:100%;justify-self:stretch;align-content:center;gap:.08rem;overflow:hidden;min-height:44px;border:1px solid var(--op-gold);border-radius:5px;padding:.55rem 4rem .55rem .8rem;background:linear-gradient(145deg,var(--op-ocean),var(--op-cobalt));color:var(--op-white);font-weight:900;text-align:left}optcg-match-page .counter-choice__pass:after{position:absolute;right:.65rem;width:3rem;aspect-ratio:1;background:url(/assets/official/ui/compass-mark-light.webp) center/contain no-repeat;content:"";opacity:.16;pointer-events:none}optcg-match-page .counter-choice__pass strong{font-size:.78rem}optcg-match-page .counter-choice__pass small{color:var(--op-foam);font-size:.58rem;font-weight:600}optcg-match-page .counter-choice__alternatives{display:grid;width:100%}optcg-match-page .counter-choice__pass:focus-visible{outline:3px solid var(--op-gold);outline-offset:2px}optcg-match-page .confirm-copy{margin:0;color:var(--op-muted);line-height:1.45}optcg-match-page .confirm-actions{display:flex;justify-content:flex-end;gap:.45rem}optcg-match-page .confirm-actions button{min-height:44px;border:1px solid var(--op-line);border-radius:5px;padding:.5rem .72rem;background:var(--op-faint);color:var(--op-white);font-weight:900}optcg-match-page .confirm-actions__danger{border-color:var(--op-danger-line)!important;background:var(--op-danger)!important}optcg-match-page .shortcut-reference{display:grid;gap:.38rem;margin:0}optcg-match-page .shortcut-reference div{display:grid;grid-template-columns:minmax(7rem,.55fr) minmax(0,1.45fr);gap:.65rem;align-items:baseline;border-bottom:1px solid var(--op-line);padding:.34rem 0}optcg-match-page .shortcut-reference dt{color:var(--op-gold);font-weight:900}optcg-match-page .shortcut-reference dd{margin:0;color:var(--op-muted)}optcg-match-page .match-blocker,optcg-match-page .action-feedback,optcg-match-page .replay-warning{margin:0;color:var(--op-danger)}optcg-match-page .action-feedback{color:var(--op-sky)}optcg-match-page .replay-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;margin:0}optcg-match-page .replay-summary dd{margin:.16rem 0 0;font-weight:900;text-transform:capitalize}optcg-match-page .replay-actions{display:grid;gap:.4rem;margin:0;padding:0;list-style:none}optcg-match-page button:focus-visible,optcg-match-page a:focus-visible,optcg-match-page .board-viewport:focus-visible{outline:3px solid var(--op-gold);outline-offset:2px}@media(max-width:760px),(max-height:480px)and (max-width:956px){optcg-match-page{height:var(--match-viewport-height)}optcg-match-page .match-dialog,optcg-match-page .match-dialog--card{width:min(var(--match-viewport-width) * .96,680px);max-width:var(--card-dialog-safe-width);max-height:calc(var(--match-viewport-height) * .88)}optcg-match-page .match-dialog__surface{max-height:calc(var(--match-viewport-height) * .88)}optcg-match-page .replay-summary{grid-template-columns:repeat(2,minmax(0,1fr))}optcg-match-page .quick-actions-popover{top:max(6px,env(safe-area-inset-top))!important;right:max(6px,env(safe-area-inset-right))!important;bottom:auto!important;left:auto!important;width:min(360px,var(--match-viewport-width) * .42);max-height:calc(var(--match-viewport-height) - max(12px,env(safe-area-inset-top) + env(safe-area-inset-bottom)));transform:none}optcg-match-page .card-command-sheet__grabber{display:block}optcg-match-page .card-zoom{grid-template-columns:minmax(120px,.68fr) minmax(230px,1.32fr);gap:.65rem;padding:.6rem}optcg-match-page .card-zoom__art img{width:min(100%,250px,var(--match-viewport-height) * .76 * 365 / 510)}optcg-match-page .card-zoom__details{align-content:start;max-height:none;overflow:visible;padding:.2rem .2rem .2rem 0}}optcg-match-page .match-shell--phone-portrait>:not(optcg-phone-orientation-gate){visibility:hidden;pointer-events:none}@media(prefers-reduced-motion:no-preference){optcg-match-page .battle-action-ribbon button{transition:border-color .14s ease,box-shadow .14s ease,filter .14s ease,transform .14s ease}optcg-match-page .battle-action-ribbon button:hover:not(:disabled){transform:translateY(-2px) scale(1.04)}optcg-match-page .battle-action-ribbon button:active:not(:disabled){transform:translateY(0) scale(.96)}optcg-match-page .hand-fan__cards optcg-card-tile{position:relative;z-index:0;transition:transform .21s cubic-bezier(.2,.78,.28,1),filter .16s ease}optcg-match-page .hand-fan__cards optcg-card-tile:hover,optcg-match-page .hand-fan__cards optcg-card-tile:focus-within,optcg-match-page .hand-fan__cards optcg-card-tile.card-tile-host--selected{z-index:30;transform:translateY(calc(-1 * var(--hand-lift-distance))) scale(1.08);filter:drop-shadow(0 9px 12px color-mix(in srgb,var(--op-cobalt) 30%,transparent))}optcg-match-page .battle-action-ribbon{animation:popover-arrive .17s cubic-bezier(.2,.78,.28,1) both}optcg-match-page .quick-actions-popover{animation:popover-arrive .17s cubic-bezier(.2,.78,.28,1) both}optcg-match-page .card-zoom{animation:zoom-arrive .21s cubic-bezier(.2,.78,.28,1) both}}@media(prefers-reduced-motion:reduce){optcg-match-page *,optcg-match-page *:before,optcg-match-page *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}optcg-match-page .battle-action-ribbon button:hover:not(:disabled),optcg-match-page .battle-action-ribbon button:active:not(:disabled){transform:none}optcg-match-page .hand-fan__cards optcg-card-tile:hover,optcg-match-page .hand-fan__cards optcg-card-tile:focus-within,optcg-match-page .hand-fan__cards optcg-card-tile.card-tile-host--selected{z-index:30;transform:translateY(calc(-1 * var(--hand-lift-distance))) scale(1.08);outline:2px solid var(--op-gold);outline-offset:2px;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--op-gold) 40%,transparent))}}@keyframes popover-arrive{0%{opacity:0;transform:translateY(5px) scale(.98)}}@keyframes zoom-arrive{0%{opacity:0;transform:scale(.965)}}optcg-play-page{display:block;min-height:100%;font-family:var(--op-font-interface)}optcg-play-page .match-lobby{display:grid;gap:1rem;width:min(1180px,100%);margin:0 auto;color:var(--op-ink);padding-bottom:1rem}optcg-play-page .lobby-footer{display:flex;align-items:end;justify-content:flex-end;gap:1rem}optcg-play-page .lobby-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"mode build";align-items:end;gap:.65rem;border:1px solid color-mix(in srgb,var(--op-cobalt) 18%,transparent);border-radius:var(--op-radius-lg);padding:.55rem;background:color-mix(in srgb,var(--op-white) 88%,var(--op-foam));box-shadow:0 9px 24px color-mix(in srgb,var(--op-navy) 8%,transparent)}optcg-play-page .seat-panel header p{margin:0 0 .2rem;color:var(--op-ocean);font-size:.75rem;font-weight:900;text-transform:uppercase}optcg-play-page h2,optcg-play-page p{margin-top:0}optcg-play-page h2{font-family:var(--op-font-display)}optcg-play-page .builder-link,optcg-play-page .start-button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;border-radius:var(--op-radius-md);padding:.72rem 1rem;font-weight:900;text-decoration:none;transition:transform var(--op-motion-fast) var(--op-ease-standard),box-shadow var(--op-motion-normal) var(--op-ease-standard),border-color var(--op-motion-fast) ease}optcg-play-page .builder-link:hover,optcg-play-page .start-button:hover:not(:disabled){transform:translateY(-2px)}optcg-play-page .start-button:before{width:21px;aspect-ratio:1;margin-right:.45rem;background:url(/assets/official/ui/compass-mark.webp) center/contain no-repeat;content:""}optcg-play-page .builder-link{border:1px solid color-mix(in srgb,var(--op-ocean) 28%,transparent);background:color-mix(in srgb,var(--op-white) 88%,var(--op-foam));color:var(--op-ink);box-shadow:0 6px 16px color-mix(in srgb,var(--op-navy) 10%,transparent)}optcg-play-page fieldset{min-width:0;margin:0;border:0;padding:0}optcg-play-page legend,optcg-play-page .field-control>span{display:block;margin-bottom:.35rem;color:color-mix(in srgb,var(--op-ink) 68%,transparent);font-size:.72rem;font-weight:900;text-transform:uppercase}optcg-play-page .lobby-toolbar .segmented-control{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;border:1px solid color-mix(in srgb,var(--op-cobalt) 16%,transparent);border-radius:var(--op-radius-md);padding:3px;background:var(--op-foam)}optcg-play-page .lobby-toolbar .segmented-control button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:.4rem;border:0;border-radius:var(--op-radius-sm);padding:.55rem .8rem;background:transparent;color:color-mix(in srgb,var(--op-ink) 70%,transparent);font-weight:850;line-height:1.15;transition:box-shadow var(--op-motion-normal) var(--op-ease-standard),transform var(--op-motion-fast) var(--op-ease-standard)}optcg-play-page .lobby-toolbar .segmented-control button:before{width:18px;aspect-ratio:1;flex:0 0 auto;background:url(/assets/official/ui/compass-mark.webp) center/contain no-repeat;content:"";opacity:.7}optcg-play-page .lobby-toolbar .segmented-control button.is-selected{background:var(--op-cobalt);color:var(--op-white);box-shadow:0 5px 14px color-mix(in srgb,var(--op-navy) 24%,transparent)}optcg-play-page .lobby-toolbar .segmented-control button.is-selected:before{background-image:url(/assets/official/ui/compass-mark-light.webp);opacity:.94}optcg-play-page .lobby-toolbar .segmented-control button:active{transform:scale(.98)}optcg-play-page .field-control{display:block;min-width:180px}optcg-play-page .mode-control{grid-area:mode}optcg-play-page .first-player-control{width:180px;min-width:140px}optcg-play-page .builder-link{grid-area:build}optcg-play-page .field-control select{width:100%;min-height:44px;border:1px solid color-mix(in srgb,var(--op-cobalt) 22%,transparent);border-radius:var(--op-radius-md);padding:.55rem 2rem .55rem .7rem;background:var(--op-white);color:var(--op-ink);font-weight:750;transition:border-color var(--op-motion-fast) ease,box-shadow var(--op-motion-fast) ease,background-color var(--op-motion-fast) ease}optcg-play-page .field-control select:hover,optcg-play-page .field-control select:focus-visible{border-color:var(--op-ocean);box-shadow:0 0 0 3px color-mix(in srgb,var(--op-sky) 22%,transparent)}optcg-play-page .catalog-status{border-left:4px solid var(--op-ocean);padding:.75rem 1rem;background:color-mix(in srgb,var(--op-foam) 88%,transparent);font-weight:750}optcg-play-page .catalog-status--notice{border-left-color:var(--op-sky);background:color-mix(in srgb,var(--op-white) 92%,var(--op-foam))}optcg-play-page .seat-grid{--leader-card-width: clamp(96px, 24vw, 124px);display:grid;grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);align-items:stretch}optcg-play-page .seat-panel{display:grid;align-content:start;gap:0;min-width:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--op-sky) 34%,transparent);border-radius:var(--op-radius-lg);padding:0;background:radial-gradient(circle at 14% 4%,color-mix(in srgb,var(--op-ocean) 18%,transparent),transparent 36%),linear-gradient(145deg,var(--op-navy),color-mix(in srgb,var(--op-abyss) 88%,var(--op-cobalt)));color:var(--op-foam);box-shadow:0 16px 38px color-mix(in srgb,var(--op-abyss) 24%,transparent),inset 0 1px color-mix(in srgb,var(--op-white) 8%,transparent);animation:seat-enter var(--op-motion-emphasis) var(--op-ease-arrival) both}optcg-play-page .seat-panel--two{animation-delay:70ms}optcg-play-page .seat-panel header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.75rem;align-items:center;padding:.85rem 1rem;background:linear-gradient(105deg,var(--op-ocean),var(--op-cobalt));color:var(--op-white)}optcg-play-page .seat-panel--two header{background:linear-gradient(105deg,var(--op-cobalt),var(--op-navy))}optcg-play-page .seat-panel header p{color:color-mix(in srgb,var(--op-white) 76%,var(--op-sky))}optcg-play-page .seat-panel h2{margin-bottom:0;color:var(--op-white);font-size:1.35rem}optcg-play-page .seat-number{display:grid;width:46px;height:46px;place-items:center;border:2px solid var(--op-gold);border-radius:50%;background:var(--op-white);color:var(--op-navy);font-weight:950}optcg-play-page .controller-badge{border:1px solid color-mix(in srgb,var(--op-white) 46%,transparent);border-radius:999px;padding:.35rem .6rem;color:var(--op-white);font-size:.72rem;font-weight:900;text-transform:uppercase}optcg-play-page .field-control--deck select{min-height:50px}optcg-play-page .seat-panel .field-control>span,optcg-play-page .seat-panel .difficulty-control legend{color:color-mix(in srgb,var(--op-foam) 72%,transparent)}optcg-play-page .seat-panel .field-control select{border-color:color-mix(in srgb,var(--op-sky) 28%,transparent);background:color-mix(in srgb,var(--op-abyss) 68%,var(--op-navy));color:var(--op-white);color-scheme:dark;box-shadow:inset 0 1px color-mix(in srgb,var(--op-white) 7%,transparent)}optcg-play-page .seat-panel .field-control select:hover,optcg-play-page .seat-panel .field-control select:focus-visible{border-color:var(--op-sky);background:color-mix(in srgb,var(--op-navy) 82%,var(--op-cobalt))}optcg-play-page .seat-loadout{display:flex;flex-direction:column;gap:.65rem;padding:.85rem}optcg-play-page .seat-controls{display:contents}optcg-play-page .deck-selection-row{display:grid;grid-template-columns:minmax(0,1fr) auto;order:1;gap:.5rem;align-items:end}optcg-play-page .deck-selection-row .field-control--deck{min-width:0;order:initial}optcg-play-page .random-deck-button{min-width:92px;min-height:50px;border:1px solid color-mix(in srgb,var(--op-gold) 78%,var(--op-sky));border-radius:var(--op-radius-md);padding:.55rem .75rem;background:color-mix(in srgb,var(--op-navy) 78%,var(--op-cobalt));color:var(--op-white);font:inherit;font-size:.78rem;font-weight:900;transition:transform var(--op-motion-fast) var(--op-ease-standard),border-color var(--op-motion-fast) ease,background-color var(--op-motion-fast) ease,box-shadow var(--op-motion-fast) ease}optcg-play-page .random-deck-button:hover:not(:disabled){border-color:var(--op-gold);background:color-mix(in srgb,var(--op-cobalt) 76%,var(--op-navy));box-shadow:0 5px 14px color-mix(in srgb,var(--op-abyss) 28%,transparent);transform:translateY(-1px)}optcg-play-page .random-deck-button:active:not(:disabled){transform:scale(.97)}optcg-play-page .random-deck-button:focus-visible{outline:3px solid color-mix(in srgb,var(--op-sky) 72%,var(--op-white));outline-offset:2px}optcg-play-page .random-deck-button:disabled{cursor:not-allowed;opacity:.5}optcg-play-page .field-control--deck,optcg-play-page .field-control--leader{order:1}optcg-play-page .leader-card{display:grid;flex:0 0 auto;order:2;width:var(--leader-card-width);min-width:0;gap:.55rem;align-self:center;margin:0}optcg-play-page .seat-loadout>.leader-card:last-child{margin-bottom:.5rem}optcg-play-page .leader-card__frame{position:relative;width:100%;aspect-ratio:365/510;overflow:hidden;justify-self:center;border:2px solid color-mix(in srgb,var(--op-gold) 76%,var(--op-ocean));border-radius:var(--op-radius-md);background:url(/assets/official/ui/card-back.webp) center/cover no-repeat,var(--op-navy);box-shadow:0 12px 22px color-mix(in srgb,var(--op-navy) 24%,transparent),0 0 0 4px color-mix(in srgb,var(--op-white) 72%,transparent);transform:translateZ(0);transition:transform var(--op-motion-normal) var(--op-ease-standard),box-shadow var(--op-motion-normal) var(--op-ease-standard)}optcg-play-page .leader-card__frame:after{position:absolute;inset:0;border:1px solid color-mix(in srgb,var(--op-white) 34%,transparent);border-radius:inherit;content:"";pointer-events:none}optcg-play-page .leader-card:hover .leader-card__frame{transform:translateY(-3px) rotate(-.5deg);box-shadow:0 16px 26px color-mix(in srgb,var(--op-navy) 29%,transparent),0 0 0 4px color-mix(in srgb,var(--op-gold) 24%,transparent)}optcg-play-page .leader-card img{display:block;width:100%;height:100%;object-fit:cover;animation:leader-reveal var(--op-motion-emphasis) var(--op-ease-arrival) both}optcg-play-page .leader-card__fallback{display:grid;width:100%;height:100%;place-items:center;background:color-mix(in srgb,var(--op-navy) 84%,transparent);color:var(--op-white);font-family:var(--op-font-display);font-weight:800}optcg-play-page .leader-card__glint{position:absolute;top:-30%;left:-70%;width:42%;height:160%;transform:rotate(16deg);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--op-white) 48%,transparent),transparent);opacity:0;pointer-events:none}optcg-play-page .leader-card__compact-identity{display:none}optcg-play-page .leader-card:hover .leader-card__glint{animation:card-glint var(--op-motion-cinematic) var(--op-ease-standard) both}optcg-play-page .difficulty-control{order:3;width:100%;min-width:0}optcg-play-page .difficulty-group{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;border:1px solid color-mix(in srgb,var(--op-sky) 24%,transparent);border-radius:var(--op-radius-md);padding:3px;background:color-mix(in srgb,var(--op-abyss) 70%,var(--op-navy))}optcg-play-page .difficulty-group button{min-width:0;min-height:44px;border:1px solid transparent;border-radius:var(--op-radius-sm);padding:.35rem .22rem;background:transparent;color:color-mix(in srgb,var(--op-foam) 74%,transparent);font-size:.7rem;font-weight:850;transition:transform var(--op-motion-fast) var(--op-ease-standard),color var(--op-motion-fast) ease,background-color var(--op-motion-fast) ease,border-color var(--op-motion-fast) ease,box-shadow var(--op-motion-fast) ease}optcg-play-page .difficulty-group button:hover{border-color:color-mix(in srgb,var(--op-sky) 42%,transparent);background:var(--op-faint);color:var(--op-white)}optcg-play-page .difficulty-group button:active{transform:scale(.96)}optcg-play-page .difficulty-group button.is-selected{border-color:var(--op-gold);background:var(--op-navy);color:var(--op-white);box-shadow:0 4px 10px color-mix(in srgb,var(--op-navy) 22%,transparent)}optcg-play-page .versus-mark{position:relative;z-index:2;display:grid;width:52px;height:52px;place-self:center;place-items:center;border:2px solid var(--op-gold);border-radius:50%;background:var(--op-cobalt);color:var(--op-white);font-weight:950;box-shadow:0 8px 24px color-mix(in srgb,var(--op-navy) 28%,transparent);animation:versus-enter .52s 80ms var(--op-ease-arrival) both}optcg-play-page .unavailable-decks{border:1px solid color-mix(in srgb,var(--op-ocean) 18%,transparent);border-radius:var(--op-radius-md);padding:.75rem 1rem;background:color-mix(in srgb,var(--op-foam) 80%,transparent)}optcg-play-page .unavailable-decks summary{min-height:44px;font-weight:850;cursor:pointer}optcg-play-page .unavailable-decks p{margin:.4rem 0 0;color:color-mix(in srgb,var(--op-ink) 72%,transparent)}optcg-play-page .lobby-footer{position:relative;width:min(100%,540px);justify-self:center;justify-content:center;border:1px solid color-mix(in srgb,var(--op-sky) 38%,transparent);border-radius:var(--op-radius-lg);padding:.75rem;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--op-ocean) 15%,transparent) 48% 52%,transparent),color-mix(in srgb,var(--op-abyss) 84%,var(--op-navy));box-shadow:0 16px 36px color-mix(in srgb,var(--op-abyss) 28%,transparent),inset 0 1px color-mix(in srgb,var(--op-white) 8%,transparent)}optcg-play-page .lobby-footer:before{position:absolute;top:-1px;left:50%;width:34%;height:2px;background:linear-gradient(90deg,transparent,var(--op-gold),transparent);content:"";transform:translate(-50%)}optcg-play-page .lobby-footer .first-player-control>span{color:color-mix(in srgb,var(--op-foam) 74%,transparent);text-align:center}optcg-play-page .lobby-footer .first-player-control select{border-color:color-mix(in srgb,var(--op-sky) 34%,transparent);background:var(--op-navy);color:var(--op-white);color-scheme:dark}optcg-play-page .start-button{position:relative;min-width:170px;overflow:hidden;border:1px solid var(--op-sky);background:linear-gradient(145deg,var(--op-cobalt),var(--op-navy));color:var(--op-white);box-shadow:0 7px 18px color-mix(in srgb,var(--op-navy) 22%,transparent)}optcg-play-page .start-button:before{filter:brightness(0) invert(1)}optcg-play-page .start-button:disabled{cursor:not-allowed;filter:grayscale(.7);opacity:.55}optcg-play-page .start-button:not(:disabled):after{position:absolute;top:-40%;left:-35%;width:18%;height:180%;transform:rotate(18deg);background:color-mix(in srgb,var(--op-white) 26%,transparent);content:"";pointer-events:none;animation:command-sheen 1.1s .7s var(--op-ease-standard) both}@keyframes seat-enter{0%{transform:translateY(.7rem)}to{transform:translateY(0)}}@keyframes versus-enter{0%{transform:scale(.72) rotate(-12deg)}68%{transform:scale(1.06) rotate(2deg)}to{transform:scale(1) rotate(0)}}@keyframes leader-reveal{0%{transform:scale(1.035)}to{transform:scale(1)}}@keyframes card-glint{0%{left:-70%;opacity:0}28%{opacity:.72}to{left:130%;opacity:0}}@keyframes command-sheen{0%{left:-35%;opacity:0}32%{opacity:1}to{left:125%;opacity:0}}@media(max-width:820px){optcg-play-page .seat-grid{--leader-card-width: clamp(92px, 28vw, 116px);grid-template-columns:1fr;gap:.65rem}optcg-play-page .versus-mark{width:44px;height:44px;margin:-.9rem 0}optcg-play-page .seat-loadout{padding:.8rem}}@media(max-width:600px){optcg-play-page .seat-grid{--leader-card-width: clamp(88px, 24vw, 104px)}optcg-play-page .match-lobby{gap:.75rem;padding-bottom:calc(7rem + env(safe-area-inset-bottom))}optcg-play-page .match-lobby--online{padding-bottom:0}optcg-play-page .lobby-footer{align-items:stretch;flex-direction:column}optcg-play-page .lobby-toolbar{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"mode mode" "build build";align-items:center}optcg-play-page .builder-link{min-height:44px;justify-self:stretch}optcg-play-page .seat-panel{gap:.75rem}optcg-play-page .lobby-toolbar .segmented-control button{padding-inline:.35rem;font-size:.78rem}optcg-play-page .seat-loadout{min-height:0;gap:.75rem;padding:.75rem}optcg-play-page .seat-panel header{grid-template-columns:auto minmax(0,1fr)}optcg-play-page .controller-badge{grid-column:2;justify-self:start}optcg-play-page .start-button{min-width:0}optcg-play-page .lobby-footer{position:fixed;right:.7rem;bottom:calc(var(--app-nav-bottom-reserve, 0px) + max(.7rem,env(safe-area-inset-bottom)));left:.7rem;z-index:18;width:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;padding:.55rem;box-shadow:0 14px 40px color-mix(in srgb,var(--op-navy) 24%,transparent)}optcg-play-page .lobby-footer .first-player-control{width:100%}}@media(max-height:800px)and (min-width:601px){optcg-play-page .match-lobby{padding-bottom:calc(5.5rem + env(safe-area-inset-bottom))}optcg-play-page .match-lobby--online{padding-bottom:0}optcg-play-page .lobby-footer{position:fixed;right:50%;bottom:calc(var(--app-nav-bottom-reserve, 0px) + max(.45rem,env(safe-area-inset-bottom)));left:auto;z-index:18;width:min(100vw - 2rem,520px);align-items:center;justify-content:center;gap:.55rem;padding:.4rem;transform:translate(50%)}optcg-play-page .lobby-footer .first-player-control{display:flex;width:auto;align-items:center;gap:.45rem}optcg-play-page .lobby-footer .first-player-control>span{margin:0;white-space:nowrap}optcg-play-page .lobby-footer .first-player-control select{width:148px}optcg-play-page .lobby-footer .start-button{min-height:44px;padding:.55rem .75rem}optcg-play-page .lobby-toolbar{gap:.45rem;padding:.4rem}optcg-play-page .builder-link{min-height:44px;padding:.55rem .75rem}}@media(orientation:landscape)and (max-height:700px)and (min-width:601px){optcg-play-page .seat-grid{--leader-card-width: clamp(50px, calc(100dvh - 315px) , 64px);grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);align-items:stretch}optcg-play-page .match-lobby{height:100%;min-height:0;gap:.4rem;overflow:hidden;padding-bottom:0}optcg-play-page .lobby-toolbar{gap:.35rem;padding:.3rem}optcg-play-page .seat-panel header{gap:.5rem;padding:.4rem .55rem}optcg-play-page .seat-number{width:36px;height:36px}optcg-play-page .seat-panel h2{font-size:1.05rem}optcg-play-page .controller-badge{padding:.25rem .45rem;font-size:.62rem}optcg-play-page .seat-loadout{min-height:0;gap:.3rem;padding:.45rem}optcg-play-page .seat-loadout>.leader-card:last-child{margin-bottom:.2rem}optcg-play-page .field-control>span,optcg-play-page .difficulty-control legend{margin-bottom:.2rem;font-size:.62rem}optcg-play-page .field-control--deck select,optcg-play-page .random-deck-button{min-height:44px}optcg-play-page .difficulty-control legend{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}optcg-play-page .versus-mark{width:38px;height:38px}optcg-play-page .lobby-footer{position:fixed;right:50%;bottom:calc(var(--app-nav-bottom-reserve, 0px) + max(.45rem,env(safe-area-inset-bottom)));left:auto;z-index:18}}@media(orientation:landscape)and (max-width:960px)and (max-height:500px)and (min-width:601px){optcg-play-page .lobby-footer{right:calc(var(--app-nav-right-reserve, 0px) + max(.45rem,env(safe-area-inset-right)));bottom:max(.45rem,env(safe-area-inset-bottom));left:auto;width:min(100vw - var(--app-nav-right-reserve, 0px) - 1.4rem,520px);transform:none}}@media(orientation:landscape)and (min-height:481px)and (max-height:700px)and (min-width:601px){optcg-play-page .seat-grid{--leader-card-width: 96px}}@media(orientation:landscape)and (max-height:480px)and (min-width:601px){optcg-play-page .seat-grid{--leader-card-width: 40px}optcg-play-page .lobby-toolbar .segmented-control button{gap:.25rem;padding-inline:.25rem;font-size:.72rem;white-space:nowrap}optcg-play-page .lobby-toolbar .segmented-control button:before{width:14px}optcg-play-page .seat-panel header{gap:.35rem;padding:.25rem .4rem}optcg-play-page .seat-panel header p{font-size:.56rem}optcg-play-page .seat-panel h2{font-size:.95rem}optcg-play-page .seat-number{width:32px;height:32px}optcg-play-page .controller-badge{padding:.2rem .35rem;font-size:.56rem}optcg-play-page .seat-loadout{gap:.2rem;padding:.3rem}optcg-play-page .field-control--deck>span{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}optcg-play-page .difficulty-group{gap:2px;padding:2px}optcg-play-page .lobby-footer .first-player-control select{width:120px}}@media(orientation:landscape)and (max-width:960px)and (max-height:400px)and (min-width:601px){optcg-play-page .match-lobby{width:100%;max-width:none;grid-template-rows:48px minmax(0,1fr) 54px;gap:.3rem}optcg-play-page .lobby-toolbar{min-width:90%;grid-template-columns:minmax(0,1fr) auto;padding:2px}optcg-play-page .lobby-toolbar .segmented-control button,optcg-play-page .builder-link{min-height:44px}optcg-play-page .seat-grid{--leader-card-width: auto;min-height:0;grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr)}optcg-play-page .seat-panel{min-height:0}optcg-play-page .seat-panel header{grid-template-columns:30px minmax(0,1fr) auto;min-height:38px;padding:2px 6px}optcg-play-page .seat-number{width:28px;height:28px;font-size:.72rem}optcg-play-page .seat-panel header p{display:none}optcg-play-page .seat-panel h2{font-size:.86rem}optcg-play-page .seat-loadout{display:grid;grid-template-rows:auto auto minmax(44px,auto);align-content:start;gap:2px;padding:4px}optcg-play-page .leader-card{width:auto;align-self:stretch}optcg-play-page .seat-panel .leader-card__frame{display:none}optcg-play-page .leader-card__compact-identity{display:flex;min-width:0;min-height:20px;align-items:center;justify-content:space-between;gap:.35rem;margin:0;color:var(--op-foam);font-size:.64rem;line-height:1.1}optcg-play-page .leader-card__compact-identity strong,optcg-play-page .leader-card__compact-identity span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}optcg-play-page .leader-card__compact-identity span{color:color-mix(in srgb,var(--op-foam) 72%,transparent)}optcg-play-page .field-control select,optcg-play-page .field-control--deck select,optcg-play-page .random-deck-button,optcg-play-page .difficulty-group button{min-height:44px;font-size:16px}optcg-play-page .random-deck-button{min-width:76px;padding-inline:.35rem}optcg-play-page .difficulty-group button{padding:.2rem .1rem}optcg-play-page .versus-mark{width:28px;height:28px;font-size:.68rem}optcg-play-page .lobby-footer{position:static;width:100%;min-width:90%;align-self:stretch;justify-self:stretch;transform:none;padding:3px}optcg-play-page .lobby-footer .first-player-control{min-width:0}optcg-play-page .lobby-footer .first-player-control select{width:132px;min-height:44px;font-size:16px}optcg-play-page .lobby-footer .start-button{min-width:142px;min-height:44px}}@media(max-width:420px){optcg-play-page .deck-selection-row{gap:.35rem}optcg-play-page .random-deck-button{min-width:82px;padding-inline:.55rem}optcg-play-page .difficulty-group button{font-size:.62rem}}@media(prefers-reduced-motion:reduce){optcg-play-page .match-lobby,optcg-play-page .seat-panel,optcg-play-page .versus-mark,optcg-play-page .leader-card img,optcg-play-page .leader-card:hover .leader-card__glint,optcg-play-page .start-button:not(:disabled):after{animation:none}optcg-play-page .leader-card:hover .leader-card__frame,optcg-play-page .builder-link:hover,optcg-play-page .start-button:hover:not(:disabled){transform:none}}optcg-deck-builder-page{display:block;height:100%;min-width:0;min-height:0;font-family:var(--op-font-interface)}optcg-deck-builder-page button,optcg-deck-builder-page a,optcg-deck-builder-page input,optcg-deck-builder-page select,optcg-deck-builder-page textarea{font:inherit}optcg-deck-builder-page button,optcg-deck-builder-page a{-webkit-tap-highlight-color:transparent}optcg-deck-builder-page .builder-shell{display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:.55rem;height:100%;min-height:0;overflow:hidden;color:var(--op-ink)}optcg-deck-builder-page .builder-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-width:0;border:1px solid color-mix(in srgb,var(--op-cobalt) 28%,transparent);border-top:4px solid var(--op-ocean);border-radius:8px;padding:.62rem .72rem;background:radial-gradient(circle at 18% 0,color-mix(in srgb,var(--op-sky) 20%,transparent),transparent 42%),linear-gradient(110deg,color-mix(in srgb,var(--op-ocean) 92%,transparent),color-mix(in srgb,var(--op-cobalt) 94%,transparent) 58%,color-mix(in srgb,var(--op-navy) 96%,transparent)),url(/assets/official/ui/page-nautical-map.png) center/cover;color:var(--op-white);box-shadow:0 10px 24px color-mix(in srgb,var(--op-navy) 14%,transparent)}optcg-deck-builder-page .builder-header__identity{display:flex;align-items:center;gap:.65rem;min-width:190px}optcg-deck-builder-page .builder-header__mark{display:grid;flex:0 0 42px;height:42px;place-items:center;border:3px solid var(--op-gold);border-radius:50%;background:var(--op-navy);box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--op-white) 14%,transparent);color:var(--op-white)}optcg-deck-builder-page .builder-header__mark optcg-navigation-icon{width:68%;height:68%}optcg-deck-builder-page .builder-header h1,optcg-deck-builder-page .builder-header p,optcg-deck-builder-page .deck-leader h2,optcg-deck-builder-page .deck-leader p{margin:0}optcg-deck-builder-page .builder-header h1{color:var(--op-white);overflow:hidden;max-width:340px;font-family:var(--op-font-display);font-size:1.35rem;line-height:1.05;text-overflow:ellipsis;white-space:nowrap}optcg-deck-builder-page .builder-header__identity>div>p:last-child{margin-top:.18rem;color:color-mix(in srgb,var(--op-white) 76%,var(--op-sky));font-size:.78rem;font-weight:800}optcg-deck-builder-page .eyebrow{color:color-mix(in srgb,var(--op-sky) 70%,var(--op-white));font-size:.67rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}optcg-deck-builder-page .builder-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.42rem}optcg-deck-builder-page .builder-toolbar__group{display:flex;flex-wrap:wrap;gap:.28rem}optcg-deck-builder-page .builder-toolbar__group+.builder-toolbar__group{border-left:1px solid color-mix(in srgb,var(--op-cobalt) 18%,transparent);padding-left:.42rem}optcg-deck-builder-page .builder-toolbar button,optcg-deck-builder-page .builder-toolbar a,optcg-deck-builder-page .segmented-control button,optcg-deck-builder-page .builder-card footer button,optcg-deck-builder-page .load-more,optcg-deck-builder-page .deck-summary li>button,optcg-deck-builder-page .game-dialog button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid color-mix(in srgb,var(--op-cobalt) 28%,transparent);border-radius:6px;padding:.44rem .62rem;background:color-mix(in srgb,var(--op-white) 88%,var(--op-foam));color:var(--op-ink);font-weight:900;text-decoration:none}optcg-deck-builder-page .builder-toolbar button span{display:inline-grid;min-width:1.3rem;height:1.3rem;place-items:center;margin-left:.2rem;border-radius:50%;background:var(--op-cobalt);color:var(--op-white);font-size:.68rem}optcg-deck-builder-page .builder-toolbar .toolbar-save,optcg-deck-builder-page .dialog-primary{border-color:var(--op-ocean);background:linear-gradient(145deg,var(--op-sky),var(--op-ocean))}optcg-deck-builder-page .builder-toolbar .toolbar-play{border-color:color-mix(in srgb,var(--op-sky) 72%,var(--op-gold));background:linear-gradient(145deg,var(--op-cobalt),var(--op-navy));color:var(--op-white)}optcg-deck-builder-page .builder-toolbar .toolbar-save:before,optcg-deck-builder-page .builder-toolbar .toolbar-play:before{width:18px;aspect-ratio:1;margin-right:.34rem;background:url(/assets/official/ui/compass-mark.webp) center/contain no-repeat;content:"";filter:brightness(0) invert(1)}optcg-deck-builder-page .builder-toolbar .toolbar-danger,optcg-deck-builder-page .dialog-danger{border-color:var(--op-danger);background:var(--op-danger);color:var(--op-white)}optcg-deck-builder-page button:disabled,optcg-deck-builder-page .builder-toolbar button:disabled{cursor:not-allowed;filter:grayscale(.5);opacity:.48}optcg-deck-builder-page button:focus-visible,optcg-deck-builder-page a:focus-visible,optcg-deck-builder-page input:focus-visible,optcg-deck-builder-page select:focus-visible,optcg-deck-builder-page textarea:focus-visible{outline:3px solid var(--op-gold);outline-offset:2px}optcg-deck-builder-page .builder-mobile-tabs{display:none}optcg-deck-builder-page .builder-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.34fr);gap:.55rem;min-width:0;min-height:0;overflow:hidden}optcg-deck-builder-page .card-search,optcg-deck-builder-page .deck-panel,optcg-deck-builder-page .loading-panel{min-width:0;min-height:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--op-sky) 45%,transparent);border-radius:8px;background:var(--op-navy);box-shadow:0 16px 34px color-mix(in srgb,var(--op-abyss) 20%,transparent)}optcg-deck-builder-page .loading-panel{display:grid;place-items:center;color:var(--op-white);font-weight:850}optcg-deck-builder-page .card-search{display:grid;grid-template-rows:auto minmax(0,1fr);gap:.55rem;padding:.62rem;background:linear-gradient(145deg,color-mix(in srgb,var(--op-sky) 24%,transparent),transparent 46%),var(--op-navy)}optcg-deck-builder-page .search-controls{display:grid;grid-template-columns:minmax(250px,1fr) auto;gap:.42rem;align-items:end}optcg-deck-builder-page .builder-search-bar{display:contents}optcg-deck-builder-page .builder-filter-toggle,optcg-deck-builder-page .builder-filter-panel__header,optcg-deck-builder-page .builder-filter-panel__footer,optcg-deck-builder-page .builder-filter-scrim{display:none}optcg-deck-builder-page .builder-filter-panel{display:contents}optcg-deck-builder-page .search-controls label,optcg-deck-builder-page .dialog-field{display:grid;gap:.22rem;color:color-mix(in srgb,var(--op-foam) 74%,transparent);font-size:.67rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}optcg-deck-builder-page .search-controls input,optcg-deck-builder-page .search-controls select,optcg-deck-builder-page .dialog-field input,optcg-deck-builder-page .dialog-field textarea{min-height:44px;border:1px solid color-mix(in srgb,var(--op-sky) 34%,transparent);border-radius:6px;padding:.48rem .62rem;background:var(--op-white);color:var(--op-ink)}optcg-deck-builder-page .search-field{grid-column:1}optcg-deck-builder-page .segmented-control{display:flex;gap:.22rem;overflow-x:auto;scrollbar-width:thin}optcg-deck-builder-page .segmented-control button{flex:0 0 auto;min-height:44px;border-color:color-mix(in srgb,var(--op-foam) 22%,transparent);padding-inline:.52rem;background:color-mix(in srgb,var(--op-white) 10%,transparent);color:var(--op-white);text-transform:capitalize}optcg-deck-builder-page .segmented-control button.is-selected{border-color:var(--op-sky);background:var(--op-ocean);box-shadow:inset 0 -3px 0 var(--op-sky)}optcg-deck-builder-page .color-control{grid-column:1/-1}optcg-deck-builder-page .color-control button[data-color=red]{border-bottom-color:var(--op-red-card)}optcg-deck-builder-page .color-control button[data-color=green]{border-bottom-color:var(--op-green-card)}optcg-deck-builder-page .color-control button[data-color=blue]{border-bottom-color:var(--op-blue-card)}optcg-deck-builder-page .color-control button[data-color=purple],optcg-deck-builder-page .color-control button[data-color=multicolor]{border-bottom-color:var(--op-purple-card)}optcg-deck-builder-page .color-control button[data-color=black]{border-bottom-color:var(--op-black-card)}optcg-deck-builder-page .color-control button[data-color=yellow]{border-bottom-color:var(--op-yellow-card)}optcg-deck-builder-page .filter-grid{display:grid;grid-column:1/-1;grid-template-columns:repeat(7,minmax(90px,1fr));gap:.28rem;padding-bottom:.12rem}optcg-deck-builder-page .filter-grid label{min-width:0}@media(min-width:961px),(min-width:821px)and (min-height:501px){optcg-deck-builder-page .search-controls{grid-template-columns:minmax(220px,1fr) minmax(150px,auto) minmax(340px,1.45fr);grid-template-areas:"search view sort" "types colors advanced"}optcg-deck-builder-page .search-field{grid-area:search}optcg-deck-builder-page .builder-view-control{grid-area:view}optcg-deck-builder-page .builder-sort-controls{grid-area:sort;grid-template-columns:repeat(2,minmax(90px,1fr))}optcg-deck-builder-page .builder-type-control{grid-area:types}optcg-deck-builder-page .color-control{grid-area:colors}optcg-deck-builder-page .builder-advanced-filters{grid-area:advanced;min-width:0;overflow-x:auto;scrollbar-width:thin}}optcg-deck-builder-page .builder-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(146px,1fr));align-content:start;gap:.55rem;min-height:0;overflow:auto;padding:.12rem .18rem .45rem 0;scrollbar-color:var(--op-sky) color-mix(in srgb,var(--op-white) 10%,transparent)}optcg-deck-builder-page .result-count,optcg-deck-builder-page .load-more{grid-column:1/-1}optcg-deck-builder-page .result-count{margin:0;color:color-mix(in srgb,var(--op-foam) 70%,transparent);font-size:.72rem;font-weight:850}optcg-deck-builder-page .builder-card{position:relative;display:grid;grid-template-rows:auto minmax(48px,auto) auto;gap:.35rem;min-width:0;border:1px solid color-mix(in srgb,var(--op-foam) 16%,transparent);border-bottom:3px solid color-mix(in srgb,var(--op-sky) 48%,transparent);border-radius:7px;padding:.38rem;background:linear-gradient(160deg,var(--op-cobalt),var(--op-navy));color:var(--op-white);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}optcg-deck-builder-page .builder-card:hover{z-index:1;border-color:color-mix(in srgb,var(--op-sky) 70%,transparent);box-shadow:0 12px 24px color-mix(in srgb,var(--op-abyss) 28%,transparent);transform:translateY(-2px)}optcg-deck-builder-page .builder-card__image{min-height:44px;border:0;border-radius:5px;padding:0;overflow:hidden;background:var(--op-abyss)}optcg-deck-builder-page .builder-card__image img{display:block;width:100%;aspect-ratio:.715;object-fit:cover}optcg-deck-builder-page .builder-card__meta{display:grid;align-content:start;min-width:0}optcg-deck-builder-page .builder-card__meta span,optcg-deck-builder-page .builder-card__meta em{overflow:hidden;color:color-mix(in srgb,var(--op-foam) 68%,transparent);font-size:.64rem;font-style:normal;text-overflow:ellipsis;white-space:nowrap}optcg-deck-builder-page .builder-card__meta i{color:var(--op-sky);font-style:normal;font-weight:900}optcg-deck-builder-page .builder-card__meta strong{overflow:hidden;font-size:.8rem;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}optcg-deck-builder-page .builder-printing-picker{display:grid;gap:.18rem;min-width:0;color:color-mix(in srgb,var(--op-foam) 72%,transparent);font-size:.58rem;font-weight:850;text-transform:uppercase}optcg-deck-builder-page .builder-printing-picker select{width:100%;min-height:36px;border:1px solid color-mix(in srgb,var(--op-sky) 36%,transparent);border-radius:5px;padding:.3rem;background:var(--op-navy);color:var(--op-white)}optcg-deck-builder-page .builder-printing-picker--detail{margin:.65rem 0;color:color-mix(in srgb,var(--op-ink) 72%,transparent)}optcg-deck-builder-page .builder-printing-picker--detail select{min-height:44px;background:var(--op-white);color:var(--op-ink)}optcg-deck-builder-page .builder-card footer{display:grid;grid-template-columns:minmax(44px,1fr) auto minmax(44px,1fr);gap:.2rem;align-items:center}optcg-deck-builder-page .builder-card footer button{min-width:44px;padding:.3rem;background:color-mix(in srgb,var(--op-foam) 12%,transparent);color:var(--op-white)}optcg-deck-builder-page .builder-card footer button:last-child:not(.builder-card__leader-action),optcg-deck-builder-page .builder-card footer button.is-selected:not(.builder-card__leader-action){border-color:var(--op-ocean);background:var(--op-sky);color:var(--op-abyss)}optcg-deck-builder-page .builder-card footer button.is-selected{grid-column:1/-1}optcg-deck-builder-page .builder-card footer>span{min-width:1.8rem;color:var(--op-white);font-size:.82rem;font-weight:950;text-align:center}optcg-deck-builder-page .load-more{border-color:var(--op-ocean);background:var(--op-sky)}optcg-deck-builder-page .deck-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:.55rem;padding:.62rem;background:linear-gradient(150deg,color-mix(in srgb,var(--op-sky) 20%,transparent),transparent 42%),var(--op-abyss);color:var(--op-white)}optcg-deck-builder-page .deck-leader{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:.55rem;align-items:center;min-width:0;border-bottom:1px solid color-mix(in srgb,var(--op-sky) 25%,transparent);padding-bottom:.55rem}optcg-deck-builder-page .deck-leader>button{min-height:44px;border:1px solid color-mix(in srgb,var(--op-sky) 48%,transparent);border-radius:5px;padding:0;overflow:hidden;background:var(--op-navy)}optcg-deck-builder-page .deck-leader img{display:block;width:64px;aspect-ratio:.715;object-fit:cover}optcg-deck-builder-page .deck-leader__empty{display:grid;width:64px;aspect-ratio:.715;place-items:center;border:1px dashed color-mix(in srgb,var(--op-sky) 48%,transparent);border-radius:5px;color:color-mix(in srgb,var(--op-foam) 60%,transparent);text-align:center}optcg-deck-builder-page .deck-leader__empty strong{font-size:.62rem}optcg-deck-builder-page .deck-leader__empty span{font-size:.58rem;text-transform:uppercase}optcg-deck-builder-page .deck-leader>div:nth-child(2){min-width:0}optcg-deck-builder-page .deck-leader h2{overflow:hidden;font-size:1rem;text-overflow:ellipsis;white-space:nowrap}optcg-deck-builder-page .deck-leader>div>strong,optcg-deck-builder-page .deck-leader>div>span{display:block;overflow:hidden;color:color-mix(in srgb,var(--op-foam) 68%,transparent);font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}optcg-deck-builder-page .deck-leader>b{display:grid;width:52px;height:52px;place-items:center;border:2px solid var(--op-sky);border-radius:50%;color:var(--op-sky);font-size:1rem}optcg-deck-builder-page .deck-leader>b small{font-size:.6rem}optcg-deck-builder-page .deck-summary{min-height:0}optcg-deck-builder-page .deck-summary ol{display:grid;align-content:start;gap:.25rem;height:100%;min-height:0;margin:0;overflow:auto;padding:0 .12rem 0 0;list-style:none}optcg-deck-builder-page .deck-summary li{display:grid;grid-template-columns:44px auto minmax(0,1fr) 44px auto 44px;gap:.28rem;align-items:center;min-width:0;border:1px solid color-mix(in srgb,var(--op-foam) 14%,transparent);border-radius:5px;padding:.24rem;background:color-mix(in srgb,var(--op-white) 7%,transparent)}optcg-deck-builder-page .deck-entry__image{min-height:0!important;border:0!important;padding:0!important;overflow:hidden;background:transparent!important}optcg-deck-builder-page .deck-entry__image img{display:block;width:44px;aspect-ratio:.715;object-fit:cover}optcg-deck-builder-page .deck-summary li>span{color:color-mix(in srgb,var(--op-foam) 64%,transparent);font-size:.62rem}optcg-deck-builder-page .deck-summary li>strong{overflow:hidden;font-size:.74rem;text-overflow:ellipsis;white-space:nowrap}optcg-deck-builder-page .deck-summary li>em{color:var(--op-sky);font-size:.72rem;font-style:normal;font-weight:950}optcg-deck-builder-page .deck-summary li>button{min-width:44px;min-height:44px;padding:0;background:color-mix(in srgb,var(--op-foam) 10%,transparent);color:var(--op-white)}optcg-deck-builder-page .deck-summary__empty{display:grid!important;grid-template-columns:1fr!important;place-items:center;min-height:140px;color:color-mix(in srgb,var(--op-foam) 64%,transparent);text-align:center}optcg-deck-builder-page .validation-panel{display:grid;gap:.28rem;max-height:28dvh;overflow:auto;border-top:1px solid color-mix(in srgb,var(--op-sky) 25%,transparent);padding-top:.5rem}optcg-deck-builder-page .validation-panel header{display:flex;justify-content:space-between;color:var(--op-sky);font-size:.72rem;text-transform:uppercase}optcg-deck-builder-page .validation-panel p{margin:0;border-left:3px solid var(--op-danger);padding:.34rem .42rem;background:color-mix(in srgb,var(--op-danger) 22%,transparent);font-size:.7rem}optcg-deck-builder-page .validation-panel p strong{display:block;color:var(--op-white)}optcg-deck-builder-page .validation-panel p[data-severity=ok]{border-color:var(--op-ocean);background:color-mix(in srgb,var(--op-ocean) 25%,transparent)}optcg-deck-builder-page .validation-panel p[data-severity=ok] strong{color:var(--op-foam)}optcg-deck-builder-page .validation-panel small{color:color-mix(in srgb,var(--op-foam) 72%,transparent)}optcg-deck-builder-page .builder-overlay,optcg-deck-builder-page .builder-card-detail-backdrop{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:1rem;background:color-mix(in srgb,var(--op-abyss) 78%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}optcg-deck-builder-page .builder-overlay--confirm{z-index:50}optcg-deck-builder-page .builder-card-detail-backdrop{z-index:45}optcg-deck-builder-page .game-dialog,optcg-deck-builder-page .builder-card-detail{width:min(900px,100%);max-height:min(780px,100dvh - 2rem);min-height:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--op-sky) 72%,transparent);border-top:5px solid var(--op-ocean);border-radius:8px;padding:.85rem;background:linear-gradient(145deg,color-mix(in srgb,var(--op-sky) 24%,transparent),transparent 42%),var(--op-abyss);color:var(--op-white);box-shadow:0 28px 80px color-mix(in srgb,var(--op-abyss) 56%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--op-white) 5%,transparent)}optcg-deck-builder-page .game-dialog{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:.75rem}optcg-deck-builder-page .game-dialog>header{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid color-mix(in srgb,var(--op-sky) 25%,transparent);padding-bottom:.65rem}optcg-deck-builder-page .game-dialog h2,optcg-deck-builder-page .game-dialog p{margin:0}optcg-deck-builder-page .game-dialog h2{color:var(--op-white);font-size:1.2rem}optcg-deck-builder-page .game-dialog h2,optcg-deck-builder-page .builder-card-detail h2{font-family:var(--op-font-display)}optcg-deck-builder-page .game-dialog header>button{width:44px;min-width:44px;height:44px;flex:0 0 44px;padding:0;border-radius:50%;background:var(--op-navy);color:var(--op-white);font-size:1.5rem}optcg-deck-builder-page .game-dialog footer{display:flex;justify-content:flex-end;gap:.4rem}optcg-deck-builder-page .tool-dialog{width:min(640px,100%)}optcg-deck-builder-page .confirm-dialog{width:min(460px,100%);grid-template-rows:auto auto auto}optcg-deck-builder-page .dialog-field--text textarea{width:100%;min-height:min(44dvh,360px);resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem;line-height:1.45}optcg-deck-builder-page .saved-deck-list{display:grid;align-content:start;gap:.4rem;min-height:0;overflow:auto}optcg-deck-builder-page .saved-deck-list>button{display:flex;justify-content:space-between;align-items:center;gap:1rem;text-align:left}optcg-deck-builder-page .saved-deck-list>button span{display:grid}optcg-deck-builder-page .saved-deck-list small{color:color-mix(in srgb,var(--op-ink) 64%,transparent)}optcg-deck-builder-page .saved-deck-list b{color:var(--op-ocean)}optcg-deck-builder-page .dialog-empty{padding:2rem;color:color-mix(in srgb,var(--op-foam) 68%,transparent);text-align:center}optcg-deck-builder-page .dialog-error{margin:0;overflow:auto;border-left:3px solid var(--op-danger);padding:.5rem;background:color-mix(in srgb,var(--op-danger) 24%,transparent);color:var(--op-white);font:.72rem/1.4 ui-monospace,monospace;white-space:pre-wrap}optcg-deck-builder-page .builder-card-detail{display:grid;grid-template-columns:minmax(120px,.44fr) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:.75rem;overflow:auto}optcg-deck-builder-page .builder-card-detail>button{grid-column:1/-1;justify-self:end}optcg-deck-builder-page .builder-card-detail>img{width:100%;max-height:64dvh;border-radius:5px;object-fit:contain}optcg-deck-builder-page .builder-card-detail>div{display:grid;align-content:start;gap:.6rem;min-width:0}optcg-deck-builder-page .builder-card-detail h2,optcg-deck-builder-page .builder-card-detail p{margin:0}optcg-deck-builder-page .card-rules-text{border-left:3px solid var(--op-ocean);padding:.55rem;background:color-mix(in srgb,var(--op-abyss) 24%,transparent)}@media(max-width:1120px){optcg-deck-builder-page .builder-header{align-items:flex-start}optcg-deck-builder-page .builder-toolbar{max-width:620px}optcg-deck-builder-page .builder-workspace{grid-template-columns:minmax(0,1fr) minmax(280px,.4fr)}optcg-deck-builder-page .builder-card-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr))}}@media(max-width:820px),(orientation:landscape)and (min-width:821px)and (max-width:960px)and (max-height:500px){optcg-deck-builder-page .builder-header{position:relative;z-index:20;display:grid;grid-template-columns:minmax(0,1fr) 44px;min-height:56px;gap:.4rem;padding:.35rem .45rem}optcg-deck-builder-page .builder-header__identity{min-width:0}optcg-deck-builder-page .builder-header__mark,optcg-deck-builder-page .builder-header .eyebrow{display:none}optcg-deck-builder-page .builder-header h1{max-width:230px;font-size:1rem}optcg-deck-builder-page .builder-header__identity>div>p:last-child{margin-top:.08rem;font-size:.62rem;white-space:nowrap}optcg-deck-builder-page .builder-mobile-tabs{position:relative;z-index:19;display:grid;grid-template-columns:1fr 1fr;gap:.3rem;border:1px solid color-mix(in srgb,var(--op-sky) 50%,transparent);border-radius:7px;padding:.3rem;background:var(--op-abyss)}optcg-deck-builder-page .builder-mobile-tabs button{min-height:44px;border:1px solid color-mix(in srgb,var(--op-foam) 22%,transparent);border-radius:5px;background:transparent;color:var(--op-white);font-weight:900}optcg-deck-builder-page .builder-mobile-tabs button.is-selected{border-color:var(--op-sky);background:var(--op-ocean)}optcg-deck-builder-page .builder-workspace{display:block}optcg-deck-builder-page .builder-workspace[data-mobile-panel=cards] .deck-panel,optcg-deck-builder-page .builder-workspace[data-mobile-panel=deck] .card-search{display:none}optcg-deck-builder-page .card-search,optcg-deck-builder-page .deck-panel{height:100%}optcg-deck-builder-page .search-controls{display:block}optcg-deck-builder-page .builder-search-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.4rem;align-items:end}optcg-deck-builder-page .builder-filter-toggle{display:inline-flex;align-items:center;justify-content:center;gap:.32rem;min-height:44px;border:1px solid color-mix(in srgb,var(--op-sky) 58%,transparent);border-radius:6px;padding:.38rem .58rem;background:linear-gradient(145deg,var(--op-cobalt),var(--op-navy));color:var(--op-white);font-weight:950}optcg-deck-builder-page .builder-filter-toggle__compass{width:1.35rem;aspect-ratio:1;background:url(/assets/official/ui/compass-mark.webp) center/contain no-repeat;filter:brightness(0) invert(1)}optcg-deck-builder-page .builder-filter-toggle b{display:grid;min-width:1.35rem;height:1.35rem;place-items:center;border-radius:50%;background:var(--op-gold);color:var(--op-navy);font-size:.7rem}optcg-deck-builder-page .builder-filter-panel{position:fixed;inset:auto 0 0;z-index:51;display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;gap:.65rem;width:100%;max-height:82dvh;overflow:auto;border:1px solid color-mix(in srgb,var(--op-sky) 68%,transparent);border-top:5px solid var(--op-ocean);border-radius:12px 12px 0 0;padding:.8rem max(.8rem,env(safe-area-inset-right)) max(.8rem,env(safe-area-inset-bottom)) max(.8rem,env(safe-area-inset-left));background:linear-gradient(150deg,color-mix(in srgb,var(--op-sky) 20%,transparent),transparent 44%),var(--op-abyss);box-shadow:0 -24px 70px color-mix(in srgb,var(--op-abyss) 74%,transparent);opacity:0;transform:translateY(104%);transition:opacity .18s ease,transform .18s ease;pointer-events:none}optcg-deck-builder-page .builder-filter-panel.is-open{opacity:1;transform:translateY(0);pointer-events:auto}optcg-deck-builder-page .builder-filter-panel__header{display:flex;align-items:center;justify-content:space-between;gap:1rem}optcg-deck-builder-page .builder-filter-panel__header h2{margin:.08rem 0 0;color:var(--op-white);font:1.1rem/1.1 var(--op-font-display)}optcg-deck-builder-page .builder-filter-panel__header button,optcg-deck-builder-page .builder-filter-panel__footer button{min-height:44px;border:1px solid color-mix(in srgb,var(--op-sky) 52%,transparent);border-radius:6px;padding:.4rem .7rem;background:color-mix(in srgb,var(--op-white) 10%,transparent);color:var(--op-white);font-weight:900}optcg-deck-builder-page .builder-filter-panel .segmented-control{flex-wrap:wrap;overflow:visible}optcg-deck-builder-page .builder-filter-panel .filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}optcg-deck-builder-page .builder-filter-panel__footer{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.45rem}optcg-deck-builder-page .builder-filter-panel__footer .builder-filter-panel__done{border-color:var(--op-ocean);background:linear-gradient(145deg,var(--op-sky),var(--op-ocean));color:var(--op-navy)}optcg-deck-builder-page .builder-filter-scrim{position:fixed;inset:0;z-index:50;display:block;border:0;padding:0;background:color-mix(in srgb,var(--op-abyss) 72%,transparent);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}optcg-deck-builder-page .builder-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));overscroll-behavior:contain}optcg-deck-builder-page .deck-summary ol,optcg-deck-builder-page .validation-panel{max-height:none;overscroll-behavior:contain}optcg-deck-builder-page .builder-card-detail-backdrop{align-items:end;padding:0}optcg-deck-builder-page .builder-card-detail{width:100%;max-height:88dvh;border-radius:8px 8px 0 0;padding-bottom:max(.85rem,env(safe-area-inset-bottom))}optcg-deck-builder-page .game-dialog{max-height:calc(100dvh - 1rem)}}@media(orientation:landscape)and (min-width:601px)and (max-width:960px)and (max-height:500px){optcg-deck-builder-page .builder-shell{grid-template-rows:52px minmax(0,1fr)}optcg-deck-builder-page .builder-header,optcg-deck-builder-page .builder-mobile-tabs{grid-row:1}optcg-deck-builder-page .builder-header{grid-template-columns:150px minmax(0,1fr) 44px;padding-right:.35rem}optcg-deck-builder-page .builder-header__identity{width:145px}optcg-deck-builder-page .builder-header h1{max-width:145px;font-size:.82rem}optcg-deck-builder-page .builder-header__identity>div>p:last-child{font-size:.54rem}optcg-deck-builder-page .builder-mobile-tabs{z-index:21;width:min(260px,42vw);align-self:center;justify-self:center;padding:.2rem}optcg-deck-builder-page .builder-mobile-tabs button{min-height:44px;font-size:.7rem}optcg-deck-builder-page .builder-workspace{display:block;grid-row:2}optcg-deck-builder-page .builder-workspace[data-mobile-panel=cards] .deck-panel,optcg-deck-builder-page .builder-workspace[data-mobile-panel=deck] .card-search{display:none}optcg-deck-builder-page .card-search,optcg-deck-builder-page .deck-panel{height:100%}}@media(max-width:390px){optcg-deck-builder-page .builder-card{padding:.28rem}optcg-deck-builder-page .builder-card__meta strong{font-size:.72rem}optcg-deck-builder-page .deck-leader{grid-template-columns:56px minmax(0,1fr) auto}optcg-deck-builder-page .deck-leader img,optcg-deck-builder-page .deck-leader__empty{width:56px}optcg-deck-builder-page .builder-card-detail{grid-template-columns:110px minmax(0,1fr)}}@media(orientation:landscape)and (min-width:601px)and (max-width:960px)and (max-height:500px){optcg-deck-builder-page .builder-shell{gap:.4rem}optcg-deck-builder-page .builder-header{display:grid;grid-template-columns:212px minmax(0,1fr);gap:.4rem;padding:.28rem .42rem}optcg-deck-builder-page .builder-header__mark{height:38px;flex-basis:38px}optcg-deck-builder-page .builder-header h1{max-width:none;overflow:visible;font-size:.96rem}optcg-deck-builder-page .builder-header__identity>div>p:last-child,optcg-deck-builder-page .builder-header .eyebrow{font-size:.6rem;line-height:1.15}optcg-deck-builder-page .builder-workspace{grid-template-columns:minmax(0,1fr) minmax(252px,.43fr);gap:.4rem}optcg-deck-builder-page .card-search{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:.4rem;padding:.42rem}optcg-deck-builder-page .search-controls{display:block;min-width:0;min-height:0;overflow:visible}optcg-deck-builder-page .builder-search-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.35rem;align-items:end}optcg-deck-builder-page .builder-filter-toggle{display:inline-flex;align-items:center;justify-content:center;gap:.3rem;min-height:44px;border:1px solid color-mix(in srgb,var(--op-sky) 58%,transparent);border-radius:6px;padding:.35rem .55rem;background:linear-gradient(145deg,var(--op-cobalt),var(--op-navy));color:var(--op-white);font-weight:950}optcg-deck-builder-page .builder-filter-toggle__compass{width:1.3rem;aspect-ratio:1;background:url(/assets/official/ui/compass-mark.webp) center/contain no-repeat;filter:brightness(0) invert(1)}optcg-deck-builder-page .builder-filter-toggle b{display:grid;min-width:1.3rem;height:1.3rem;place-items:center;border-radius:50%;background:var(--op-gold);color:var(--op-navy);font-size:.68rem}optcg-deck-builder-page .search-controls input,optcg-deck-builder-page .search-controls select{width:100%;padding:.4rem .5rem;font-size:.68rem}optcg-deck-builder-page .builder-filter-panel{position:fixed;inset:max(8px,env(safe-area-inset-top)) auto max(8px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));z-index:51;display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;gap:.5rem;width:min(430px,100vw - max(24px,env(safe-area-inset-left)) - 62px);max-height:none;overflow:auto;border:1px solid color-mix(in srgb,var(--op-sky) 68%,transparent);border-top:5px solid var(--op-ocean);border-radius:10px;padding:.65rem;background:linear-gradient(150deg,color-mix(in srgb,var(--op-sky) 20%,transparent),transparent 44%),var(--op-abyss);box-shadow:18px 0 70px color-mix(in srgb,var(--op-abyss) 74%,transparent);opacity:0;transform:translate(-108%);transition:opacity .18s ease,transform .18s ease;pointer-events:none}optcg-deck-builder-page .builder-filter-panel.is-open{opacity:1;transform:translate(0);pointer-events:auto}optcg-deck-builder-page .builder-filter-panel__header{display:flex;align-items:center;justify-content:space-between;gap:1rem}optcg-deck-builder-page .builder-filter-panel__header h2{margin:.08rem 0 0;color:var(--op-white);font:1rem/1.1 var(--op-font-display)}optcg-deck-builder-page .builder-filter-panel__header button,optcg-deck-builder-page .builder-filter-panel__footer button{min-height:44px;border:1px solid color-mix(in srgb,var(--op-sky) 52%,transparent);border-radius:6px;padding:.35rem .65rem;background:color-mix(in srgb,var(--op-white) 10%,transparent);color:var(--op-white);font-weight:900}optcg-deck-builder-page .builder-filter-panel .segmented-control{display:flex;flex-wrap:wrap;overflow:visible}optcg-deck-builder-page .builder-filter-panel .segmented-control button{padding-inline:.46rem;font-size:.67rem}optcg-deck-builder-page .builder-filter-panel .filter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.34rem;overflow:visible}optcg-deck-builder-page .builder-filter-panel__footer{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.4rem}optcg-deck-builder-page .builder-filter-panel__footer .builder-filter-panel__done{border-color:var(--op-ocean);background:linear-gradient(145deg,var(--op-sky),var(--op-ocean));color:var(--op-navy)}optcg-deck-builder-page .builder-filter-scrim{position:fixed;inset:0;z-index:50;display:block;border:0;padding:0;background:color-mix(in srgb,var(--op-abyss) 72%,transparent);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}optcg-deck-builder-page .builder-card-grid{grid-template-columns:1fr;gap:.38rem;padding-right:.15rem}optcg-deck-builder-page .builder-card{grid-template-columns:72px minmax(0,1fr) 116px;grid-template-rows:minmax(100px,auto);align-items:center;gap:.45rem;padding:.32rem}optcg-deck-builder-page .builder-card__image{width:72px}optcg-deck-builder-page .builder-card__meta{align-content:center}optcg-deck-builder-page .builder-card__meta strong{white-space:normal}optcg-deck-builder-page .builder-card footer{grid-template-columns:44px minmax(20px,1fr) 44px;width:116px}optcg-deck-builder-page .builder-card footer button:only-child{grid-column:1/-1}optcg-deck-builder-page .deck-panel{gap:.35rem;padding:.42rem}optcg-deck-builder-page .deck-leader{grid-template-columns:54px minmax(0,1fr) 44px;gap:.4rem;padding-bottom:.32rem}optcg-deck-builder-page .deck-leader img,optcg-deck-builder-page .deck-leader__empty{width:54px}optcg-deck-builder-page .deck-leader>b{width:44px;height:44px;font-size:.82rem}optcg-deck-builder-page .deck-leader h2{font-size:.84rem}optcg-deck-builder-page .deck-leader>div>strong,optcg-deck-builder-page .deck-leader>div>span{font-size:.61rem}optcg-deck-builder-page .deck-summary__empty{min-height:44px}optcg-deck-builder-page .validation-panel{max-height:72px;padding-top:.32rem}optcg-deck-builder-page .validation-panel header,optcg-deck-builder-page .validation-panel p,optcg-deck-builder-page .validation-panel small{font-size:.61rem}optcg-deck-builder-page .builder-overlay,optcg-deck-builder-page .builder-card-detail-backdrop{padding:.4rem}optcg-deck-builder-page .game-dialog,optcg-deck-builder-page .builder-card-detail{max-height:calc(100dvh - .8rem);padding:.65rem}optcg-deck-builder-page .builder-card-detail{grid-template-columns:150px minmax(0,1fr)}optcg-deck-builder-page .builder-card-detail>button{min-height:44px;padding:.42rem .7rem}optcg-deck-builder-page .builder-card-detail>img{max-height:calc(100dvh - 5rem)}optcg-deck-builder-page .builder-card-detail>div{min-height:0;overflow:auto}}@media(orientation:landscape)and (min-width:601px)and (max-width:960px)and (max-height:500px){optcg-deck-builder-page .builder-shell{grid-template-rows:52px minmax(0,1fr)}optcg-deck-builder-page .builder-header,optcg-deck-builder-page .builder-mobile-tabs{grid-row:1}optcg-deck-builder-page .builder-header{grid-template-columns:150px minmax(0,1fr) 44px;padding-right:.35rem}optcg-deck-builder-page .builder-header__identity{width:145px}optcg-deck-builder-page .builder-header__mark,optcg-deck-builder-page .builder-header .eyebrow{display:none}optcg-deck-builder-page .builder-header h1{max-width:145px;overflow:hidden;font-size:.82rem;text-overflow:ellipsis;white-space:nowrap}optcg-deck-builder-page .builder-header__identity>div>p:last-child{font-size:.54rem}optcg-deck-builder-page .builder-actions-toggle{grid-column:3}optcg-deck-builder-page .builder-mobile-tabs{z-index:21;width:min(260px,42vw);align-self:center;justify-self:center;padding:.2rem}optcg-deck-builder-page .builder-mobile-tabs button{min-height:44px;font-size:.7rem}optcg-deck-builder-page .builder-workspace{display:block;grid-row:2}optcg-deck-builder-page .builder-workspace[data-mobile-panel=cards] .deck-panel,optcg-deck-builder-page .builder-workspace[data-mobile-panel=deck] .card-search{display:none}optcg-deck-builder-page .card-search,optcg-deck-builder-page .deck-panel{height:100%}}@media(orientation:landscape)and (min-width:601px)and (max-width:860px)and (max-height:500px){optcg-deck-builder-page{height:100%}}@media(max-width:820px),(orientation:landscape)and (min-width:821px)and (max-width:960px)and (max-height:500px){optcg-deck-builder-page .search-field input{font-size:16px}optcg-deck-builder-page .builder-toolbar button,optcg-deck-builder-page .builder-toolbar a{min-height:45px}}optcg-card-browser-page{display:block;height:100%;min-width:0;min-height:0;font-family:var(--op-font-interface)}optcg-card-browser-page .catalog-shell{display:grid;grid-template-rows:auto minmax(0,1fr);gap:.75rem;height:100%;min-height:0;overflow:hidden}optcg-card-browser-page .catalog-header,optcg-card-browser-page .catalog-filters,optcg-card-browser-page .catalog-results,optcg-card-browser-page .card-detail,optcg-card-browser-page .loading-panel{border:1px solid color-mix(in srgb,var(--op-cobalt) 18%,transparent);border-radius:var(--op-radius-lg);background:color-mix(in srgb,var(--op-white) 94%,var(--op-foam));box-shadow:0 16px 38px color-mix(in srgb,var(--op-navy) 12%,transparent)}optcg-card-browser-page .catalog-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1rem;background:radial-gradient(circle at 18% 0,color-mix(in srgb,var(--op-sky) 20%,transparent),transparent 42%),linear-gradient(110deg,var(--op-ocean),var(--op-cobalt) 58%,var(--op-navy));color:var(--op-white)}optcg-card-browser-page .catalog-header__identity{display:flex;align-items:center;gap:.75rem;min-width:0}optcg-card-browser-page .route-compass{display:grid;flex:0 0 50px;width:50px;aspect-ratio:1;place-items:center;border:3px solid var(--op-gold);border-radius:50%;background:var(--op-navy);box-shadow:0 6px 16px color-mix(in srgb,var(--op-navy) 14%,transparent),inset 0 0 0 3px color-mix(in srgb,var(--op-white) 14%,transparent);color:var(--op-white)}optcg-card-browser-page .route-compass optcg-navigation-icon{width:68%;height:68%}optcg-card-browser-page .catalog-header h1,optcg-card-browser-page .catalog-header p,optcg-card-browser-page .card-detail h2,optcg-card-browser-page .card-detail p{margin:0}optcg-card-browser-page .catalog-header h1{color:var(--op-white);font-family:var(--op-font-display);font-size:clamp(1.45rem,2.4vw,2.15rem);line-height:1}optcg-card-browser-page .catalog-header p:not(.eyebrow){color:color-mix(in srgb,var(--op-white) 78%,var(--op-sky));font-weight:800}optcg-card-browser-page .catalog-header nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.45rem}optcg-card-browser-page .catalog-header a,optcg-card-browser-page .segmented-control button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid color-mix(in srgb,var(--op-ocean) 22%,transparent);border-radius:var(--op-radius-md);padding:.55rem .72rem;background:color-mix(in srgb,var(--op-white) 72%,var(--op-foam));color:var(--op-ink);font-weight:850;text-decoration:none}optcg-card-browser-page .catalog-header a{border-color:color-mix(in srgb,var(--op-white) 30%,transparent);background:color-mix(in srgb,var(--op-white) 92%,var(--op-foam))}optcg-card-browser-page .catalog-header .catalog-command--primary{border-color:color-mix(in srgb,var(--op-gold) 76%,var(--op-white));background:color-mix(in srgb,var(--op-navy) 90%,var(--op-cobalt));color:var(--op-white)}optcg-card-browser-page .catalog-command--primary:before{width:21px;aspect-ratio:1;margin-right:.42rem;background:url(/assets/official/ui/compass-mark.webp) center/contain no-repeat;content:"";filter:brightness(0) invert(1)}optcg-card-browser-page .catalog-header a:hover,optcg-card-browser-page .segmented-control button:hover,optcg-card-browser-page .segmented-control button.is-selected{border-color:color-mix(in srgb,var(--op-ocean) 52%,transparent);background:color-mix(in srgb,var(--op-sky) 16%,transparent)}optcg-card-browser-page .catalog-header .catalog-command--primary:hover{border-color:var(--op-gold);background:linear-gradient(145deg,var(--op-ocean),var(--op-cobalt))}optcg-card-browser-page .eyebrow{color:var(--op-cobalt);font-size:.74rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}optcg-card-browser-page .catalog-workspace{position:relative;display:grid;grid-template-columns:minmax(190px,.36fr) minmax(0,1fr) minmax(260px,.44fr);gap:.75rem;min-width:0;min-height:0;overflow:hidden}optcg-card-browser-page .catalog-vault-bar{display:none}optcg-card-browser-page .catalog-filters{display:grid;align-content:start;gap:.8rem;min-width:0;overflow:auto;padding:.85rem}optcg-card-browser-page .filter-heading{display:flex;align-items:end;justify-content:space-between;gap:.5rem;border-bottom:1px solid color-mix(in srgb,var(--op-cobalt) 16%,transparent);padding-bottom:.55rem}optcg-card-browser-page .filter-heading p{margin:0}optcg-card-browser-page .filter-heading strong{color:color-mix(in srgb,var(--op-ink) 68%,transparent);font-size:.76rem;text-transform:uppercase}optcg-card-browser-page .filter-heading button{display:none;min-height:44px;border:1px solid color-mix(in srgb,var(--op-ocean) 24%,transparent);border-radius:var(--op-radius-md);padding:.45rem .7rem;background:var(--op-white);color:var(--op-ink);font:inherit;font-weight:900}optcg-card-browser-page .catalog-filters label{display:grid;gap:.35rem;color:color-mix(in srgb,var(--op-ink) 68%,transparent);font-size:.78rem;font-weight:900;text-transform:uppercase}optcg-card-browser-page .catalog-filters input,optcg-card-browser-page .catalog-filters select{width:100%;min-height:46px;border:1px solid color-mix(in srgb,var(--op-cobalt) 20%,transparent);border-radius:var(--op-radius-md);padding:.68rem .75rem;background:var(--op-white);color:var(--op-ink)}optcg-card-browser-page .catalog-sort-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}optcg-card-browser-page .clear-filters{min-height:44px;border:1px solid color-mix(in srgb,var(--op-ocean) 24%,transparent);border-radius:var(--op-radius-md);background:var(--op-white);color:var(--op-navy);font:inherit;font-weight:900}optcg-card-browser-page .clear-filters:disabled{opacity:.45}optcg-card-browser-page .printing-picker{display:grid;gap:.35rem;margin-top:.7rem;color:color-mix(in srgb,var(--op-ink) 72%,transparent);font-size:.72rem;font-weight:900;text-transform:uppercase}optcg-card-browser-page .printing-picker span{display:flex;justify-content:space-between}optcg-card-browser-page .printing-picker select{min-height:44px;border:1px solid color-mix(in srgb,var(--op-cobalt) 24%,transparent);border-radius:var(--op-radius-md);padding:.55rem;background:var(--op-white);color:var(--op-ink)}optcg-card-browser-page .filter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}optcg-card-browser-page .filter-grid label:nth-last-child(-n+2){grid-column:1/-1}optcg-card-browser-page .segmented-control{display:flex;flex-wrap:wrap;gap:.35rem}optcg-card-browser-page .color-control button[data-color=red]{box-shadow:inset 0 -4px 0 var(--op-red-card)}optcg-card-browser-page .color-control button[data-color=green]{box-shadow:inset 0 -4px 0 var(--op-green-card)}optcg-card-browser-page .color-control button[data-color=blue]{box-shadow:inset 0 -4px 0 var(--op-blue-card)}optcg-card-browser-page .color-control button[data-color=purple],optcg-card-browser-page .color-control button[data-color=multicolor]{box-shadow:inset 0 -4px 0 var(--op-purple-card)}optcg-card-browser-page .color-control button[data-color=black]{box-shadow:inset 0 -4px 0 var(--op-black-card)}optcg-card-browser-page .color-control button[data-color=yellow]{box-shadow:inset 0 -4px 0 var(--op-yellow-card)}optcg-card-browser-page .catalog-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(116px,1fr));align-content:start;gap:.75rem;min-width:0;min-height:0;overflow:auto;padding:.85rem;background:radial-gradient(circle at 50% -10%,color-mix(in srgb,var(--op-sky) 18%,transparent),transparent 48%),linear-gradient(145deg,var(--op-navy),color-mix(in srgb,var(--op-cobalt) 72%,var(--op-navy)));overscroll-behavior:contain}optcg-card-browser-page .result-count,optcg-card-browser-page .load-more{grid-column:1/-1}optcg-card-browser-page .result-count{margin:0;color:color-mix(in srgb,var(--op-white) 78%,var(--op-sky));font-size:.82rem;font-weight:900}optcg-card-browser-page .load-more{min-height:44px;border:1px solid color-mix(in srgb,var(--op-sky) 72%,transparent);border-radius:var(--op-radius-md);background:linear-gradient(135deg,var(--op-sky),var(--op-ocean));color:var(--op-abyss);font-weight:950}optcg-card-browser-page .catalog-card{display:grid;gap:.42rem;min-width:0;border:1px solid color-mix(in srgb,var(--op-cobalt) 16%,transparent);border-radius:var(--op-radius-md);padding:.45rem;background:color-mix(in srgb,var(--op-white) 10%,var(--op-navy));color:var(--op-white);text-align:left;transition:border-color var(--op-motion-fast) ease,box-shadow var(--op-motion-fast) ease,transform var(--op-motion-fast) ease}optcg-card-browser-page .catalog-card:hover,optcg-card-browser-page .catalog-card:focus-visible{border-color:var(--op-ocean);box-shadow:0 10px 22px color-mix(in srgb,var(--op-navy) 16%,transparent);transform:translateY(-2px)}optcg-card-browser-page .catalog-card.is-selected{border-color:var(--op-gold);box-shadow:0 0 0 3px color-mix(in srgb,var(--op-gold) 30%,transparent)}optcg-card-browser-page .catalog-card img{width:100%;aspect-ratio:.715;border-radius:var(--op-radius-sm);object-fit:cover;background:var(--op-navy);box-shadow:0 8px 20px color-mix(in srgb,var(--op-navy) 18%,transparent)}optcg-card-browser-page .catalog-card span{display:grid;gap:.08rem;min-width:0;overflow:hidden;font-size:.78rem;line-height:1.15}optcg-card-browser-page .catalog-card strong{color:color-mix(in srgb,var(--op-sky) 72%,var(--op-white));font-size:.74rem}optcg-card-browser-page .card-detail{position:relative;display:grid;grid-template-rows:minmax(220px,.92fr) minmax(0,1fr);gap:.8rem;min-width:0;min-height:0;overflow:hidden;padding:.85rem}optcg-card-browser-page .card-detail__close{display:none;min-height:44px;border:1px solid color-mix(in srgb,var(--op-ocean) 22%,transparent);border-radius:var(--op-radius-md);padding:.55rem .72rem;background:var(--op-white);color:var(--op-ink);font-weight:900}optcg-card-browser-page .card-detail>img{justify-self:center;max-width:min(100%,260px);max-height:100%;min-height:0;border-radius:var(--op-radius-md);object-fit:contain;box-shadow:0 18px 42px color-mix(in srgb,var(--op-navy) 24%,transparent)}optcg-card-browser-page .card-detail>div{display:grid;align-content:start;gap:.62rem;min-height:0;overflow:auto}optcg-card-browser-page .card-detail h2{font-family:var(--op-font-display);font-size:1.45rem;line-height:1.05}optcg-card-browser-page .card-detail dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;margin:0}optcg-card-browser-page .card-detail dl div{border:1px solid color-mix(in srgb,var(--op-cobalt) 14%,transparent);border-radius:var(--op-radius-sm);padding:.42rem;background:color-mix(in srgb,var(--op-white) 70%,var(--op-foam))}optcg-card-browser-page .card-detail dt{color:color-mix(in srgb,var(--op-ink) 72%,transparent);font-size:.68rem;font-weight:900;text-transform:uppercase}optcg-card-browser-page .card-detail dd{margin:0;font-weight:900}optcg-card-browser-page .traits,optcg-card-browser-page .rules-text{border-left:4px solid var(--op-ocean);padding-left:.7rem}optcg-card-browser-page .rules-text{color:color-mix(in srgb,var(--op-ink) 82%,transparent)}optcg-card-browser-page .loading-panel,optcg-card-browser-page .empty-state{display:grid;min-height:180px;place-items:center;color:color-mix(in srgb,var(--op-ink) 70%,transparent);font-weight:850}@media(max-width:700px),(orientation:portrait)and (max-width:820px){optcg-card-browser-page{height:100%;min-height:0}optcg-card-browser-page .catalog-shell{height:100%;min-height:0;overflow:hidden}optcg-card-browser-page .catalog-header{min-height:56px;align-items:center;flex-direction:row;gap:.45rem;padding:.35rem .45rem}optcg-card-browser-page .catalog-header nav{display:grid;flex:0 0 auto;grid-template-columns:repeat(3,44px);gap:.25rem}optcg-card-browser-page .catalog-header a{width:44px;min-height:44px;border-radius:50%;padding:0;font-size:0}optcg-card-browser-page .catalog-header a:before{display:grid;width:26px;height:26px;place-items:center;margin:0;border:1px solid color-mix(in srgb,var(--op-gold) 62%,transparent);border-radius:50%;background:color-mix(in srgb,var(--op-white) 88%,var(--op-foam));color:var(--op-navy);content:attr(data-short-label);font:950 .68rem/1 var(--op-font-interface)}optcg-card-browser-page .catalog-header__identity{gap:.45rem}optcg-card-browser-page .route-compass{width:38px;flex-basis:38px}optcg-card-browser-page .catalog-header h1{font-size:1.05rem;white-space:nowrap}optcg-card-browser-page .catalog-header p:not(.eyebrow){font-size:.65rem}optcg-card-browser-page .catalog-header .catalog-command--primary:before{width:26px;height:26px;margin:0;background:color-mix(in srgb,var(--op-gold) 88%,var(--op-white));color:var(--op-navy);content:attr(data-short-label);filter:none}optcg-card-browser-page .catalog-workspace{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;min-height:0;overflow:hidden}optcg-card-browser-page .catalog-vault-bar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.5rem;min-height:48px;border:1px solid color-mix(in srgb,var(--op-cobalt) 20%,transparent);border-radius:var(--op-radius-lg);padding:.25rem .35rem .25rem .7rem;background:color-mix(in srgb,var(--op-white) 92%,var(--op-foam));box-shadow:0 10px 24px color-mix(in srgb,var(--op-navy) 12%,transparent)}optcg-card-browser-page .catalog-vault-bar span{color:color-mix(in srgb,var(--op-ink) 62%,transparent);font-size:.72rem;font-weight:850}optcg-card-browser-page .catalog-vault-bar button{display:inline-flex;min-height:44px;align-items:center;gap:.35rem;border:1px solid color-mix(in srgb,var(--op-ocean) 30%,transparent);border-radius:var(--op-radius-md);padding:.45rem .65rem;background:var(--op-navy);color:var(--op-white);font:inherit;font-weight:900}optcg-card-browser-page .catalog-vault-bar b{display:grid;min-width:20px;aspect-ratio:1;place-items:center;border-radius:50%;background:var(--op-gold);color:var(--op-navy);font-size:.68rem}optcg-card-browser-page .catalog-filters{position:absolute;inset:0;z-index:30;max-height:none;overflow:auto;overscroll-behavior:contain;opacity:0;pointer-events:none;transform:translateY(1rem) scale(.985);visibility:hidden;transition:opacity var(--op-motion-normal) var(--op-ease-standard),transform var(--op-motion-normal) var(--op-ease-arrival),visibility 0s linear var(--op-motion-normal)}optcg-card-browser-page .catalog-filters--open{opacity:1;pointer-events:auto;transform:translateY(0) scale(1);visibility:visible;transition-delay:0s}optcg-card-browser-page .filter-heading button{display:inline-flex;align-items:center;justify-content:center}optcg-card-browser-page .catalog-results{max-height:none;overflow:auto;grid-template-columns:repeat(2,minmax(0,1fr))}optcg-card-browser-page .card-detail{position:fixed;inset:auto 0 0;z-index:40;grid-template-columns:minmax(108px,.42fr) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);width:100%;max-height:min(82dvh,720px);overflow:auto;border-radius:var(--op-radius-lg) var(--op-radius-lg) 0 0;padding:.75rem;padding-bottom:max(.75rem,env(safe-area-inset-bottom));box-shadow:0 -22px 58px color-mix(in srgb,var(--op-navy) 34%,transparent);opacity:0;pointer-events:none;transform:translateY(105%);visibility:hidden;transition:transform var(--op-motion-fast) ease,opacity var(--op-motion-fast) ease,visibility 0s linear var(--op-motion-fast)}optcg-card-browser-page .card-detail--open{opacity:1;pointer-events:auto;transform:translateY(0);visibility:visible;transition-delay:0s}optcg-card-browser-page .card-detail__close{display:block;grid-column:1/-1;justify-self:end}optcg-card-browser-page .card-detail>img{width:100%;max-height:54dvh}optcg-card-browser-page .card-detail>div{overflow:auto}}@media(orientation:landscape)and (min-width:701px)and (max-width:1100px){optcg-card-browser-page .catalog-workspace{grid-template-columns:minmax(230px,.42fr) minmax(0,1fr) minmax(250px,.44fr)}optcg-card-browser-page .filter-grid{grid-template-columns:1fr}optcg-card-browser-page .filter-grid label:nth-last-child(-n+2){grid-column:auto}}@media(orientation:landscape)and (min-width:701px)and (max-width:960px)and (max-height:500px){optcg-card-browser-page{height:100%;min-height:0}optcg-card-browser-page .catalog-shell{gap:.4rem}optcg-card-browser-page .catalog-header{min-height:54px;gap:.5rem;padding:.3rem .55rem}optcg-card-browser-page .catalog-header__identity{gap:.5rem}optcg-card-browser-page .route-compass{width:38px;flex-basis:38px}optcg-card-browser-page .catalog-header h1{max-width:310px;overflow:hidden;font-size:1.14rem;text-overflow:ellipsis;white-space:nowrap}optcg-card-browser-page .catalog-header p:not(.eyebrow){font-size:.68rem;line-height:1.15}optcg-card-browser-page .catalog-header .eyebrow{font-size:.62rem;line-height:1.1}optcg-card-browser-page .catalog-header nav{flex-wrap:nowrap;gap:.3rem;min-width:0;overflow-x:auto;scrollbar-width:thin}optcg-card-browser-page .catalog-header a{flex:0 0 auto;min-height:44px;padding:.38rem .58rem;font-size:.72rem;white-space:nowrap}optcg-card-browser-page .catalog-command--primary:before{width:18px}optcg-card-browser-page .catalog-workspace{grid-template-columns:178px minmax(0,1fr) 250px;gap:.4rem}optcg-card-browser-page .catalog-filters{gap:.48rem;padding:.5rem;overscroll-behavior:contain;scrollbar-width:thin}optcg-card-browser-page .filter-heading{padding-bottom:.35rem}optcg-card-browser-page .filter-heading strong,optcg-card-browser-page .catalog-filters label{font-size:.64rem}optcg-card-browser-page .catalog-filters label{gap:.2rem}optcg-card-browser-page .catalog-filters input,optcg-card-browser-page .catalog-filters select{min-height:44px;padding:.45rem .55rem;font-size:.72rem}optcg-card-browser-page .filter-grid{grid-template-columns:1fr;gap:.4rem}optcg-card-browser-page .filter-grid label:nth-last-child(-n+2){grid-column:auto}optcg-card-browser-page .segmented-control{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.1rem;scrollbar-width:thin}optcg-card-browser-page .segmented-control button{flex:0 0 auto;min-height:44px;padding:.35rem .52rem;font-size:.68rem}optcg-card-browser-page .catalog-results{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:.4rem;padding:.45rem;overscroll-behavior:contain;scrollbar-width:thin}optcg-card-browser-page .result-count{font-size:.7rem;line-height:1.2}optcg-card-browser-page .catalog-card{gap:.26rem;padding:.3rem}optcg-card-browser-page .catalog-card span,optcg-card-browser-page .catalog-card strong{font-size:.66rem}optcg-card-browser-page .card-detail{grid-template-columns:112px minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:.55rem;padding:.5rem}optcg-card-browser-page .card-detail>img{width:112px;max-height:100%;align-self:center}optcg-card-browser-page .card-detail>div{gap:.35rem;padding-right:.18rem;overscroll-behavior:contain;scrollbar-width:thin}optcg-card-browser-page .card-detail h2{font-size:1.05rem}optcg-card-browser-page .card-detail small,optcg-card-browser-page .card-detail p,optcg-card-browser-page .card-detail dd{font-size:.67rem;line-height:1.3}optcg-card-browser-page .card-detail dl{gap:.25rem}optcg-card-browser-page .card-detail dl div{padding:.3rem}optcg-card-browser-page .card-detail dt{font-size:.57rem}optcg-card-browser-page .traits,optcg-card-browser-page .rules-text{border-left-width:3px;padding-left:.45rem}}@media(orientation:landscape)and (min-width:701px)and (max-width:860px)and (max-height:500px){optcg-card-browser-page{height:100%}}@media(orientation:landscape)and (min-width:601px)and (max-width:700px)and (max-height:500px){optcg-card-browser-page .catalog-shell{gap:.35rem}optcg-card-browser-page .catalog-filters{bottom:3px}optcg-card-browser-page .catalog-header{min-height:52px;align-items:center;flex-direction:row;gap:.35rem;padding:.25rem .4rem}optcg-card-browser-page .catalog-header__identity{gap:.35rem}optcg-card-browser-page .route-compass{width:34px;flex-basis:34px}optcg-card-browser-page .catalog-header h1{font-size:1rem;white-space:nowrap}optcg-card-browser-page .catalog-header p:not(.eyebrow){font-size:.62rem}optcg-card-browser-page .catalog-header nav{flex-wrap:nowrap;gap:.2rem;overflow-x:auto}optcg-card-browser-page .catalog-header a{min-height:44px;padding:.35rem .45rem;font-size:.66rem;white-space:nowrap}optcg-card-browser-page .catalog-command--primary:before{display:none}optcg-card-browser-page .catalog-vault-bar{min-height:44px}optcg-card-browser-page .catalog-results{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:.4rem;padding:.45rem}optcg-card-browser-page .catalog-card{gap:.25rem;padding:.3rem}optcg-card-browser-page .catalog-card span,optcg-card-browser-page .catalog-card strong{font-size:.66rem}}@media(prefers-reduced-motion:reduce){optcg-card-browser-page .card-detail,optcg-card-browser-page .catalog-filters,optcg-card-browser-page .catalog-card{transition:none}optcg-card-browser-page .catalog-card:hover,optcg-card-browser-page .catalog-card:focus-visible{transform:none}}optcg-match-result-overlay{--result-paper: #f7f4ec;--result-white: #ffffff;--result-foam: #eaf6fb;--result-sky: #77c8e8;--result-ocean: #087eaf;--result-cobalt: #17549a;--result-navy: #08243a;--result-abyss: #041522;--result-gold: #e8b84a;--result-ink: #102332;--result-danger: #8b2430;position:fixed;inset:0;z-index:140;display:grid;place-items:center;padding:max(.75rem,env(safe-area-inset-top)) max(.75rem,env(safe-area-inset-right)) max(.75rem,env(safe-area-inset-bottom)) max(.75rem,env(safe-area-inset-left));color:var(--result-paper);font-family:var(--op-font-interface);letter-spacing:0;isolation:isolate}optcg-match-result-overlay .result-backdrop{position:absolute;inset:0;z-index:-2;background:color-mix(in srgb,var(--result-abyss) 94%,transparent);animation:backdrop-in var(--op-motion-emphasis) ease-out both}optcg-match-result-overlay .result-panel{position:relative;display:grid;grid-template-columns:minmax(15rem,.78fr) minmax(24rem,1.35fr);grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"hero score" "actions actions";width:min(66rem,100vw - 1.5rem);max-height:calc(100dvh - 1.5rem);overflow:hidden;border:1px solid var(--result-gold);border-top:5px solid var(--result-gold);border-bottom:5px solid var(--result-ocean);border-radius:8px;background:linear-gradient(color-mix(in srgb,var(--result-navy) 96%,transparent),color-mix(in srgb,var(--result-abyss) 98%,transparent)),repeating-linear-gradient(0deg,transparent 0 22px,color-mix(in srgb,var(--result-sky) 8%,transparent) 22px 23px),repeating-linear-gradient(90deg,transparent 0 34px,color-mix(in srgb,var(--result-gold) 6%,transparent) 34px 35px);box-shadow:0 28px 90px color-mix(in srgb,var(--result-abyss) 72%,transparent),0 0 0 1px color-mix(in srgb,var(--result-white) 10%,transparent) inset;animation:result-panel-in var(--op-motion-cinematic) var(--op-ease-arrival) both}optcg-match-result-overlay .result-panel:before,optcg-match-result-overlay .result-panel:after{position:absolute;z-index:2;width:7.5rem;height:.32rem;background:var(--result-gold);content:"";pointer-events:none}optcg-match-result-overlay .result-panel:before{top:.65rem;left:0}optcg-match-result-overlay .result-panel:after{right:0;bottom:.65rem;background:var(--result-ocean)}optcg-match-result-overlay .result-panel--defeat{border-color:var(--result-danger);border-top-color:var(--result-danger);border-bottom-color:var(--result-danger);background:linear-gradient(color-mix(in srgb,var(--result-navy) 96%,transparent),color-mix(in srgb,var(--result-abyss) 99%,transparent)),repeating-linear-gradient(0deg,transparent 0 22px,color-mix(in srgb,var(--result-danger) 10%,transparent) 22px 23px)}optcg-match-result-overlay .result-panel--defeat:before{background:var(--result-danger)}optcg-match-result-overlay .result-panel--defeat:after{background:var(--result-danger)}optcg-match-result-overlay .result-panel--draw{border-top-color:var(--result-sky);background:linear-gradient(color-mix(in srgb,var(--result-cobalt) 94%,transparent),color-mix(in srgb,var(--result-abyss) 99%,transparent)),repeating-linear-gradient(0deg,transparent 0 22px,color-mix(in srgb,var(--result-sky) 8%,transparent) 22px 23px)}optcg-match-result-overlay .result-panel__chart{position:absolute;inset:0;z-index:0;opacity:.13;background:linear-gradient(22deg,transparent 0 43%,var(--result-sky) 43% 43.3%,transparent 43.3% 100%),linear-gradient(154deg,transparent 0 61%,var(--result-gold) 61% 61.3%,transparent 61.3% 100%);pointer-events:none}optcg-match-result-overlay .result-panel__flare{position:absolute;top:-35%;left:-18%;z-index:0;width:28%;height:170%;transform:skew(-18deg);background:color-mix(in srgb,var(--result-gold) 16%,transparent);pointer-events:none;animation:victory-sweep .9s .18s ease-out both}optcg-match-result-overlay .result-panel--defeat .result-panel__flare{background:color-mix(in srgb,var(--result-danger) 16%,transparent);animation-duration:.64s}optcg-match-result-overlay .result-hero{position:relative;z-index:1;grid-area:hero;display:flex;min-width:0;flex-direction:column;justify-content:center;padding:2.1rem 2rem 1.75rem;border-right:1px solid color-mix(in srgb,var(--result-gold) 25%,transparent);background:color-mix(in srgb,var(--result-cobalt) 55%,transparent)}optcg-match-result-overlay .result-emblem{display:grid;width:5.25rem;aspect-ratio:1;margin-bottom:1rem;place-items:center;border:2px solid var(--result-gold);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--result-white) 14%,transparent),transparent 66%),color-mix(in srgb,var(--result-abyss) 58%,transparent);box-shadow:0 0 0 5px color-mix(in srgb,var(--result-gold) 13%,transparent),0 13px 28px color-mix(in srgb,var(--result-abyss) 50%,transparent);animation:outcome-stamp .56s .22s var(--op-ease-arrival) both}optcg-match-result-overlay .result-emblem__compass{grid-area:1/1;width:72%;aspect-ratio:1;background:url(/assets/official/ui/compass-mark-light.webp) center/contain no-repeat;opacity:.34}optcg-match-result-overlay .result-emblem strong{z-index:1;grid-area:1/1;max-width:4.5rem;color:var(--result-white);font-size:.66rem;font-weight:900;line-height:1.1;text-align:center;text-transform:uppercase}optcg-match-result-overlay .result-panel--defeat .result-emblem{border-color:var(--result-danger);box-shadow:0 0 0 5px color-mix(in srgb,var(--result-danger) 15%,transparent),0 13px 28px color-mix(in srgb,var(--result-abyss) 50%,transparent)}optcg-match-result-overlay .result-panel--draw .result-emblem{border-color:var(--result-sky);box-shadow:0 0 0 5px color-mix(in srgb,var(--result-sky) 15%,transparent),0 13px 28px color-mix(in srgb,var(--result-abyss) 50%,transparent)}optcg-match-result-overlay .result-panel--defeat .result-hero{background:color-mix(in srgb,var(--result-danger) 42%,var(--result-abyss))}optcg-match-result-overlay .result-hero__eyebrow,optcg-match-result-overlay .player>span{margin:0;color:var(--result-gold);font-size:.72rem;font-weight:900;text-transform:uppercase}optcg-match-result-overlay .result-hero__eyebrow{animation:result-copy-enter var(--op-motion-emphasis) .3s var(--op-ease-arrival) both}optcg-match-result-overlay .result-panel--defeat .result-hero__eyebrow{color:var(--result-foam)}optcg-match-result-overlay .result-hero h1{margin:.1rem 0 .7rem;color:var(--result-paper);font-family:var(--op-font-display);font-size:clamp(2.8rem,6vw,5.5rem);line-height:.92;text-shadow:0 4px 0 var(--result-cobalt),0 10px 28px color-mix(in srgb,var(--result-abyss) 62%,transparent);animation:result-title-enter .48s .34s var(--op-ease-arrival) both}optcg-match-result-overlay .result-panel--defeat .result-hero h1{text-shadow:0 4px 0 var(--result-danger),0 10px 28px color-mix(in srgb,var(--result-abyss) 62%,transparent)}optcg-match-result-overlay .result-hero__summary{margin:0;color:color-mix(in srgb,var(--result-foam) 82%,transparent);font-size:.94rem;animation:result-copy-enter var(--op-motion-emphasis) .42s var(--op-ease-arrival) both}optcg-match-result-overlay .result-hero__summary strong{color:var(--result-white)}optcg-match-result-overlay .result-hero__reason{margin:.5rem 0 0;color:var(--result-gold);font-weight:800;animation:result-copy-enter var(--op-motion-emphasis) .47s var(--op-ease-arrival) both}optcg-match-result-overlay .result-panel--defeat .result-hero__reason{color:var(--result-foam)}optcg-match-result-overlay .result-hero__meta{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1.4rem;animation:result-copy-enter var(--op-motion-emphasis) .52s var(--op-ease-arrival) both}optcg-match-result-overlay .result-hero__meta span{display:inline-flex;align-items:baseline;gap:.28rem;min-height:2rem;padding:.35rem .65rem;border:1px solid color-mix(in srgb,var(--result-gold) 32%,transparent);border-radius:4px;background:color-mix(in srgb,var(--result-abyss) 52%,transparent);color:color-mix(in srgb,var(--result-foam) 72%,transparent);font-size:.72rem}optcg-match-result-overlay .result-hero__meta strong{color:var(--result-paper);font-size:.9rem}optcg-match-result-overlay .scoreboard{position:relative;z-index:1;grid-area:score;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;padding:1.25rem 1.45rem 1rem;scrollbar-color:var(--result-gold) var(--result-abyss)}optcg-match-result-overlay .scoreboard__players{display:grid;grid-template-columns:minmax(0,1fr) 3.5rem minmax(0,1fr);align-items:center;gap:.65rem;min-height:5.2rem;margin-bottom:.75rem;animation:scoreboard-enter var(--op-motion-emphasis) .36s var(--op-ease-arrival) both}optcg-match-result-overlay .player{display:flex;min-width:0;flex-direction:column;min-height:4.6rem;justify-content:center;border:1px solid color-mix(in srgb,var(--result-sky) 24%,transparent);border-left:4px solid var(--result-gold);border-radius:4px;padding:.6rem .75rem;background:color-mix(in srgb,var(--result-cobalt) 34%,transparent)}optcg-match-result-overlay .player--loser{align-items:flex-end;border-right:4px solid var(--result-sky);border-left-width:1px;text-align:right}optcg-match-result-overlay .player strong{overflow:hidden;color:var(--result-white);font-size:1.15rem;text-overflow:ellipsis;white-space:nowrap}optcg-match-result-overlay .player small{overflow:hidden;color:color-mix(in srgb,var(--result-foam) 58%,transparent);font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}optcg-match-result-overlay .player--loser>span{color:var(--result-sky)}optcg-match-result-overlay .scoreboard__versus{display:grid;width:3.25rem;aspect-ratio:1;place-items:center;border:1px solid var(--result-gold);border-radius:50%;background:var(--result-cobalt);color:var(--result-white);font-size:.66rem;font-weight:900;text-transform:uppercase;box-shadow:0 0 0 4px color-mix(in srgb,var(--result-gold) 18%,transparent)}optcg-match-result-overlay .scoreboard__table{border-block:1px solid color-mix(in srgb,var(--result-sky) 26%,transparent);animation:scoreboard-enter var(--op-motion-emphasis) .46s var(--op-ease-arrival) both}optcg-match-result-overlay .scoreboard__empty{margin:0;border-block:1px solid color-mix(in srgb,var(--result-sky) 26%,transparent);padding:1rem;color:color-mix(in srgb,var(--result-foam) 66%,transparent);text-align:center}optcg-match-result-overlay .scoreboard__row{display:grid;grid-template-columns:minmax(4rem,1fr) minmax(7rem,1.15fr) minmax(4rem,1fr);align-items:center;min-height:2.35rem;border-bottom:1px solid color-mix(in srgb,var(--result-sky) 12%,transparent);text-align:center}optcg-match-result-overlay .scoreboard__row--stat{transition:background-color var(--op-motion-fast) ease,transform var(--op-motion-fast) var(--op-ease-standard)}optcg-match-result-overlay .scoreboard__row--stat:hover{transform:translate(2px);background:color-mix(in srgb,var(--result-sky) 8%,transparent)}optcg-match-result-overlay .scoreboard__row:last-child{border-bottom:0}optcg-match-result-overlay .scoreboard__row strong{color:var(--result-white);font-size:1.15rem;font-variant-numeric:tabular-nums}optcg-match-result-overlay .scoreboard__row span{color:color-mix(in srgb,var(--result-foam) 66%,transparent);font-size:.74rem;font-weight:700}optcg-match-result-overlay .scoreboard__row--head{min-height:1.8rem;background:color-mix(in srgb,var(--result-abyss) 48%,transparent)}optcg-match-result-overlay .scoreboard__row--head span{overflow:hidden;color:var(--result-gold);font-size:.64rem;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}optcg-match-result-overlay .result-actions{position:relative;z-index:1;grid-area:actions;display:grid;grid-template-columns:minmax(8rem,1fr) minmax(8rem,1fr) minmax(8rem,1fr);gap:.6rem;padding:.75rem;border-top:1px solid color-mix(in srgb,var(--result-sky) 28%,transparent);background:color-mix(in srgb,var(--result-abyss) 88%,transparent);animation:result-actions-enter var(--op-motion-emphasis) .54s var(--op-ease-arrival) both}optcg-match-result-overlay .result-action{display:inline-flex;min-height:48px;align-items:center;justify-content:center;border:1px solid var(--result-sky);border-radius:4px;background:var(--result-paper);color:var(--result-ink);font-weight:900;transition:transform .14s ease,background-color .14s ease,box-shadow .14s ease}optcg-match-result-overlay .result-action:before{width:1.15rem;aspect-ratio:1;margin-right:.4rem;background:url(/assets/official/ui/compass-mark.webp) center/contain no-repeat;content:"";opacity:.72}optcg-match-result-overlay .result-action--quiet:before{filter:brightness(0) invert(1)}optcg-match-result-overlay .result-action:hover:not(:disabled){transform:translateY(-2px);background:var(--result-white);box-shadow:0 7px 18px color-mix(in srgb,var(--result-abyss) 38%,transparent)}optcg-match-result-overlay .result-action:focus-visible{outline:3px solid var(--result-sky);outline-offset:2px}optcg-match-result-overlay .result-action--primary{border-color:var(--result-gold);background:var(--result-gold);color:var(--result-ink)}optcg-match-result-overlay .result-action--quiet{border-color:var(--result-ocean);background:color-mix(in srgb,var(--result-navy) 82%,transparent);color:var(--result-white)}optcg-match-result-overlay .result-action:disabled{cursor:not-allowed;opacity:.44}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes result-panel-in{0%{opacity:0;transform:translateY(1.25rem) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes victory-sweep{0%{opacity:0;transform:translate(-100%) skew(-18deg)}42%{opacity:1}to{opacity:0;transform:translate(540%) skew(-18deg)}}@keyframes outcome-stamp{0%{opacity:0;transform:scale(1.42) rotate(-12deg)}68%{opacity:1;transform:scale(.94) rotate(2deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes result-title-enter{0%{opacity:0;transform:translate(-.7rem)}to{opacity:1;transform:translate(0)}}@keyframes result-copy-enter{0%{opacity:0;transform:translateY(.45rem)}to{opacity:1;transform:translateY(0)}}@keyframes scoreboard-enter{0%{opacity:0;transform:translate(.75rem)}to{opacity:1;transform:translate(0)}}@keyframes result-actions-enter{0%{opacity:0;transform:translateY(.6rem)}to{opacity:1;transform:translateY(0)}}@media(max-width:700px)and (min-height:521px){optcg-match-result-overlay .result-panel{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"hero" "score" "actions";overflow-y:auto}optcg-match-result-overlay .result-hero{padding:1.6rem 1.35rem 1.2rem;border-right:0;border-bottom:1px solid color-mix(in srgb,var(--result-gold) 25%,transparent)}optcg-match-result-overlay .result-emblem{width:4.25rem;margin-bottom:.65rem}optcg-match-result-overlay .result-hero h1{font-size:3.1rem}}@media(max-height:520px)and (orientation:landscape){optcg-match-result-overlay{padding:max(.25rem,env(safe-area-inset-top)) max(.25rem,env(safe-area-inset-right)) max(.25rem,env(safe-area-inset-bottom)) max(.25rem,env(safe-area-inset-left))}optcg-match-result-overlay .result-panel{grid-template-columns:minmax(12rem,.72fr) minmax(20rem,1.45fr);grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"hero score" "actions actions";width:calc(100vw - .5rem - env(safe-area-inset-left) - env(safe-area-inset-right));max-height:calc(100dvh - .5rem - env(safe-area-inset-top) - env(safe-area-inset-bottom))}optcg-match-result-overlay .result-hero{padding:1rem 1.1rem .8rem}optcg-match-result-overlay .result-emblem{width:3.25rem;margin-bottom:.35rem}optcg-match-result-overlay .result-emblem strong{font-size:.5rem}optcg-match-result-overlay .result-hero h1{margin-bottom:.35rem;font-size:2.5rem}optcg-match-result-overlay .result-hero__summary,optcg-match-result-overlay .result-hero__reason{font-size:.72rem}optcg-match-result-overlay .result-hero__reason{margin-top:.25rem}optcg-match-result-overlay .result-hero__meta{margin-top:.65rem}optcg-match-result-overlay .result-hero__meta span{min-height:1.65rem;padding:.2rem .42rem;font-size:.62rem}optcg-match-result-overlay .scoreboard{padding:.6rem .8rem .45rem}optcg-match-result-overlay .scoreboard__players{min-height:3.25rem;margin-bottom:.35rem}optcg-match-result-overlay .player strong{font-size:.9rem}optcg-match-result-overlay .scoreboard__versus{width:2.5rem}optcg-match-result-overlay .scoreboard__row{min-height:1.55rem}optcg-match-result-overlay .scoreboard__row strong{font-size:.82rem}optcg-match-result-overlay .scoreboard__row span{font-size:.62rem}optcg-match-result-overlay .scoreboard__row--head{min-height:1.35rem}optcg-match-result-overlay .result-actions{justify-content:end;grid-template-columns:repeat(3,minmax(7.5rem,10rem));padding:.35rem .5rem}optcg-match-result-overlay .result-action{min-height:44px}}@media(prefers-reduced-motion:reduce){optcg-match-result-overlay .result-backdrop,optcg-match-result-overlay .result-panel,optcg-match-result-overlay .result-panel__flare,optcg-match-result-overlay .result-emblem,optcg-match-result-overlay .result-hero__eyebrow,optcg-match-result-overlay .result-hero h1,optcg-match-result-overlay .result-hero__summary,optcg-match-result-overlay .result-hero__reason,optcg-match-result-overlay .result-hero__meta,optcg-match-result-overlay .scoreboard__players,optcg-match-result-overlay .scoreboard__table,optcg-match-result-overlay .result-actions{animation:none}optcg-match-result-overlay .scoreboard__row--stat:hover{transform:none}}optcg-replay-library-page{display:block;height:100%;min-width:0;min-height:0;font-family:var(--op-font-interface)}optcg-replay-library-page .replays-shell{display:grid;grid-template-rows:auto minmax(0,1fr);gap:.75rem;height:100%;min-height:0;overflow:hidden}optcg-replay-library-page .replays-header,optcg-replay-library-page .empty-state{border:1px solid color-mix(in srgb,var(--op-cobalt) 20%,transparent);border-radius:var(--op-radius-lg);background:linear-gradient(100deg,color-mix(in srgb,var(--op-white) 96%,transparent),color-mix(in srgb,var(--op-foam) 88%,transparent)),url(/assets/official/ui/page-nautical-map.png) center/cover;color:var(--op-ink);box-shadow:0 14px 34px color-mix(in srgb,var(--op-navy) 12%,transparent)}optcg-replay-library-page .replays-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1rem}optcg-replay-library-page .replays-header__commands,optcg-replay-library-page .replay-entry__badges{display:flex;align-items:center;gap:.45rem}optcg-replay-library-page .replay-import{cursor:pointer}optcg-replay-library-page .replay-import input{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}optcg-replay-library-page .replay-import:focus-within{outline:3px solid var(--op-gold);outline-offset:2px}optcg-replay-library-page .replay-command-message{margin:0;border:1px solid color-mix(in srgb,var(--op-ocean) 28%,transparent);border-radius:var(--op-radius-sm);padding:.55rem .75rem;background:color-mix(in srgb,var(--op-sky) 12%,var(--op-white));color:var(--op-navy);font-weight:700}optcg-replay-library-page .replay-library-state{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-block:1rem;border:1px solid color-mix(in srgb,var(--op-danger) 58%,var(--op-line));border-radius:var(--op-radius-md);padding:.8rem 1rem;background:color-mix(in srgb,var(--op-danger) 10%,var(--op-white))}optcg-replay-library-page .replay-library-state>div{display:grid;gap:.2rem}optcg-replay-library-page .replay-library-state strong{color:var(--op-danger)}optcg-replay-library-page .replay-library-state span{color:var(--op-navy);font-size:.78rem}optcg-replay-library-page .replays-header__identity{display:flex;min-width:0;align-items:center;gap:.75rem}optcg-replay-library-page .route-compass{display:grid;width:50px;flex:0 0 50px;aspect-ratio:1;place-items:center;border:3px solid var(--op-gold);border-radius:50%;background:var(--op-navy);box-shadow:0 6px 16px color-mix(in srgb,var(--op-navy) 14%,transparent),inset 0 0 0 3px color-mix(in srgb,var(--op-white) 14%,transparent);color:var(--op-white)}optcg-replay-library-page .route-compass optcg-navigation-icon{width:68%;height:68%}optcg-replay-library-page .eyebrow,optcg-replay-library-page h1,optcg-replay-library-page h2,optcg-replay-library-page h3,optcg-replay-library-page p{margin-top:0}optcg-replay-library-page .eyebrow{margin-bottom:.15rem;color:var(--op-ocean);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}optcg-replay-library-page h1,optcg-replay-library-page h2,optcg-replay-library-page h3{font-family:var(--op-font-display)}optcg-replay-library-page h1{margin-bottom:.2rem;font-size:clamp(1.45rem,2.4vw,2.15rem);line-height:1}optcg-replay-library-page .replays-header p:last-child{margin:0;color:color-mix(in srgb,var(--op-ink) 68%,transparent);font-size:.78rem}optcg-replay-library-page .replay-command,optcg-replay-library-page .replay-inspect{display:inline-flex;min-height:44px;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--op-sky) 62%,var(--op-gold));border-radius:var(--op-radius-md);padding:.55rem .8rem;background:var(--op-cobalt);color:var(--op-white);font-weight:700;text-decoration:none;white-space:nowrap}optcg-replay-library-page .replay-command:before,optcg-replay-library-page .replay-inspect:before{width:20px;aspect-ratio:1;margin-right:.4rem;background:url(/assets/official/ui/compass-mark.webp) center/contain no-repeat;content:"";filter:brightness(0) invert(1)}optcg-replay-library-page .replay-command:hover,optcg-replay-library-page .replay-command:focus-visible,optcg-replay-library-page .replay-inspect:hover,optcg-replay-library-page .replay-inspect:focus-visible{border-color:var(--op-gold);background:var(--op-ocean)}optcg-replay-library-page .replay-list{display:grid;align-content:start;gap:.65rem;min-height:0;margin:0;overflow:auto;padding:0 .15rem 0 0;list-style:none;scrollbar-gutter:stable;scrollbar-color:var(--op-sky) color-mix(in srgb,var(--op-cobalt) 8%,transparent)}optcg-replay-library-page .replay-list>li,optcg-replay-library-page .replay-entry__actions,optcg-replay-library-page .replay-entry>footer{min-width:0}optcg-replay-library-page .replay-entry{position:relative;display:grid;gap:.75rem;overflow:hidden;border:1px solid color-mix(in srgb,var(--op-cobalt) 20%,transparent);border-left:5px solid var(--op-ocean);border-radius:var(--op-radius-md);padding:.9rem;background:color-mix(in srgb,var(--op-white) 92%,var(--op-foam));color:var(--op-ink);box-shadow:0 10px 26px color-mix(in srgb,var(--op-navy) 9%,transparent)}optcg-replay-library-page .replay-entry>header{display:flex;min-width:0;align-items:flex-start;justify-content:space-between;gap:1rem}optcg-replay-library-page .replay-entry>header>div{min-width:0}optcg-replay-library-page .replay-entry>header span{color:color-mix(in srgb,var(--op-ink) 64%,transparent);font-size:.74rem}optcg-replay-library-page .replay-entry h2{margin:.18rem 0 0;overflow:hidden;font-size:1.08rem;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}optcg-replay-library-page .replay-entry h2 span{color:var(--op-ocean);font-family:var(--op-font-interface);font-size:.66em;font-weight:700;text-transform:uppercase}optcg-replay-library-page .replay-status{display:inline-flex;min-height:28px;align-items:center;border:1px solid color-mix(in srgb,var(--op-ocean) 32%,transparent);border-radius:999px;padding:.2rem .55rem;background:color-mix(in srgb,var(--op-sky) 14%,var(--op-white));color:var(--op-cobalt);font-size:.68rem;font-weight:700;text-transform:uppercase;white-space:nowrap}optcg-replay-library-page .replay-status[data-status=diverged]{border-color:color-mix(in srgb,var(--op-danger) 36%,transparent);background:color-mix(in srgb,var(--op-danger) 8%,var(--op-white));color:var(--op-danger)}optcg-replay-library-page .replay-status[data-status=recovery]{border-color:color-mix(in srgb,var(--op-gold) 64%,transparent);background:color-mix(in srgb,var(--op-gold) 14%,var(--op-white));color:var(--op-navy)}optcg-replay-library-page .replay-pin{color:var(--op-ocean);font-family:var(--op-font-interface);font-size:.72rem;text-transform:uppercase}optcg-replay-library-page .replay-rename{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.25rem}optcg-replay-library-page .replay-rename label{width:100%;color:color-mix(in srgb,var(--op-ink) 64%,transparent);font-size:.72rem;font-weight:700}optcg-replay-library-page .replay-rename input{min-width:min(24rem,100%);min-height:44px;flex:1 1 14rem;border:1px solid color-mix(in srgb,var(--op-cobalt) 30%,transparent);border-radius:var(--op-radius-sm);padding:.5rem .65rem;font:inherit}optcg-replay-library-page .replay-entry dl{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem;margin:0}optcg-replay-library-page .replay-entry dl div{min-width:0;border-left:2px solid color-mix(in srgb,var(--op-sky) 54%,transparent);padding-left:.5rem}optcg-replay-library-page .replay-entry dt,optcg-replay-library-page .integrity-panel dt{color:color-mix(in srgb,var(--op-ink) 62%,transparent);font-size:.66rem;font-weight:700;text-transform:uppercase}optcg-replay-library-page .replay-entry dd,optcg-replay-library-page .integrity-panel dd{margin:0;font-weight:700}optcg-replay-library-page .replay-entry>footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;border-top:1px solid color-mix(in srgb,var(--op-cobalt) 12%,transparent);padding-top:.65rem}optcg-replay-library-page .replay-entry__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.4rem}optcg-replay-library-page .replay-delete{border-color:color-mix(in srgb,var(--op-danger) 52%,transparent)}optcg-replay-library-page .replay-inspect:disabled{cursor:wait;opacity:.55}optcg-replay-library-page .replay-watch{border-color:var(--op-ocean);background:var(--op-navy);color:var(--op-white);text-decoration:none}optcg-replay-library-page .replay-entry>footer>span{color:color-mix(in srgb,var(--op-ink) 68%,transparent);font-size:.76rem;font-weight:700}optcg-replay-library-page .replay-inspect{border-color:color-mix(in srgb,var(--op-ocean) 42%,transparent);background:var(--op-navy)}optcg-replay-library-page .empty-state{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1rem;min-height:0;align-items:center;padding:clamp(1rem,2.5vw,2rem)}optcg-replay-library-page .empty-state__mark{width:72px;aspect-ratio:1;background:url(/assets/official/ui/compass-mark.webp) center/contain no-repeat;opacity:.52}optcg-replay-library-page .empty-state__copy{display:grid;gap:.3rem}optcg-replay-library-page .empty-state__copy strong{font-family:var(--op-font-display);font-size:1.3rem}optcg-replay-library-page .empty-state__copy span{max-width:68ch;color:color-mix(in srgb,var(--op-ink) 70%,transparent);font-size:.86rem}optcg-replay-library-page .review-backdrop{position:fixed;inset:0;z-index:60;display:grid;overflow:hidden;padding:1rem;place-items:center;background:color-mix(in srgb,var(--op-abyss) 76%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}optcg-replay-library-page .replay-review{display:grid;grid-template-rows:auto auto auto minmax(0,1fr);gap:.7rem;width:min(1040px,100%);max-height:min(820px,100dvh - 2rem);min-height:min(620px,100dvh - 2rem);overflow:hidden;border:1px solid color-mix(in srgb,var(--op-sky) 70%,transparent);border-top:5px solid var(--op-ocean);border-radius:var(--op-radius-lg);padding:.9rem;background:linear-gradient(145deg,color-mix(in srgb,var(--op-sky) 14%,transparent),transparent 44%),var(--op-white);color:var(--op-ink);box-shadow:0 32px 90px color-mix(in srgb,var(--op-abyss) 58%,transparent)}optcg-replay-library-page .replay-review__header{display:flex;min-width:0;align-items:flex-start;justify-content:space-between;gap:1rem;border-bottom:1px solid color-mix(in srgb,var(--op-cobalt) 16%,transparent);padding-bottom:.65rem}optcg-replay-library-page .replay-review__header>div:first-child{min-width:0}optcg-replay-library-page .replay-review__header h2{margin:0;overflow:hidden;font-size:clamp(1.35rem,2.8vw,2rem);line-height:1.1;text-overflow:ellipsis;white-space:nowrap}optcg-replay-library-page .replay-review__header>div>p:last-child{margin:.2rem 0 0;color:color-mix(in srgb,var(--op-ink) 62%,transparent);font-size:.72rem}optcg-replay-library-page .replay-review__header-actions{display:flex;flex:0 0 auto;align-items:center;gap:.45rem}optcg-replay-library-page .review-close{display:grid;width:44px;height:44px;flex:0 0 44px;border:2px solid color-mix(in srgb,var(--op-ocean) 48%,transparent);border-radius:50%;padding:0;place-items:center;background:var(--op-navy);color:var(--op-white);font-size:1.65rem;line-height:1}optcg-replay-library-page .replay-scoreboard{display:grid;grid-template-columns:minmax(0,1fr) minmax(140px,.48fr) minmax(0,1fr);min-height:66px;align-items:stretch;border:1px solid color-mix(in srgb,var(--op-cobalt) 16%,transparent);border-radius:var(--op-radius-sm);background:color-mix(in srgb,var(--op-foam) 76%,var(--op-white))}optcg-replay-library-page .replay-scoreboard>div,optcg-replay-library-page .replay-scoreboard>p{display:grid;min-width:0;align-content:center;gap:.1rem;margin:0;padding:.5rem .7rem}optcg-replay-library-page .replay-scoreboard>div:last-child{text-align:right}optcg-replay-library-page .replay-scoreboard>div span,optcg-replay-library-page .replay-scoreboard>p span,optcg-replay-library-page .replay-scoreboard>p small{color:color-mix(in srgb,var(--op-ink) 62%,transparent);font-size:.64rem;font-weight:700;text-transform:uppercase}optcg-replay-library-page .replay-scoreboard>div strong{overflow:hidden;font-size:.82rem;text-overflow:ellipsis;white-space:nowrap}optcg-replay-library-page .replay-scoreboard>p{border-right:1px solid color-mix(in srgb,var(--op-cobalt) 14%,transparent);border-left:1px solid color-mix(in srgb,var(--op-cobalt) 14%,transparent);background:color-mix(in srgb,var(--op-sky) 16%,var(--op-white));text-align:center}optcg-replay-library-page .replay-scoreboard>p strong{font-family:var(--op-font-display);font-size:1rem}optcg-replay-library-page .review-view-command{display:flex;gap:.3rem;overflow-x:auto;padding:.1rem;scrollbar-width:none}optcg-replay-library-page .review-view-command::-webkit-scrollbar{display:none}optcg-replay-library-page .review-view-command button{display:inline-flex;min-height:44px;flex:0 0 auto;align-items:center;gap:.4rem;border:1px solid color-mix(in srgb,var(--op-cobalt) 18%,transparent);border-radius:var(--op-radius-sm);padding:.45rem .7rem;background:var(--op-white);color:color-mix(in srgb,var(--op-ink) 74%,transparent)}optcg-replay-library-page .review-view-command button[aria-pressed=true]{border-color:var(--op-ocean);background:var(--op-navy);color:var(--op-white)}optcg-replay-library-page .review-view-command button span{display:inline-grid;min-width:22px;height:22px;place-items:center;border-radius:999px;background:color-mix(in srgb,currentColor 10%,transparent);font-size:.68rem}optcg-replay-library-page .replay-review__content,optcg-replay-library-page .review-panel,optcg-replay-library-page .event-timeline,optcg-replay-library-page .action-timeline{min-height:0}optcg-replay-library-page .replay-review__content{overflow:hidden}optcg-replay-library-page .review-panel{display:grid;grid-template-rows:auto minmax(0,1fr);gap:.55rem;height:100%;overflow:hidden}optcg-replay-library-page .review-panel>header{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}optcg-replay-library-page .review-panel>header h3{margin:0;font-size:1.05rem}optcg-replay-library-page .review-panel>header>span{color:color-mix(in srgb,var(--op-ink) 62%,transparent);font-size:.7rem;font-weight:700}optcg-replay-library-page .event-timeline,optcg-replay-library-page .action-timeline{display:grid;align-content:start;gap:.4rem;margin:0;overflow:auto;padding:0 .25rem 0 0;list-style:none;scrollbar-gutter:stable;scrollbar-color:var(--op-sky) color-mix(in srgb,var(--op-cobalt) 8%,transparent)}optcg-replay-library-page .event-timeline>li{display:grid;grid-template-columns:22px minmax(0,1fr);min-width:0}optcg-replay-library-page .timeline-marker{position:relative}optcg-replay-library-page .timeline-marker:before{position:absolute;top:12px;left:7px;width:9px;aspect-ratio:1;border:2px solid var(--op-white);border-radius:50%;background:var(--op-ocean);box-shadow:0 0 0 1px var(--op-ocean);content:""}optcg-replay-library-page .timeline-marker:after{position:absolute;top:24px;bottom:-.5rem;left:11px;width:1px;background:color-mix(in srgb,var(--op-ocean) 32%,transparent);content:""}optcg-replay-library-page .event-timeline>li:last-child .timeline-marker:after{display:none}optcg-replay-library-page .event-timeline>li[data-kind=battle] .timeline-marker:before{background:var(--op-danger);box-shadow:0 0 0 1px var(--op-danger)}optcg-replay-library-page .event-timeline>li[data-kind=rules] .timeline-marker:before{background:var(--op-gold);box-shadow:0 0 0 1px var(--op-gold)}optcg-replay-library-page .timeline-entry,optcg-replay-library-page .action-timeline>li{border:1px solid color-mix(in srgb,var(--op-cobalt) 13%,transparent);border-radius:var(--op-radius-sm);background:color-mix(in srgb,var(--op-white) 76%,var(--op-foam))}optcg-replay-library-page .timeline-entry{min-width:0;padding:.55rem .65rem}optcg-replay-library-page .timeline-entry>header,optcg-replay-library-page .timeline-entry>footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem}optcg-replay-library-page .timeline-entry>header strong{font-size:.72rem;text-transform:capitalize}optcg-replay-library-page .timeline-entry>header span,optcg-replay-library-page .timeline-entry>footer span{color:color-mix(in srgb,var(--op-ink) 62%,transparent);font-size:.64rem;font-weight:700;text-transform:capitalize}optcg-replay-library-page .timeline-entry p{margin:.3rem 0;font-size:.8rem;line-height:1.35}optcg-replay-library-page .timeline-entry>footer{justify-content:flex-start}optcg-replay-library-page .timeline-entry>footer span{border:1px solid color-mix(in srgb,var(--op-ocean) 18%,transparent);border-radius:999px;padding:.12rem .38rem;background:var(--op-white)}optcg-replay-library-page .action-timeline>li{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:.65rem;min-height:54px;align-items:center;padding:.45rem .6rem}optcg-replay-library-page .action-index{display:grid;width:28px;aspect-ratio:1;place-items:center;border-radius:50%;background:var(--op-navy);color:var(--op-white);font-size:.68rem;font-weight:700}optcg-replay-library-page .action-timeline strong{display:block;font-size:.78rem}optcg-replay-library-page .action-timeline p{margin:.1rem 0 0;color:color-mix(in srgb,var(--op-ink) 70%,transparent);font-size:.74rem}optcg-replay-library-page .action-timeline code{color:var(--op-cobalt);font-size:.66rem}optcg-replay-library-page .review-panel__empty{display:grid!important;min-height:120px!important;place-items:center;color:color-mix(in srgb,var(--op-ink) 64%,transparent);text-align:center}optcg-replay-library-page .integrity-panel{grid-template-rows:auto auto minmax(0,1fr)}optcg-replay-library-page .integrity-note{margin:0;border-left:4px solid var(--op-ocean);padding:.55rem .7rem;background:color-mix(in srgb,var(--op-sky) 12%,var(--op-white));font-size:.78rem}optcg-replay-library-page .integrity-note--warning{border-left-color:var(--op-danger);background:color-mix(in srgb,var(--op-danger) 8%,var(--op-white))}optcg-replay-library-page .integrity-panel dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:.45rem;min-height:0;margin:0;overflow:auto;padding-right:.2rem}optcg-replay-library-page .integrity-panel dl div{min-width:0;border:1px solid color-mix(in srgb,var(--op-cobalt) 13%,transparent);border-radius:var(--op-radius-sm);padding:.55rem;background:color-mix(in srgb,var(--op-white) 76%,var(--op-foam))}optcg-replay-library-page .integrity-panel dd{overflow-wrap:anywhere}optcg-replay-library-page .integrity-panel code{color:var(--op-cobalt);font-size:.72rem}@media(max-width:620px){optcg-replay-library-page,optcg-replay-library-page .replays-shell{height:auto}optcg-replay-library-page .replays-shell,optcg-replay-library-page .replay-list{overflow:visible}optcg-replay-library-page .replays-header{min-height:56px;align-items:center;gap:.4rem;padding:.35rem .45rem}optcg-replay-library-page .route-compass,optcg-replay-library-page .replays-header .eyebrow{display:none}optcg-replay-library-page .replays-header__identity{gap:0}optcg-replay-library-page .replays-header h1{font-size:1.05rem}optcg-replay-library-page .replays-header p:last-child{font-size:.62rem}optcg-replay-library-page .replay-command{min-height:44px;padding:.4rem .65rem;font-size:.72rem}optcg-replay-library-page .replay-entry>header{display:grid}optcg-replay-library-page .replay-entry dl{grid-template-columns:repeat(2,minmax(0,1fr))}optcg-replay-library-page .replay-entry>footer{display:grid;align-items:stretch}optcg-replay-library-page .replay-entry__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}optcg-replay-library-page .replay-entry__actions>:last-child:nth-child(odd){grid-column:1/-1}optcg-replay-library-page .replay-inspect{width:100%;min-width:0;padding-inline:.55rem;line-height:1.15;white-space:normal}optcg-replay-library-page .empty-state{grid-template-columns:1fr;justify-items:center;text-align:center}optcg-replay-library-page .review-backdrop{align-items:end;padding:0}optcg-replay-library-page .replay-review{width:100%;max-height:94dvh;min-height:min(700px,94dvh);border-radius:var(--op-radius-lg) var(--op-radius-lg) 0 0;padding-bottom:max(.9rem,env(safe-area-inset-bottom))}optcg-replay-library-page .replay-scoreboard{grid-template-columns:minmax(0,1fr) minmax(110px,.7fr) minmax(0,1fr)}optcg-replay-library-page .integrity-panel dl{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(orientation:landscape)and (max-height:560px)and (max-width:960px){optcg-replay-library-page,optcg-replay-library-page .replays-shell{min-height:0;overflow:hidden}optcg-replay-library-page .replays-shell{grid-template-rows:54px minmax(0,1fr);gap:.45rem;height:100%}optcg-replay-library-page .replays-header{align-items:center;padding:.3rem .55rem}optcg-replay-library-page .route-compass{width:38px;flex-basis:38px;border-width:1px;box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--op-white) 72%,transparent)}optcg-replay-library-page .replays-header__identity{gap:.5rem}optcg-replay-library-page .replays-header .eyebrow{display:none}optcg-replay-library-page .replays-header h1{font-size:1.05rem}optcg-replay-library-page .replays-header p:last-child{font-size:.66rem}optcg-replay-library-page .replay-list{overflow:auto}optcg-replay-library-page .replay-entry{grid-template-columns:minmax(0,1fr) minmax(220px,.75fr);gap:.65rem;align-items:center;padding:.5rem .6rem}optcg-replay-library-page .replay-entry>header{display:flex}optcg-replay-library-page .replay-entry h2{font-size:.9rem}optcg-replay-library-page .replay-entry dl{grid-template-columns:repeat(4,minmax(0,1fr));gap:.25rem}optcg-replay-library-page .replay-entry dl div{padding-left:.35rem}optcg-replay-library-page .replay-entry dt{font-size:.58rem}optcg-replay-library-page .replay-entry dd{font-size:.76rem}optcg-replay-library-page .replay-entry>footer{display:grid;grid-column:1/-1;grid-template-columns:auto minmax(0,1fr);gap:.5rem;border-top:1px solid color-mix(in srgb,var(--op-cobalt) 12%,transparent);padding-top:.45rem}optcg-replay-library-page .replay-entry>footer>span{align-self:center;font-size:.66rem}optcg-replay-library-page .replay-entry__actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.3rem}optcg-replay-library-page .replay-inspect{width:100%;min-width:0;padding:.35rem .45rem;font-size:.68rem;line-height:1.1;white-space:normal}optcg-replay-library-page .replay-inspect:before{width:17px;flex:0 0 17px}optcg-replay-library-page .empty-state{grid-template-columns:48px minmax(0,1fr) auto;gap:.7rem;justify-items:stretch;padding:.7rem;text-align:left}optcg-replay-library-page .empty-state__mark{width:48px}optcg-replay-library-page .empty-state__copy strong{font-size:1rem}optcg-replay-library-page .empty-state__copy span{font-size:.7rem;line-height:1.35}optcg-replay-library-page .review-backdrop{align-items:center;padding:.25rem}optcg-replay-library-page .replay-review{grid-template-rows:auto auto auto minmax(0,1fr);gap:.35rem;width:min(1040px,100%);max-height:calc(100dvh - .5rem);min-height:0;height:calc(100dvh - .5rem);border-radius:var(--op-radius-md);padding:.4rem .5rem}optcg-replay-library-page .replay-review__header{align-items:center;padding-bottom:.3rem}optcg-replay-library-page .replay-review__header .eyebrow,optcg-replay-library-page .replay-review__header>div>p:last-child{display:none}optcg-replay-library-page .replay-review__header h2{font-size:1rem}optcg-replay-library-page .replay-scoreboard{min-height:50px}optcg-replay-library-page .replay-scoreboard>div,optcg-replay-library-page .replay-scoreboard>p{padding:.3rem .55rem}optcg-replay-library-page .replay-scoreboard>p strong{font-size:.88rem}optcg-replay-library-page .review-view-command button{min-height:42px;padding:.35rem .6rem;font-size:.72rem}optcg-replay-library-page .review-panel{gap:.3rem}optcg-replay-library-page .review-panel>header h3{font-size:.9rem}optcg-replay-library-page .review-panel>header .eyebrow{display:none}optcg-replay-library-page .timeline-entry{padding:.35rem .5rem}optcg-replay-library-page .timeline-entry p{margin:.16rem 0;font-size:.72rem}optcg-replay-library-page .action-timeline>li{min-height:48px;padding:.3rem .5rem}optcg-replay-library-page .integrity-note{padding:.35rem .55rem;font-size:.7rem}optcg-replay-library-page .integrity-panel dl{grid-template-columns:repeat(4,minmax(0,1fr));gap:.3rem}optcg-replay-library-page .integrity-panel dl div{padding:.35rem}}@media(orientation:landscape)and (max-height:560px)and (max-width:860px){optcg-replay-library-page{height:100%}}@media(prefers-reduced-motion:reduce){optcg-replay-library-page .replay-command,optcg-replay-library-page .replay-inspect{transition:none}}optcg-starter-decks-page{display:block;height:100%;min-width:0;min-height:0;font-family:var(--op-font-interface)}optcg-starter-decks-page .starter-shell{display:grid;grid-template-rows:auto minmax(0,1fr);gap:.75rem;height:100%;min-height:0;overflow:hidden}optcg-starter-decks-page .starter-header,optcg-starter-decks-page .starter-grid,optcg-starter-decks-page .starter-detail,optcg-starter-decks-page .loading-panel{border:1px solid color-mix(in srgb,var(--op-cobalt) 18%,transparent);border-radius:var(--op-radius-lg);background:color-mix(in srgb,var(--op-white) 94%,var(--op-foam));box-shadow:0 16px 38px color-mix(in srgb,var(--op-navy) 12%,transparent)}optcg-starter-decks-page .starter-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1rem;background:radial-gradient(circle at 18% 0,color-mix(in srgb,var(--op-sky) 20%,transparent),transparent 42%),linear-gradient(110deg,var(--op-ocean),var(--op-cobalt) 58%,var(--op-navy));color:var(--op-white)}optcg-starter-decks-page .starter-header__identity{display:flex;align-items:center;gap:.75rem;min-width:0}optcg-starter-decks-page .route-compass{display:grid;flex:0 0 50px;width:50px;aspect-ratio:1;place-items:center;border:3px solid var(--op-gold);border-radius:50%;background:var(--op-navy);box-shadow:0 6px 16px color-mix(in srgb,var(--op-navy) 14%,transparent),inset 0 0 0 3px color-mix(in srgb,var(--op-white) 14%,transparent);color:var(--op-white)}optcg-starter-decks-page .route-compass optcg-navigation-icon{width:68%;height:68%}optcg-starter-decks-page .starter-header h1,optcg-starter-decks-page .starter-header p,optcg-starter-decks-page .starter-detail h2{margin:0}optcg-starter-decks-page .starter-header h1{color:var(--op-white);font-family:var(--op-font-display);font-size:clamp(1.45rem,2.4vw,2.15rem);line-height:1}optcg-starter-decks-page .starter-header>p,optcg-starter-decks-page .starter-header__identity p{color:color-mix(in srgb,var(--op-white) 76%,var(--op-sky))}optcg-starter-decks-page .starter-header__actions{display:flex;align-items:center;justify-content:flex-end;gap:.45rem}optcg-starter-decks-page .starter-header a,optcg-starter-decks-page .starter-detail a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid color-mix(in srgb,var(--op-ocean) 34%,transparent);border-radius:var(--op-radius-md);padding:.55rem .82rem;background:color-mix(in srgb,var(--op-sky) 16%,transparent);color:var(--op-ink);font-weight:700;text-decoration:none}optcg-starter-decks-page .starter-header a{border-color:color-mix(in srgb,var(--op-white) 30%,transparent);background:color-mix(in srgb,var(--op-white) 92%,var(--op-foam))}optcg-starter-decks-page .starter-header .starter-command--primary{border-color:color-mix(in srgb,var(--op-sky) 62%,var(--op-gold));background:linear-gradient(145deg,var(--op-cobalt),var(--op-navy));color:var(--op-white)}optcg-starter-decks-page .starter-command--primary:before{width:21px;aspect-ratio:1;margin-right:.42rem;background:url(/assets/official/ui/compass-mark.webp) center/contain no-repeat;content:"";filter:brightness(0) invert(1)}optcg-starter-decks-page .starter-command:hover,optcg-starter-decks-page .starter-command:focus-visible{border-color:var(--op-ocean);box-shadow:0 6px 16px color-mix(in srgb,var(--op-navy) 14%,transparent)}optcg-starter-decks-page .starter-header .starter-command--primary:hover,optcg-starter-decks-page .starter-header .starter-command--primary:focus-visible{border-color:var(--op-gold);background:linear-gradient(145deg,var(--op-ocean),var(--op-cobalt))}optcg-starter-decks-page .eyebrow{margin:0;color:var(--op-ocean);font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}optcg-starter-decks-page .starter-workspace{display:grid;grid-template-columns:minmax(260px,.46fr) minmax(0,1fr);gap:.75rem;min-width:0;min-height:0;overflow:hidden}optcg-starter-decks-page .starter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));align-content:start;gap:.65rem;min-width:0;min-height:0;overflow:auto;padding:.85rem}optcg-starter-decks-page .starter-card{display:grid;grid-template-columns:54px minmax(0,1fr);gap:.35rem;min-height:94px;border:1px solid color-mix(in srgb,var(--op-cobalt) 16%,transparent);border-radius:var(--op-radius-md);padding:.75rem;background:linear-gradient(145deg,color-mix(in srgb,var(--op-white) 74%,transparent),color-mix(in srgb,var(--op-sky) 16%,transparent)),var(--op-foam);color:var(--op-ink);text-align:left;transition:border-color var(--op-motion-fast) ease,box-shadow var(--op-motion-fast) ease,transform var(--op-motion-fast) ease}optcg-starter-decks-page .starter-card>img{width:54px;aspect-ratio:365/510;border-radius:var(--op-radius-sm);object-fit:cover;box-shadow:0 7px 16px color-mix(in srgb,var(--op-navy) 22%,transparent)}optcg-starter-decks-page .starter-card>span{display:grid;align-content:center;gap:.25rem;min-width:0}optcg-starter-decks-page .starter-card:hover,optcg-starter-decks-page .starter-card.is-selected{border-color:var(--op-ocean);box-shadow:inset 0 -4px 0 var(--op-focus),0 12px 24px color-mix(in srgb,var(--op-navy) 14%,transparent)}optcg-starter-decks-page .starter-card:hover{transform:translateY(-2px)}optcg-starter-decks-page .starter-card small{color:var(--op-ocean);font-size:.78rem;font-weight:700;letter-spacing:.08em}optcg-starter-decks-page .starter-card strong{font-size:1.02rem;line-height:1.12}optcg-starter-decks-page .starter-detail{display:grid;grid-template-rows:auto auto auto minmax(148px,1fr);gap:.7rem;min-width:0;min-height:0;overflow:hidden;padding:.9rem;border-top:4px solid var(--op-ocean);background:radial-gradient(circle at 84% 8%,color-mix(in srgb,var(--op-sky) 24%,transparent),transparent 36%),linear-gradient(145deg,color-mix(in srgb,var(--op-cobalt) 92%,var(--op-ocean)),var(--op-navy) 60%,var(--op-abyss));color:var(--op-white)}optcg-starter-decks-page .starter-overview{min-width:0;min-height:0}optcg-starter-decks-page .starter-overview dl{align-content:stretch;grid-template-columns:repeat(2,minmax(0,1fr))}optcg-starter-decks-page .starter-detail:has(.starter-leaders){grid-template-rows:auto auto auto auto minmax(148px,1fr)}optcg-starter-decks-page .starter-detail>header{display:flex;align-items:start;justify-content:space-between;gap:1rem}optcg-starter-decks-page .starter-detail h2,optcg-starter-decks-page .card-dialog h2{font-family:var(--op-font-display)}optcg-starter-decks-page .starter-detail h2{color:var(--op-white)}optcg-starter-decks-page .starter-detail .eyebrow{color:var(--op-sky)}optcg-starter-decks-page .starter-leaders{display:flex;align-items:center;gap:.75rem;min-width:0}optcg-starter-decks-page .starter-leaders>span{color:color-mix(in srgb,var(--op-ink) 62%,transparent);font-size:.72rem;font-weight:700;text-transform:uppercase}optcg-starter-decks-page .starter-leaders>div{display:flex;flex-wrap:wrap;gap:.4rem}optcg-starter-decks-page .starter-leaders button{min-height:44px;border:1px solid color-mix(in srgb,var(--op-ocean) 22%,transparent);border-radius:var(--op-radius-sm);padding:.45rem .65rem;background:var(--op-white);color:var(--op-ink);font-weight:700}optcg-starter-decks-page .starter-leaders button.is-selected{border-color:color-mix(in srgb,var(--op-sky) 80%,transparent);background:color-mix(in srgb,var(--op-sky) 18%,transparent)}optcg-starter-decks-page .starter-detail dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;margin:0}optcg-starter-decks-page .starter-detail dl div{border:1px solid color-mix(in srgb,var(--op-sky) 26%,transparent);border-radius:var(--op-radius-sm);padding:.55rem;background:color-mix(in srgb,var(--op-abyss) 34%,transparent)}optcg-starter-decks-page .starter-detail dt{color:color-mix(in srgb,var(--op-sky) 72%,var(--op-white));font-size:.68rem;font-weight:700;text-transform:uppercase}optcg-starter-decks-page .starter-detail dd{margin:0;color:var(--op-white);font-weight:700}optcg-starter-decks-page .starter-detail .starter-command--builder{gap:.42rem;border-color:color-mix(in srgb,var(--op-sky) 42%,transparent);background:color-mix(in srgb,var(--op-foam) 94%,var(--op-sky));color:var(--op-navy);white-space:nowrap}optcg-starter-decks-page .starter-detail .starter-command--builder:before{width:20px;aspect-ratio:1;flex:0 0 20px;background:url(/assets/official/ui/compass-mark.webp) center/contain no-repeat;content:""}optcg-starter-decks-page .starter-readiness{display:grid;gap:.35rem;min-height:0;overflow:auto}optcg-starter-decks-page .starter-readiness p{margin:0;border-left:4px solid var(--op-danger);padding:.35rem .5rem;background:color-mix(in srgb,var(--op-danger) 8%,transparent)}optcg-starter-decks-page .starter-readiness p[data-severity=ok]{border-left-color:var(--op-ocean);background:color-mix(in srgb,var(--op-ocean) 10%,transparent)}optcg-starter-decks-page .starter-detail ol{display:grid;align-content:start;gap:.35rem;min-height:0;margin:0;overflow:auto;padding:0 .15rem 0 0;list-style:none;scrollbar-gutter:stable}optcg-starter-decks-page .starter-inventory{grid-row:4;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));align-content:start;gap:.55rem;overscroll-behavior:contain}optcg-starter-decks-page .starter-detail:has(.starter-leaders) .starter-inventory{grid-row:5}optcg-starter-decks-page .starter-detail li{min-width:0}optcg-starter-decks-page .deck-card-tile{position:relative;display:grid;grid-template-rows:auto minmax(40px,auto);gap:.35rem;width:100%;min-height:44px;border:1px solid color-mix(in srgb,var(--op-cobalt) 18%,transparent);border-radius:var(--op-radius-md);padding:.35rem;background:linear-gradient(155deg,var(--op-cobalt),var(--op-navy));color:var(--op-white);text-align:left;transition:border-color var(--op-motion-fast) ease,box-shadow var(--op-motion-fast) ease,transform var(--op-motion-fast) ease}optcg-starter-decks-page .deck-card-tile:hover,optcg-starter-decks-page .deck-card-tile:focus-visible{border-color:var(--op-gold);box-shadow:0 12px 24px color-mix(in srgb,var(--op-navy) 24%,transparent);transform:translateY(-2px)}optcg-starter-decks-page .deck-card-tile img{display:block;width:100%;aspect-ratio:365/510;border-radius:var(--op-radius-sm);object-fit:cover;background:var(--op-navy)}optcg-starter-decks-page .deck-card-tile__identity{display:grid;align-content:start;min-width:0}optcg-starter-decks-page .deck-card-tile__identity small{overflow:hidden;color:color-mix(in srgb,var(--op-sky) 72%,var(--op-white));font-size:.59rem;font-weight:900;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}optcg-starter-decks-page .deck-card-tile__identity strong{overflow:hidden;font-size:.74rem;line-height:1.12;text-overflow:ellipsis;white-space:nowrap}optcg-starter-decks-page .deck-card-tile em{position:absolute;top:.55rem;right:.55rem;display:grid;min-width:28px;min-height:28px;place-items:center;border:2px solid var(--op-gold);border-radius:50%;background:var(--op-navy);color:var(--op-white);font-size:.7rem;font-style:normal;font-weight:950;box-shadow:0 5px 12px color-mix(in srgb,var(--op-navy) 30%,transparent)}optcg-starter-decks-page .deck-card-tile--empty{color:color-mix(in srgb,var(--op-ink) 64%,transparent)}optcg-starter-decks-page .loading-panel{display:grid;min-height:220px;place-items:center;color:color-mix(in srgb,var(--op-ink) 70%,transparent);font-weight:700}optcg-starter-decks-page .card-dialog-backdrop{position:fixed;inset:0;z-index:60;display:grid;place-items:center;overflow:hidden;padding:1rem;background:color-mix(in srgb,var(--op-abyss) 72%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}optcg-starter-decks-page .card-dialog{display:grid;grid-template-rows:auto minmax(0,1fr);gap:.85rem;width:min(900px,100%);max-height:min(760px,100dvh - 2rem);min-height:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--op-sky) 74%,transparent);border-top:5px solid var(--op-ocean);border-radius:var(--op-radius-lg);padding:.9rem;background:linear-gradient(145deg,color-mix(in srgb,var(--op-sky) 16%,transparent),transparent 40%),var(--op-white);color:var(--op-ink);box-shadow:0 32px 90px color-mix(in srgb,var(--op-abyss) 54%,transparent)}optcg-starter-decks-page .card-dialog>header{display:flex;align-items:start;justify-content:space-between;gap:1rem;border-bottom:1px solid color-mix(in srgb,var(--op-cobalt) 18%,transparent);padding-bottom:.7rem}optcg-starter-decks-page .card-dialog h2,optcg-starter-decks-page .card-dialog header p,optcg-starter-decks-page .card-dialog__rules p{margin:0}optcg-starter-decks-page .card-dialog h2{font-size:clamp(1.5rem,3vw,2.2rem);line-height:1}optcg-starter-decks-page .card-dialog__toolbar{display:flex;align-items:center;justify-content:flex-end;gap:.4rem}optcg-starter-decks-page .card-dialog__position{min-width:5.5rem;color:color-mix(in srgb,var(--op-ink) 68%,transparent);font-size:.78rem;font-weight:700;text-align:right}optcg-starter-decks-page .card-dialog__navigation,optcg-starter-decks-page .card-dialog__close{display:grid;flex:0 0 44px;width:44px;height:44px;border:2px solid color-mix(in srgb,var(--op-ocean) 54%,transparent);border-radius:50%;padding:0;place-items:center;background:var(--op-navy);color:var(--op-white);font-size:1.65rem;line-height:1}optcg-starter-decks-page .card-dialog__navigation{border-color:color-mix(in srgb,var(--op-ocean) 44%,transparent);background:var(--op-foam);color:var(--op-navy);font-size:1.35rem}optcg-starter-decks-page .card-dialog__navigation:hover,optcg-starter-decks-page .card-dialog__navigation:focus-visible{border-color:var(--op-ocean);background:color-mix(in srgb,var(--op-sky) 24%,var(--op-white))}optcg-starter-decks-page .card-dialog__content{display:grid;grid-template-columns:minmax(180px,.54fr) minmax(0,1fr);gap:1rem;min-height:0;overflow:auto}optcg-starter-decks-page .card-dialog figure{display:grid;align-content:start;gap:.4rem;margin:0}optcg-starter-decks-page .card-dialog figure img{width:100%;max-height:62dvh;border-radius:6px;object-fit:contain;background:var(--op-foam);box-shadow:0 18px 38px color-mix(in srgb,var(--op-navy) 22%,transparent)}optcg-starter-decks-page .card-dialog figcaption{color:color-mix(in srgb,var(--op-ink) 58%,transparent);font-size:.72rem;text-align:center}optcg-starter-decks-page .card-dialog__details{display:grid;align-content:start;gap:.75rem;min-width:0}optcg-starter-decks-page .card-dialog__details dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:0}optcg-starter-decks-page .card-dialog__details dl div{border:1px solid color-mix(in srgb,var(--op-cobalt) 14%,transparent);border-radius:var(--op-radius-sm);padding:.55rem;background:var(--op-foam)}optcg-starter-decks-page .card-dialog__details dt{color:var(--op-ocean);font-size:.68rem;font-weight:700;text-transform:uppercase}optcg-starter-decks-page .card-dialog__details dd{margin:0;font-weight:700}optcg-starter-decks-page .card-dialog__details .card-dialog__traits{grid-column:1/-1}optcg-starter-decks-page .card-dialog__rules{border-left:4px solid var(--op-ocean);padding:.7rem .8rem;background:color-mix(in srgb,var(--op-foam) 84%,var(--op-white))}optcg-starter-decks-page .card-dialog__rules strong{color:var(--op-ocean);font-size:.72rem;text-transform:uppercase}optcg-starter-decks-page .card-dialog__rules p{margin-top:.3rem;line-height:1.45;white-space:pre-line}optcg-starter-decks-page .card-dialog__rules--trigger{border-left-color:var(--op-gold)}@media(min-width:641px)and (max-height:820px){optcg-starter-decks-page .starter-detail{gap:.5rem;padding:.7rem}optcg-starter-decks-page .starter-detail dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem}optcg-starter-decks-page .starter-detail dl div{padding:.42rem}}@media(max-width:760px){optcg-starter-decks-page{height:100%;min-height:0}optcg-starter-decks-page .starter-shell,optcg-starter-decks-page .starter-workspace{height:100%;min-height:0;overflow:hidden}optcg-starter-decks-page .starter-workspace{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr}optcg-starter-decks-page .starter-grid{display:flex;max-height:112px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-color:var(--op-sky) color-mix(in srgb,var(--op-cobalt) 8%,transparent)}optcg-starter-decks-page .starter-card{flex:0 0 min(64vw,230px);min-height:88px;scroll-snap-align:start}optcg-starter-decks-page .starter-detail{max-height:none;overflow:hidden}optcg-starter-decks-page .starter-inventory{max-height:none;overflow:auto;grid-template-columns:repeat(3,minmax(0,1fr))}optcg-starter-decks-page .starter-detail dl{grid-template-columns:repeat(2,minmax(0,1fr))}optcg-starter-decks-page .card-dialog-backdrop{align-items:end;padding:0}optcg-starter-decks-page .card-dialog{width:100%;max-height:92dvh;border-radius:var(--op-radius-lg) var(--op-radius-lg) 0 0;padding-bottom:max(.9rem,env(safe-area-inset-bottom))}optcg-starter-decks-page .card-dialog__content{grid-template-columns:minmax(110px,.42fr) minmax(0,1fr)}optcg-starter-decks-page .card-dialog__details dl{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){optcg-starter-decks-page .starter-header{align-items:center;min-height:56px;gap:.35rem;padding:.35rem .45rem}optcg-starter-decks-page .starter-header h1{font-size:1.25rem}optcg-starter-decks-page .route-compass{display:none}optcg-starter-decks-page .starter-header__identity{gap:0}optcg-starter-decks-page .starter-header__identity p{font-size:.62rem}optcg-starter-decks-page .starter-header__actions{gap:.3rem}optcg-starter-decks-page .starter-header a{padding-inline:.55rem}optcg-starter-decks-page .starter-inventory{grid-template-columns:repeat(2,minmax(0,1fr))}optcg-starter-decks-page .starter-detail>header{align-items:center}optcg-starter-decks-page .card-dialog__content{grid-template-columns:105px minmax(0,1fr);gap:.65rem}optcg-starter-decks-page .card-dialog__details dl{grid-template-columns:1fr 1fr}optcg-starter-decks-page .card-dialog__details dl div{padding:.4rem}optcg-starter-decks-page .card-dialog__position{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}}@media(max-width:350px){optcg-starter-decks-page .starter-header{align-items:stretch;flex-direction:column}optcg-starter-decks-page .starter-header>.starter-command{align-self:flex-end}}@media(orientation:landscape)and (max-height:560px)and (max-width:960px){optcg-starter-decks-page,optcg-starter-decks-page .starter-shell,optcg-starter-decks-page .starter-workspace{min-height:0;overflow:hidden}optcg-starter-decks-page .starter-shell{grid-template-rows:54px minmax(0,1fr);gap:.45rem;height:100%}optcg-starter-decks-page .starter-header{align-items:center;padding:.3rem .55rem}optcg-starter-decks-page .starter-header__identity{gap:.5rem}optcg-starter-decks-page .starter-header .route-compass{width:38px;flex-basis:38px;border-width:1px;box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--op-white) 72%,transparent)}optcg-starter-decks-page .starter-header .eyebrow{display:none}optcg-starter-decks-page .starter-header h1{overflow:hidden;font-size:1.05rem;text-overflow:ellipsis;white-space:nowrap}optcg-starter-decks-page .starter-header p:last-child{margin:0;color:color-mix(in srgb,var(--op-white) 76%,var(--op-sky));font-size:.66rem}optcg-starter-decks-page .starter-workspace{grid-template-columns:minmax(174px,.38fr) minmax(0,1fr);gap:.45rem;height:auto}optcg-starter-decks-page .starter-grid{display:grid;grid-template-columns:1fr;align-content:start;gap:.35rem;max-height:none;overflow:auto;padding:.4rem;scroll-snap-type:none;scrollbar-gutter:stable}optcg-starter-decks-page .starter-card{grid-template-columns:32px minmax(0,1fr);min-height:54px;flex:initial;gap:.1rem;padding:.45rem .55rem}optcg-starter-decks-page .starter-card>img{width:32px}optcg-starter-decks-page .starter-card:hover{transform:none}optcg-starter-decks-page .starter-card small{font-size:.66rem}optcg-starter-decks-page .starter-card strong{overflow:hidden;font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}optcg-starter-decks-page .starter-detail,optcg-starter-decks-page .starter-detail:has(.starter-leaders){gap:.3rem;max-height:none;overflow:hidden;padding:.4rem}optcg-starter-decks-page .starter-detail{grid-template-rows:auto auto auto minmax(48px,1fr)}optcg-starter-decks-page .starter-detail:has(.starter-leaders){grid-template-rows:auto auto auto minmax(28px,auto) minmax(48px,1fr)}optcg-starter-decks-page .starter-detail>header{min-height:44px;align-items:center}optcg-starter-decks-page .starter-detail>header .eyebrow{margin-bottom:0;font-size:.6rem}optcg-starter-decks-page .starter-detail h2{overflow:hidden;max-width:42vw;font-size:.9rem;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}optcg-starter-decks-page .starter-detail a{min-height:44px;padding:.35rem .55rem;font-size:.7rem}optcg-starter-decks-page .starter-leaders{min-height:44px;gap:.4rem;overflow-x:auto;overflow-y:hidden}optcg-starter-decks-page .starter-leaders>div{flex-wrap:nowrap}optcg-starter-decks-page .starter-leaders button{flex:0 0 auto;min-height:44px;padding:.35rem .5rem;font-size:.68rem}optcg-starter-decks-page .starter-detail dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem}optcg-starter-decks-page .starter-detail dl div{min-width:0;padding:.3rem .35rem}optcg-starter-decks-page .starter-detail dt{font-size:.56rem}optcg-starter-decks-page .starter-detail dd{overflow:hidden;font-size:.66rem;text-overflow:ellipsis;white-space:nowrap}optcg-starter-decks-page .starter-readiness{max-height:38px;overflow:auto}optcg-starter-decks-page .starter-readiness p{padding:.22rem .4rem;font-size:.62rem;line-height:1.25}optcg-starter-decks-page .starter-detail ol{max-height:none;overflow:auto}optcg-starter-decks-page .starter-inventory{grid-row:4;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:.35rem}optcg-starter-decks-page .starter-detail:has(.starter-leaders) .starter-inventory{grid-row:5}optcg-starter-decks-page .deck-card-tile{gap:.2rem;padding:.25rem}optcg-starter-decks-page .deck-card-tile__identity small{font-size:.52rem}optcg-starter-decks-page .deck-card-tile__identity strong{font-size:.64rem}optcg-starter-decks-page .deck-card-tile em{top:.4rem;right:.4rem;min-width:24px;min-height:24px}optcg-starter-decks-page .card-dialog-backdrop{align-items:center;padding:.25rem}optcg-starter-decks-page .card-dialog{grid-template-rows:auto minmax(0,1fr);gap:.4rem;width:min(920px,100%);max-height:calc(100dvh - .5rem);height:calc(100dvh - .5rem);border-radius:var(--op-radius-md);padding:.45rem}optcg-starter-decks-page .card-dialog>header{min-height:46px;align-items:center;padding-bottom:.35rem}optcg-starter-decks-page .card-dialog>header .eyebrow,optcg-starter-decks-page .card-dialog>header p:last-child,optcg-starter-decks-page .card-dialog figcaption{display:none}optcg-starter-decks-page .card-dialog h2{overflow:hidden;max-width:48vw;font-size:1rem;text-overflow:ellipsis;white-space:nowrap}optcg-starter-decks-page .card-dialog__content{grid-template-columns:minmax(128px,.4fr) minmax(0,1fr);gap:.6rem;overflow:hidden}optcg-starter-decks-page .card-dialog figure{min-height:0}optcg-starter-decks-page .card-dialog figure img{height:100%;max-height:none}optcg-starter-decks-page .card-dialog__details{align-content:start;gap:.4rem;overflow:auto;padding-right:.15rem}optcg-starter-decks-page .card-dialog__details dl{grid-template-columns:repeat(4,minmax(0,1fr));gap:.3rem}optcg-starter-decks-page .card-dialog__details dl div{padding:.35rem}optcg-starter-decks-page .card-dialog__details dt{font-size:.58rem}optcg-starter-decks-page .card-dialog__details dd{overflow-wrap:anywhere;font-size:.68rem}optcg-starter-decks-page .card-dialog__rules{padding:.4rem .55rem}optcg-starter-decks-page .card-dialog__rules p{margin-top:.15rem;font-size:.68rem;line-height:1.35}}@media(orientation:landscape)and (max-height:560px)and (max-width:860px){optcg-starter-decks-page{height:100%}}@media(prefers-reduced-motion:reduce){optcg-starter-decks-page .deck-card-tile,optcg-starter-decks-page .starter-card{transition:none}optcg-starter-decks-page .starter-card:hover{transform:none}}