@charset "UTF-8";@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:400;src:url("./media/poppins-latin-400-normal-SFWTNBQB.woff2") format("woff2"),url("./media/poppins-latin-400-normal-ZPTYLX7I.woff") format("woff")}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:600;src:url("./media/poppins-latin-600-normal-3BUSBBSI.woff2") format("woff2"),url("./media/poppins-latin-600-normal-YBYM6FEI.woff") format("woff")}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:700;src:url("./media/poppins-latin-700-normal-TKEB4KWA.woff2") format("woff2"),url("./media/poppins-latin-700-normal-ZA622GRH.woff") format("woff")}@font-face{font-family:"Noto Serif";font-style:normal;font-display:swap;font-weight:600;src:url("./media/noto-serif-latin-600-normal-2YESKAUN.woff2") format("woff2"),url("./media/noto-serif-latin-600-normal-SG2UVQ7W.woff") format("woff")}@font-face{font-family:"Noto Serif";font-style:normal;font-display:swap;font-weight:700;src:url("./media/noto-serif-latin-700-normal-PDRCAGPK.woff2") format("woff2"),url("./media/noto-serif-latin-700-normal-UOD6HPZB.woff") format("woff")}.card-zoom{--card-accent: var(--op-sky);--card-accent-strong: var(--op-ocean);--card-accent-soft: color-mix(in srgb, var(--card-accent) 18%, transparent);position:relative;display:grid;grid-template-columns:minmax(220px,.82fr) minmax(260px,1.18fr);gap:clamp(1rem,2.6vw,1.65rem);max-height:88dvh;overflow-x:hidden;overflow-y:auto;isolation:isolate;border:1px solid color-mix(in srgb,var(--card-accent) 72%,var(--op-white));border-top:5px solid var(--card-accent);border-radius:13px;padding:clamp(.8rem,2vw,1.25rem);background:radial-gradient(circle at 12% 12%,var(--card-accent-soft),transparent 34%),linear-gradient(118deg,color-mix(in srgb,var(--op-abyss) 88%,var(--card-accent)) 0 40%,var(--op-navy) 70%);color:var(--op-foam);box-shadow:inset 0 1px color-mix(in srgb,var(--op-white) 16%,transparent),inset 0 0 46px color-mix(in srgb,var(--op-abyss) 44%,transparent);scrollbar-color:var(--card-accent-strong) color-mix(in srgb,var(--op-abyss) 72%,transparent);scrollbar-width:thin}.card-zoom:before{position:absolute;inset:8px;z-index:-1;border:1px solid color-mix(in srgb,var(--op-white) 8%,transparent);border-radius:7px;content:"";pointer-events:none}.card-zoom:after{position:absolute;right:0;bottom:0;z-index:-1;width:22rem;height:22rem;border:1px solid color-mix(in srgb,var(--card-accent) 10%,transparent);border-radius:50%;background:linear-gradient(90deg,transparent 49.8%,color-mix(in srgb,var(--card-accent) 8%,transparent) 50% 50.2%,transparent 50.2%),linear-gradient(transparent 49.8%,color-mix(in srgb,var(--card-accent) 8%,transparent) 50% 50.2%,transparent 50.2%),radial-gradient(circle,transparent 0 38%,color-mix(in srgb,var(--card-accent) 7%,transparent) 38.2% 38.5%,transparent 38.7%);content:"";opacity:.48;pointer-events:none}.card-zoom[data-color*=red]{--card-accent: #f05b68;--card-accent-strong: #a82135}.card-zoom[data-color*=green]{--card-accent: #73d59b;--card-accent-strong: #23744b}.card-zoom[data-color*=blue]{--card-accent: #64c7f2;--card-accent-strong: #176aaa}.card-zoom[data-color*=purple]{--card-accent: #bf8cf0;--card-accent-strong: #683fa7}.card-zoom[data-color*=black]{--card-accent: #b8c4cf;--card-accent-strong: #475867}.card-zoom[data-color*=yellow]{--card-accent: #f0cb5d;--card-accent-strong: #aa7a16}.card-zoom__navigation{position:absolute;top:.7rem;right:.7rem;z-index:3;display:flex;align-items:center;gap:.24rem;border:1px solid color-mix(in srgb,var(--op-white) 10%,transparent);border-radius:999px;padding:.2rem;background:color-mix(in srgb,var(--op-abyss) 86%,transparent);box-shadow:0 8px 22px color-mix(in srgb,var(--op-abyss) 38%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.card-zoom__navigation button{display:grid;width:40px;height:40px;place-items:center;border:1px solid color-mix(in srgb,var(--op-white) 17%,transparent);border-radius:50%;background:linear-gradient(145deg,color-mix(in srgb,var(--card-accent-strong) 58%,var(--op-navy)),var(--op-abyss));color:var(--op-white);font-size:1rem;font-weight:900;box-shadow:inset 0 1px color-mix(in srgb,var(--op-white) 17%,transparent);transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}.card-zoom__navigation button:hover{border-color:var(--card-accent);box-shadow:0 0 0 2px var(--card-accent-soft),inset 0 1px color-mix(in srgb,var(--op-white) 20%,transparent);transform:translateY(-1px)}.card-zoom__navigation button:last-child{margin-left:.18rem;background:color-mix(in srgb,var(--op-danger) 74%,var(--op-abyss))}.card-zoom__navigation span{display:grid;min-width:3rem;color:var(--op-white);font-size:.62rem;font-weight:900;letter-spacing:.08em;text-align:center}.card-zoom__navigation span:before{color:var(--op-muted);content:"CARD";font-size:.43rem;letter-spacing:.16em}.card-zoom__art{position:relative;display:grid;align-items:center;min-width:0;border:1px solid color-mix(in srgb,var(--card-accent) 25%,transparent);border-radius:10px;padding:1.6rem clamp(.65rem,1.4vw,.9rem) clamp(.65rem,1.4vw,.9rem);background:linear-gradient(145deg,color-mix(in srgb,var(--card-accent) 10%,transparent),transparent 54%),color-mix(in srgb,var(--op-abyss) 52%,transparent);box-shadow:inset 0 0 30px color-mix(in srgb,var(--op-abyss) 52%,transparent)}.card-zoom__art:before{position:absolute;top:.62rem;left:.72rem;z-index:1;border-left:2px solid var(--card-accent);padding-left:.34rem;color:color-mix(in srgb,var(--card-accent) 76%,var(--op-white));content:"CARD VIEW";font-size:.45rem;font-weight:900;letter-spacing:.16em}.card-zoom__art img{display:block;width:min(100%,330px,54.3921568627dvh);height:auto;aspect-ratio:.7156862745;margin:auto;border:1px solid color-mix(in srgb,var(--op-white) 48%,transparent);border-radius:9px;object-fit:contain;filter:drop-shadow(0 20px 26px color-mix(in srgb,var(--op-abyss) 70%,transparent))}.card-zoom__details{display:grid;align-content:center;gap:.62rem;min-width:0;padding:3.2rem .35rem .25rem 0}.card-zoom__identity{position:relative;display:grid;gap:.18rem;min-width:0;border-bottom:1px solid color-mix(in srgb,var(--card-accent) 38%,transparent);padding:0 0 .6rem .72rem}.card-zoom__identity:before{position:absolute;inset:0 auto .6rem 0;width:3px;background:linear-gradient(var(--card-accent),var(--card-accent-strong));box-shadow:0 0 12px var(--card-accent-soft);content:""}.card-zoom__identity p,.card-zoom__details h2,.card-zoom__details h3,.card-zoom__details section p,.card-zoom__details footer{margin:0}.card-zoom__identity p{color:var(--card-accent);font-size:.58rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.card-zoom__details h2{overflow:hidden;color:var(--op-white);font-size:clamp(1.55rem,3vw,2.35rem);line-height:1;text-overflow:ellipsis;text-shadow:0 2px 14px color-mix(in srgb,var(--op-abyss) 70%,transparent);white-space:nowrap}.card-zoom__chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.22fr);gap:.38rem}.card-zoom__chips>span{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:.04rem .22rem;min-width:0;min-height:58px;align-content:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--op-sky) 24%,transparent);border-radius:6px;padding:.42rem .48rem .38rem;background:linear-gradient(135deg,color-mix(in srgb,var(--card-accent) 12%,transparent),transparent 56%),color-mix(in srgb,var(--op-abyss) 66%,transparent);box-shadow:inset 0 1px color-mix(in srgb,var(--op-white) 8%,transparent)}.card-zoom__chips>span:after{position:absolute;inset:auto 0 0;height:2px;background:var(--card-accent-strong);content:"";opacity:.72}.card-zoom__stat-label{grid-column:1/-1;overflow:hidden;color:var(--op-muted);font-size:.46rem;font-weight:900;letter-spacing:.12em;line-height:1;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.card-zoom__chips strong{min-width:0;overflow:hidden;color:var(--op-white);font-size:.94rem;line-height:1.05;text-overflow:ellipsis;white-space:nowrap}.card-zoom__stat-modifier{align-self:end;overflow:hidden;color:var(--card-accent);font-size:.48rem;font-weight:900;line-height:1.1;text-align:right;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.card-zoom__chips>span[data-stat=state] strong,.card-zoom__chips>span[data-stat=state] .card-zoom__stat-modifier{grid-column:1/-1}.card-zoom__chips>span[data-stat=state] .card-zoom__stat-modifier{text-align:left}.card-zoom__chips span[data-tone=positive]{border-color:color-mix(in srgb,var(--card-accent) 58%,transparent)}.card-zoom__chips span[data-tone=negative],.card-zoom__chips span[data-tone=warning]{border-color:color-mix(in srgb,var(--op-gold) 78%,transparent)}.card-zoom__chips span[data-tone=negative]:after,.card-zoom__chips span[data-tone=warning]:after{background:var(--op-gold)}.card-zoom__chips span[data-tone=negative] .card-zoom__stat-modifier,.card-zoom__chips span[data-tone=warning] .card-zoom__stat-modifier{color:var(--op-gold)}.card-zoom__traits{justify-self:start;border:1px solid color-mix(in srgb,var(--card-accent) 25%,transparent);border-radius:999px;padding:.22rem .52rem;background:color-mix(in srgb,var(--card-accent) 7%,transparent);color:var(--op-muted);font-size:.62rem;font-weight:700}.card-zoom__details section{display:grid;gap:.3rem;border:1px solid color-mix(in srgb,var(--op-white) 7%,transparent);border-left:3px solid var(--card-accent-strong);border-radius:0 6px 6px 0;padding:.55rem .66rem;background:color-mix(in srgb,var(--op-abyss) 58%,transparent);box-shadow:inset 0 1px color-mix(in srgb,var(--op-white) 4%,transparent)}.card-zoom__details h3{color:color-mix(in srgb,var(--card-accent) 74%,var(--op-white));font-size:.54rem;letter-spacing:.12em;text-transform:uppercase}.card-zoom__details section p{color:var(--op-foam);font-size:.8rem;line-height:1.45;white-space:pre-line}.card-zoom__details footer{border-top:1px solid color-mix(in srgb,var(--op-white) 6%,transparent);padding-top:.4rem;color:var(--op-muted);font-size:.52rem;letter-spacing:.02em}.card-zoom__live-state{border-color:color-mix(in srgb,var(--op-gold) 25%,transparent)!important;border-left-color:var(--op-gold)!important;background:linear-gradient(90deg,color-mix(in srgb,var(--op-gold) 8%,transparent),color-mix(in srgb,var(--op-abyss) 58%,transparent))!important}.card-zoom__live-state h3:before{display:inline-block;width:6px;height:6px;margin-right:.36rem;border-radius:50%;background:var(--op-gold);box-shadow:0 0 9px color-mix(in srgb,var(--op-gold) 68%,transparent);content:"";vertical-align:.02rem}.card-zoom__signals{display:flex;flex-wrap:wrap;gap:.34rem;min-width:0}.card-zoom__signal{display:grid;min-width:min(10rem,100%);border:1px solid color-mix(in srgb,var(--op-sky) 30%,transparent);border-radius:4px;padding:.36rem .5rem;background:linear-gradient(135deg,color-mix(in srgb,var(--card-accent-strong) 52%,transparent),color-mix(in srgb,var(--op-cobalt) 30%,transparent));box-shadow:inset 0 1px color-mix(in srgb,var(--op-white) 12%,transparent)}.card-zoom__signal strong{overflow:hidden;color:var(--op-white);font-size:.7rem;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.card-zoom__signal small{color:var(--op-muted);font-size:.56rem;font-weight:900;text-transform:uppercase}.card-zoom__signal[data-tone=positive]{border-color:color-mix(in srgb,var(--op-sky) 62%,transparent)}.card-zoom__signal[data-tone=negative],.card-zoom__signal[data-tone=warning]{border-color:var(--op-gold)}.card-zoom__signal[data-tone=negative] small,.card-zoom__signal[data-tone=warning] small{color:var(--op-gold)}.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)}}.rules-drawer{position:fixed;inset:0 0 0 auto;width:min(390px,100vw - 24px);max-width:none;height:100dvh;max-height:none;margin:0;overflow:hidden;border:0;border-left:1px solid var(--op-line-strong);padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) 12px;background:linear-gradient(155deg,var(--op-cobalt),var(--op-navy) 55%,var(--op-abyss));color:var(--op-foam);box-shadow:-18px 0 50px var(--op-panel)}.rules-drawer:not([open]){display:none}.rules-drawer::backdrop{background:color-mix(in srgb,var(--op-abyss) 34%,transparent);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.rules-drawer__surface{display:grid;gap:.8rem;align-content:start;height:100%;overflow-y:auto;padding:.5rem}.rules-drawer__surface header{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:.5rem;align-items:center;border-bottom:1px solid var(--op-line);padding-bottom:.7rem}.rules-drawer__surface header p,.rules-drawer__surface h2,.rules-drawer__surface>p{margin:0}.rules-drawer__surface header p{color:var(--op-gold);font-size:.62rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.rules-drawer__surface h2{color:var(--op-white);font:1.65rem var(--op-font-display)}.rules-drawer__surface header>button{width:44px;height:44px;border:1px solid var(--op-line);border-radius:50%;background:var(--op-faint);color:var(--op-white)}.rules-drawer__surface>strong{color:var(--op-sky);font-size:1rem;line-height:1.35}.rules-drawer__surface>p{line-height:1.55}.rules-drawer__surface nav{display:flex;flex-wrap:wrap;gap:.4rem;border-top:1px solid var(--op-line);padding-top:.7rem}.rules-drawer__surface nav button{min-height:44px;border:1px solid var(--op-line);border-radius:999px;padding:.35rem .65rem;background:var(--op-faint);color:var(--op-sky);font-weight:900}.card-command-sheet__preview{display:grid;grid-template-columns:92px minmax(0,1fr);gap:.55rem;min-width:0;border:1px solid var(--op-line);border-radius:7px;padding:.45rem;background:color-mix(in srgb,var(--op-abyss) 58%,transparent)}.card-command-sheet__preview>img{width:92px;height:auto;aspect-ratio:.7156862745;border-radius:5px;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;border:1px solid var(--op-faint);border-radius:4px;padding:.22rem .3rem;background:var(--op-faint)}.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__readout p{display:-webkit-box;margin:0;overflow:hidden;color:var(--op-foam);font-size:.64rem;line-height:1.32;-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)}.card-command-sheet__preview>img{width:72px}.card-command-sheet__stats{grid-template-columns:repeat(4,minmax(0,1fr))}.card-command-sheet__stats span{padding:.16rem .2rem}.card-command-sheet__readout p{font-size:.58rem;-webkit-line-clamp:3}.rules-drawer{width:min(360px,44vw)}}:root{color-scheme:light;font-family:Poppins,ui-sans-serif,system-ui,sans-serif;line-height:1.5;font-weight:400;background:#f7f4ec;color:#102332;--op-paper: #f7f4ec;--op-white: #ffffff;--op-foam: #eaf6fb;--op-sky: #77c8e8;--op-ocean: #087eaf;--op-cobalt: #17549a;--op-navy: #08243a;--op-abyss: #041522;--op-gold: #e8b84a;--op-ink: #102332;--op-font-interface: "Poppins", ui-sans-serif, system-ui, sans-serif;--op-font-display: "Noto Serif", Georgia, serif;--op-bg: var(--op-paper);--op-cream: var(--op-white);--op-red-ink: var(--op-navy);--op-table-felt: var(--op-cobalt);--op-surface: var(--op-white);--op-surface-2: var(--op-foam);--op-playmat: var(--op-navy);--op-playmat-rail: var(--op-ocean);--op-zone: rgba(234, 246, 251, .09);--op-zone-strong: rgba(119, 200, 232, .16);--op-zone-border: rgba(119, 200, 232, .34);--op-text: var(--op-white);--op-muted: rgba(234, 246, 251, .76);--op-subtle: rgba(234, 246, 251, .58);--op-focus: var(--op-gold);--op-danger: #8b2430;--op-success: var(--op-ocean);--op-info: var(--op-sky);--op-purple: var(--op-cobalt);--op-red-card: #d94135;--op-green-card: #2f9e68;--op-blue-card: #2d74c4;--op-purple-card: #7d4bc1;--op-black-card: #2f343a;--op-yellow-card: #e0aa2f;--op-radius-sm: 4px;--op-radius-md: 6px;--op-radius-lg: 8px;--op-shadow: 0 24px 80px rgba(4, 21, 34, .22);--op-motion-fast: .12s;--op-motion-normal: .2s;--op-motion-emphasis: .38s;--op-motion-cinematic: .62s;--op-ease-standard: cubic-bezier(.2, .8, .2, 1);--op-ease-arrival: cubic-bezier(.16, 1, .3, 1)}.tutorial-coach{position:fixed;z-index:130;top:max(10px,env(safe-area-inset-top,0px));left:max(10px,env(safe-area-inset-left,0px));display:grid;width:min(440px,100vw - 20px);gap:.7rem;overflow:hidden;border:1px solid color-mix(in srgb,var(--op-gold) 66%,var(--op-ocean));border-top:5px solid var(--op-gold);border-radius:12px;padding:.68rem;background:radial-gradient(circle at 8% 0,color-mix(in srgb,var(--op-sky) 24%,transparent),transparent 38%),linear-gradient(145deg,color-mix(in srgb,var(--op-cobalt) 96%,transparent),color-mix(in srgb,var(--op-abyss) 98%,transparent));color:var(--op-white);box-shadow:0 18px 48px color-mix(in srgb,var(--op-abyss) 58%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--op-white) 6%,transparent)}.tutorial-coach--complete{border-color:var(--op-sky)}.tutorial-coach--collapsed{width:min(320px,100vw - 20px)}.tutorial-coach__masthead{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:.55rem}.tutorial-coach__masthead strong{display:block;overflow:hidden;color:var(--op-white);font-family:var(--op-font-display);font-size:.85rem;text-overflow:ellipsis;white-space:nowrap}.tutorial-coach__compass{width:38px;aspect-ratio:1;background:url(/assets/official/ui/compass-mark.webp) center/contain no-repeat;filter:drop-shadow(0 2px 4px color-mix(in srgb,var(--op-abyss) 60%,transparent))}.tutorial-coach p{margin:0;color:var(--op-gold);font-size:.6rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.tutorial-coach h1{margin:.1rem 0 .2rem;font:1.05rem var(--op-font-display)}.tutorial-coach span{color:color-mix(in srgb,var(--op-white) 78%,transparent);font-size:.72rem;line-height:1.35}.tutorial-coach__mission{display:grid;gap:.25rem;border-top:1px solid color-mix(in srgb,var(--op-sky) 18%,transparent);padding-top:.58rem}.tutorial-coach__content{display:grid;gap:.7rem}.tutorial-coach__content[hidden],.tutorial-coach__hint[hidden]{display:none}.tutorial-coach nav,.tutorial-coach__terms{display:flex;flex-wrap:wrap;gap:.35rem}.tutorial-coach nav{justify-content:flex-end}.tutorial-coach__terms{margin-top:.4rem}.tutorial-coach a,.tutorial-coach button{font:inherit}.tutorial-coach__collapse,.tutorial-coach__hint-button{min-height:36px;border:1px solid color-mix(in srgb,var(--op-sky) 42%,transparent);border-radius:6px;padding:.3rem .52rem;background:color-mix(in srgb,var(--op-white) 8%,transparent);color:var(--op-white);font-size:.66rem;font-weight:900}.tutorial-coach__hint-button{justify-self:start;margin-top:.25rem;color:var(--op-sky)}.tutorial-coach__hint{display:block;margin-top:.25rem;border-left:3px solid var(--op-gold);padding:.38rem .48rem;background:color-mix(in srgb,var(--op-gold) 10%,transparent);color:var(--op-white);font-size:.68rem;line-height:1.35}.tutorial-coach__actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:.35rem;margin-top:.35rem}.tutorial-coach__actions .tutorial-compass-command{justify-content:center}.tutorial-coach__recovery{display:grid;gap:.4rem;border:1px solid color-mix(in srgb,var(--op-gold) 70%,transparent);border-radius:8px;padding:.55rem;background:color-mix(in srgb,var(--op-gold) 12%,var(--op-navy))}.tutorial-coach__recovery strong{color:var(--op-white)}.tutorial-coach__recovery .tutorial-compass-command{justify-self:start}.tutorial-coach__progress{height:4px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--op-white) 12%,transparent)}.tutorial-coach__progress span{display:block;height:100%;background:linear-gradient(90deg,var(--op-ocean),var(--op-gold));transition:width .2s ease}.tutorial-coach__terms button{display:inline-flex;min-height:30px;align-items:center;border:1px solid color-mix(in srgb,var(--op-sky) 38%,transparent);border-radius:999px;padding:.2rem .5rem;background:color-mix(in srgb,var(--op-white) 6%,transparent);color:var(--op-sky);font-size:.64rem;font-weight:850;text-transform:capitalize}.tutorial-compass-command{display:inline-flex;min-height:44px;align-items:center;gap:.3rem;border:1px solid color-mix(in srgb,var(--op-sky) 48%,transparent);border-radius:7px;padding:.35rem .58rem;background:linear-gradient(145deg,color-mix(in srgb,var(--op-cobalt) 88%,transparent),color-mix(in srgb,var(--op-navy) 96%,transparent));color:var(--op-white);font-size:.68rem!important;font-weight:900!important;text-decoration:none}.tutorial-compass-command i{width:1.25rem;aspect-ratio:1;background:url(/assets/official/ui/compass-mark.webp) center/contain no-repeat;filter:brightness(0) invert(1)}.tutorial-compass-command--primary{border-color:var(--op-gold);background:linear-gradient(145deg,var(--op-sky),var(--op-ocean));color:var(--op-navy)}.tutorial-compass-command--primary i{filter:none}.match-shell[data-tutorial-highlights~=hand] [data-board-zone=hand],.match-shell[data-tutorial-highlights~=characters] .board-half--player [data-board-zone=characters],.match-shell[data-tutorial-highlights~=cost] .board-half--player [data-board-zone=cost-area],.match-shell[data-tutorial-highlights~=life] .board-half--player .player-board-row__life,.match-shell[data-tutorial-highlights~=opponent-leader] .board-half--opponent [data-board-zone=leader],.match-shell[data-tutorial-highlights~=phase] .battle-action-ribbon,.match-shell[data-tutorial-highlights~=battle] .battle-lane optcg-combat-summary{border-radius:8px;outline:3px solid color-mix(in srgb,var(--op-gold) 88%,transparent);outline-offset:3px;filter:drop-shadow(0 0 10px color-mix(in srgb,var(--op-gold) 58%,transparent))}.card-zoom__glossary{display:flex;flex-wrap:wrap;gap:.35rem}.card-zoom__glossary button{display:inline-flex;min-height:44px;align-items:center;border:1px solid var(--op-line);border-radius:999px;padding:.35rem .6rem;background:color-mix(in srgb,var(--op-white) 6%,transparent);color:var(--op-sky);font-size:.72rem;font-weight:800}@media(max-height:500px)and (orientation:landscape){.tutorial-coach{top:max(6px,env(safe-area-inset-top));left:max(6px,env(safe-area-inset-left));width:min(390px,45vw);max-height:calc(100dvh - 12px);overflow:auto;padding:.5rem}.tutorial-coach--collapsed{width:min(300px,38vw)}.tutorial-coach h1{font-size:.9rem}.tutorial-coach span{font-size:.64rem}.tutorial-coach--action{width:min(350px,40vw)}.tutorial-coach--action .tutorial-coach__mission{gap:.16rem;padding-top:.35rem}.tutorial-coach--action .tutorial-coach__terms{display:none}.tutorial-coach--action .tutorial-coach__actions{grid-template-columns:1fr}.match-shell[data-tutorial-highlights~=characters] .tutorial-coach--action,.match-shell[data-tutorial-highlights~=hand] .tutorial-coach--action{right:max(6px,env(safe-area-inset-right));left:auto}.tutorial-coach--targeting{top:max(6px,env(safe-area-inset-top));right:50%!important;left:auto!important;width:min(300px,38vw);transform:translate(50%)}.match-shell[data-tutorial-highlights~=characters] .card-command-sheet,.match-shell[data-tutorial-highlights~=hand] .card-command-sheet{right:auto!important;left:max(6px,env(safe-area-inset-left))!important}}*{box-sizing:border-box}html{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:15px}input,select,textarea{font-size:16px!important}}@media(max-width:960px)and (max-height:500px)and (orientation:landscape){:root{font-size:14px}input,select,textarea{font-size:16px!important}}body{background:linear-gradient(color-mix(in srgb,var(--op-white) 28%,transparent),color-mix(in srgb,var(--op-foam) 44%,transparent)),url(/assets/official/ui/page-nautical-map.png) center top/cover fixed,var(--op-paper)}h1,h2,h3,.display-type{font-family:var(--op-font-display);letter-spacing:0}a{color:inherit}button,input,select{font:inherit}button{cursor:pointer;font-weight:600}button:focus-visible,a:focus-visible{outline:3px solid var(--op-focus);outline-offset:3px}.online-match-status{position:absolute;z-index:24;top:.55rem;right:.7rem;display:flex;min-height:30px;align-items:center;gap:.4rem;border:1px solid color-mix(in srgb,var(--op-success) 38%,transparent);border-radius:999px;padding:.3rem .6rem;background:color-mix(in srgb,var(--op-navy) 91%,transparent);color:var(--op-white);box-shadow:0 6px 18px color-mix(in srgb,var(--op-navy) 24%,transparent);font-size:.7rem}.online-match-status__signal{width:8px;aspect-ratio:1;border-radius:50%;background:var(--op-success);box-shadow:0 0 0 3px color-mix(in srgb,var(--op-success) 24%,transparent)}.online-match-status small{color:color-mix(in srgb,var(--op-white) 70%,var(--op-sky))}.online-match-status--offline{border-color:color-mix(in srgb,var(--op-danger) 45%,transparent)}.online-match-status--offline .online-match-status__signal{background:var(--op-danger);box-shadow:0 0 0 3px color-mix(in srgb,var(--op-danger) 24%,transparent)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}}@keyframes op-route-arrive{0%{opacity:0;transform:translateY(-.35rem)}to{opacity:1;transform:translateY(0)}}.builder-header,.starter-header,.catalog-header{animation:op-route-arrive var(--op-motion-emphasis) var(--op-ease-arrival) both}.builder-actions-toggle,.builder-action-scrim,.builder-toolbar__label{display:none}optcg-deck-builder-page .builder-card footer .builder-card__leader-action{grid-column:1/-1;display:inline-flex;width:100%;align-items:center;justify-content:center;gap:.3rem;border-color:color-mix(in srgb,var(--op-gold) 80%,var(--op-sky));background:var(--op-navy);color:var(--op-white);font-size:.72rem;white-space:nowrap}optcg-deck-builder-page .builder-card footer .builder-card__leader-action>span{display:grid;min-width:20px;width:20px;height:20px;place-items:center;border:1px solid var(--op-gold);border-radius:50%;color:var(--op-gold);font-size:.78rem}optcg-deck-builder-page .builder-card footer .builder-card__leader-action.is-selected{border-color:var(--op-gold);background:color-mix(in srgb,var(--op-gold) 82%,var(--op-white));color:var(--op-navy)}optcg-deck-builder-page .builder-card footer .builder-card__leader-action.is-selected>span{border-color:var(--op-navy);color:var(--op-navy)}optcg-deck-builder-page .segmented-control,optcg-deck-builder-page .filter-grid{scrollbar-width:thin;scrollbar-color:var(--op-sky) color-mix(in srgb,var(--op-white) 9%,transparent)}optcg-deck-builder-page .segmented-control::-webkit-scrollbar,optcg-deck-builder-page .filter-grid::-webkit-scrollbar{width:4px;height:4px}optcg-deck-builder-page .segmented-control::-webkit-scrollbar-track,optcg-deck-builder-page .filter-grid::-webkit-scrollbar-track{border-radius:999px;background:color-mix(in srgb,var(--op-white) 9%,transparent)}optcg-deck-builder-page .segmented-control::-webkit-scrollbar-thumb,optcg-deck-builder-page .filter-grid::-webkit-scrollbar-thumb{border-radius:999px;background:linear-gradient(90deg,var(--op-ocean),var(--op-sky))}@media(min-width:1181px){optcg-deck-builder-page .builder-toolbar__route-link.builder-toolbar__route-link.builder-toolbar__route-link.builder-toolbar__route-link{display:none}}@media(max-width:1180px),(orientation:landscape)and (max-width:960px)and (max-height:500px){optcg-deck-builder-page .builder-header.builder-header{position:relative;z-index:25;grid-template-columns:minmax(0,1fr) 44px;align-items:center;min-height:64px}optcg-deck-builder-page .builder-header__mark.builder-header__mark{display:none}optcg-deck-builder-page .builder-actions-toggle.builder-actions-toggle{position:relative;z-index:42;display:grid;width:44px;height:44px;border:2px solid color-mix(in srgb,var(--op-gold) 72%,var(--op-sky));border-radius:50%;padding:0;place-items:center;background:color-mix(in srgb,var(--op-white) 92%,var(--op-foam));box-shadow:0 8px 20px color-mix(in srgb,var(--op-navy) 22%,transparent)}optcg-deck-builder-page .builder-actions-toggle span{width:28px;aspect-ratio:1;background:url(/assets/official/ui/compass-mark.webp) center/contain no-repeat;transition:transform var(--op-motion-fast) var(--op-ease-arrival)}optcg-deck-builder-page .builder-actions-toggle:after{position:absolute;right:-3px;bottom:-3px;display:grid;width:18px;aspect-ratio:1;place-items:center;border:1px solid var(--op-white);border-radius:50%;background:var(--op-gold);color:var(--op-navy);content:"+";font-size:.78rem;font-weight:950;line-height:1}optcg-deck-builder-page .builder-actions-toggle[aria-expanded=true]:after{content:"\d7"}optcg-deck-builder-page .builder-actions-toggle[aria-expanded=true] span{transform:rotate(32deg) scale(1.06)}optcg-deck-builder-page .builder-action-scrim.builder-action-scrim{position:fixed;inset:0;z-index:38;display:block;width:100%;height:100%;border:0;padding:0;background:color-mix(in srgb,var(--op-abyss) 38%,transparent)}optcg-deck-builder-page .builder-toolbar.builder-toolbar{position:absolute;top:calc(100% + .4rem);right:max(0px,100% - 100vw + 1rem);z-index:41;display:grid;grid-template-columns:minmax(0,1fr);width:min(440px,100vw - 2rem);max-width:none;max-height:calc(100dvh - 5.5rem);gap:.4rem;align-content:start;justify-content:stretch;justify-items:stretch;overflow:auto;border:1px solid color-mix(in srgb,var(--op-sky) 58%,transparent);border-top:4px solid var(--op-gold);border-radius:var(--op-radius-lg);padding:.55rem;background:linear-gradient(145deg,color-mix(in srgb,var(--op-sky) 17%,transparent),transparent 46%),var(--op-abyss);box-shadow:0 22px 58px color-mix(in srgb,var(--op-abyss) 48%,transparent);opacity:0;pointer-events:none;transform:translateY(-.55rem);transform-origin:top right;visibility:hidden;transition:opacity var(--op-motion-fast) var(--op-ease-standard),transform var(--op-motion-fast) var(--op-ease-arrival),visibility 0s linear var(--op-motion-fast)}optcg-deck-builder-page .builder-toolbar.builder-toolbar--open{opacity:1;pointer-events:auto;transform:translateY(0);visibility:visible;transition-delay:0s}optcg-deck-builder-page .builder-toolbar__group.builder-toolbar__group{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.3rem;border:0;padding:0}optcg-deck-builder-page .builder-toolbar__group.builder-toolbar__group+.builder-toolbar__group{border-top:1px solid color-mix(in srgb,var(--op-sky) 20%,transparent);padding-top:.4rem}optcg-deck-builder-page .builder-toolbar__group--play.builder-toolbar__group--play{grid-template-columns:repeat(2,minmax(0,1fr))}optcg-deck-builder-page .builder-toolbar__label.builder-toolbar__label{display:block;grid-column:1/-1;color:color-mix(in srgb,var(--op-sky) 74%,var(--op-white));font-size:.62rem;letter-spacing:.08em;text-transform:uppercase}optcg-deck-builder-page .builder-toolbar.builder-toolbar button,optcg-deck-builder-page .builder-toolbar.builder-toolbar a{width:100%;min-width:0;padding:.38rem .42rem;font-size:.7rem;line-height:1.1;text-align:center;white-space:normal}}