@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")}.game-command{display:inline-flex;box-sizing:border-box;min-width:44px;min-height:44px;align-items:center;justify-content:center;gap:.38rem;border:1px solid color-mix(in srgb,var(--op-sky) 52%,transparent);border-radius:999px;padding:.55rem .78rem;background:linear-gradient(145deg,color-mix(in srgb,var(--op-ocean) 86%,var(--op-navy)),var(--op-navy));color:var(--op-white);font:850 .76rem/1 var(--op-font-interface);box-shadow:inset 0 1px color-mix(in srgb,var(--op-white) 18%,transparent),0 7px 16px color-mix(in srgb,var(--op-abyss) 26%,transparent);cursor:pointer;transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}.game-command:is(:hover,:focus-visible):not(:disabled){border-color:var(--op-gold);box-shadow:0 0 0 3px color-mix(in srgb,var(--op-gold) 18%,transparent),inset 0 1px color-mix(in srgb,var(--op-white) 22%,transparent);outline:none;transform:translateY(-1px)}.game-command:active:not(:disabled){transform:translateY(0) scale(.98)}.game-command:disabled{border-color:color-mix(in srgb,var(--op-white) 10%,transparent);background:color-mix(in srgb,var(--op-abyss) 70%,transparent);color:color-mix(in srgb,var(--op-white) 42%,transparent);box-shadow:none;cursor:not-allowed}.game-command--primary{border-color:color-mix(in srgb,var(--op-gold) 82%,var(--op-white));background:linear-gradient(145deg,color-mix(in srgb,var(--op-gold) 92%,var(--op-white)),var(--op-gold));color:var(--op-navy)}.game-command--secondary{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)}.game-command--ghost{border-color:color-mix(in srgb,var(--op-cobalt) 34%,transparent);background:color-mix(in srgb,var(--op-sky) 11%,var(--op-white));color:var(--op-navy);box-shadow:inset 0 1px var(--op-white)}.game-command[aria-pressed=true]{border-color:var(--op-gold);box-shadow:0 0 0 2px color-mix(in srgb,var(--op-gold) 24%,transparent),inset 0 1px color-mix(in srgb,var(--op-white) 22%,transparent)}.game-command--icon{width:44px;flex:0 0 44px;padding:0;font-size:1.05rem}.game-command--danger{border-color:color-mix(in srgb,var(--op-danger) 62%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--op-danger) 72%,var(--op-navy)),var(--op-abyss))}.game-command--increment{border-color:color-mix(in srgb,var(--op-success) 58%,transparent)}.game-command--decrement{border-color:color-mix(in srgb,var(--op-white) 24%,transparent)}img.game-card-art--unavailable{border:1px solid color-mix(in srgb,var(--op-gold) 52%,transparent);background:radial-gradient(circle,color-mix(in srgb,var(--op-cobalt) 32%,transparent),var(--op-abyss));filter:saturate(.42) contrast(.9);object-fit:cover}.collection-shell .collection-card footer .game-command{min-height:44px;border-radius:999px;padding:.35rem .55rem;font-size:.68rem}.collection-shell .collection-card footer .game-command--ghost{border-color:color-mix(in srgb,var(--op-ocean) 28%,transparent);background:color-mix(in srgb,var(--op-sky) 10%,var(--op-white));color:var(--op-navy)}.collection-shell .collection-card footer .game-command--secondary{border-color:color-mix(in srgb,var(--op-sky) 64%,var(--op-gold));background:linear-gradient(145deg,var(--op-cobalt),var(--op-navy));color:var(--op-white)}.collection-shell .collection-card__favorite-toggle.game-command{border-color:color-mix(in srgb,var(--op-gold) 56%,var(--op-ocean));background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--op-gold) 22%,var(--op-white)),color-mix(in srgb,var(--op-sky) 10%,var(--op-white)));color:var(--op-navy);font-size:1.05rem}.collection-shell .collection-card__favorite-toggle.game-command[aria-pressed=true]{background:linear-gradient(145deg,var(--op-gold),color-mix(in srgb,var(--op-gold) 68%,var(--op-ocean)));color:var(--op-navy)}.collection-shell .collection-card footer button[aria-pressed=true]{border-color:var(--op-gold);background:color-mix(in srgb,var(--op-gold) 18%,var(--op-white));color:var(--op-navy)}.collection-shell .collection-detail header button,.collection-shell .collection-detail__favorite{min-height:44px;font:inherit;font-weight:900}.collection-shell .collection-detail header .game-command--danger{border-color:color-mix(in srgb,var(--op-danger) 62%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--op-danger) 72%,var(--op-navy)),var(--op-abyss));color:var(--op-white)}.collection-shell .collection-detail__favorite.game-command{width:100%;border-color:color-mix(in srgb,var(--op-sky) 72%,var(--op-gold));border-radius:999px;background:linear-gradient(145deg,var(--op-cobalt),var(--op-navy));color:var(--op-white)}.collection-shell .collection-detail__navigation{display:grid;grid-template-columns:44px minmax(50px,auto) 44px;align-items:center;gap:.25rem}.collection-shell .collection-detail__navigation>span{color:color-mix(in srgb,var(--op-ink) 66%,transparent);font-size:.65rem;font-weight:900;text-align:center;white-space:nowrap}.collection-shell .quantity-stepper .game-command{border-radius:50%;padding:0}@media(max-width:1180px){.collection-shell .collection-filters header button,.collection-shell .collection-filters__done{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid var(--op-ocean);border-radius:var(--op-radius-md);padding:.4rem .65rem;background:var(--op-white);color:var(--op-navy);font:inherit;font-weight:900}.collection-shell .collection-filters header .game-command--danger{border-color:color-mix(in srgb,var(--op-danger) 62%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--op-danger) 72%,var(--op-navy)),var(--op-abyss));color:var(--op-white)}.collection-shell .collection-filters__done.game-command--primary{border-color:var(--op-gold);background:linear-gradient(145deg,color-mix(in srgb,var(--op-gold) 92%,var(--op-white)),var(--op-gold));color:var(--op-navy)}}@media(prefers-reduced-motion:reduce){.game-command{transition:none}.game-command:is(:hover,:focus-visible,:active):not(:disabled){transform:none}}@media(orientation:landscape)and (max-width:960px)and (max-height:500px){.collection-filters:not(.collection-filters--open),.collection-detail:not(.collection-detail--open){transform:translate(calc(100% + 1rem))!important}}.game-surface{--game-surface-image: url(/assets/official/ui/match-one-piece-map.webp);--game-surface-position: center;position:relative;isolation:isolate;box-sizing:border-box;min-height:100%;overflow-x:clip;border:1px solid color-mix(in srgb,var(--op-gold) 42%,var(--op-ocean));border-radius:clamp(14px,2vw,22px);padding:clamp(.72rem,1.7vw,1.15rem);background:linear-gradient(112deg,color-mix(in srgb,var(--op-abyss) 91%,transparent),color-mix(in srgb,var(--op-ocean) 63%,transparent)),var(--game-surface-image) var(--game-surface-position)/cover no-repeat;box-shadow:inset 0 1px color-mix(in srgb,var(--op-white) 18%,transparent),0 22px 52px color-mix(in srgb,var(--op-abyss) 34%,transparent);color:var(--op-white)}.game-surface:before,.game-surface:after{position:absolute;z-index:-1;border:1px solid color-mix(in srgb,var(--op-gold) 24%,transparent);border-radius:50%;content:"";pointer-events:none}.game-surface:before{width:34rem;aspect-ratio:1;right:-21rem;bottom:-22rem}.game-surface:after{width:16rem;aspect-ratio:1;top:-11rem;left:-10rem}.game-surface>*{position:relative;z-index:1}.game-surface--skypiea{--game-surface-image: url(/assets/official/ui/match-background-skypiea.webp)}.game-surface--water-seven{--game-surface-image: url(/assets/official/ui/match-background-water-seven.webp)}.game-surface--sabaody{--game-surface-image: url(/assets/official/ui/match-background-sabaody.webp)}.game-surface--dressrosa{--game-surface-image: url(/assets/official/ui/match-background-dressrosa.webp)}.game-surface--whole-cake{--game-surface-image: url(/assets/official/ui/match-background-whole-cake.webp)}.game-surface--wano{--game-surface-image: url(/assets/official/ui/match-background-wano.webp)}.game-surface--egghead{--game-surface-image: url(/assets/official/ui/match-background-egghead.webp)}.game-surface .game-surface__masthead{border:1px solid color-mix(in srgb,var(--op-gold) 56%,var(--op-sky));border-radius:clamp(12px,1.7vw,18px);background:radial-gradient(circle at 88% 8%,color-mix(in srgb,var(--op-sky) 24%,transparent),transparent 32%),linear-gradient(112deg,color-mix(in srgb,var(--op-abyss) 93%,transparent),color-mix(in srgb,var(--op-cobalt) 78%,transparent));box-shadow:inset 0 1px color-mix(in srgb,var(--op-white) 20%,transparent),0 12px 30px color-mix(in srgb,var(--op-abyss) 32%,transparent);color:var(--op-white)}.game-surface .game-panel{border:1px solid color-mix(in srgb,var(--op-sky) 34%,var(--op-gold));border-radius:clamp(10px,1.4vw,16px);background:linear-gradient(128deg,color-mix(in srgb,var(--op-abyss) 90%,transparent),color-mix(in srgb,var(--op-cobalt) 69%,transparent));box-shadow:inset 0 1px color-mix(in srgb,var(--op-white) 14%,transparent),0 10px 24px color-mix(in srgb,var(--op-abyss) 26%,transparent);color:var(--op-white)}.game-surface .game-panel--solid{background:linear-gradient(145deg,var(--op-navy),var(--op-abyss))}.game-surface .game-panel :where(input,select,textarea){border-color:color-mix(in srgb,var(--op-sky) 52%,var(--op-gold));background:color-mix(in srgb,var(--op-abyss) 92%,transparent);color:var(--op-white);color-scheme:dark}.game-surface .game-command-card{border-color:color-mix(in srgb,var(--op-sky) 38%,var(--op-gold));background:linear-gradient(118deg,color-mix(in srgb,var(--op-abyss) 84%,transparent),color-mix(in srgb,var(--op-cobalt) 67%,transparent));box-shadow:inset 0 1px color-mix(in srgb,var(--op-white) 15%,transparent),0 9px 22px color-mix(in srgb,var(--op-abyss) 25%,transparent);color:var(--op-white)}.game-surface .game-command-card:is(:hover,:focus-within){border-color:var(--op-gold);box-shadow:0 0 0 3px color-mix(in srgb,var(--op-gold) 15%,transparent),0 12px 28px color-mix(in srgb,var(--op-abyss) 34%,transparent)}:root[data-contrast=more] .game-surface{border-width:2px;background-color:var(--op-abyss);background-image:none}:root[data-contrast=more] .game-surface :where(.game-surface__masthead,.game-panel,.game-command-card){border-width:2px;background:var(--op-navy);box-shadow:none}@media(max-width:700px){.game-surface{border-radius:14px;padding:.6rem}}@media(orientation:landscape)and (min-width:601px)and (max-width:960px)and (max-height:500px){.game-surface{padding-inline:.45rem}}@media(prefers-reduced-motion:reduce){.game-surface .game-command-card{transition:none}}.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 .sr-only{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}.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);padding-inline-end:calc(44px + .75rem);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 .seat-hand-badge{display:inline-flex;box-sizing:border-box;max-width:100%;min-width:max-content;min-height:24px;align-items:center;gap:.28rem;overflow:visible;border:1px solid color-mix(in srgb,var(--op-sky) 72%,transparent);border-left-width:4px;padding:.12rem .3rem;background:var(--op-navy);color:var(--op-white);font-size:clamp(.5rem,1.5cqh,.62rem);font-weight:900;text-transform:uppercase;white-space:nowrap}.match-shell .seat-hand-badge__name{flex:0 0 auto;min-width:max-content;overflow:visible}.match-shell .seat-hand-badge__hand{display:inline-flex;flex:0 0 auto;align-items:center;gap:.2rem;border-left:1px solid var(--op-line);padding-left:.28rem;color:var(--op-foam)}.match-shell .seat-hand-badge__hand b{display:grid;width:1.25rem;height:1.25rem;place-items:center;border:1px solid var(--op-sky);border-radius:50%;background:var(--op-cobalt);color:var(--op-white);line-height:1}.match-shell .match-utility-controls{position:absolute;right:max(.5rem,env(safe-area-inset-right,0px));bottom:max(.5rem,env(safe-area-inset-bottom,0px));z-index:24}.match-shell .match-utility-controls--portrait{right:auto;bottom:calc(3.5rem + env(safe-area-inset-bottom,0px));left:max(.5rem,env(safe-area-inset-left,0px))}.match-shell button.match-utility-feedback{min-height:44px;min-width:44px;pointer-events:auto;cursor:pointer}.match-shell .match-utility-controls--portrait button.match-utility-feedback{right:auto;left:0}.match-shell .match-bot-playback-layer{position:absolute;right:max(.5rem,env(safe-area-inset-right,0px));bottom:max(.5rem,env(safe-area-inset-bottom,0px));z-index:24;width:min(26rem,100% - 1rem)}.match-shell .match-bot-playback-layer--portrait{right:0;bottom:0;width:100%;padding:.35rem max(.5rem,env(safe-area-inset-right,0px)) calc(.35rem + env(safe-area-inset-bottom,0px)) max(.5rem,env(safe-area-inset-left,0px))}@media(orientation:landscape)and (min-width:601px)and (max-width:960px)and (max-height:500px){.match-shell .hand-fan.hand-fan{grid-template-columns:minmax(76px,.65fr) minmax(0,2.35fr) minmax(256px,1.4fr)}.match-shell .hand-fan__controls{box-sizing:border-box}.match-shell .hand-fan__controls>optcg-bot-playback-control{width:100%;flex:1 1 256px}}.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 .match-dialog--actions[data-effect-dialog]{width:min(var(--match-viewport-width) - max(1rem,env(safe-area-inset-left)) - max(1rem,env(safe-area-inset-right)),1120px);height:min(880px,var(--match-viewport-height) - max(1rem,env(safe-area-inset-top)) - max(1rem,env(safe-area-inset-bottom)));max-width:none;max-height:none;overflow:hidden}.match-shell .match-dialog--actions[data-effect-dialog] .match-dialog__surface{--effect-context-rail-width: 13rem;--effect-card-width: clamp(7.25rem, 17vw, 9.25rem);position:relative;isolation:isolate;display:grid;grid-template-columns:var(--effect-context-rail-width) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;height:100%;max-height:none;gap:.45rem .6rem;overflow-x:hidden;overflow-y:hidden;border-bottom:4px solid var(--op-ocean);border-top-color:var(--effect-tone, var(--op-sky));background:radial-gradient(circle at 88% 10%,color-mix(in srgb,var(--effect-tone, var(--op-sky)) 18%,transparent),transparent 34%),repeating-linear-gradient(0deg,transparent 0 23px,color-mix(in srgb,var(--op-sky) 4%,transparent) 23px 24px),repeating-linear-gradient(90deg,transparent 0 35px,color-mix(in srgb,var(--op-gold) 3%,transparent) 35px 36px),linear-gradient(155deg,var(--op-navy),color-mix(in srgb,var(--op-cobalt) 68%,var(--op-navy)) 120%);box-shadow:0 28px 80px color-mix(in srgb,var(--op-abyss) 78%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--op-white) 9%,transparent)}.match-shell .match-dialog--actions[data-decision-size=compact]{width:min(var(--match-viewport-width) - max(1rem,env(safe-area-inset-left)) - max(1rem,env(safe-area-inset-right)),760px);height:min(620px,78dvh)}.match-shell .match-dialog--actions[data-decision-size=grid]{width:min(var(--match-viewport-width) - max(1rem,env(safe-area-inset-left)) - max(1rem,env(safe-area-inset-right)),960px);height:min(760px,84dvh)}.match-shell .match-dialog--actions[data-decision-fullscreen]{width:min(var(--match-viewport-width) - max(1rem,env(safe-area-inset-left)) - max(1rem,env(safe-area-inset-right)),1120px);height:min(880px,var(--match-viewport-height) - max(1rem,env(safe-area-inset-top)) - max(1rem,env(safe-area-inset-bottom)))}.match-shell .match-dialog--actions[data-effect-dialog] .match-dialog__surface>.effect-dialog__stage{grid-column:2;grid-row:1}.match-shell .match-dialog--actions[data-effect-dialog] .match-dialog__surface>.effect-dialog__commands{grid-column:2;grid-row:2}.match-shell .match-dialog--actions[data-effect-dialog] .match-dialog__surface>optcg-prompt-card-choice,.match-shell .match-dialog--actions[data-effect-dialog] .match-dialog__surface>optcg-prompt-card-order,.match-shell .match-dialog--actions[data-effect-dialog] .match-dialog__surface>optcg-prompt-panel,.match-shell .match-dialog--actions[data-effect-dialog] .match-dialog__surface>.effect-dialog__recovery{grid-column:2;grid-row:1/-1;min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto}.match-shell .match-dialog--actions[data-effect-dialog] .prompt-panel__header,.match-shell .match-dialog--actions[data-effect-dialog] .prompt-panel__message{display:none}.match-shell .match-dialog--actions[data-effect-tone=cost]{--effect-tone: var(--op-gold)}.match-shell .match-dialog--actions[data-effect-tone=danger]{--effect-tone: var(--op-danger)}.match-shell .match-dialog--actions[data-effect-tone=defense]{--effect-tone: var(--op-sky)}.match-shell .match-dialog--actions[data-effect-tone=neutral]{--effect-tone: var(--op-foam)}.match-shell .match-dialog--actions[data-effect-tone=benefit]{--effect-tone: #63d7ff}.match-shell .effect-dialog__intro{position:relative;display:flex;grid-column:1;grid-row:1/-1;min-width:0;flex-direction:column;gap:.5rem;padding:.55rem .6rem .55rem .15rem;overflow-x:hidden;overflow-y:auto;border-right:1px solid color-mix(in srgb,var(--effect-tone, var(--op-sky)) 32%,transparent);background:radial-gradient(circle at 50% 86%,color-mix(in srgb,var(--effect-tone, var(--op-sky)) 13%,transparent),transparent 38%),color-mix(in srgb,var(--op-abyss) 54%,transparent)}.match-shell .effect-dialog__rail-status{position:relative;z-index:2;display:grid;min-width:0;margin-top:auto;align-self:end;gap:.12rem;border-top:1px solid color-mix(in srgb,var(--effect-tone, var(--op-sky)) 36%,transparent);padding:.45rem .35rem .12rem;background:linear-gradient(90deg,color-mix(in srgb,var(--effect-tone, var(--op-sky)) 10%,transparent),transparent)}.match-shell .effect-dialog__rail-status small{color:var(--effect-tone, var(--op-sky));font-size:.52rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.match-shell .effect-dialog__rail-status strong{color:var(--op-foam);font-size:.64rem;line-height:1.35}.match-shell .effect-dialog__rail-status[data-effect-status-state=invalid]{border-color:var(--op-danger);background:color-mix(in srgb,var(--op-danger) 20%,var(--op-abyss))}.match-shell .effect-dialog__rail-status:focus-visible{outline:3px solid var(--op-gold);outline-offset:-2px}.match-shell .effect-dialog__rail-battle{display:grid;gap:.3rem;border-top:1px solid color-mix(in srgb,var(--op-gold) 36%,transparent);border-bottom:1px solid color-mix(in srgb,var(--op-sky) 24%,transparent);padding:.48rem .35rem;background:color-mix(in srgb,var(--op-abyss) 42%,transparent);font-variant-numeric:tabular-nums}.match-shell .effect-dialog__rail-outcome{display:grid;gap:.16rem;border-left:3px solid var(--op-gold);padding:.42rem .45rem;background:color-mix(in srgb,var(--op-gold) 10%,var(--op-abyss))}.match-shell .effect-dialog__rail-outcome small{color:var(--op-muted);font-size:.48rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.match-shell .effect-dialog__rail-outcome strong{color:var(--op-gold);font-size:.66rem;line-height:1.25}.match-shell .effect-dialog__rail-outcome span{color:var(--op-foam);font-size:.58rem;line-height:1.3}.match-shell .effect-dialog__rail-outcome[data-tone=defense]{border-left-color:var(--op-sky);background:color-mix(in srgb,var(--op-cobalt) 20%,var(--op-abyss))}.match-shell .effect-dialog__rail-outcome[data-tone=defense] strong{color:var(--op-sky)}.match-shell .effect-dialog__rail-battle>small,.match-shell .effect-dialog__rail-battle dt,.match-shell .effect-dialog__rail-battle span small{color:var(--op-sky);font-size:.48rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.match-shell .effect-dialog__rail-battle-headline{color:var(--op-white);font-size:.64rem;line-height:1.3}.match-shell .effect-dialog__rail-battle ul{display:grid;gap:.18rem;margin:0;padding:0;list-style:none}.match-shell .effect-dialog__rail-battle li{display:grid;gap:.05rem;border-left:2px solid var(--op-gold);padding:.18rem .28rem;background:color-mix(in srgb,var(--op-gold) 9%,transparent)}.match-shell .effect-dialog__rail-battle li strong{color:var(--op-gold);font-size:.48rem;text-transform:uppercase}.match-shell .effect-dialog__rail-battle li span{color:var(--op-foam);font-size:.52rem;line-height:1.2}.match-shell .effect-dialog__rail-battle>div{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:.25rem}.match-shell .effect-dialog__rail-battle>div span{display:grid;gap:.05rem}.match-shell .effect-dialog__rail-battle>div span:last-child{text-align:right}.match-shell .effect-dialog__rail-battle>div strong{color:var(--op-white);font-size:.82rem}.match-shell .effect-dialog__rail-battle>div b{color:var(--op-gold);font-size:.52rem}.match-shell .effect-dialog__rail-battle dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.22rem;margin:0}.match-shell .effect-dialog__rail-battle dl div{min-width:0;padding:.28rem;background:color-mix(in srgb,var(--op-navy) 78%,transparent)}.match-shell .effect-dialog__rail-battle dt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match-shell .effect-dialog__rail-battle dd{margin:.08rem 0 0;color:var(--op-gold);font-size:.62rem;font-weight:900}.match-shell .effect-dialog__phase{display:none}.match-shell .effect-dialog__body{position:relative;display:grid;min-width:0;align-content:start;gap:.45rem}.match-shell .effect-dialog__stage{display:grid;min-width:0;min-height:0;align-content:start;gap:.55rem;overflow-x:hidden;overflow-y:auto;padding:.15rem .55rem .4rem .15rem}.match-shell [data-decision-size=compact] .effect-dialog__stage{align-content:center}.match-shell [data-decision-size=compact] .counter-choice__groups,.match-shell [data-decision-size=compact] .counter-choice__events,.match-shell [data-decision-size=compact] .counter-choice__card-grid{justify-content:center}.match-shell [data-effect-dialog] [data-effect-scroll-region]{overflow-x:hidden;overflow-x:clip;overscroll-behavior:contain;background:linear-gradient(to bottom,color-mix(in srgb,var(--effect-tone, var(--op-sky)) 78%,var(--op-gold)) 0 var(--effect-scroll-progress),color-mix(in srgb,var(--op-abyss) 76%,transparent) var(--effect-scroll-progress) 100%) right .1rem top/3px 100% no-repeat;scrollbar-color:var(--effect-tone, var(--op-sky)) color-mix(in srgb,var(--op-abyss) 86%,transparent);scrollbar-width:thin}.match-shell [data-effect-dialog] [data-effect-scroll-region]::-webkit-scrollbar:vertical{width:8px}.match-shell [data-effect-dialog] [data-effect-scroll-region]::-webkit-scrollbar:horizontal{height:0}.match-shell [data-effect-dialog] [data-effect-scroll-region]::-webkit-scrollbar-track{background:color-mix(in srgb,var(--op-abyss) 86%,transparent)}.match-shell [data-effect-dialog] [data-effect-scroll-region]::-webkit-scrollbar-thumb{border:2px solid var(--op-navy);border-radius:999px;background:linear-gradient(var(--effect-tone, var(--op-sky)),var(--op-gold))}.match-shell [data-effect-dialog] [data-effect-scroll-region][data-scrollable=true]:not([data-scroll-start=true]){box-shadow:inset 0 12px 12px -12px var(--effect-tone, var(--op-sky))}.match-shell [data-effect-dialog] [data-effect-scroll-region][data-scrollable=true]:not([data-scroll-end=true]){border-bottom:1px solid color-mix(in srgb,var(--effect-tone, var(--op-sky)) 34%,transparent)}.match-shell .effect-dialog__body--options{min-height:clamp(8rem,32dvh,15rem);align-content:center}.match-shell .effect-dialog__option-preview{display:grid;min-height:100%;place-content:center;gap:.15rem;color:color-mix(in srgb,var(--op-foam) 74%,transparent);text-align:center}.match-shell .effect-dialog__option-preview span{color:var(--op-sky);font-size:.58rem;font-weight:900;text-transform:uppercase}.match-shell .effect-dialog__option-preview strong{font-size:.72rem}.match-shell .effect-dialog__commands{display:flex;min-width:0;min-height:44px;flex:0 0 auto;align-items:center;justify-content:space-between;gap:.35rem;border:1px solid color-mix(in srgb,var(--effect-tone, var(--op-sky)) 18%,transparent);border-radius:6px;padding:.22rem;border-top:1px solid color-mix(in srgb,var(--effect-tone, var(--op-sky)) 24%,transparent);background:linear-gradient(90deg,color-mix(in srgb,var(--op-abyss) 94%,transparent),color-mix(in srgb,var(--op-navy) 96%,transparent)),repeating-linear-gradient(90deg,transparent 0 30px,color-mix(in srgb,var(--op-gold) 5%,transparent) 30px 31px);box-shadow:inset 0 1px color-mix(in srgb,var(--op-white) 7%,transparent)}.match-shell [data-decision-shell] [data-effect-command-region]{position:sticky;z-index:6;bottom:0;pointer-events:none}.match-shell [data-decision-shell] [data-effect-command-region] :is(button,input,select,textarea,[role=button]){pointer-events:auto}.match-shell .effect-dialog__commands--options optcg-prompt-option-control{min-width:0;flex:1 1 auto}.match-shell .effect-dialog__compact-actions{display:flex;min-width:0;width:100%;justify-content:flex-end;gap:.35rem}.match-shell .effect-dialog__compact-actions button,.match-shell .effect-dialog__commands--recovery button{position:relative;min-width:96px;min-height:44px;border:1px solid var(--effect-tone, var(--op-sky));border-radius:5px;padding:.42rem .7rem;background:linear-gradient(145deg,var(--op-ocean),var(--op-cobalt));color:var(--op-white);font-size:.72rem;font-weight:900}.match-shell .effect-dialog__compact-actions button[aria-disabled=true]{filter:grayscale(.65);opacity:.5}.match-shell .effect-dialog__compact-actions button>span{margin-left:.25rem;border-radius:999px;padding:.08rem .3rem;background:color-mix(in srgb,var(--op-abyss) 28%,transparent)}.match-shell .effect-dialog__compact-actions kbd{display:none}.match-shell .effect-dialog__compact-actions button:focus-visible kbd{display:inline-block}[data-effect-dialog] [data-effect-command-region] [data-shortcut-decline]{order:0;border-color:color-mix(in srgb,var(--op-foam) 34%,transparent);background-color:var(--op-abyss);background-image:linear-gradient(145deg,color-mix(in srgb,var(--op-navy) 92%,var(--op-ocean)),var(--op-abyss));color:var(--op-foam);box-shadow:inset 0 1px color-mix(in srgb,var(--op-white) 6%,transparent)}[data-effect-dialog] [data-effect-command-region] [data-shortcut-primary]{order:1;border-color:var(--op-gold);background-color:var(--op-ocean);background-image:linear-gradient(135deg,color-mix(in srgb,var(--op-sky) 38%,var(--op-ocean)),var(--op-cobalt));color:var(--op-white);box-shadow:inset 0 1px color-mix(in srgb,var(--op-white) 22%,transparent),0 0 0 1px color-mix(in srgb,var(--op-gold) 28%,transparent),0 7px 16px color-mix(in srgb,var(--op-abyss) 38%,transparent)}.match-shell .effect-dialog__recovery{display:grid;min-height:0;flex:1 1 auto;place-content:center;gap:.55rem;border:1px solid color-mix(in srgb,var(--op-danger) 68%,var(--op-gold));border-radius:10px;padding:clamp(.8rem,3vw,1.4rem);background:color-mix(in srgb,var(--op-danger) 13%,var(--op-abyss));text-align:center}.match-shell .effect-dialog__recovery>div{display:flex;align-items:center;justify-content:center;gap:.4rem;color:var(--op-gold);font-weight:900;text-transform:uppercase}.match-shell .effect-dialog__recovery>div span{display:grid;width:2rem;height:2rem;place-items:center;border:2px solid currentColor;border-radius:50%}.match-shell .effect-dialog__recovery h3,.match-shell .effect-dialog__recovery p{margin:0}.match-shell .effect-dialog__recovery footer{display:flex;justify-content:center;gap:.5rem}.match-shell .effect-dialog__recovery button{min-height:44px;border:1px solid var(--op-gold);border-radius:6px;padding:.5rem .75rem;background:var(--op-ocean);color:var(--op-white);font-weight:900}.match-shell .decision-source{display:grid;grid-template-columns:42px minmax(0,1fr);min-width:0;align-items:center;gap:.55rem;border:1px solid color-mix(in srgb,var(--op-sky) 26%,transparent);border-radius:6px;padding:.45rem;background:color-mix(in srgb,var(--op-abyss) 96%,var(--op-navy))}.match-shell .decision-source__art{display:block;width:42px;aspect-ratio:365/510;overflow:hidden;border:1px solid color-mix(in srgb,var(--op-gold) 28%,transparent);border-radius:3px;background:var(--op-navy) url(/assets/official/ui/compass-mark-light.webp) center/72% no-repeat;box-shadow:0 7px 16px color-mix(in srgb,var(--op-abyss) 62%,transparent)}.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{display:-webkit-box;overflow:hidden;color:var(--op-white);font-size:.75rem;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2}.match-shell .decision-source__effect{display:grid;grid-column:1/-1;gap:.2rem;min-width:0;border-top:1px solid color-mix(in srgb,var(--op-sky) 20%,transparent);padding-top:.4rem}.match-shell .decision-source__effect p{margin:0;color:var(--op-foam);font-size:.68rem;line-height:1.45;white-space:pre-line;overflow-wrap:anywhere}.match-shell .decision-context{position:sticky;z-index:3;top:0;display:grid;align-content:start;gap:.4rem;padding:.45rem .5rem;background:color-mix(in srgb,var(--op-abyss) 42%,transparent);box-shadow:0 8px 18px color-mix(in srgb,var(--op-abyss) 32%,transparent)}.match-shell .decision-context[data-decision-tone=cost]{background:color-mix(in srgb,var(--op-gold) 10%,var(--op-abyss))}.match-shell .decision-context[data-decision-tone=danger]{background:color-mix(in srgb,var(--op-danger) 12%,var(--op-abyss))}.match-shell .decision-context[data-decision-tone=defense]{background:color-mix(in srgb,var(--op-sky) 10%,var(--op-abyss))}.match-shell .decision-context__titlebar{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:start;gap:.4rem}.match-shell .decision-context__titlebar h2{min-width:0;overflow-wrap:break-word;word-break:normal}.match-shell .decision-context h2{min-width:0;margin:0}.match-shell .decision-context h2{color:var(--op-white);font-family:var(--op-font-display);font-size:clamp(.95rem,1.8vw,1.2rem);line-height:1.08}.match-shell .effect-dialog__info-toggle{display:grid;width:44px;min-width:44px;height:44px;place-items:center;border:1px solid color-mix(in srgb,var(--effect-tone, var(--op-sky)) 68%,transparent);border-radius:50%;padding:0;background:color-mix(in srgb,var(--effect-tone, var(--op-sky)) 14%,var(--op-abyss));color:var(--op-white);font:900 1rem/1 var(--op-font-ui);cursor:pointer}.match-shell .effect-dialog__info-toggle[aria-expanded=true]{border-color:var(--op-gold);color:var(--op-gold);box-shadow:0 0 14px color-mix(in srgb,var(--op-gold) 24%,transparent)}.match-shell .effect-dialog__info-toggle:focus-visible{outline:3px solid var(--op-gold);outline-offset:2px}.match-shell .effect-dialog__info-panel{display:grid;gap:.4rem;border-top:1px solid color-mix(in srgb,var(--effect-tone, var(--op-sky)) 30%,transparent);padding-top:.45rem}.match-shell .effect-dialog__info-panel[hidden]{display:none}.match-shell .effect-dialog__info-panel p{margin:0;color:var(--op-sky);font-size:.58rem;font-weight:900;text-transform:uppercase}.match-shell .effect-dialog__info-panel>span{color:var(--op-muted);font-size:.7rem;line-height:1.4}.match-shell .effect-dialog__info-panel>strong{border-left:3px solid var(--effect-tone, var(--op-sky));padding:.4rem .45rem;background:color-mix(in srgb,var(--op-abyss) 42%,transparent);color:var(--op-foam);font-size:.7rem;line-height:1.4}.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__alternatives{position:relative;z-index:2}@media(prefers-reduced-motion:no-preference){.match-shell .match-dialog--actions[open][data-effect-dialog]::backdrop{animation:effect-backdrop-in .2s ease both}.match-shell .match-dialog--actions[open][data-effect-dialog] .match-dialog__surface{animation:effect-frame-in .38s cubic-bezier(.2,.78,.28,1) both}.match-shell .match-dialog--actions[open][data-effect-dialog] .decision-source{animation:effect-source-in .38s 60ms cubic-bezier(.2,.78,.28,1) both}.match-shell .match-dialog--actions[open][data-effect-dialog] .decision-context{animation:effect-copy-in .28s .13s ease both}.match-shell .match-dialog--actions[data-effect-phase=transitioning]>.match-dialog__surface>:not(.effect-dialog__intro){animation:effect-content-change .22s ease both}.match-shell .match-dialog--actions[data-effect-phase=submitting] .effect-dialog__phase{color:var(--op-gold);box-shadow:0 0 14px color-mix(in srgb,var(--op-gold) 32%,transparent)}.match-shell .match-dialog--actions[data-effect-phase=error] .effect-dialog__intro{animation:effect-frame-error .24s ease both}}@keyframes effect-backdrop-in{0%{background:transparent}}@keyframes effect-frame-in{0%{opacity:0;transform:translateY(18px)}}@keyframes effect-source-in{0%{opacity:0;transform:translate(-14px) rotate(-1deg)}}@keyframes effect-copy-in{0%{transform:translateY(7px)}}@keyframes effect-content-change{0%{opacity:.28;transform:translate(8px)}}@keyframes effect-frame-error{40%{transform:translate(4px)}}.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:calc(var(--match-viewport-width) - max(.5rem,env(safe-area-inset-left)) - max(.5rem,env(safe-area-inset-right)));height:calc(var(--match-viewport-height) - max(.5rem,env(safe-area-inset-top)) - max(.5rem,env(safe-area-inset-bottom)));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 .match-dialog--actions[data-effect-dialog] .match-dialog__surface{--effect-context-rail-width: 11.25rem}.match-shell .decision-source{grid-template-columns:36px minmax(0,1fr);padding-block:.28rem}.match-shell .decision-source__art{width:36px}.match-shell .decision-source__effect p{font-size:.6rem}.match-shell .effect-dialog__intro{padding:.4rem .45rem .4rem .1rem}.match-shell .decision-context{gap:.3rem;padding:.35rem .4rem}.match-shell .effect-dialog__info-panel>span,.match-shell .effect-dialog__info-panel>strong{font-size:.62rem}.match-shell .effect-dialog__intro--battle .effect-dialog__rail-battle{flex:0 0 auto;gap:.22rem;padding-block:.35rem}.match-shell .effect-dialog__intro--battle .effect-dialog__rail-outcome{padding:.3rem .35rem}.match-shell .match-dialog--actions .match-dialog__surface>optcg-prompt-card-choice,.match-shell .match-dialog--actions .match-dialog__surface>optcg-prompt-card-order,.match-shell .match-dialog--actions .match-dialog__surface>optcg-prompt-panel{min-height:0;flex:1 1 auto;overflow:hidden}}@media(max-width:700px)and (orientation:landscape){.match-shell .match-dialog--actions[data-effect-dialog] .match-dialog__surface{--effect-context-rail-width: 9.5rem}.match-shell .effect-dialog__rail-status{padding-inline:.25rem}}@media(max-width:640px)and (orientation:portrait){.match-shell .match-dialog--actions[data-effect-dialog] .match-dialog__surface{--effect-context-rail-width: 100%;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto}.match-shell .effect-dialog__intro{display:grid;grid-column:1;grid-row:1;grid-template-columns:minmax(0,10rem) minmax(0,1fr);grid-template-rows:auto;border-right:0;border-bottom:1px solid color-mix(in srgb,var(--effect-tone, var(--op-sky)) 30%,transparent);padding:.35rem}.match-shell .effect-dialog__rail-status{display:none}.match-shell .effect-dialog__rail-battle{display:grid;grid-column:2;gap:.22rem;align-self:stretch;padding:.3rem}.match-shell .effect-dialog__rail-battle ul{display:none}.match-shell .effect-dialog__rail-battle>div strong{font-size:.7rem}.match-shell .effect-dialog__rail-battle dl{gap:.16rem}.match-shell .effect-dialog__rail-battle dl div{padding:.2rem}.match-shell .effect-dialog__rail-battle dd{font-size:.54rem}.match-shell .effect-dialog__rail-outcome{padding:.24rem .28rem}.match-shell .match-dialog--actions[data-effect-dialog] .match-dialog__surface>.effect-dialog__stage{grid-column:1;grid-row:2/4}.match-shell .match-dialog--actions[data-effect-dialog] .match-dialog__surface>.effect-dialog__commands{grid-column:1;grid-row:4}.match-shell .match-dialog--actions[data-effect-dialog] .match-dialog__surface>optcg-prompt-card-choice,.match-shell .match-dialog--actions[data-effect-dialog] .match-dialog__surface>optcg-prompt-card-order,.match-shell .match-dialog--actions[data-effect-dialog] .match-dialog__surface>optcg-prompt-panel,.match-shell .match-dialog--actions[data-effect-dialog] .match-dialog__surface>.effect-dialog__recovery{grid-column:1;grid-row:2/-1}}:root[data-motion=reduce] .match-shell .match-dialog--actions[data-effect-dialog] *,:root[data-motion=reduce] .match-shell .match-dialog--actions[data-effect-dialog] *:before,:root[data-motion=reduce] .match-shell .match-dialog--actions[data-effect-dialog] *:after{animation:none!important;transition:none!important}@media(prefers-contrast:more){.match-shell [data-decision-shell],.match-shell [data-decision-shell] button{border-width:2px}}:root[data-contrast=more] .match-shell [data-decision-shell]{border-width:2px}:root[data-contrast=more] .match-shell [data-decision-shell] button{border-width:2px}.match-shell .portrait-match-stack{display:none}.match-shell--phone-portrait .board-viewport{visibility:hidden;pointer-events:none}.match-shell--phone-portrait .portrait-match-stack{--portrait-command-dock-reserve: calc(3.5rem + env(safe-area-inset-bottom, 0px)) ;position:absolute;inset:0;z-index:var(--match-layer-board);display:grid;grid-template-rows:auto auto minmax(0,1fr) var(--portrait-command-dock-reserve);min-width:0;min-height:0;padding:max(.5rem,env(safe-area-inset-top,0px)) max(.5rem,env(safe-area-inset-right,0px)) 0 max(.5rem,env(safe-area-inset-left,0px));overflow:hidden;background:var(--board-background-fill);color:var(--op-white)}.match-shell--phone-portrait:has(.replay-playback-layer) .portrait-match-stack{--portrait-command-dock-reserve: calc(10rem + env(safe-area-inset-bottom, 0px)) }.match-shell :is(.portrait-match-map,.portrait-match-context,.portrait-match-content,.portrait-command-dock){min-width:0;border:1px solid var(--op-line);background:color-mix(in srgb,var(--op-abyss) 90%,transparent)}.match-shell .portrait-match-map{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;padding:.35rem}.match-shell :is(.portrait-match-map button,.portrait-command-dock button){min-width:44px;min-height:44px;border:1px solid var(--op-line-strong);border-radius:.45rem;background:var(--op-cobalt);color:var(--op-white);font:inherit;font-weight:900}.match-shell .portrait-map-seat{min-width:0;padding:.25rem;border:1px solid color-mix(in srgb,var(--op-line) 85%,transparent);border-radius:.45rem;background:color-mix(in srgb,var(--op-ink) 76%,transparent)}.match-shell .portrait-map-seat--active{border-color:var(--op-gold);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--op-gold) 45%,transparent)}.match-shell .portrait-map-seat header{display:grid;gap:.15rem}.match-shell .portrait-map-seat header button{width:100%;padding:.35rem .45rem;text-align:left}.match-shell .portrait-map-seat header small,.match-shell .portrait-source-card>small{overflow:hidden;color:var(--op-foam);font-size:.65rem;text-overflow:ellipsis;white-space:nowrap}.match-shell .portrait-map-seat ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.2rem;margin:.25rem 0 0;padding:0;list-style:none}.match-shell .portrait-map-seat ul li{min-width:0}.match-shell .portrait-map-seat ul [data-portrait-target-zone]{border-color:var(--op-gold);color:var(--op-gold)}.match-shell .portrait-map-seat ul [data-portrait-source-zone]{border-color:var(--op-sky);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--op-sky) 55%,transparent)}.match-shell .portrait-map-seat ul button{width:100%;min-width:0;min-height:2rem;overflow:hidden;padding:.2rem .3rem;border-color:var(--op-line);background:var(--op-slate);font-size:.65rem;text-align:left;text-overflow:ellipsis;white-space:nowrap}.match-shell .portrait-match-context{display:grid;gap:.15rem;padding:.45rem .6rem}.match-shell .portrait-match-context span{color:var(--op-sky);font-size:.7rem;font-weight:900;text-transform:uppercase}.match-shell .portrait-match-context strong{color:var(--op-white)}.match-shell .portrait-match-context small{color:var(--op-foam)}.match-shell .portrait-match-context :is(.portrait-online-status,.portrait-draft-status){display:flex;flex-wrap:wrap;gap:.2rem .4rem;margin:0;color:var(--op-foam);font-size:.68rem}.match-shell .portrait-match-context .portrait-online-status strong{color:var(--op-sky)}.match-shell .portrait-match-context .portrait-draft-status button{min-height:2rem;border:1px solid var(--op-line-strong);border-radius:.35rem;background:var(--op-cobalt);color:var(--op-white);font:inherit;font-weight:900}.match-shell .portrait-match-content{min-height:0;overflow-x:hidden;overflow-y:auto;padding:.5rem;overscroll-behavior:contain}.match-shell .portrait-source-carousel{margin-bottom:.5rem}.match-shell .portrait-source-carousel,.match-shell .portrait-hand-carousel,.match-shell .portrait-target-carousel{display:flex;gap:.6rem;min-width:0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin}.match-shell .portrait-source-card{display:grid;flex:0 0 clamp(6.5rem,28vw,8.5rem);gap:.15rem;scroll-snap-align:start}.match-shell .portrait-hand-carousel{overflow-y:visible}.match-shell .portrait-hand-carousel>div{flex:0 0 min(10rem,62vw);scroll-snap-align:center}.match-shell .portrait-hand-carousel>div optcg-card-tile{display:block}.match-shell .portrait-target-source{display:grid;gap:.1rem;margin-bottom:.5rem;padding:.45rem .55rem;border:1px solid color-mix(in srgb,var(--op-gold) 65%,transparent);border-radius:.5rem;background:color-mix(in srgb,var(--op-ink) 85%,transparent)}.match-shell .portrait-target-source span{color:var(--op-gold);font-size:.65rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.match-shell .portrait-target-source strong{color:var(--op-white)}.match-shell .portrait-target-source optcg-card-tile{width:min(8rem,42vw)}.match-shell .portrait-target-carousel>div{flex:0 0 min(12rem,72vw);scroll-snap-align:center}.match-shell .portrait-target-carousel>div optcg-card-tile{display:block}.match-shell .portrait-command-dock{position:sticky;z-index:4;bottom:0;display:flex;align-items:center;gap:.35rem;padding:.45rem max(.5rem,env(safe-area-inset-right,0px)) calc(.45rem + env(safe-area-inset-bottom,0px)) max(.5rem,env(safe-area-inset-left,0px));overflow-x:auto}.match-shell .portrait-command-dock .portrait-command-tutorial{display:flex;flex:0 0 auto;gap:.35rem}.match-shell .portrait-command-dock a{display:grid;place-items:center;min-width:44px;min-height:44px;border:1px solid var(--op-line-strong);border-radius:.45rem;background:var(--op-cobalt);color:var(--op-white);font:inherit;font-weight:900;text-decoration:none}.match-result-recovery{position:fixed;inset:25% 12%;z-index:100;background:var(--op-navy);color:var(--op-white);padding:24px;overflow:auto}.match-result-recovery button{min-height:44px;min-width:44px;padding:.5rem 1rem;border:1px solid var(--op-line-strong);border-radius:.45rem;background:var(--op-cobalt);color:inherit;font:inherit}.board-viewport--living .playmat{background-color:color-mix(in srgb,var(--op-abyss) 72%,transparent)}.board-viewport--living .board-half{--half-surface: color-mix(in srgb, var(--op-abyss) 52%, transparent);--half-line: color-mix(in srgb, var(--board-theme-glow) 34%, transparent);border:1px solid color-mix(in srgb,var(--board-theme-glow) 72%,transparent);background-color:var(--half-surface)}.board-viewport--living .board-half--opponent{--half-surface: color-mix(in srgb, var(--op-cobalt) 48%, var(--op-abyss))}.board-viewport--living optcg-player-board-row .player-board-row{--mat-line: color-mix(in srgb, var(--board-theme-glow) 74%, transparent);--zone-fill: color-mix(in srgb, var(--op-abyss) 62%, transparent);--zone-border: color-mix(in srgb, var(--board-theme-glow) 84%, var(--op-white));--zone-divider: color-mix(in srgb, var(--op-white) 28%, transparent);--zone-glow: color-mix(in srgb, var(--board-theme-accent) 44%, transparent);--row-surface-start: color-mix(in srgb, var(--op-abyss) 62%, transparent);--row-surface-middle: color-mix(in srgb, var(--board-theme-accent) 34%, var(--op-abyss));--row-surface-end: color-mix(in srgb, var(--op-abyss) 66%, transparent);border:1px solid color-mix(in srgb,var(--board-theme-glow) 72%,transparent)}.board-viewport--living optcg-player-board-row .player-board-row--opponent{--row-surface-start: color-mix(in srgb, var(--op-abyss) 66%, transparent);--row-surface-middle: color-mix(in srgb, var(--board-theme-glow) 30%, var(--op-abyss));--row-surface-end: color-mix(in srgb, var(--op-navy) 70%, transparent)}.board-viewport--living optcg-player-board-row :is(.player-board-row__life,.player-board-row__trash,.player-board-row__characters,.player-board-row__leader,.player-board-row__stage,.player-board-row__deck,.player-board-row__cost-area,.player-board-row__don-deck){border-radius:6px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--zone-border) 64%,transparent),inset 0 0 18px var(--zone-glow)}.board-viewport--living .playmat .hand-fan{border-top-color:color-mix(in srgb,var(--board-theme-glow) 88%,var(--op-white));background-color:color-mix(in srgb,var(--op-abyss) 76%,transparent)}.match-shell[data-board-surface-mode=scenic] .board-viewport--living .playmat{background-color:color-mix(in srgb,var(--op-abyss) 30%,transparent)}.match-shell[data-board-surface-mode=scenic] .board-half--opponent{--half-surface: color-mix(in srgb, var(--op-cobalt) 24%, transparent)}.match-shell[data-board-surface-mode=scenic] .board-half--player{--half-surface: color-mix(in srgb, var(--op-navy) 28%, transparent)}.match-shell[data-board-surface-mode=scenic] .board-viewport--living optcg-player-board-row .player-board-row{--zone-fill: color-mix(in srgb, var(--op-abyss) 26%, transparent);--row-surface-start: color-mix(in srgb, var(--op-abyss) 24%, transparent);--row-surface-middle: color-mix(in srgb, var(--board-theme-accent) 16%, transparent);--row-surface-end: color-mix(in srgb, var(--op-abyss) 28%, transparent)}.match-shell[data-board-surface-mode=scenic] .hand-fan{background-color:color-mix(in srgb,var(--op-abyss) 34%,transparent);background-image:linear-gradient(180deg,color-mix(in srgb,var(--op-cobalt) 20%,transparent),color-mix(in srgb,var(--op-abyss) 30%,transparent))}.board-viewport--living .card-stack__zone-label{border:1px solid color-mix(in srgb,var(--op-sky) 46%,transparent);border-radius:4px;padding:.08rem .22rem;background:color-mix(in srgb,var(--op-abyss) 92%,transparent);color:var(--op-white);text-shadow:none}.board-viewport--living .card-stack__count,.board-viewport--living .player-board-row__don-aggregate>strong,.board-viewport--living .seat-hand-badge__hand b{border-color:color-mix(in srgb,var(--op-sky) 82%,var(--op-white));background:var(--op-navy);box-shadow:0 2px 8px color-mix(in srgb,var(--op-abyss) 72%,transparent);color:var(--op-white)}.match-shell[data-decision-active] .playmat optcg-card-tile{transition:transform .18s ease}.match-shell[data-decision-active] .playmat optcg-card-tile.card-tile-host--legal,.match-shell[data-decision-active] .playmat optcg-card-tile.card-tile-host--selected{position:relative;z-index:25}.match-shell[data-board-focus-region=opponent] .board-half--opponent,.match-shell[data-board-focus-region=player] .board-half--player,.match-shell[data-board-focus-region=hand] .hand-fan{outline:3px solid var(--op-gold);outline-offset:-3px;box-shadow:inset 0 0 0 1px var(--op-white),0 0 0 2px color-mix(in srgb,var(--op-gold) 38%,transparent),0 0 18px color-mix(in srgb,var(--op-gold) 44%,transparent)}:root[data-contrast=more] .board-viewport--living .playmat,:root[data-contrast=more] .board-viewport--living .playmat .hand-fan{background-color:var(--op-abyss)}:root[data-contrast=more] .board-viewport--living .board-half,:root[data-contrast=more] .board-viewport--living optcg-player-board-row .player-board-row{--half-surface: var(--op-navy);--zone-fill: var(--op-abyss);--row-surface-start: var(--op-abyss);--row-surface-middle: var(--op-navy);--row-surface-end: var(--op-abyss);border-color:var(--op-white);background-color:var(--op-navy)}:root[data-contrast=more] .board-viewport--living .card-stack__zone-label,:root[data-contrast=more] .board-viewport--living .seat-hand-badge{border-color:var(--op-white);background:var(--op-abyss);color:var(--op-white)}:root[data-contrast=more] .match-shell[data-board-focus-region=opponent] .board-half--opponent,:root[data-contrast=more] .match-shell[data-board-focus-region=player] .board-half--player,:root[data-contrast=more] .match-shell[data-board-focus-region=hand] .hand-fan{outline-color:var(--op-white);box-shadow:inset 0 0 0 2px var(--op-gold)}@media(prefers-contrast:more){.match-shell[data-board-surface-mode] .board-viewport--living .playmat,.match-shell[data-board-surface-mode] .board-viewport--living .playmat .hand-fan{background-color:var(--op-abyss)}.match-shell[data-board-surface-mode] .board-viewport--living .board-half,.match-shell[data-board-surface-mode] .board-viewport--living optcg-player-board-row .player-board-row{--half-surface: var(--op-navy);--zone-fill: var(--op-abyss);--row-surface-start: var(--op-abyss);--row-surface-middle: var(--op-navy);--row-surface-end: var(--op-abyss);background-color:var(--op-navy)}.match-shell[data-board-focus-region=opponent] .board-half--opponent,.match-shell[data-board-focus-region=player] .board-half--player,.match-shell[data-board-focus-region=hand] .hand-fan{outline-color:var(--op-white);box-shadow:inset 0 0 0 2px var(--op-gold)}}@media(prefers-reduced-motion:reduce){.match-shell[data-decision-active] .playmat optcg-card-tile{transition:none}}@media(prefers-reduced-motion:no-preference){.app-shell:not(.app-shell--match,.app-shell--auth) .game-surface__masthead{animation:route-surface-arrive .22s cubic-bezier(.16,1,.3,1) both}:where(button,[role=button],.game-command):active{transform:translateY(1px) scale(.985)}}@keyframes route-surface-arrive{0%{transform:translateY(7px)}}html[data-ui-density=compact] :where(optcg-card-browser-page,optcg-collection-page,optcg-deck-builder-page,optcg-starter-decks-page,optcg-guides-page,optcg-replay-library-page) :where(.game-surface__masthead,.catalog-header,.collection-header,.builder-header,.starter-header,.atlas-masthead,.replays-header){min-height:84px;padding-block:.65rem}html[data-ui-density=compact] :where(optcg-card-browser-page,optcg-collection-page,optcg-deck-builder-page,optcg-starter-decks-page,optcg-guides-page,optcg-replay-library-page) :where(.catalog-workspace,.collection-workspace,.builder-content,.starter-workspace,.atlas-results,.replay-list){gap:.55rem}html[data-ui-density=compact] optcg-card-browser-page .catalog-results,html[data-ui-density=compact] optcg-collection-page .collection-grid,html[data-ui-density=compact] optcg-deck-builder-page .builder-card-grid,html[data-ui-density=compact] optcg-starter-decks-page .starter-grid,html[data-ui-density=compact] optcg-guides-page .atlas-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:.55rem}html[data-ui-density=compact] :where(.catalog-card,.collection-card,.builder-card,.starter-card,.atlas-card,.replay-entry){gap:.35rem;padding:.45rem}html[data-ui-density=compact] :where(.catalog-card,.collection-card,.builder-card,.atlas-card) :where(small,.builder-card__meta,.atlas-card__meta){display:none}html[data-ui-density=compact] optcg-replay-library-page :where(.replay-scoreboard,.replay-entry__badges){max-height:52px;overflow:hidden}@media(max-width:719px),(orientation:landscape)and (max-width:960px)and (max-height:500px){html[data-ui-density=compact] optcg-deck-builder-page .builder-card-grid,html[data-ui-density=compact] optcg-card-browser-page .catalog-results,html[data-ui-density=compact] optcg-collection-page .collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}:root,*{scrollbar-color:var(--op-sky) color-mix(in srgb,var(--op-navy) 84%,transparent);scrollbar-width:thin}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{border-radius:999px;background:color-mix(in srgb,var(--op-navy) 84%,transparent)}*::-webkit-scrollbar-thumb{min-height:34px;border:2px solid color-mix(in srgb,var(--op-navy) 84%,transparent);border-radius:999px;background:linear-gradient(145deg,var(--op-ocean),var(--op-sky) 72%,var(--op-gold))}*::-webkit-scrollbar-thumb:hover{background:linear-gradient(145deg,var(--op-sky),var(--op-gold))}*::-webkit-scrollbar-corner{background:var(--op-navy)}.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:.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=open-water]:after,.board-viewport--living[data-board-ambient=canal-rain]:after,.board-viewport--living[data-board-ambient=stone-harbor]: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=sunlit-air]: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=lantern-night]: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=signal-lab]: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=garden-drift]:after,.board-viewport--living[data-board-ambient=misty-grove]: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=open-water]:after,.board-viewport--living.board-viewport--ambient-motion[data-board-ambient=canal-rain]:after,.board-viewport--living.board-viewport--ambient-motion[data-board-ambient=stone-harbor]:after{animation-name:living-playmat-water;animation-duration:9s}.board-viewport--living.board-viewport--ambient-motion[data-board-ambient=signal-lab]: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)}}.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}}: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: #83cdea;--op-ocean: #087eaf;--op-cobalt: #1857a0;--op-navy: #08253c;--op-abyss: #041623;--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(131, 205, 234, .16);--op-zone-border: rgba(131, 205, 234, .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, 22, 35, .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}*{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)),var(--op-paper)}h1,h2,h3{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}.autofill-username{position:absolute!important;inline-size:1px!important;min-inline-size:0!important;block-size:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}@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%{transform:translateY(-.35rem)}to{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-x:hidden;overflow-y: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)}}