@charset "UTF-8";@font-face{font-family:Public Sans;font-style:normal;font-display:swap;font-weight:400;src:url("./media/public-sans-latin-400-normal-SQG225MJ.woff2") format("woff2"),url("./media/public-sans-latin-400-normal-7ZPT45BM.woff") format("woff")}@font-face{font-family:Public Sans;font-style:normal;font-display:swap;font-weight:600;src:url("./media/public-sans-latin-600-normal-KMVW3WU4.woff2") format("woff2"),url("./media/public-sans-latin-600-normal-JGCIFSKO.woff") format("woff")}@font-face{font-family:Public Sans;font-style:normal;font-display:swap;font-weight:700;src:url("./media/public-sans-latin-700-normal-77CRC3EZ.woff2") format("woff2"),url("./media/public-sans-latin-700-normal-UQAM6VYJ.woff") format("woff")}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:600;src:url("./media/fraunces-latin-600-normal-5VSMB6GO.woff2") format("woff2"),url("./media/fraunces-latin-600-normal-XJWJMTXS.woff") format("woff")}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:700;src:url("./media/fraunces-latin-700-normal-XTT3ID7E.woff2") format("woff2"),url("./media/fraunces-latin-700-normal-YIV5WLZD.woff") format("woff")}:root[data-appearance=dark]{--op-color-scheme: dark;--op-shell: #0d1c29;--op-workspace: #142c3d;--op-workspace-ink: #f6f5ef;--op-workspace-muted: #b4c4cc;--op-support: #173a50;--op-support-ink: #f6f5ef;--op-support-muted: #b4c4cc;--op-support-line: #708b9c;--op-control-line: #8ea3b0;--op-action: #f27660;--op-action-ink: #18232e;--op-action-hover: #fa927e;--op-focus: var(--op-action);--op-danger: #ffb4ab;--op-success: #7dd6a5;--op-art-scrim-strong: #0d1c29f2;--op-art-scrim-weak: #0d1c29bf;--op-overlay: #040b12b3}@media(prefers-color-scheme:dark){:root:not([data-appearance]){--op-color-scheme: dark;--op-shell: #0d1c29;--op-workspace: #142c3d;--op-workspace-ink: #f6f5ef;--op-workspace-muted: #b4c4cc;--op-support: #173a50;--op-support-ink: #f6f5ef;--op-support-muted: #b4c4cc;--op-support-line: #708b9c;--op-control-line: #8ea3b0;--op-action: #f27660;--op-action-ink: #18232e;--op-action-hover: #fa927e;--op-focus: var(--op-action);--op-danger: #ffb4ab;--op-success: #7dd6a5;--op-art-scrim-strong: #0d1c29f2;--op-art-scrim-weak: #0d1c29bf;--op-overlay: #040b12b3}}:root[data-appearance=dark][data-contrast=more]{--op-shell: #07131e;--op-workspace: #102436;--op-support: #142d40;--op-support-ink: #ffffff;--op-workspace-ink: #ffffff;--op-support-muted: #d9e5eb;--op-workspace-muted: #d9e5eb;--op-support-line: #b6c8d3;--op-control-line: #b6c8d3;--op-action: #ff9a85;--op-action-ink: #101d28;--op-focus: #ff9a85;--op-danger: #ffc2b9}@media(prefers-contrast:more){:root[data-appearance=dark][data-contrast=system]{--op-shell: #07131e;--op-workspace: #102436;--op-support: #142d40;--op-support-ink: #ffffff;--op-workspace-ink: #ffffff;--op-support-muted: #d9e5eb;--op-workspace-muted: #d9e5eb;--op-support-line: #b6c8d3;--op-control-line: #b6c8d3;--op-action: #ff9a85;--op-action-ink: #101d28;--op-focus: #ff9a85;--op-danger: #ffc2b9}}.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 var(--op-control-line);border-radius:var(--op-radius-md);padding:.55rem .78rem;background:var(--op-workspace);color:var(--op-support-ink);font:600 .76rem/1.3 var(--op-font-interface);text-decoration:none;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-action);box-shadow:none;outline:3px solid var(--op-focus);outline-offset:3px;transform:translateY(-1px)}.game-command:active:not(:disabled){transform:translateY(0) scale(.98)}.game-command:disabled{border-color:var(--op-control-line);background:color-mix(in srgb,var(--op-workspace) 70%,transparent);color:var(--op-support-muted);box-shadow:none;cursor:not-allowed}.game-command--primary{border-color:color-mix(in srgb,var(--op-action) 82%,var(--op-control-line));background:var(--op-action);color:var(--op-action-ink)}.game-command--secondary{border-color:color-mix(in srgb,var(--op-control-line) 72%,var(--op-action));background:var(--op-workspace);color:var(--op-support-ink)}.game-command--ghost{border-color:var(--op-control-line);background:color-mix(in srgb,var(--op-workspace) 11%,var(--op-support));color:var(--op-support-ink);box-shadow:none}.game-command[aria-pressed=true]{border-color:var(--op-action);box-shadow:none}.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:var(--op-danger);color:var(--op-action-ink)}.game-command--increment{border-color:color-mix(in srgb,var(--op-success) 58%,transparent)}.game-command--decrement{border-color:var(--op-control-line)}img.game-card-art--unavailable{border:1px solid color-mix(in srgb,var(--op-action) 52%,transparent);background:var(--op-workspace);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:var(--op-control-line);background:color-mix(in srgb,var(--op-workspace) 10%,var(--op-support));color:var(--op-support-ink)}.collection-shell .collection-card footer .game-command--secondary{border-color:color-mix(in srgb,var(--op-control-line) 64%,var(--op-action));background:var(--op-workspace);color:var(--op-support-ink)}.collection-shell .collection-card__favorite-toggle.game-command{border-color:color-mix(in srgb,var(--op-action) 56%,var(--op-control-line));background:var(--op-action);color:var(--op-action-ink);font-size:1.05rem}.collection-shell .collection-card__favorite-toggle.game-command[aria-pressed=true]{background:var(--op-action);color:var(--op-action-ink)}.collection-shell .collection-card footer button[aria-pressed=true]{border-color:var(--op-action);background:color-mix(in srgb,var(--op-action) 18%,var(--op-support));color:var(--op-support-ink)}.collection-shell .collection-detail header button,.collection-shell .collection-detail__favorite{min-height:44px;font:inherit;font-weight:700}.collection-shell .collection-detail header .game-command--danger{border-color:color-mix(in srgb,var(--op-danger) 62%,transparent);background:var(--op-danger);color:var(--op-action-ink)}.collection-shell .collection-detail__favorite.game-command{width:100%;border-color:color-mix(in srgb,var(--op-control-line) 72%,var(--op-action));border-radius:999px;background:var(--op-workspace);color:var(--op-support-ink)}.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:var(--op-support-muted);font-size:.65rem;font-weight:700;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-control-line);border-radius:var(--op-radius-md);padding:.4rem .65rem;background:var(--op-support);color:var(--op-support-ink);font:inherit;font-weight:700}.collection-shell .collection-filters header .game-command--danger{border-color:color-mix(in srgb,var(--op-danger) 62%,transparent);background:var(--op-danger);color:var(--op-action-ink)}.collection-shell .collection-filters__done.game-command--primary{border-color:var(--op-action);background:var(--op-action);color:var(--op-action-ink)}}@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-action) 42%,var(--op-control-line));border-radius:12px;padding:clamp(.72rem,1.7vw,1.15rem);background:var(--op-workspace);box-shadow:none;color:var(--op-support-ink)}.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-action) 56%,var(--op-control-line));border-radius:8px;background:var(--op-workspace);box-shadow:none;color:var(--op-support-ink)}.game-surface .game-panel:not(.game-panel--paper){border:1px solid color-mix(in srgb,var(--op-control-line) 34%,var(--op-action));border-radius:clamp(10px,1.4vw,16px);background:var(--op-workspace);box-shadow:none;color:var(--op-support-ink)}.game-surface .game-panel:not(.game-panel--paper) :where(input,select,textarea){border-color:color-mix(in srgb,var(--op-control-line) 52%,var(--op-action));background:color-mix(in srgb,var(--op-workspace) 92%,transparent);color:var(--op-support-ink);color-scheme:var(--op-color-scheme, light)}:root[data-contrast=more] .game-surface{border-width:2px;background-color:var(--op-workspace);background-image:none}:root[data-contrast=more] .game-surface :where(.game-surface__masthead,.game-panel:not(.game-panel--paper)){border-width:2px;background:var(--op-workspace);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}}.game-panel--paper{--op-text: var(--op-support-ink);--op-muted: var(--op-support-muted);--op-focus: var(--op-action);border:1px solid var(--op-support-line);border-radius:6px;background:var(--op-support);color:var(--op-support-ink);color-scheme:var(--op-color-scheme, light)}.game-panel--paper :where(input,select,textarea){border-color:var(--op-support-line);background:var(--op-support);color:var(--op-support-ink);color-scheme:var(--op-color-scheme, light)}.game-stage{border-radius:6px;background:var(--op-workspace);color:var(--op-support-ink)}:root[data-contrast=more] .game-surface .game-panel--paper{background:var(--op-support);color:var(--op-support-ink)}:root[data-contrast=more] .game-stage{background:var(--op-workspace)}.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 var(--op-control-line);border-left-width:4px;padding:.12rem .3rem;background:var(--op-workspace);color:var(--op-support-ink);font-size:clamp(.5rem,1.5cqh,.62rem);font-weight:700;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-support-ink)}.match-shell .seat-hand-badge__hand b{display:grid;width:1.25rem;height:1.25rem;place-items:center;border:1px solid var(--op-control-line);border-radius:50%;background:var(--op-workspace);color:var(--op-support-ink);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-control-line);border-top-color:var(--effect-tone, var(--op-control-line));background:var(--op-action);box-shadow:none;color:var(--op-action-ink)}.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-control-line)) 32%,transparent);background:var(--op-workspace)}.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-control-line)) 36%,transparent);padding:.45rem .35rem .12rem;background:var(--op-workspace)}.match-shell .effect-dialog__rail-status small{color:var(--effect-tone, var(--op-support-ink));font-size:.52rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.match-shell .effect-dialog__rail-status strong{color:var(--op-support-ink);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-workspace))}.match-shell .effect-dialog__rail-status:focus-visible{outline:3px solid var(--op-focus);outline-offset:-2px}.match-shell .effect-dialog__rail-battle{display:grid;gap:.3rem;border-top:1px solid color-mix(in srgb,var(--op-action) 36%,transparent);border-bottom:1px solid var(--op-control-line);padding:.48rem .35rem;background:color-mix(in srgb,var(--op-workspace) 42%,transparent);font-variant-numeric:tabular-nums}.match-shell .effect-dialog__rail-outcome{display:grid;gap:.16rem;border-left:3px solid var(--op-action);padding:.42rem .45rem;background:color-mix(in srgb,var(--op-action) 10%,var(--op-workspace))}.match-shell .effect-dialog__rail-outcome small{color:var(--op-support-muted);font-size:.48rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.match-shell .effect-dialog__rail-outcome strong{color:var(--op-action);font-size:.66rem;line-height:1.25}.match-shell .effect-dialog__rail-outcome span{color:var(--op-support-ink);font-size:.58rem;line-height:1.3}.match-shell .effect-dialog__rail-outcome[data-tone=defense]{border-left-color:var(--op-control-line);background:color-mix(in srgb,var(--op-workspace) 20%,var(--op-workspace))}.match-shell .effect-dialog__rail-outcome[data-tone=defense] strong{color:var(--op-support-ink)}.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-support-ink);font-size:.48rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.match-shell .effect-dialog__rail-battle-headline{color:var(--op-support-ink);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-action);padding:.18rem .28rem;background:color-mix(in srgb,var(--op-action) 9%,transparent)}.match-shell .effect-dialog__rail-battle li strong{color:var(--op-action);font-size:.48rem;text-transform:uppercase}.match-shell .effect-dialog__rail-battle li span{color:var(--op-support-ink);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-support-ink);font-size:.82rem}.match-shell .effect-dialog__rail-battle>div b{color:var(--op-action);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-workspace) 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-action);font-size:.62rem;font-weight:700}.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:var(--op-support);scrollbar-color:var(--op-control-line) var(--op-workspace);scrollbar-width:thin;color:var(--op-support-ink)}.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-workspace) 86%,transparent)}.match-shell [data-effect-dialog] [data-effect-scroll-region]::-webkit-scrollbar-thumb{border:2px solid var(--op-control-line);border-radius:999px;background:var(--op-action);color:var(--op-action-ink)}.match-shell [data-effect-dialog] [data-effect-scroll-region][data-scrollable=true]:not([data-scroll-start=true]){box-shadow:none}.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-control-line)) 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:var(--op-support-muted);text-align:center}.match-shell .effect-dialog__option-preview span{color:var(--op-support-ink);font-size:.58rem;font-weight:700;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-control-line)) 18%,transparent);border-radius:6px;padding:.22rem;border-top:1px solid color-mix(in srgb,var(--effect-tone, var(--op-control-line)) 24%,transparent);background:var(--op-support);box-shadow:none;color:var(--op-support-ink)}.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-control-line));border-radius:5px;padding:.42rem .7rem;background:var(--op-workspace);color:var(--op-support-ink);font-size:.72rem;font-weight:700}.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-workspace) 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:var(--op-control-line);background-color:var(--op-workspace);background-image:none;color:var(--op-support-ink);box-shadow:none}[data-effect-dialog] [data-effect-command-region] [data-shortcut-primary]{order:1;border-color:var(--op-action);background-color:var(--op-workspace);background-image:none;color:var(--op-support-ink);box-shadow:none}.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-action));border-radius:10px;padding:clamp(.8rem,3vw,1.4rem);background:color-mix(in srgb,var(--op-danger) 13%,var(--op-workspace));text-align:center}.match-shell .effect-dialog__recovery>div{display:flex;align-items:center;justify-content:center;gap:.4rem;color:var(--op-action);font-weight:700;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-action);border-radius:6px;padding:.5rem .75rem;background:var(--op-workspace);color:var(--op-support-ink);font-weight:700}.match-shell .decision-source{display:grid;grid-template-columns:42px minmax(0,1fr);min-width:0;align-items:center;gap:.55rem;border:1px solid var(--op-control-line);border-radius:6px;padding:.45rem;background:color-mix(in srgb,var(--op-workspace) 96%,var(--op-workspace))}.match-shell .decision-source__art{display:block;width:42px;aspect-ratio:365/510;overflow:hidden;border:1px solid color-mix(in srgb,var(--op-action) 28%,transparent);border-radius:3px;background:linear-gradient(90deg,var(--op-art-scrim-strong),var(--op-art-scrim-weak)),url(/assets/official/ui/compass-mark-light.webp) center/72% no-repeat;box-shadow:none}.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-support-ink);font-size:.56rem;font-weight:700;text-transform:uppercase}.match-shell .decision-source strong{display:-webkit-box;overflow:hidden;color:var(--op-support-ink);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 var(--op-control-line);padding-top:.4rem}.match-shell .decision-source__effect p{margin:0;color:var(--op-support-ink);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-workspace) 42%,transparent);box-shadow:none}.match-shell .decision-context[data-decision-tone=cost]{background:color-mix(in srgb,var(--op-action) 10%,var(--op-workspace))}.match-shell .decision-context[data-decision-tone=danger]{background:color-mix(in srgb,var(--op-danger) 12%,var(--op-workspace))}.match-shell .decision-context[data-decision-tone=defense]{background:color-mix(in srgb,var(--op-workspace) 10%,var(--op-workspace))}.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-support-ink);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-control-line)) 68%,transparent);border-radius:50%;padding:0;background:color-mix(in srgb,var(--effect-tone, var(--op-workspace)) 14%,var(--op-workspace));color:var(--op-support-ink);font:700 1rem/1 var(--op-font-ui);cursor:pointer}.match-shell .effect-dialog__info-toggle[aria-expanded=true]{border-color:var(--op-action);color:var(--op-action);box-shadow:none}.match-shell .effect-dialog__info-toggle:focus-visible{outline:3px solid var(--op-focus);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-control-line)) 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-support-ink);font-size:.58rem;font-weight:700;text-transform:uppercase}.match-shell .effect-dialog__info-panel>span{color:var(--op-support-muted);font-size:.7rem;line-height:1.4}.match-shell .effect-dialog__info-panel>strong{border-left:3px solid var(--effect-tone, var(--op-control-line));padding:.4rem .45rem;background:color-mix(in srgb,var(--op-workspace) 42%,transparent);color:var(--op-support-ink);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 var(--op-control-line);border-radius:3px;padding:.08rem .28rem;background:color-mix(in srgb,var(--op-workspace) 70%,transparent);color:var(--op-support-ink);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-action) 72%,var(--op-control-line))!important;background:color-mix(in srgb,var(--op-action) 22%,var(--op-workspace))!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-workspace) 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-action);box-shadow:none}.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-control-line)) 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-support-ink)}.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-workspace) 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-workspace);color:var(--op-support-ink);font:inherit;font-weight:700}.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-workspace) 76%,transparent)}.match-shell .portrait-map-seat--active{border-color:var(--op-action);box-shadow:none}.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;font-size:.65rem;text-overflow:ellipsis;white-space:nowrap}.match-shell .portrait-map-seat header small{color:var(--op-support-ink)}.match-shell .portrait-source-card>small{color:var(--game-stageInk)}.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-action);color:var(--op-action)}.match-shell .portrait-map-seat ul [data-portrait-source-zone]{border-color:var(--op-control-line);box-shadow:none}.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-support-ink);font-size:.7rem;font-weight:700;text-transform:uppercase}.match-shell .portrait-match-context strong,.match-shell .portrait-match-context small{color:var(--op-support-ink)}.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-support-ink);font-size:.68rem}.match-shell .portrait-match-context .portrait-online-status strong{color:var(--op-support-ink)}.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-workspace);color:var(--op-support-ink);font:inherit;font-weight:700}.match-shell .portrait-match-content{background:var(--game-stage);color:var(--game-stageInk);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-action) 65%,transparent);border-radius:.5rem;background:color-mix(in srgb,var(--op-workspace) 85%,transparent)}.match-shell .portrait-target-source span{color:var(--op-action);font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.match-shell .portrait-target-source strong{color:var(--op-support-ink)}.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-workspace);color:var(--op-support-ink);font:inherit;font-weight:700;text-decoration:none}.match-result-recovery{position:fixed;inset:25% 12%;z-index:100;background:var(--op-workspace);color:var(--op-support-ink);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-workspace);color:inherit;font:inherit}.board-viewport--living .playmat{background-color:color-mix(in srgb,var(--game-stage) 96%,transparent);background-image:none}.board-viewport--living .board-half{--half-surface: color-mix(in srgb, var(--game-stage) 52%, transparent);--half-line: color-mix(in srgb, var(--game-stageInk) 34%, transparent);border:1px solid color-mix(in srgb,var(--game-stageInk) 96%,transparent);background-color:var(--half-surface);background-image:none;box-shadow:none}.board-viewport--living .board-half--opponent{--half-surface: color-mix(in srgb, var(--game-stageRaised) 48%, var(--game-stage))}.board-viewport--living optcg-player-board-row .player-board-row{--mat-line: color-mix(in srgb, var(--game-stageInk) 74%, transparent);--zone-fill: color-mix(in srgb, var(--game-stage) 62%, transparent);--zone-border: color-mix(in srgb, var(--game-stageInk) 84%, var(--op-white));--zone-divider: color-mix(in srgb, var(--op-white) 80%, transparent);--zone-glow: transparent;--row-surface-start: color-mix(in srgb, var(--game-stage) 62%, transparent);--row-surface-middle: color-mix(in srgb, var(--game-stageRaised) 34%, var(--game-stage));--row-surface-end: color-mix(in srgb, var(--game-stage) 66%, transparent);border:1px solid color-mix(in srgb,var(--game-stageInk) 96%,transparent)}.board-viewport--living optcg-player-board-row .player-board-row--opponent{--row-surface-start: color-mix(in srgb, var(--game-stage) 66%, transparent);--row-surface-middle: color-mix(in srgb, var(--game-stageInk) 30%, var(--game-stage));--row-surface-end: color-mix(in srgb, var(--game-stage) 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) 32%,transparent)}.board-viewport--living .playmat .hand-fan{border-top-color:color-mix(in srgb,var(--game-stageInk) 88%,var(--op-white));background-color:color-mix(in srgb,var(--game-stage) 76%,transparent)}.match-shell[data-board-surface-mode=scenic]:where([data-board-media-ready]) .board-viewport--living .playmat{background-color:var(--game-stage);background-image:linear-gradient(#102b4059,#102b4059),var(--board-background-image, none);background-position:center;background-size:cover}.match-shell[data-board-surface-mode=scenic] .board-half--opponent{--half-surface: color-mix(in srgb, var(--game-stageRaised) 12%, transparent)}.match-shell[data-board-surface-mode=scenic] .board-half--player{--half-surface: color-mix(in srgb, var(--game-stage) 12%, 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(--game-stage) 72%, transparent);--row-surface-start: color-mix(in srgb, var(--game-stage) 20%, transparent);--row-surface-middle: color-mix(in srgb, var(--game-stageRaised) 16%, transparent);--row-surface-end: color-mix(in srgb, var(--game-stage) 20%, transparent)}.match-shell[data-board-surface-mode=scenic] .hand-fan{background-color:color-mix(in srgb,var(--game-stage) 34%,transparent);background-image:linear-gradient(180deg,color-mix(in srgb,var(--game-stageRaised) 20%,transparent),color-mix(in srgb,var(--game-stage) 88%,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);background-image:none}: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);background-image:none}.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}}.app-shell:not(.app-shell--match,.app-shell--auth)>:not(router-outlet){animation:balanced-content-arrive var(--op-motion-normal) var(--op-ease-arrival) both}@keyframes balanced-content-arrive{0%{opacity:.76}to{opacity:1}}:where(.navigator__item,.navigator__account,.navigator__search,.segmented-control button,.catalog-card,.collection-card__inspect,.lesson-grid a,.home-destination,.home-shortcut,.game-command,.start-button){transition:color var(--op-motion-fast) ease,background-color var(--op-motion-normal) ease,border-color var(--op-motion-fast) ease,opacity var(--op-motion-fast) ease}:where(dialog[open],.collection-transfer-status,.builder-journey-feedback,.home-priority__card,.saved-match-banner,.seat-readiness--visible,.sync-status){animation:balanced-content-arrive var(--op-motion-normal) var(--op-ease-arrival) both}details[open]>:not(summary){animation:balanced-content-arrive var(--op-motion-normal) ease-out both}.match-shell .turn-change-banner{animation:balanced-turn-arrive .3s var(--op-ease-arrival) both}.match-shell .turn-change-banner__compass{animation:none}@keyframes balanced-turn-arrive{0%{opacity:.7;transform:translate(-50%,calc(-50% + 8px)) scale(.985)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.harbor-match :where(.harbor-phase--active,.portrait-map-seat--active){transition:background-color var(--op-motion-normal) ease,border-color var(--op-motion-normal) ease}.card-tile[data-motion-arrival] .card-tile__art{opacity:0}:where(.card-detail,.collection-detail){transition-property:opacity,transform;transition-duration:.2s}:where(.card-detail:not(.card-detail--open),.collection-detail:not(.collection-detail--open)){transition-duration:.14s}.app-shell:not(.app-shell--match) select:not([multiple]){min-block-size:44px;block-size:max(44px,2.75rem)}@media(prefers-reduced-motion:no-preference){.app-shell:not(.app-shell--match,.app-shell--auth) .game-surface__masthead{animation:none}: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-control-line) var(--op-workspace);scrollbar-width:thin}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{border-radius:999px;background:var(--op-workspace)}*::-webkit-scrollbar-thumb{min-height:34px;border:2px solid var(--op-workspace);border-radius:999px;background:var(--op-control-line)}*::-webkit-scrollbar-thumb:hover{background:var(--op-action)}*::-webkit-scrollbar-corner{background:var(--op-workspace)}.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-action);border-radius:999px;padding:.42rem 1rem .42rem .5rem;background:var(--op-workspace);color:var(--op-support-ink);box-shadow:none;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:inherit;font-size:.58rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.turn-change-banner strong{font:600 1.35rem var(--op-font-interface);letter-spacing:.02em;text-transform:uppercase}.turn-change-banner[data-relationship=viewer]{background:var(--op-action);color:var(--op-action-ink)}@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:none}}.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:1px solid var(--op-control-line);border-radius:8px;background:var(--op-workspace);box-shadow:none}.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-focus);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-action);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:var(--op-workspace)}.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-support-ink);font-size:.5rem;font-weight:700;text-transform:uppercase}.card-command-sheet__stats strong{overflow:hidden;color:var(--op-support-ink);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-support-ink);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:var(--op-color-scheme, light);font-family:Public Sans,ui-sans-serif,system-ui,sans-serif;line-height:1.5;font-weight:400;background:var(--op-shell);color:var(--op-support-ink);--op-font-interface: "Public Sans", ui-sans-serif, system-ui, sans-serif;--op-font-display: "Fraunces", Georgia, serif;--op-color-scheme: light;--op-art-scrim-strong: #f5f0e7f2;--op-art-scrim-weak: #f5f0e7bf;--op-overlay: #3c252c66;--op-shell: #f5f0e7;--op-workspace: #e8ddd4;--op-workspace-ink: #3c252c;--op-workspace-muted: #69545b;--op-support: #fffcf8;--op-support-ink: #3c252c;--op-support-muted: #69545b;--op-support-line: #9b838b;--op-control-line: #715b61;--op-action: #792f4c;--op-action-ink: #fff8f0;--op-action-hover: #63223c;--op-focus: var(--op-action);--op-danger: #a52724;--op-success: #2f6a4d;--op-info: var(--op-support-muted);--op-bg: var(--op-shell);--op-text: var(--op-support-ink);--op-muted: var(--op-support-muted);--op-subtle: var(--op-support-muted);--op-surface: var(--op-support);--op-surface-2: var(--op-workspace);--op-cream: var(--op-support);--op-red-ink: var(--op-support-ink);--op-purple: var(--op-action);--op-stage: #102b40;--op-stage-raised: #173a50;--op-stage-ink: #f1ebdc;--op-table-felt: var(--op-stage);--op-paper: #f1ebdc;--op-white: #ffffff;--op-foam: #eaf6fb;--op-sky: #83cdea;--op-ocean: #087eaf;--op-cobalt: #1857a0;--op-navy: #0a1e30;--op-abyss: #061421;--op-gold: #e6bd68;--op-ink: #162b39;--op-playmat: var(--op-stage);--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-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 20px 60px #3c252c29;--op-motion-fast: .12s;--op-motion-normal: .2s;--op-motion-emphasis: .38s;--op-motion-cinematic: .65s;--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(pointer:coarse){.app-shell:not(.app-shell--match) :is(input,select,textarea){font-size:max(16px,1rem)!important}}@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:var(--op-bg)}::selection{background:var(--op-action);color:var(--op-action-ink)}input,textarea{caret-color:currentColor}h1{font-family:var(--op-font-display);font-weight:600;letter-spacing:-.025em}h2,h3{font-family:var(--op-font-interface);font-weight:600}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-workspace) 91%,transparent);color:var(--op-support-ink);box-shadow:none;font-size:.7rem}.online-match-status__signal{width:8px;aspect-ratio:1;border-radius:50%;background:var(--op-success);box-shadow:none}.online-match-status small{color:color-mix(in srgb,var(--op-support-ink) 70%,var(--op-support-ink))}.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:none;color:var(--op-action-ink)}.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-shell: #ffffff;--op-workspace: #ffffff;--op-support: #ffffff;--op-support-ink: #24151b;--op-workspace-ink: #24151b;--op-support-muted: #4e3b42;--op-workspace-muted: #4e3b42;--op-support-line: #715b61;--op-control-line: #715b61;--op-action: #63223c;--op-action-ink: #ffffff;--op-focus: #63223c;--op-danger: #a52724}:root[data-contrast=more] :where(button,a,input,select,textarea,summary,[tabindex]):focus-visible{outline-width:4px!important;outline-offset:3px}@keyframes op-route-arrive{0%{transform:translateY(-.35rem)}to{transform:translateY(0)}}.builder-header,.starter-header,.catalog-header{animation:none}.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-action) 80%,var(--op-control-line));background:var(--op-workspace);color:var(--op-support-ink);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-action);border-radius:50%;color:var(--op-action);font-size:.78rem}optcg-deck-builder-page .builder-card footer .builder-card__leader-action.is-selected{border-color:var(--op-action);background:var(--op-workspace);color:var(--op-support-ink)}optcg-deck-builder-page .builder-card footer .builder-card__leader-action.is-selected>span{border-color:var(--op-control-line);color:var(--op-support-ink)}optcg-deck-builder-page .segmented-control,optcg-deck-builder-page .filter-grid{scrollbar-width:thin;scrollbar-color:var(--op-control-line) var(--op-workspace)}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:var(--op-workspace)}optcg-deck-builder-page .segmented-control::-webkit-scrollbar-thumb,optcg-deck-builder-page .filter-grid::-webkit-scrollbar-thumb{border-radius:999px;background:var(--op-control-line)}@media(min-width:1301px){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:1300px),(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-action) 72%,var(--op-control-line));border-radius:50%;padding:0;place-items:center;background:color-mix(in srgb,var(--op-support) 92%,var(--op-support));box-shadow:none}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-control-line);border-radius:50%;background:var(--op-action);color:var(--op-action-ink);content:"+";font-size:.78rem;font-weight:700;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-workspace) 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 var(--op-control-line);border-radius:var(--op-radius-lg);padding:.55rem;background:var(--op-workspace);box-shadow:none;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 var(--op-control-line);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-support-ink) 74%,var(--op-support-ink));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)}}