._stack_1l9ki_7{--metal-font-size: 1.35rem;--metal-font-weight: 500;--metal-line-height: 1;--metal-letter-spacing: .01em;--metal-contour-width: .075em;--metal-local-blur: .035em;--metal-local-opacity: .92;--metal-falloff-blur: .075em;--metal-falloff-opacity: .08;--metal-face-gradient: linear-gradient(135deg, #d6dadd 0%, #c5c9cc 22%, var(--yc-button-text) 48%, #aeb3b7 72%, #c9cdd0 100%);--metal-face-stroke: .006em rgba(231, 235, 237, .62);--metal-dark-bevel-stroke: .036em rgba(16, 24, 32, .99);--metal-dark-bevel-x: .014em;--metal-dark-bevel-y: .018em;--metal-dark-bevel-opacity: .96;--metal-bright-bevel-stroke: .014em rgba(247, 249, 250, .78);--metal-bright-bevel-x: -.009em;--metal-bright-bevel-y: -.012em;--metal-bright-bevel-opacity: .74;position:relative;display:inline-grid;place-items:center;width:max-content;max-width:100%;font-family:var(--font-display);font-size:var(--metal-font-size);font-weight:var(--metal-font-weight);line-height:var(--metal-line-height);letter-spacing:var(--metal-letter-spacing);text-align:center;white-space:normal;overflow-wrap:anywhere}._scene_1l9ki_42{--metal-font-size: 25.92px;--metal-font-weight: 500;--metal-line-height: .94;--metal-letter-spacing: .01em;--metal-contour-width: .075em;--metal-local-blur: .035em;--metal-falloff-blur: .075em;--metal-falloff-opacity: .08;--metal-dark-bevel-stroke: .036em rgba(16, 24, 32, .99);--metal-dark-bevel-x: .014em;--metal-dark-bevel-y: .018em;--metal-dark-bevel-opacity: .96;--metal-bright-bevel-stroke: .014em rgba(247, 249, 250, .78);--metal-bright-bevel-x: -.009em;--metal-bright-bevel-y: -.012em;--metal-bright-bevel-opacity: .74}._modal_1l9ki_61{--metal-font-size: 20px;--metal-font-weight: 500;--metal-line-height: 1.04;--metal-letter-spacing: .01em;--metal-contour-width: .065em;--metal-local-blur: .028em;--metal-falloff-blur: .06em;--metal-falloff-opacity: .08;--metal-dark-bevel-stroke: .035em rgba(16, 24, 32, .99);--metal-dark-bevel-x: .012em;--metal-dark-bevel-y: .015em;--metal-dark-bevel-opacity: .96;--metal-bright-bevel-stroke: .013em rgba(247, 249, 250, .78);--metal-bright-bevel-x: -.008em;--metal-bright-bevel-y: -.01em;--metal-bright-bevel-opacity: .74}._section_1l9ki_80{--metal-font-size: clamp(1.2rem, 2.5vw, 1.8rem);--metal-font-weight: 500;--metal-line-height: 1.02;--metal-letter-spacing: .01em;--metal-contour-width: .19em;--metal-local-blur: .08em;--metal-local-opacity: .96;--metal-falloff-blur: .085em;--metal-falloff-opacity: .12;--metal-dark-bevel-stroke: .032em rgba(16, 24, 32, .98);--metal-dark-bevel-x: .011em;--metal-dark-bevel-y: .014em;--metal-dark-bevel-opacity: .94;--metal-bright-bevel-stroke: .012em rgba(247, 249, 250, .74);--metal-bright-bevel-x: -.007em;--metal-bright-bevel-y: -.009em;--metal-bright-bevel-opacity: .72}._button_1l9ki_100{--metal-button-label-scale: 1;--metal-font-size: calc(1em * var(--metal-button-label-scale));--metal-font-weight: 600;--metal-line-height: inherit;--metal-letter-spacing: .06em;--metal-contour-width: .06em;--metal-local-blur: .024em;--metal-local-opacity: .94;--metal-falloff-blur: .052em;--metal-falloff-opacity: .09;--metal-face-stroke: .008em rgba(231, 235, 237, .66);--metal-dark-bevel-stroke: .043em rgba(16, 24, 32, .99);--metal-dark-bevel-x: .014em;--metal-dark-bevel-y: .018em;--metal-dark-bevel-opacity: .96;--metal-bright-bevel-stroke: .016em rgba(247, 249, 250, .78);--metal-bright-bevel-x: -.009em;--metal-bright-bevel-y: -.012em;--metal-bright-bevel-opacity: .74;font-family:var(--font-display);white-space:nowrap;overflow-wrap:normal;text-transform:uppercase}._buttonMeasure_1l9ki_126{position:absolute;inset:0 auto auto 0;z-index:-3;width:max-content;max-width:none;font-family:var(--font-display);font-size:calc(1em / var(--metal-button-label-scale));font-weight:600;line-height:inherit;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;overflow-wrap:normal;visibility:hidden;pointer-events:none;-webkit-user-select:none;user-select:none}._stack_1l9ki_7>*{grid-area:1 / 1}._stack_1l9ki_7>._backing_1l9ki_149,._stack_1l9ki_7>._metallic_1l9ki_150{display:block;width:100%;max-width:100%;margin:0;padding:0;font:inherit;letter-spacing:inherit;line-height:inherit;text-align:inherit;white-space:inherit;overflow-wrap:inherit}._stack_1l9ki_7>._backing_1l9ki_149{position:relative;z-index:0;color:var(--yc-navy-shadow);-webkit-text-fill-color:var(--yc-navy-shadow);-webkit-text-stroke:var(--metal-contour-width) var(--yc-navy-shadow);opacity:var(--metal-local-opacity);filter:blur(var(--metal-local-blur)) drop-shadow(0 0 var(--metal-falloff-blur) color-mix(in srgb,var(--yc-navy-shadow) calc(var(--metal-falloff-opacity) * 100%),transparent));text-shadow:none;pointer-events:none;-webkit-user-select:none;user-select:none}._stack_1l9ki_7>._metallic_1l9ki_150{position:relative;z-index:1;isolation:isolate;display:inline-block;background:var(--metal-face-gradient);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;-webkit-text-stroke:var(--metal-face-stroke);text-shadow:none}._stack_1l9ki_7>._metallic_1l9ki_150:before,._stack_1l9ki_7>._metallic_1l9ki_150:after{position:absolute;inset:0;content:attr(data-text);pointer-events:none}._stack_1l9ki_7>._metallic_1l9ki_150:before{z-index:-2;color:transparent;-webkit-text-fill-color:transparent;-webkit-text-stroke:var(--metal-dark-bevel-stroke);opacity:var(--metal-dark-bevel-opacity);transform:translate(var(--metal-dark-bevel-x),var(--metal-dark-bevel-y));text-shadow:none;filter:none}._stack_1l9ki_7>._metallic_1l9ki_150:after{z-index:-1;color:transparent;-webkit-text-fill-color:transparent;-webkit-text-stroke:var(--metal-bright-bevel-stroke);opacity:var(--metal-bright-bevel-opacity);mix-blend-mode:normal;transform:translate(var(--metal-bright-bevel-x),var(--metal-bright-bevel-y));text-shadow:none;filter:none}@font-face{font-family:Cinzel;font-style:normal;font-weight:500 700;font-display:swap;src:url(/assets/cinzel-latin-500-700-DMUuCU8H.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cinzel;font-style:normal;font-weight:500 700;font-display:swap;src:url(/assets/cinzel-latin-ext-500-700-CG36JvV6.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Jost;font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/jost-latin-400-700-ObQm3Zd1.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Jost;font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/jost-latin-ext-400-700-BDUtSsKd.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--font-display: "Cinzel", Georgia, "Times New Roman", serif;--font-ui: "Jost", Arial, Helvetica, sans-serif;--yb-ink: #f7f4ea;--yb-ink-soft: #b9d7e2;--yb-navy: #031b4e;--yb-blue: #0167ff;--yb-cyan: #21b7de;--yb-gold: #fcbb02;--yb-page: #061320;--yb-panel: #0a2431;--yb-line: rgba(247, 244, 234, .16);--yb-muted: #8fa9ba;--yb-shadow: rgba(0, 0, 0, .32);--yb-surface: #0d3240;--yb-surface-soft: rgba(13, 50, 64, .72);--yc-navy-shadow: #020916;--yc-text-halo-soft: drop-shadow(0 0 clamp(.045rem, .16vmin, .08rem) color-mix(in srgb, var(--yc-navy-shadow) 84%, transparent)) drop-shadow(0 0 clamp(.15rem, .34vmin, .24rem) color-mix(in srgb, var(--yc-navy-shadow) 46%, transparent));--yc-text-halo-medium: drop-shadow(0 0 clamp(.055rem, .18vmin, .1rem) color-mix(in srgb, var(--yc-navy-shadow) 88%, transparent)) drop-shadow(0 0 clamp(.22rem, .48vmin, .36rem) color-mix(in srgb, var(--yc-navy-shadow) 58%, transparent));--yc-text-halo-strong: drop-shadow(0 0 clamp(.075rem, .24vmin, .13rem) color-mix(in srgb, var(--yc-navy-shadow) 92%, transparent)) drop-shadow(0 0 clamp(.22rem, .62vmin, .44rem) color-mix(in srgb, var(--yc-navy-shadow) 44%, transparent));--yc-text-over-art: -.055em 0 var(--yc-navy-shadow), .055em 0 var(--yc-navy-shadow), 0 -.055em var(--yc-navy-shadow), 0 .055em var(--yc-navy-shadow), -.039em -.039em var(--yc-navy-shadow), .039em -.039em var(--yc-navy-shadow), -.039em .039em var(--yc-navy-shadow), .039em .039em var(--yc-navy-shadow), 0 0 .06em color-mix(in srgb, var(--yc-navy-shadow) 90%, transparent), 0 0 .13em color-mix(in srgb, var(--yc-navy-shadow) 18%, transparent);--yc-blue-texture: url(/assets/yacht-clash-blue-texture-BFA8I9ab.webp);--yc-loading-background: url(/assets/loading-background-BVF8hgNE.webp);--yc-navy-surface: url(/assets/navy-surface-CHP9XmMC.png);--yc-button-primary-image: url(/assets/button-primary-Bz6YFzwv.webp);--yc-button-secondary-image: url(/assets/button-secondary-DwuCEdJl.webp);--yc-button-premium-image: url(/assets/button-premium-BKXavbUe.webp);--yc-button-nav-image: url(/assets/button-nav-CsafLw7A.webp);--yc-button-text: #b7b9bb;--yc-premium-surface: linear-gradient(180deg, rgba(255, 255, 255, .075), rgba(255, 255, 255, .018)), linear-gradient(135deg, rgba(252, 187, 2, .07), transparent 34%), var(--yc-navy-surface), #041527;--yc-premium-surface-quiet: linear-gradient(180deg, rgba(255, 255, 255, .052), rgba(255, 255, 255, .014)), var(--yc-navy-surface), #041527;--yc-premium-line: rgba(248, 242, 230, .2);color:var(--yb-ink);background:var(--yb-page);font-family:var(--font-ui);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:0;min-height:100vh;background:radial-gradient(ellipse at 50% 0%,rgba(33,183,222,.18),transparent 28rem),linear-gradient(180deg,rgba(0,62,95,.18),transparent 30rem),var(--yb-page)}button,a{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}img{display:block;max-width:100%}.text-halo-strong{filter:var(--yc-text-halo-strong)}.text-halo-medium{filter:var(--yc-text-halo-medium)}.text-halo-soft{filter:var(--yc-text-halo-soft)}.yc-display-heading{font-family:var(--font-display)}.yc-text-over-art{text-shadow:var(--yc-text-over-art);filter:none}.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}.app-shell{width:min(100%,72rem);min-height:100vh;margin:0 auto;padding:1rem;padding-bottom:max(1.25rem,env(safe-area-inset-bottom))}.home-screen,.screen{min-height:calc(100vh - 2rem)}.landing-screen{display:grid;align-content:center;min-height:calc(100vh - 2rem)}.landing-panel{position:relative;display:grid;gap:1.4rem;padding:clamp(1.25rem,4vw,2.3rem);border:1px solid rgba(247,244,234,.14);border-radius:.85rem;background:radial-gradient(circle at 90% -10%,rgba(252,187,2,.14),transparent 35%),radial-gradient(circle at -10% 115%,rgba(33,183,222,.16),transparent 40%),linear-gradient(180deg,#0d3240f5,#061320fa);box-shadow:0 1rem 2rem #0000003d;overflow:hidden}.landing-hero{display:grid;gap:.55rem;justify-items:center;max-width:46rem}.landing-brand-image{width:min(100%,64rem);height:auto;filter:drop-shadow(0 .55rem 1.25rem rgba(0,0,0,.34))}.landing-hero h1{font-size:clamp(2.2rem,11vw,4.5rem);line-height:.92}.landing-hero p:last-child{margin:0;color:var(--yb-ink-soft);font-size:1rem;line-height:1.5;max-width:40rem}.landing-loop{display:grid;gap:.75rem;margin:0;padding:0;list-style:none}.landing-loop li{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.7rem;min-height:4.9rem;padding:.66rem .82rem;border:1px solid rgba(247,244,234,.12);border-radius:.55rem;background:#ffffff0e}.landing-feature-icon{width:clamp(2.35rem,3vw,3rem);aspect-ratio:1;object-fit:contain;opacity:.94;filter:drop-shadow(0 .22rem .38rem rgba(0,0,0,.32)) drop-shadow(0 0 .35rem rgba(252,187,2,.08))}.landing-feature-copy{display:grid;gap:.16rem;min-width:0}.landing-feature-copy,.landing-feature-copy *{text-align:left!important}.landing-loop strong{color:var(--yb-ink);font-size:.93rem}.landing-loop span{color:var(--yb-ink-soft);font-size:.9rem;line-height:1.42}.landing-actions,.landing-entry-actions{display:grid;gap:.6rem}.landing-note{margin:0;color:var(--yb-muted);font-size:.82rem;line-height:1.4}.starter-screen{display:grid;gap:1rem}.starter-subtitle{margin:0;color:var(--yb-ink-soft);font-size:.98rem;line-height:1.45;max-width:38rem}.starter-grid{display:grid;gap:.85rem}.starter-choice{display:grid;gap:.65rem;border:1px solid var(--yb-line);border-radius:.6rem;background:var(--yb-panel);padding:.65rem;box-shadow:0 .65rem 1.35rem var(--yb-shadow)}.starter-choice-copy{display:grid;gap:.35rem}.starter-choice-copy strong{color:var(--yb-ink);font-size:.95rem}.starter-choice-copy p{margin:0;color:var(--yb-ink-soft);font-size:.86rem;line-height:1.4}.starter-choose-button{min-height:2.75rem}.starter-choice-scene{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto;align-content:stretch;gap:clamp(.65rem,1.8vw,1.1rem);width:100%;min-height:100%;overflow:hidden}.game-scene-starter .game-scene-overlay,.game-scene-yacht-choice .game-scene-overlay{padding:0}.game-scene-starter .game-scene-overlay .starter-choice-scene,.game-scene-yacht-choice .game-scene-overlay .starter-choice-scene{position:relative;isolation:isolate;width:100%;border:0;border-radius:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:max(.85rem,env(safe-area-inset-top)) max(.75rem,env(safe-area-inset-right)) max(.95rem,env(safe-area-inset-bottom)) max(.75rem,env(safe-area-inset-left))}.game-scene-starter .game-scene-overlay .starter-choice-scene:before,.game-scene-starter .game-scene-overlay .starter-choice-scene:after,.game-scene-yacht-choice .game-scene-overlay .starter-choice-scene:before,.game-scene-yacht-choice .game-scene-overlay .starter-choice-scene:after{content:"";position:absolute;z-index:1;pointer-events:none}.game-scene-starter .game-scene-overlay .starter-choice-scene:before,.game-scene-yacht-choice .game-scene-overlay .starter-choice-scene:before{content:none}.game-scene-starter .game-scene-overlay .starter-choice-scene:after,.game-scene-yacht-choice .game-scene-overlay .starter-choice-scene:after{content:none}.starter-choice-header,.default-scene-header{position:relative;z-index:4;justify-self:center;display:grid;justify-items:center;text-align:center;gap:clamp(.12rem,.6vh,.28rem);padding-top:clamp(.28rem,1.2vh,.85rem);pointer-events:none}.starter-choice-header-copy,.default-scene-header-copy{position:relative;display:grid;justify-items:center;gap:.12rem}.starter-choice-header-copy:before,.default-scene-header-copy:before{content:none}.starter-choice-brand-image,.default-scene-brand-image{width:clamp(12rem,24vw,19rem);height:auto;margin-bottom:clamp(.05rem,.4vh,.2rem);filter:drop-shadow(0 .38rem .85rem rgba(0,0,0,.38))}.starter-choice-header .eyebrow{color:#74a9d8;font-family:var(--font-ui);font-size:.74rem;font-weight:600;letter-spacing:.06em;text-shadow:0 .35rem .85rem rgba(0,0,0,.36)}.starter-choice-header .starter-subtitle,.default-scene-subtitle{max-width:min(100%,34rem);margin:0;color:#d7dde0;font-family:var(--font-ui);font-size:.92rem;font-weight:400;line-height:1.25}.starter-choice-pixi-stage{position:absolute;inset:0;z-index:2;min-width:0;min-height:100%;min-height:100vh;min-height:100dvh;margin:0;overflow:hidden}.starter-choice-pixi-stage,.starter-choice-pixi-stage .pixi-pack-stage-canvas{width:100%;height:100%;min-width:0;min-height:inherit}.starter-choice-pixi-stage .pixi-pack-stage{width:100%;height:100%;min-height:inherit}.starter-choice-pixi-stage{position:absolute}.starter-choice-pixi-stage .pixi-pack-stage-canvas canvas{display:block;width:100%;height:100%}.starter-choice-pixi-stage .pixi-pack-fallback{display:grid;min-height:inherit;place-items:center;color:var(--yb-ink-soft)}.starter-choice-accessible-controls{position:absolute;z-index:7;inset-inline:1rem;bottom:max(1rem,env(safe-area-inset-bottom));display:flex;justify-content:center;gap:.5rem;pointer-events:none}.starter-choice-a11y-card-button{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.starter-choice-a11y-card-button:focus-visible{position:static;width:auto;height:auto;margin:0;clip:auto;overflow:visible;white-space:normal;pointer-events:auto;border:1px solid rgba(252,187,2,.65);border-radius:999px;background:#02121fd1;color:var(--yb-ink);padding:.55rem .8rem}.starter-choice-caption-row{--yc-starter-gap-title-copy: clamp(.24rem, .72vmin, .38rem);--yc-starter-gap-copy-action: clamp(.52rem, 1.28vmin, .78rem);--yc-starter-title-row: clamp(1.28rem, 3.4vmin, 1.55rem);--yc-starter-copy-row: clamp(1.5rem, 4.1vmin, 1.9rem);--yc-starter-inspect-width: 9.6rem;--yc-starter-inspect-height: 2.85rem;position:absolute;z-index:5;display:grid;margin-inline:0;pointer-events:none}.starter-choice-chip{display:grid;grid-template-rows:var(--yc-starter-title-row) var(--yc-starter-copy-row) var(--yc-starter-inspect-height);justify-items:center;align-content:start;gap:var(--yc-starter-gap-title-copy);min-height:0;border:0;border-radius:0;background:transparent;color:var(--yb-ink);padding:clamp(.18rem,.7vmin,.38rem) .3rem 0;text-align:center;box-shadow:none;pointer-events:auto;opacity:1;transform:translateY(0);transition:opacity .18s ease,transform .18s ease}.starter-choice-chip-hidden{opacity:0;pointer-events:none;transform:translateY(.28rem)}.starter-choice-archetype-title{--metal-font-size: .82rem;--metal-font-weight: 500;--metal-line-height: 1.08;--metal-letter-spacing: .005em;display:inline-grid;width:100%;min-height:0;place-items:end center}.starter-choice-chip>span{max-width:12.5rem;display:flex;min-height:0;align-items:start;justify-content:center;color:#d7e1e6;font-family:var(--font-ui);font-size:.73rem;font-weight:500;line-height:1.22}.starter-choice-archetype-title,.starter-choice-chip>span,.starter-choice-inspect-button{opacity:0;transform:translateY(.22rem);animation:starterInfoIn .18s ease forwards}.starter-choice-chip>span{animation-delay:80ms}.starter-choice-inspect-button{animation-delay:155ms}.starter-choice-chip-hidden .starter-choice-archetype-title,.starter-choice-chip-hidden>span,.starter-choice-chip-hidden .starter-choice-inspect-button{animation:none}.starter-choice-inspect-button{width:var(--yc-starter-inspect-width);height:var(--yc-starter-inspect-height);margin-top:calc(var(--yc-starter-gap-copy-action) - var(--yc-starter-gap-title-copy));border:0;border-radius:.5rem;background-color:transparent;background-image:var(--yc-button-secondary-image);background-repeat:no-repeat;background-position:center;background-size:100% auto;color:var(--yc-button-text);padding:0 1.1rem;font-family:var(--font-ui);font-size:.7rem;font-weight:600;letter-spacing:.06em;line-height:1;text-transform:uppercase;box-shadow:none;transition:filter .13s ease,transform .13s ease,box-shadow .13s ease}.starter-choice-inspect-button:hover,.starter-choice-inspect-button:focus-visible{filter:brightness(1.06) contrast(1.03);box-shadow:0 0 12px #4191ff1f,0 0 24px #4191ff0d}.starter-choice-inspect-button:active{transform:translateY(1px);filter:brightness(.95)}.starter-choice-inspect-button:focus-visible{outline:2px solid rgba(252,187,2,.88);outline-offset:3px}@keyframes starterInfoIn{0%{opacity:0;transform:translateY(.22rem)}to{opacity:1;transform:translateY(0)}}.starter-choice-info-pane,.starter-choice-prompt{position:absolute;z-index:6;inset-inline:max(.75rem,env(safe-area-inset-left)) max(.75rem,env(safe-area-inset-right));bottom:max(1rem,env(safe-area-inset-bottom));justify-self:center;width:min(100%,44rem);margin-inline:auto}.starter-choice-info-pane{display:grid;gap:.72rem;border:1px solid rgba(247,244,234,.16);border-radius:.72rem;background:radial-gradient(ellipse at 88% 0%,rgba(65,145,255,.12),transparent 48%),linear-gradient(180deg,#06182aeb,#020c18f0);padding:clamp(.9rem,2vw,1.15rem);box-shadow:0 .8rem 1.8rem #0000004d,inset 0 1px #ffffff0e}.starter-choice-info-pane h2,.starter-choice-info-pane p{margin:0}.starter-choice-info-pane h2{font-size:clamp(1.2rem,3vw,1.72rem);line-height:1.08}.starter-choice-info-pane>p{color:var(--yb-ink-soft);line-height:1.42}.starter-choice-pill-row,.starter-choice-stat-strip,.starter-choice-actions{display:flex;flex-wrap:wrap;gap:.5rem}.starter-choice-pill-row span{border:1px solid rgba(252,187,2,.25);border-radius:999px;background:#fcbb0214;color:#fff1c8;padding:.28rem .58rem;font-size:.78rem;font-weight:800}.starter-choice-guidance,.starter-choice-stat-strip{margin:0}.starter-choice-guidance{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.starter-choice-guidance div,.starter-choice-stat-strip div{display:grid;gap:.16rem;min-width:0}.starter-choice-guidance dt,.starter-choice-stat-strip dt{color:var(--yb-muted);font-size:.72rem;font-weight:850;text-transform:uppercase}.starter-choice-guidance dd,.starter-choice-stat-strip dd{margin:0;color:var(--yb-ink);line-height:1.32}.starter-choice-stat-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-block:1px solid rgba(247,244,234,.12);padding-block:.62rem}.starter-choice-actions{justify-content:center}.starter-choice-actions .primary-action,.starter-choice-actions .secondary-action{min-width:min(100%,13.5rem)}.starter-choice-prompt{display:grid;place-items:center;color:#cdd5da;font-family:var(--font-ui);font-size:.78rem;font-weight:400;letter-spacing:.045em;text-transform:uppercase}@media(max-width:46rem){.starter-choice-guidance,.starter-choice-stat-strip{grid-template-columns:1fr}.starter-choice-stat-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.starter-choice-actions{display:grid;grid-template-columns:1fr}.starter-choice-actions .primary-action,.starter-choice-actions .secondary-action{width:100%;justify-self:center}}@media(prefers-reduced-motion:reduce){.starter-choice-chip,.starter-choice-archetype-title,.starter-choice-chip span,.starter-choice-inspect-button{transition:none;animation-duration:1ms;animation-delay:0ms}}.onboarding-placeholder-screen{display:grid;gap:1rem}.onboarding-placeholder-panel{display:grid;gap:.85rem;border:1px solid var(--yb-line);border-radius:.6rem;background:var(--yb-panel);padding:1rem;box-shadow:0 .65rem 1.35rem var(--yb-shadow)}.onboarding-placeholder-panel p{margin:0;color:var(--yb-ink-soft);line-height:1.42}.tutorial-holding-state{position:absolute;inset:94px auto auto 50%;display:grid;justify-items:center;gap:11px;width:360px;transform:translate(-50%);text-align:center}.tutorial-holding-copy{max-width:330px;margin:0;color:var(--yb-ink-soft);font-family:var(--font-ui);font-size:12.16px;font-weight:500;line-height:1.24;text-shadow:var(--yc-text-over-art)}.result-summary-content{position:absolute;top:108px;left:50%;z-index:5;width:min(30rem,72vw);padding:1rem 1.5rem;border:1px solid var(--yc-premium-line);border-radius:1rem;background:var(--yc-premium-surface);background-size:cover;box-shadow:0 1rem 2.2rem #00000052,inset 0 0 0 1px #ffffff0b;-webkit-backdrop-filter:blur(.08rem);backdrop-filter:blur(.08rem);transform:translate(-50%);pointer-events:none}.result-summary-panel{display:grid;justify-items:center;gap:.58rem;width:100%;pointer-events:auto}.result-summary-title{min-height:1.15rem;margin:0;--metal-font-size: .86rem}.result-summary-list{display:grid;gap:.28rem;width:min(100%,20rem);margin:0;padding:0;color:var(--yb-ink);font-family:var(--font-ui);font-size:.82rem;font-weight:600;line-height:1.2;list-style:none;text-shadow:var(--yc-text-over-art)}.result-summary-supporting{max-width:21rem;margin:.1rem 0 0;color:var(--yb-ink-soft);font-family:var(--font-ui);font-size:.76rem;font-weight:500;line-height:1.24;text-shadow:var(--yc-text-over-art)}.result-summary-action{width:15rem;height:3.05rem;margin-top:.08rem;font-size:.8rem}.home-screen{display:grid;align-content:center;gap:1.5rem}.home-hero{max-width:40rem}.eyebrow,.tile-kicker,.battle-label{margin:0;color:var(--yb-muted);font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}h1{margin:0;color:var(--yb-ink);font-family:var(--font-display);font-size:clamp(2.35rem,12vw,5.5rem);font-weight:600;line-height:.95;letter-spacing:0}h2,h3{font-family:var(--font-display);font-weight:600;letter-spacing:.01em}.home-hero p:last-child{max-width:31rem;margin:1rem 0 0;color:var(--yb-ink-soft);font-size:1.05rem;line-height:1.5}.home-actions{display:grid;gap:.75rem}.primary-action,.secondary-action,.premium-action,.text-button,.source-link{border-radius:.5rem;min-height:3rem;border:1px solid transparent;padding:.75rem 1rem;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;font-weight:600;line-height:1.15;text-align:center;text-decoration:none}.primary-action,.secondary-action,.premium-action{position:relative;isolation:isolate;overflow:hidden;--yc-button-art-ratio: 10 / 3;--yc-button-background-size: 88% auto;--yc-button-inline-pad: clamp(2.25rem, 5vw, 3.5rem);inline-size:max-content;max-inline-size:100%;aspect-ratio:var(--yc-button-art-ratio);justify-self:center;background-repeat:no-repeat;background-position:center;background-size:var(--yc-button-background-size);padding-inline:var(--yc-button-inline-pad);padding-block:0;text-shadow:0 1px 2px rgba(0,0,0,.36);transition:box-shadow .14s ease,filter .14s ease}.primary-action{background-color:transparent;background-image:var(--yc-button-primary-image);border-color:transparent;color:var(--yc-button-text);box-shadow:none}.secondary-action{background-color:transparent;background-image:var(--yc-button-secondary-image);color:var(--yc-button-text);border-color:transparent;box-shadow:none}.premium-action{background-color:transparent;background-image:var(--yc-button-premium-image);color:#fff7df;border-color:transparent;box-shadow:none}.text-button{background:#f7f4ea14;color:var(--yb-ink);border-color:var(--yb-line)}.primary-action:hover:not(:disabled),.secondary-action:hover:not(:disabled),.premium-action:hover:not(:disabled),.primary-action:focus-visible,.secondary-action:focus-visible,.premium-action:focus-visible{transform:none;filter:brightness(1.05) contrast(1.03) saturate(1.03);box-shadow:0 0 14px #4191ff24,0 0 28px #4191ff0f}.primary-action:active:not(:disabled),.secondary-action:active:not(:disabled),.premium-action:active:not(:disabled){transform:translateY(1px);filter:brightness(.92) contrast(1.03);box-shadow:0 0 8px #4191ff1a}.primary-action:focus-visible,.secondary-action:focus-visible,.premium-action:focus-visible{outline:2px solid rgba(252,187,2,.9);outline-offset:3px}.primary-action:disabled,.secondary-action:disabled,.premium-action:disabled{opacity:.56;filter:saturate(.7)}.text-button{min-height:2.5rem;padding-inline:.8rem}.home-summary{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.home-summary span,.rarity-pill,.starter-pill,.flagship-pill,.popular-pill,.collection-set-pill,.owned-count,.cost-badge,.selection-count,.upgrade-count{display:inline-flex;align-items:center;border-radius:999px;background:var(--yb-panel);border:1px solid var(--yb-line);color:var(--yb-ink-soft);font-size:.78rem;font-weight:800;line-height:1;padding:.4rem .55rem}.pixi-demo-panel{display:grid;gap:.65rem;border:1px solid var(--yb-line);border-radius:.6rem;background:var(--yb-panel);padding:.8rem;box-shadow:0 .65rem 1.35rem var(--yb-shadow)}.pixi-demo-copy{display:grid;gap:.3rem}.pixi-demo-copy strong{color:var(--yb-ink);font-size:.95rem}.pixi-demo-copy span{color:var(--yb-ink-soft);font-size:.84rem;line-height:1.4}.pixi-demo-status{border-radius:.4rem;border:1px solid var(--yb-line);padding:.45rem .55rem}.pixi-demo-status-loaded{background:#e8f6ef;border-color:#0c734a42;color:#0c734a}.pixi-demo-status-loading{background:#eef2f7;border-color:#00183333;color:var(--yb-ink-soft)}.pixi-demo-status-failed{background:#fff0f3;border-color:#bb214659;color:#982242}.pixi-demo-canvas{min-height:15rem;border:1px solid rgba(0,24,51,.12);border-radius:.45rem;overflow:hidden;background:radial-gradient(circle at 30% 20%,rgba(1,103,255,.12),transparent 50%),linear-gradient(180deg,#031b4e14,#031b4e05)}.app-shell-pack{width:100%;max-width:none;padding:0;overflow:hidden}.pack-screen{position:relative;min-height:100vh;min-height:100dvh;width:100%;overflow:hidden;background:transparent;color:#fff;isolation:isolate;touch-action:manipulation}.pack-screen-scene{position:absolute;inset:0}.pack-screen-scene{z-index:1;display:grid;min-width:0;min-height:0}.pack-screen-top{position:absolute;z-index:4;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:.45rem;padding:max(.5rem,env(safe-area-inset-top)) clamp(.65rem,3.5vw,1.2rem) .45rem;pointer-events:none;background:linear-gradient(180deg,#010c169e,#010c1600)}.pack-screen-copy{flex:1 1 auto;display:grid;min-width:0;gap:.12rem;justify-items:center;text-align:center;pointer-events:auto}.pack-screen-copy strong{color:#fff;font-size:clamp(.82rem,3.6vw,1.02rem);line-height:1.15}.pack-screen-brand-image{width:min(100%,20rem);height:auto;filter:drop-shadow(0 .45rem 1rem rgba(0,0,0,.35))}.pack-screen-back{flex:0 0 auto;min-height:2.25rem;border-color:#fff3;background:#031b4e94;color:#fff;-webkit-backdrop-filter:blur(.8rem);backdrop-filter:blur(.8rem);pointer-events:auto}.pack-screen .eyebrow{margin:0;color:#ffffffad;font-size:.58rem;letter-spacing:.08em}.pack-screen-meta{display:flex;flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end;gap:.3rem;max-width:min(38vw,15rem);pointer-events:auto}.pack-screen-meta span,.pack-screen-meta strong{border-radius:999px;border:1px solid rgba(255,255,255,.16);background:#02121f94;color:#ffffffd6;font-size:.66rem;font-weight:820;padding:.28rem .42rem;white-space:nowrap;-webkit-backdrop-filter:blur(.8rem);backdrop-filter:blur(.8rem)}.pack-screen-launch{display:grid;min-height:100vh;min-height:100dvh;padding:5.8rem 1rem 8rem}.pack-screen-open{width:min(100%,20rem);min-height:3.35rem}.pack-stage.pack-screen-loading{position:relative;min-height:100vh;min-height:100dvh;border:0;border-radius:0;background:transparent;color:#fff}.pack-screen-reveal{position:absolute;inset:0;display:grid;min-width:0;min-height:0}.pack-screen-pixi{position:absolute;inset:0;min-width:0;min-height:100vh;min-height:100dvh;overflow:hidden}.pixi-pack-stage{width:100%;height:100%;display:grid}.pixi-pack-stage-canvas{width:100%;height:100%;min-width:0;min-height:0}.pack-screen-bottom{position:absolute;z-index:4;left:50%;bottom:max(.8rem,env(safe-area-inset-bottom));display:grid;width:min(calc(100% - 1.5rem),26rem);gap:.42rem;justify-items:center;transform:translate(-50%);pointer-events:none}.pack-screen-bottom>*{pointer-events:auto}.pack-screen-card-actions{position:absolute;z-index:5;display:grid;width:min(calc(100% - 1.5rem),22rem);justify-items:center;transform:translate(-50%);pointer-events:none}.pack-screen-card-actions>*{pointer-events:auto}.pack-screen-card-actions .pack-screen-inspect{width:min(100%,14.5rem);min-height:2.72rem}.pack-screen-bottom-idle{top:52%;bottom:auto;transform:translate(-50%,-50%);width:min(calc(100% - 1.5rem),30rem);padding:clamp(.8rem,2.2vw,1rem);border:1px solid rgba(247,244,234,.18);border-radius:1rem;background:radial-gradient(circle at 100% 0%,rgba(252,187,2,.05),transparent 34%),radial-gradient(circle at 0% 100%,rgba(33,183,222,.05),transparent 38%),linear-gradient(180deg,#04152366,#03111e66);box-shadow:0 1rem 2.2rem #00000052,inset 0 0 0 1px #ffffff08;-webkit-backdrop-filter:blur(.55rem);backdrop-filter:blur(.55rem)}.pack-screen-inspect,.pack-screen-continue{width:min(100%,17rem);min-height:2.85rem;border-radius:999px;background-repeat:no-repeat;background-position:center;background-size:var(--yc-button-background-size);box-shadow:0 .9rem 1.8rem #0000003d}.pack-screen-inspect{border-color:#f7f0e36b;background:linear-gradient(180deg,#ffffffeb,#d8dee8e6);color:#001833;-webkit-backdrop-filter:blur(.8rem);backdrop-filter:blur(.8rem)}.pack-screen-continue{background:linear-gradient(180deg,rgba(33,183,222,.22),transparent),var(--yb-blue)}.pack-screen-focus-label,.pack-screen-status{margin:0;color:#ffffffd1;font-size:.76rem;line-height:1.3;max-width:min(100%,22rem);text-align:center;text-shadow:0 1px .5rem rgba(0,0,0,.5)}.pack-screen-status{color:#ffffff94}.pack-screen-technical-status{margin:0;color:#ffe19aad;font-size:.68rem;line-height:1.25;text-align:center}.pack-screen-failures{margin:0;width:min(100%,24rem);border:1px solid rgba(252,187,2,.28);border-radius:.45rem;background:#271e05b8;color:#ffe19a;font-size:.74rem;display:grid;gap:.2rem;padding:.5rem .65rem .5rem 1.35rem;-webkit-backdrop-filter:blur(.8rem);backdrop-filter:blur(.8rem)}.pack-screen-details{position:absolute;z-index:4;left:clamp(.75rem,4vw,1.25rem);right:clamp(.75rem,4vw,1.25rem);bottom:calc(max(.8rem,env(safe-area-inset-bottom)) + 10.8rem);max-height:min(34vh,18rem);overflow:auto;border:1px solid rgba(255,255,255,.16);border-radius:.85rem;background:#02121f94;padding:.48rem .62rem;color:#fff;-webkit-backdrop-filter:blur(.95rem);backdrop-filter:blur(.95rem)}.pack-screen-details summary{cursor:pointer;color:#ffffffe0;font-size:.78rem;font-weight:820}.pixi-pack-fallback{align-self:center;justify-self:center;width:min(calc(100% - 2rem),28rem);border:1px solid rgba(255,255,255,.22);border-radius:.55rem;background:#fff0f3eb;color:#982242;font-size:.85rem;padding:.75rem}.pack-result-summary{display:grid;gap:.5rem;list-style:none;margin:0;padding:0}.pack-result-summary li{display:grid;gap:.2rem;border:1px solid rgba(255,255,255,.14);border-radius:.45rem;background:#ffffff14;padding:.55rem .6rem}.pack-result-summary li strong{color:#fff;font-size:.84rem}.pack-result-summary li span{color:#ffffffb8;font-size:.78rem}.pack-result-note{margin:0;color:#ffffffad;font-size:.79rem}.card-detail-modal-backdrop{position:fixed;inset:0;z-index:160;background:#000a12c2;animation:card-detail-backdrop-in .22s ease-out both}.card-detail-modal{position:absolute;top:15px;left:22px;width:800px;height:360px;overflow:hidden;border:1px solid var(--yc-premium-line);border-radius:8px;background:var(--yc-premium-surface);background-size:cover;color:var(--yb-ink);box-shadow:0 16px 36px #00000070,inset 0 0 0 1px #ffffff0b;transform-origin:center;animation:card-detail-modal-in .24s cubic-bezier(.2,.8,.2,1) both}.card-detail-modal-backdrop.is-closing{animation:card-detail-backdrop-out .18s ease-in both}.card-detail-modal-backdrop.is-closing .card-detail-modal{animation:card-detail-modal-out .18s ease-in both}.card-detail-modal .detail-card{display:grid;grid-template-columns:38% 62%;gap:0;width:100%;height:100%;margin:0;padding:0;overflow:hidden;border:0;border-radius:0;background:transparent;box-shadow:none}.card-detail-modal .detail-card-stage{border:0;border-right:1px solid rgba(247,244,234,.12);border-radius:0;background:#020e1b61}.card-detail-modal .detail-card-stage img,.card-detail-modal .detail-card-stage .detail-placeholder{filter:drop-shadow(0 7px 11px rgba(0,0,0,.34))}.card-detail-modal .detail-card-stage .detail-placeholder{min-height:0}.card-detail-modal .detail-content-column{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:0;height:100%;max-height:100%;overflow:hidden}.card-detail-modal .detail-details-scroll{min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:rgba(33,183,222,.58) rgba(2,18,31,.42);scrollbar-width:thin;padding:0 18px 8px}.card-detail-modal .detail-details-scroll::-webkit-scrollbar{width:6px}.card-detail-modal .detail-details-scroll::-webkit-scrollbar-track{background:#02121f6b}.card-detail-modal .detail-details-scroll::-webkit-scrollbar-thumb{border-radius:3px;background:#21b7de94}.card-detail-modal .detail-identity-header{grid-template-columns:minmax(106px,1fr) minmax(0,244px) minmax(106px,1fr);align-items:center;gap:8px;min-width:0;min-height:48px;padding:6px 16px 5px;border-bottom:1px solid rgba(247,244,234,.1)}.card-detail-modal .detail-identity-heading{grid-column:2;justify-items:center;place-items:center;width:100%;max-width:100%;text-align:center}.card-detail-modal .detail-pill-row{grid-column:3;justify-self:end;justify-content:center;gap:5px}.card-detail-modal .detail-pill-row-empty,.card-detail-modal .detail-identity-header-spacer{display:block;width:100%;min-width:0}.card-detail-modal .detail-pill-row span{padding:3px 7px;font-size:10px;line-height:1.1}.card-detail-modal .stat-panel,.card-detail-modal .ownership-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 12px;margin:0 0 12px}.card-detail-modal .stat-row{min-width:0;gap:8px;border:0;border-bottom:1px solid rgba(247,244,234,.1);border-radius:0;background:transparent;padding:6px 0;font-size:11px;line-height:1.2}.card-detail-modal .stat-row dd{text-align:right}.card-detail-modal .source-link{min-height:30px;padding:6px 12px;font-size:10px}.card-detail-modal .detail-identity-actions{--card-inspect-action-height: 40px;--card-inspect-action-ratio: 3.333333;display:flex;justify-content:center;align-items:center;gap:10px;height:58px;min-height:58px;padding:7px 18px 8px;border-top:1px solid rgba(247,244,234,.13);background:#020e1bb3;box-shadow:0 -8px 18px #00000024}.card-detail-modal .detail-identity-actions>:only-child{margin-inline:auto}.card-detail-modal .detail-identity-actions .primary-action,.card-detail-modal .detail-identity-actions .secondary-action{flex:0 0 auto;min-width:0;width:calc(var(--card-inspect-action-height) * var(--card-inspect-action-ratio));height:var(--card-inspect-action-height);min-height:var(--card-inspect-action-height);aspect-ratio:auto;background-size:100% 100%;padding-inline:8px;font-size:10px;white-space:nowrap}.screen{display:grid;align-content:start;gap:1rem}.screen-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:2.75rem}.screen-header span{color:var(--yb-muted);font-size:.9rem;font-weight:750}.section-title{display:grid;gap:.2rem}.section-title h1{font-size:clamp(2rem,8vw,3.5rem)}.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.card-tile{position:relative;display:grid;gap:.65rem;width:100%;min-width:0;padding:.55rem;border:1px solid var(--yb-line);border-radius:.5rem;background:linear-gradient(180deg,rgba(255,255,255,.035),transparent),var(--yb-panel);color:inherit;text-align:left;box-shadow:0 .65rem 1.35rem var(--yb-shadow)}.card-image-frame{position:relative;display:block;overflow:hidden;aspect-ratio:2 / 3;border-radius:.4rem;background:#061320}.card-image-frame-baked,.detail-image-frame-baked{background:transparent}.card-image-frame img,.detail-image-frame img{width:100%;height:100%;object-fit:contain}.detail-card-stage{--inspect-card-width: 0px;--inspect-card-height: 0px;position:relative;display:grid;place-items:center;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;aspect-ratio:auto}.detail-card-stage img,.detail-card-stage .detail-placeholder{display:block;width:var(--inspect-card-width);height:var(--inspect-card-height);max-width:100%;max-height:100%;aspect-ratio:7 / 10;object-fit:contain;border-radius:5px}.detail-card-stage .detail-placeholder{display:grid}.placeholder-card{display:grid;align-content:end;width:100%;height:100%;padding:.85rem;background:linear-gradient(135deg,rgba(1,103,255,.16),transparent 45%),#0a2431;color:var(--yb-ink)}.placeholder-card span{font-size:.75rem;font-weight:800;text-transform:uppercase}.placeholder-card strong{font-size:1rem;line-height:1.05}.owned-count{position:absolute;top:.45rem;right:.45rem;background:#fea}.cost-badge{position:absolute;top:.45rem;left:.45rem;background:var(--yb-blue);border-color:#ffffff57;color:#fff}.selection-count{position:absolute;right:.45rem;bottom:.45rem;background:var(--yb-ink);border-color:#ffffff47;color:#fff}.upgrade-count{position:absolute;left:.45rem;bottom:.45rem;background:var(--yb-gold);border-color:#00183329;color:var(--yb-ink)}.card-tile:disabled{cursor:not-allowed;opacity:.48}.card-tile-selected{outline:3px solid rgba(1,103,255,.22)}.collection-card{display:grid;gap:.5rem;min-width:0}.collection-actions,.upgrade-actions,.sort-tabs,.battle-tags,.sponsor-strip{display:flex;flex-wrap:wrap;gap:.4rem}.collection-actions{align-items:center;justify-content:space-between}.collection-actions span,.battle-tags span,.sponsor-strip span{border-radius:999px;background:var(--yb-panel);border:1px solid var(--yb-line);color:var(--yb-ink-soft);font-size:.75rem;font-weight:850;padding:.38rem .52rem}.upgrade-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.upgrade-actions button,.sort-tabs button{min-height:2.35rem;border:1px solid var(--yb-line);border-radius:.45rem;background:var(--yb-panel);color:var(--yb-ink);font-size:.78rem;font-weight:850}.upgrade-actions button:disabled{opacity:.44}.tile-body{display:grid;gap:.35rem}.tile-body strong{min-width:0;color:var(--yb-ink);font-size:1rem;line-height:1.08;overflow-wrap:anywhere}.tile-meta,.headline-stats{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}.tile-meta span:not(.rarity-pill),.headline-stats span{border-radius:.35rem;background:#f7f4ea14;color:var(--yb-ink-soft);font-size:.72rem;font-weight:780;padding:.35rem .4rem}.rarity-popular{border-color:var(--yb-line)}.rarity-rare{border-color:#0167ff75;box-shadow:inset 0 0 0 2px #0167ff14,0 .65rem 1.35rem var(--yb-shadow)}.rarity-epic{border-color:#701c9373;box-shadow:inset 0 0 0 2px #701c931a,0 .65rem 1.35rem var(--yb-shadow)}.rarity-legendary{border-color:#fcbb02b8;box-shadow:inset 0 0 0 2px #fcbb0233,0 .65rem 1.35rem #00183324}.rarity-unique{border-color:#f7f4ea85;box-shadow:inset 0 0 0 2px #f7f4ea1a,0 .65rem 1.35rem #00000038}.rarity-rare .rarity-pill{background:#dceaff;color:#003e5f}.rarity-epic .rarity-pill{background:#f1e8ff;color:#37206d}.rarity-legendary .rarity-pill{background:#fea;color:#4b3300}.rarity-unique .rarity-pill{background:#d9e2f2;color:#001833}.detail-card{display:grid;gap:1rem;min-height:0;border:1px solid rgba(247,244,234,.14);border-radius:.5rem;background:radial-gradient(ellipse at 100% 0%,rgba(33,183,222,.08),transparent 20rem),#0613206b;padding:.75rem}.detail-screen .detail-card{width:min(100%,66rem);height:min(100%,calc(100dvh - 7rem));min-height:0;margin-inline:auto;overflow:hidden}.detail-image-frame{border-radius:.45rem;background:#ffffff0d}.detail-image-frame:not(.detail-card-stage){min-height:min(68vh,34rem)}.detail-image-frame-baked{justify-self:center}.detail-placeholder{min-height:0}.detail-identity-header,.detail-copy{display:grid;gap:.4rem;min-width:0}.detail-identity-header{grid-template-columns:minmax(9rem,1fr) minmax(0,auto) minmax(9rem,1fr);align-items:center;align-content:start;justify-items:center;gap:.5rem;overflow:visible;text-align:center}.detail-identity-header-spacer{grid-column:1;display:block;width:100%;min-width:0}.detail-details-scroll *{text-align:left}.detail-identity-heading{grid-column:2;justify-items:center;place-items:center;max-width:100%;padding:.16em .2em .14em;margin:-.16em -.2em -.14em;overflow:visible;text-align:center}.detail-content-column{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:0;height:100%;overflow:hidden}.detail-details-scroll{min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding-right:.2rem}.detail-identity-actions{min-width:0;padding-top:.7rem}.detail-pill-row{grid-column:3;justify-self:end;display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem}.detail-pill-row-empty{display:block;width:100%;min-width:0}.starter-pill{background:#e9f3ff;border-color:#0167ff3d;color:#003e5f}.flagship-pill{background:#fff8d9;border-color:#fcbb026b;color:#7a5c00}.starter-note,.flagship-note,.popular-note,.collection-set-note{margin:0;color:var(--yb-ink-soft);font-size:.78rem;font-weight:800;letter-spacing:.01em;text-transform:uppercase}.flagship-note{color:#f2cf69}.popular-pill{background:#e8f6ef;border-color:#0c734a33;color:#0c734a}.popular-note{color:#0c734a}.collection-set-pill{background:#f7f4ea1a;border-color:#f7f4ea2e;color:var(--yb-ink)}.collection-set-note{color:var(--yb-ink)}.ownership-chip-row{display:flex;flex-wrap:wrap;gap:.35rem}.ownership-chip-row span,.ownership-usage-row span{display:inline-flex;align-items:center;border-radius:999px;border:1px solid var(--yb-line);background:#f7f4ea14;color:var(--yb-ink-soft);font-size:.72rem;font-weight:780;padding:.3rem .45rem}.ownership-usage-row{display:flex;flex-wrap:wrap;gap:.35rem}.identity-actions{display:flex}.identity-actions .text-button{min-height:2.1rem;padding:.35rem .65rem}.detail-identity-actions{display:flex}.ownership-panel,.stat-panel{display:grid;gap:.4rem;margin:0}.stat-row{display:flex;justify-content:space-between;gap:1rem;border-radius:.4rem;border:1px solid rgba(247,244,234,.08);background:#f7f4ea12;padding:.75rem}.stat-row dt{color:var(--yb-muted);font-weight:780}.stat-row dd{margin:0;color:var(--yb-ink);font-weight:850}.source-link{display:inline-flex;align-items:center;justify-content:center;border-color:#21b7de42;background:linear-gradient(180deg,rgba(33,183,222,.2),transparent),var(--yb-navy);color:#fff}.versus-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;align-items:start}.versus-grid .card-tile{padding:.45rem}.battle-label{margin-bottom:.35rem}.hand-summary,.battle-status,.pack-economy,.battle-scoreboard{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.secondary-summary span{background:#f7f9fa}.sort-tabs button{flex:1 1 6rem}.sort-tabs .sort-tab-active{border-color:var(--yb-blue);background:#ebf3ff;color:var(--yb-blue)}.hand-summary span,.battle-status span,.battle-status strong,.pack-economy span,.pack-economy strong,.battle-scoreboard span{border-radius:999px;background:var(--yb-panel);border:1px solid var(--yb-line);color:var(--yb-ink-soft);font-size:.82rem;font-weight:850;padding:.45rem .65rem}.selected-hand,.battle-hand-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem}.selected-hand-card,.selected-hand-empty,.hand-card-button{display:grid;align-content:space-between;min-height:5.25rem;min-width:0;border:1px solid var(--yb-line);border-radius:.5rem;background:var(--yb-panel);color:var(--yb-ink);padding:.6rem;text-align:left}.selected-hand-card span,.hand-card-button span{min-width:0;font-size:.82rem;font-weight:850;line-height:1.1;overflow-wrap:anywhere}.selected-hand-card strong,.hand-card-button strong{color:var(--yb-blue);font-size:.78rem}.selected-hand-empty{place-items:center;border-style:dashed;color:var(--yb-muted);font-size:.82rem;font-weight:850;text-align:center}.hand-actions{display:grid;gap:.75rem}.hand-card-button-selected{border-color:var(--yb-blue);background:#ebf3ff;outline:3px solid rgba(1,103,255,.18)}.hand-card-button:disabled{opacity:.45}.opponent-card-back{display:grid;gap:.65rem;padding:.55rem;border:1px solid rgba(252,187,2,.58);border-radius:.5rem;background:var(--yb-panel);box-shadow:0 .65rem 1.35rem var(--yb-shadow)}.is-revealing .opponent-card-back,.is-revealing .card-tile{animation:clash-pop .62s cubic-bezier(.2,.8,.2,1) both}.opponent-card-image{display:grid;place-items:center;overflow:hidden;aspect-ratio:2 / 3;border-radius:.4rem;background:linear-gradient(145deg,rgba(252,187,2,.28),transparent 42%),linear-gradient(180deg,var(--yb-navy),var(--yb-ink));color:#fff;font-weight:900}.opponent-card-image img{width:100%;height:100%;object-fit:cover}.opponent-signal{display:grid;gap:.25rem}.opponent-signal span{color:var(--yb-muted);font-size:.78rem;font-weight:800;text-transform:uppercase}.opponent-signal strong{color:var(--yb-ink);font-size:1rem}.stat-chip-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.stat-chip{display:grid;gap:.25rem;min-height:4rem;border:1px solid var(--yb-line);border-radius:.5rem;background:var(--yb-panel);color:var(--yb-ink);padding:.65rem;text-align:left}.stat-chip span{color:var(--yb-muted);font-size:.78rem;font-weight:800}.stat-chip strong{font-size:1rem}.stat-chip:disabled{opacity:.45}.stat-chip-selected{outline:3px solid rgba(1,103,255,.24)}.stat-chip-win{background:#ebf3ff;border-color:var(--yb-blue)}.stat-chip-lose{background:#f1f1f1;border-color:#999}.stat-chip-draw{background:#fff8d9;border-color:var(--yb-gold)}.battle-result,.empty-state{border:1px solid var(--yb-line);border-radius:.5rem;background:var(--yb-panel);padding:1rem}.battle-result{display:grid;gap:.65rem}.revealing-result{min-height:5rem;place-items:center;color:var(--yb-blue);font-size:1.25rem;font-weight:900}.battle-result strong{font-size:clamp(1.75rem,8vw,3rem);line-height:1}.battle-tags span{background:#fff8d9;color:#7a5c00}.battle-result-player{border-color:#0167ff73;background:#ebf3ff}.battle-result-opponent{border-color:#9999998c;background:#f7f9fa}.battle-complete{display:grid;gap:1rem;border:1px solid rgba(1,103,255,.25);border-radius:.5rem;background:#ebf3ff;padding:1rem}.battle-complete h1{font-size:clamp(2.25rem,10vw,4.5rem)}.reward-grid{display:grid;gap:.75rem}.reward-card{display:grid;gap:.45rem;min-height:10rem;border:1px solid var(--yb-line);border-radius:.5rem;background:var(--yb-panel);color:var(--yb-ink);padding:1rem;text-align:left;box-shadow:0 .65rem 1.35rem var(--yb-shadow)}.reward-card span{color:var(--yb-muted);font-size:.75rem;font-weight:850;text-transform:uppercase}.reward-card strong{font-size:1.2rem}.reward-card p{margin:0;color:var(--yb-ink-soft);line-height:1.35}.sponsor-panel{display:grid;gap:.65rem;border:1px solid var(--yb-line);border-radius:.5rem;background:var(--yb-panel);padding:1rem}.sponsor-panel div{display:grid;gap:.2rem;border-radius:.4rem;background:#f7f9fa;padding:.7rem}.sponsor-panel span{color:var(--yb-muted);font-size:.86rem}.comparison-strip{display:grid;gap:.35rem;color:var(--yb-muted);font-size:.9rem;font-weight:750}.comparison-strip span{border-radius:.35rem;padding:.45rem .55rem}.compare-win{background:#ebf3ff;color:var(--yb-blue)}.compare-lose{background:#f1f1f1;color:#333}.compare-draw{background:#fff8d9;color:#7a5c00}.pack-button{width:100%}.inline-action{display:block;width:100%;margin-top:.75rem}.pack-stage{display:grid;min-height:20rem;place-items:center;border:1px solid var(--yb-line);border-radius:.5rem;background:radial-gradient(circle at 50% 35%,rgba(33,183,222,.2),transparent 34%),var(--yb-panel);overflow:hidden}.pack-reveal-card{opacity:0;transform:translateY(1rem) rotateX(24deg) scale(.96);transform-origin:center bottom;animation:card-reveal .52s cubic-bezier(.2,.8,.2,1) forwards}.pack-flip{perspective:70rem}.pack-flip-inner{display:grid;transform-style:preserve-3d;transition:transform .52s cubic-bezier(.2,.8,.2,1)}.pack-flip-revealed .pack-flip-inner{transform:rotateY(180deg)}.pack-card-back,.pack-card-front{grid-area:1 / 1;backface-visibility:hidden;-webkit-backface-visibility:hidden}.pack-card-back{display:grid;min-height:100%;width:100%;place-items:center;border:1px solid rgba(252,187,2,.7);border-radius:.5rem;background:linear-gradient(145deg,rgba(255,255,255,.18),transparent 40%),var(--yb-navy);box-shadow:0 .65rem 1.35rem var(--yb-shadow);overflow:hidden;padding:0}.pack-card-back img{width:100%;height:100%;object-fit:cover}.pack-card-back-placeholder{display:grid;align-content:end;width:100%;height:100%;aspect-ratio:2 / 3;border-radius:.4rem;background:linear-gradient(145deg,rgba(252,187,2,.28),transparent 42%),linear-gradient(180deg,var(--yb-navy),var(--yb-ink));color:#fff;padding:.85rem}.pack-card-back-placeholder span{color:#ffffffc2;font-size:.75rem;font-weight:800;text-transform:uppercase}.pack-card-back-placeholder strong{font-size:1rem;line-height:1.05}.pack-card-front{transform:rotateY(180deg)}.empty-state{color:var(--yb-muted);font-weight:750;text-align:center}.app-shell-splash{display:grid;place-items:center;background:linear-gradient(180deg,#010a1605,#010a1647),var(--yc-loading-background),var(--yb-page);background-position:center,center,center;background-repeat:no-repeat,no-repeat,no-repeat;background-size:cover,100% 100%,cover;color:var(--yb-ink)}.app-shell-splash .empty-state{position:relative;display:grid;width:min(calc(100vw - 2rem),46rem);min-height:0;place-items:center;gap:clamp(1.1rem,3vh,1.7rem);overflow:visible;border:0;border-radius:0;background:transparent;color:#f7f4eae6;padding:clamp(1.25rem,4vw,2rem);box-shadow:none}.app-shell-splash .empty-state:after{content:none}.app-shell-splash .empty-state>*{position:relative;z-index:1}.app-shell-splash .empty-state .loading-mark:after{content:"";width:min(55vw,28rem);height:.16rem;border-radius:999px;background:linear-gradient(90deg,#0167ff14,#0167fff2,#21b7def2,#f7f4eafa,#fcbb02f2,#e74affe6,#0167ff14);background-size:280% 100%;box-shadow:0 0 .45rem #21b7de73,0 0 1rem #0167ff42;animation:splash-loading-line 1.45s linear infinite}.app-shell-error .empty-state:after,.app-shell-error .empty-state .loading-mark:after{content:none}.app-shell-error .empty-state{width:min(calc(100vw - 2rem),27rem);min-height:17rem;overflow:hidden;border:1px solid var(--yc-premium-line);border-radius:1rem;background:var(--yc-premium-surface);background-size:cover;padding:clamp(1.25rem,4vw,2rem);box-shadow:0 1.4rem 3.2rem #00000057,inset 0 0 0 1px #ffffff0a}.loading-preview-overlay{position:fixed;inset:0;z-index:180;width:100vw;height:100vh;height:100dvh;border:0;padding:0;cursor:pointer}.loading-preview-overlay .empty-state{cursor:pointer}.loading-mark{position:relative;display:grid;justify-items:center;gap:.72rem;color:inherit}.loading-mark-logo-wrap{position:relative;display:grid;width:min(9rem,38vw);aspect-ratio:1;place-items:center;border-radius:999px;filter:drop-shadow(0 1rem 1.7rem rgba(0,24,51,.28));overflow:hidden}.loading-mark-logo-wrap:before{content:"";position:absolute;inset:16%;border-radius:999px;background:#fcbb021f;box-shadow:0 0 2rem #21b7de38}.loading-mark-logo{position:relative;width:100%;height:100%;object-fit:contain;border-radius:999px;animation:loading-mark-turn 1.5s ease-in-out infinite}.loading-mark-sheen{position:absolute;inset:8% 62% 8% 8%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.48),transparent);mix-blend-mode:screen;transform:skew(-18deg);animation:loading-mark-sheen 1.5s ease-in-out infinite}.loading-mark-label{color:currentColor;font-size:.86rem;font-weight:880;line-height:1.2;text-shadow:0 1px .5rem rgba(0,0,0,.32)}.loading-mark-compact .loading-mark-logo-wrap{width:min(7rem,34vw)}.loading-mark-scene{color:#ffffffdb}.loading-mark-scene .loading-mark-logo-wrap{width:min(14rem,64vw);background:transparent;border:0;box-shadow:none;filter:none}.loading-mark-scene .loading-mark-logo-wrap:before{content:none}.loading-mark-scene .loading-mark-logo{opacity:1;mix-blend-mode:normal;filter:none}.loading-mark-scene .loading-mark-sheen{display:none}.loading-mark-splash{gap:clamp(1.25rem,3vh,1.8rem)}.loading-mark-splash .loading-mark-logo-wrap{width:min(38rem,78vw);aspect-ratio:3 / 2;border-radius:0;overflow:visible;filter:drop-shadow(0 1.05rem 1.7rem rgba(0,0,0,.34)) drop-shadow(0 0 1.25rem rgba(33,183,222,.18)) drop-shadow(0 -.12rem .38rem rgba(252,187,2,.08))}.loading-mark-splash .loading-mark-logo-wrap:before{content:none}.loading-mark-splash .loading-mark-logo{animation:none;border-radius:0}.loading-mark-splash .loading-mark-label{color:#f7f4eae0;font-size:clamp(1.05rem,2.5vw,1.55rem);font-weight:650}.loading-mark-splash .loading-mark-sheen{display:none}.loading-curtain{position:fixed;inset:0;z-index:140;display:grid;place-items:center;pointer-events:none;width:100vw;height:100vh;height:100dvh;overflow:hidden;will-change:transform,opacity}.loading-curtain-transition .empty-state{transform:scale(.88)}.loading-curtain-entering{animation:loading-curtain-swipe-in .36s cubic-bezier(.22,.72,.22,1) both}.loading-curtain-visible{transform:translate(0)}.loading-curtain-exiting{animation:loading-curtain-swipe-out .36s cubic-bezier(.64,0,.78,.36) both}.settings-launcher{position:fixed;z-index:145;top:max(clamp(.5rem,1.2vw,1rem),env(safe-area-inset-top));right:max(clamp(.5rem,1.2vw,1rem),env(safe-area-inset-right));display:grid;place-items:center;width:2.75rem;height:2.75rem;padding:0;border:0;border-radius:999px;background:transparent;box-shadow:none;cursor:pointer;touch-action:manipulation;transition:filter .15s ease,transform .15s ease}.settings-launcher:before{content:"";position:absolute;inset:.18rem;border-radius:inherit;background:radial-gradient(circle,rgba(3,27,78,.5),rgba(2,9,22,.16) 62%,transparent 72%);box-shadow:0 .28rem .65rem #0209164d;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease}.settings-launcher-icon{position:relative;z-index:1;width:clamp(1.5rem,2.2vw,1.75rem);height:clamp(1.5rem,2.2vw,1.75rem);background:linear-gradient(135deg,#f6f9fad1,#b1bec5e6 34%,#4f5c66f2 72%,#d1daded6);filter:brightness(.88) drop-shadow(0 0 .04rem #020916) drop-shadow(0 .045rem 0 #020916) drop-shadow(0 .16rem .28rem rgba(2,9,22,.72));mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%20viewBox='0%200%20100%20100'%3e%3cpath%20d='m50.011%200c-2.8839%200-5.7139%200.25936-8.4642%200.7281l-1.3424%2014.221c-2.8444%200.79287-5.5365%201.9015-8.0546%203.322l-10.99-9.0785c-4.6419%203.286-8.7054%207.3259-11.991%2011.968l9.1012%2010.99c-1.4188%202.5151-2.552%205.214-3.3447%208.0546l-14.197%201.35c-0.46893%202.75-0.728%205.58-0.728%208.49%200%202.8897%200.25747%205.7085%200.7281%208.4641l14.198%201.3425c0.79274%202.8406%201.926%205.5395%203.3447%208.0546l-9.0785%2010.99c3.2796%204.6294%207.3161%208.6885%2011.945%2011.968l11.013-9.1013c2.5197%201.4217%205.2082%202.5515%208.0546%203.3447l1.3424%2014.221c2.7503%200.4688%205.5803%200.7054%208.4642%200.7054%202.8838%200%205.6911-0.2366%208.4414-0.7054l1.3424-14.221c2.8465-0.7932%205.5349-1.923%208.0546-3.3447l11.013%209.1013c4.6293-3.2797%208.6658-7.3388%2011.945-11.968l-9.0785-10.99c1.4188-2.5151%202.552-5.214%203.3447-8.0546l14.198-1.3425c0.47063-2.7556%200.7281-5.5744%200.7281-8.4641%200-2.8848-0.25907-5.7131-0.7281-8.4642l-14.198-1.3424c-0.79274-2.8406-1.926-5.5395-3.3447-8.0546l9.1012-10.99c-3.2855-4.6423-7.349-8.6821-11.991-11.968l-10.99%209.0785c-2.5181-1.4205-5.2102-2.5291-8.0546-3.322l-1.3424-14.221c-2.7503-0.46874-5.5576-0.7281-8.4414-0.7281zm0%2030.967c10.516%200%2019.022%208.528%2019.022%2019.044s-8.5053%2019.044-19.022%2019.044c-10.516%200-19.044-8.528-19.044-19.044s8.528-19.044%2019.044-19.044z'/%3e%3c/svg%3e");mask-position:center;mask-repeat:no-repeat;mask-size:contain;-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%20viewBox='0%200%20100%20100'%3e%3cpath%20d='m50.011%200c-2.8839%200-5.7139%200.25936-8.4642%200.7281l-1.3424%2014.221c-2.8444%200.79287-5.5365%201.9015-8.0546%203.322l-10.99-9.0785c-4.6419%203.286-8.7054%207.3259-11.991%2011.968l9.1012%2010.99c-1.4188%202.5151-2.552%205.214-3.3447%208.0546l-14.197%201.35c-0.46893%202.75-0.728%205.58-0.728%208.49%200%202.8897%200.25747%205.7085%200.7281%208.4641l14.198%201.3425c0.79274%202.8406%201.926%205.5395%203.3447%208.0546l-9.0785%2010.99c3.2796%204.6294%207.3161%208.6885%2011.945%2011.968l11.013-9.1013c2.5197%201.4217%205.2082%202.5515%208.0546%203.3447l1.3424%2014.221c2.7503%200.4688%205.5803%200.7054%208.4642%200.7054%202.8838%200%205.6911-0.2366%208.4414-0.7054l1.3424-14.221c2.8465-0.7932%205.5349-1.923%208.0546-3.3447l11.013%209.1013c4.6293-3.2797%208.6658-7.3388%2011.945-11.968l-9.0785-10.99c1.4188-2.5151%202.552-5.214%203.3447-8.0546l14.198-1.3425c0.47063-2.7556%200.7281-5.5744%200.7281-8.4641%200-2.8848-0.25907-5.7131-0.7281-8.4642l-14.198-1.3424c-0.79274-2.8406-1.926-5.5395-3.3447-8.0546l9.1012-10.99c-3.2855-4.6423-7.349-8.6821-11.991-11.968l-10.99%209.0785c-2.5181-1.4205-5.2102-2.5291-8.0546-3.322l-1.3424-14.221c-2.7503-0.46874-5.5576-0.7281-8.4414-0.7281zm0%2030.967c10.516%200%2019.022%208.528%2019.022%2019.044s-8.5053%2019.044-19.022%2019.044c-10.516%200-19.044-8.528-19.044-19.044s8.528-19.044%2019.044-19.044z'/%3e%3c/svg%3e");-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;pointer-events:none;transition:filter .15s ease,transform .15s ease}.settings-launcher:hover,.settings-launcher:focus-visible{transform:translateY(-1px)}.settings-launcher:hover:before,.settings-launcher:focus-visible:before{opacity:1}.settings-launcher:hover .settings-launcher-icon,.settings-launcher:focus-visible .settings-launcher-icon{filter:brightness(1.03) drop-shadow(0 0 .04rem #020916) drop-shadow(0 .045rem 0 #020916) drop-shadow(0 .16rem .28rem rgba(2,9,22,.72))}.settings-launcher:active{transform:scale(.94)}.settings-launcher.is-open{z-index:180}.settings-launcher:focus-visible{outline:2px solid rgba(190,211,224,.72);outline-offset:.12rem}.settings-modal-backdrop{position:fixed;z-index:170;inset:0;display:grid;place-items:center;padding:max(.85rem,env(safe-area-inset-top)) max(.85rem,env(safe-area-inset-right)) max(.85rem,env(safe-area-inset-bottom)) max(.85rem,env(safe-area-inset-left));background:#000a127a;pointer-events:auto}.settings-modal{display:grid;justify-items:center;grid-template-rows:auto 1fr;gap:clamp(1.2rem,3.8vh,2.3rem);width:min(78vw,42rem);height:min(76vh,32rem);max-width:calc(100vw - 2rem);max-height:calc(100vh - 2rem);padding:clamp(1.25rem,3.8vh,2rem) clamp(1.5rem,4.8vw,2.5rem);border:1px solid var(--yc-premium-line);border-radius:8px;background:var(--yc-premium-surface);background-size:cover;box-shadow:0 16px 36px #00000070,inset 0 0 0 1px #ffffff0b;animation:card-detail-modal-in .24s cubic-bezier(.2,.8,.2,1) both}.settings-modal-title{margin:0;align-self:end;--metal-font-size: clamp(2rem, 5.4vw, 3.25rem)}.settings-modal-actions{display:grid;align-content:center;justify-items:center;gap:clamp(.85rem,3.1vh,1.35rem);width:100%;min-height:0}.settings-modal-actions .primary-action,.settings-modal-actions .secondary-action{width:min(20rem,100%);height:auto;aspect-ratio:348 / 80;min-height:3.2rem;max-height:4.6rem;font-size:.86rem}.dev-tools-panel{border:1px solid rgba(247,244,234,.2);border-radius:.75rem;background:linear-gradient(180deg,#ffffff13,#ffffff06),#041523bd;color:var(--yb-ink);padding:.9rem;display:grid;gap:.6rem;-webkit-backdrop-filter:blur(.8rem);backdrop-filter:blur(.8rem)}.dev-tools-modal-backdrop{position:fixed;z-index:150;inset:0;display:grid;place-items:center;background:#00183394;padding:max(.85rem,env(safe-area-inset-top)) .85rem max(.85rem,env(safe-area-inset-bottom))}.dev-tools-modal{width:min(100%,34rem);max-height:min(88vh,42rem);overflow:auto;box-shadow:0 1.2rem 2.6rem #0018334d}.dev-tools-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.dev-tools-panel h2{margin:0;font-family:var(--font-ui);font-size:1.05rem}.dev-tools-eyebrow{margin:0;font-family:var(--font-ui);font-size:.72rem;letter-spacing:.07em;font-weight:700}.dev-tools-state{margin:0;font-size:.87rem}.dev-tools-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.dev-tools-actions button{border:1px solid rgba(247,244,234,.16);border-radius:.5rem;background:#02121fa8;color:var(--yb-ink);font-weight:700;padding:.5rem .65rem;cursor:pointer}.dev-tools-close{flex:0 0 auto;border:1px solid rgba(247,244,234,.16);border-radius:.5rem;background:#02121fa8;color:var(--yb-ink);font-weight:800;padding:.5rem .65rem}.dev-tools-actions .danger{border-color:#fcbb0259;background:linear-gradient(180deg,#fcbb0229,#fcbb0214),#02121fb3}@keyframes loading-mark-turn{0%{transform:rotate(-5deg) scale(.97)}50%{transform:rotate(5deg) scale(1.02)}to{transform:rotate(-5deg) scale(.97)}}@keyframes loading-mark-sheen{0%{translate:-115% 0;opacity:0}35%{opacity:.75}to{translate:210% 0;opacity:0}}@keyframes splash-loading-line{0%{background-position:0% 50%;filter:hue-rotate(0deg)}to{background-position:280% 50%;filter:hue-rotate(360deg)}}@keyframes loading-curtain-swipe-in{0%{opacity:.98;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes loading-curtain-swipe-out{0%{opacity:1;transform:translate(0)}to{opacity:.98;transform:translate(-100%)}}@keyframes card-detail-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes card-detail-backdrop-out{0%{opacity:1}to{opacity:0}}@keyframes card-detail-modal-in{0%{opacity:0;transform:translateY(1rem) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes card-detail-modal-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(.75rem) scale(.99)}}@keyframes card-reveal{0%{opacity:0;transform:translateY(1rem) rotateX(24deg) scale(.96)}to{opacity:1;transform:translateY(0) rotateX(0) scale(1)}}@keyframes clash-pop{0%{transform:translateY(0) scale(1)}45%{transform:translateY(-.35rem) scale(1.02)}to{transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.loading-mark-logo,.loading-mark-sheen,.app-shell-splash .empty-state .loading-mark:after,.loading-curtain,.pack-reveal-card,.pack-flip-inner,.mobile-landing-content,.primary-action,.secondary-action,.premium-action,.is-revealing .opponent-card-back,.is-revealing .card-tile{animation-duration:1ms;transition-duration:1ms}.primary-action:hover:not(:disabled),.secondary-action:hover:not(:disabled),.premium-action:hover:not(:disabled),.primary-action:focus-visible,.secondary-action:focus-visible,.premium-action:focus-visible,.primary-action:active:not(:disabled),.secondary-action:active:not(:disabled),.premium-action:active:not(:disabled){transform:none}.loading-curtain-entering{animation:loading-curtain-fade-in .16s ease-out both}.loading-curtain-exiting{animation:loading-curtain-fade-out .16s ease-in both}.card-detail-modal-backdrop,.card-detail-modal,.card-detail-modal-backdrop.is-closing,.card-detail-modal-backdrop.is-closing .card-detail-modal{animation:none!important}}@keyframes loading-curtain-fade-in{0%{opacity:0}to{opacity:1}}@keyframes loading-curtain-fade-out{0%{opacity:1}to{opacity:0}}@media(min-width:42rem){.app-shell{padding:1.5rem}.app-shell-pack{padding:0}.landing-panel{gap:1.55rem}.landing-loop{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-entry-actions{grid-template-columns:minmax(0,1fr) minmax(0,.65fr)}.starter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-actions{grid-template-columns:repeat(3,minmax(0,1fr));max-width:42rem}.pack-screen-top{padding-inline:clamp(1.1rem,3vw,2rem)}.pack-screen-bottom{bottom:max(1.25rem,env(safe-area-inset-bottom));width:min(calc(100% - 2rem),30rem)}.pack-screen-bottom-idle{top:52%;bottom:auto}.pack-screen-details{left:auto;right:clamp(1rem,3vw,2rem);bottom:max(1.25rem,env(safe-area-inset-bottom));width:min(24rem,28vw);max-height:min(58vh,31rem)}.hand-actions{grid-template-columns:.45fr 1fr}.card-grid,.reward-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-card{grid-template-columns:minmax(18rem,.85fr) minmax(0,1fr);align-items:stretch}.detail-image-frame{grid-row:auto}.stat-chip-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.comparison-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-stat-grid{grid-template-columns:repeat(7,minmax(0,1fr))}}@media(min-width:64rem){.landing-panel{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start}.landing-actions{grid-column:1 / -1;grid-template-columns:minmax(0,1fr);align-items:start;gap:1rem}.landing-note{text-align:center}.card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.versus-grid{grid-template-columns:repeat(2,minmax(20rem,1fr))}}html,body,#root{width:100%;height:100%;height:100dvh;min-width:0;min-height:100%;min-height:100dvh;overflow:hidden;overscroll-behavior:none}body{position:fixed;inset:0;overflow:hidden;touch-action:manipulation}.app-shell{width:100%;max-width:none;height:100vh;height:100dvh;min-height:0;margin:0;padding:0;overflow:hidden;overscroll-behavior:none}.game-scene-shell{position:relative;width:100%;height:100vh;height:100dvh;min-height:0;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 20%,rgba(33,183,222,.16),transparent 28rem),linear-gradient(180deg,#061320,#03111e)}.game-scene-layer,.game-scene-canvas{position:absolute;inset:0;min-width:0;min-height:0}.game-scene-image{position:absolute;inset:0;z-index:0;background-size:cover;background-repeat:no-repeat;opacity:1}.game-scene-image:after{content:"";position:absolute;inset:0;opacity:1;background:radial-gradient(ellipse at 50% 38%,#06132000,#0613201a 84%),linear-gradient(180deg,#06132005,#06132014);transition:opacity .32s ease;pointer-events:none}.game-scene-image-portrait{display:none}.scene-background-video-layer{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none;mask-mode:luminance;-webkit-mask-source-type:luminance}.scene-background-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1s linear}.scene-background-video-active{opacity:1}.game-scene-layer{z-index:2}.game-scene-canvas{width:100%;height:100%}.game-scene-fallback{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 42%,rgba(33,183,222,.18),transparent 40%),linear-gradient(145deg,#061320,#0d3240);color:#f7f4eaad;font-size:.82rem;font-weight:800}.game-scene-overlay{position:relative;z-index:3;display:grid;width:100%;height:100%;overflow:hidden;overscroll-behavior:contain;padding:max(.85rem,env(safe-area-inset-top)) max(.75rem,env(safe-area-inset-right)) max(.95rem,env(safe-area-inset-bottom)) max(.75rem,env(safe-area-inset-left))}.game-scene-starter .game-scene-overlay,.game-scene-yacht-choice .game-scene-overlay{position:absolute;inset:0;padding:0}.game-scene-starter .starter-choice-scene,.game-scene-yacht-choice .starter-choice-scene,.default-scene-layout{position:relative;display:block;width:844px;min-width:844px;height:390px;min-height:390px;max-width:none;margin:0;padding:0;overflow:hidden}.game-scene-starter .starter-choice-header,.game-scene-yacht-choice .starter-choice-header,.default-scene-header{position:absolute;inset:0;z-index:4;display:block;width:100%;max-width:none;padding:0;pointer-events:none}.game-scene-starter .starter-choice-brand-image,.game-scene-yacht-choice .starter-choice-brand-image,.default-scene-brand-image{position:absolute;top:var(--starter-logo-y, 2px);left:var(--starter-logo-x, 0);width:var(--starter-logo-width, 194px);height:auto;margin:0}.game-scene-starter .starter-choice-header-copy,.game-scene-yacht-choice .starter-choice-header-copy,.default-scene-header-copy{position:absolute;top:7px;left:50%;width:520px;transform:translate(-50%);gap:2px}.game-scene-starter .starter-choice-header .starter-subtitle,.game-scene-yacht-choice .starter-choice-header .starter-subtitle,.default-scene-subtitle{max-width:544px;font-size:12.16px;line-height:1.18}.game-scene-starter .starter-choice-pixi-stage,.game-scene-starter .starter-choice-pixi-stage .pixi-pack-stage-canvas,.game-scene-starter .starter-choice-pixi-stage .pixi-pack-stage,.game-scene-yacht-choice .starter-choice-pixi-stage,.game-scene-yacht-choice .starter-choice-pixi-stage .pixi-pack-stage-canvas,.game-scene-yacht-choice .starter-choice-pixi-stage .pixi-pack-stage{position:absolute;inset:0;width:844px;height:390px;min-width:844px;min-height:390px;margin:0}.game-scene-starter .starter-choice-caption-row,.game-scene-yacht-choice .starter-choice-caption-row{position:absolute;inset:0;z-index:5;display:block;width:844px;max-width:none;transform:none;pointer-events:none}.game-scene-starter .starter-choice-chip,.game-scene-yacht-choice .starter-choice-chip{position:absolute;top:var(--starter-title-y);left:var(--starter-center-x);display:block;width:var(--starter-info-width);height:calc(var(--starter-button-y) + var(--starter-button-height) - var(--starter-title-y));padding:0;transform:translate(-50%)}.game-scene-starter .starter-choice-chip-hidden,.game-scene-yacht-choice .starter-choice-chip-hidden{transform:translate(-50%,4px)}.game-scene-starter .starter-choice-archetype-title,.game-scene-starter .starter-choice-chip>span,.game-scene-starter .starter-choice-inspect-button,.game-scene-yacht-choice .starter-choice-archetype-title,.game-scene-yacht-choice .starter-choice-chip>span,.game-scene-yacht-choice .starter-choice-inspect-button{position:absolute;left:50%;transform:translate(-50%);animation-name:starterLogicalInfoIn}.game-scene-starter .starter-choice-archetype-title,.game-scene-yacht-choice .starter-choice-archetype-title{top:0;width:100%;height:18px;--metal-font-size: 11.04px}.game-scene-starter .starter-choice-chip>span,.game-scene-yacht-choice .starter-choice-chip>span{top:calc(var(--starter-description-y) - var(--starter-title-y));width:100%;height:var(--starter-description-height);align-items:start;font-size:9.92px;line-height:1.16}.game-scene-starter .starter-choice-inspect-button,.game-scene-yacht-choice .starter-choice-inspect-button{top:calc(var(--starter-button-y) - var(--starter-title-y));width:var(--starter-button-width);height:var(--starter-button-height);margin:0;padding-inline:9px;font-size:9.6px}.game-scene-starter .starter-choice-prompt,.game-scene-yacht-choice .starter-choice-prompt{position:absolute;inset:auto 0 calc(390px - var(--starter-footer-y)) 0;width:100%;margin:0;transform:none;font-size:9.92px}@keyframes starterLogicalInfoIn{0%{opacity:0;transform:translate(-50%,3px)}to{opacity:1;transform:translate(-50%)}}.scene-viewport{position:absolute;inset:0;overflow:hidden;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.scene-viewport-available{position:relative;width:100%;height:100%;overflow:hidden}.scene-design-plane{position:absolute;left:var(--scene-offset-x);top:var(--scene-offset-y);width:var(--scene-design-width);height:var(--scene-design-height);contain:layout paint style;transform:scale(var(--scene-scale));transform-origin:top left}.game-scene-landing .game-scene-overlay:before{content:"";position:absolute;inset:0;z-index:0;opacity:1;pointer-events:none;background:linear-gradient(90deg,#041f3d00,#041f3d1a 16%,#041f3d80 25%,#041f3dcc 32%,#041f3df2 42% 58%,#041f3dcc 68%,#041f3d80 75%,#041f3d1a 84%,#041f3d00);transition:opacity .32s ease}.game-scene-landing.landing-phase-loading .game-scene-image:after,.game-scene-landing.landing-phase-intro .game-scene-image:after,.game-scene-landing.landing-phase-loading .game-scene-overlay:before,.game-scene-landing.landing-phase-intro .game-scene-overlay:before{opacity:0}.game-scene-overlay,.game-scene-overlay .landing-screen,.game-scene-overlay .home-screen,.game-scene-overlay .screen{justify-items:center;text-align:center}.game-scene-overlay .screen-header{justify-content:center}.game-scene-overlay .landing-screen *,.game-scene-overlay .home-screen *,.game-scene-overlay .screen *{text-align:center!important}.landing-screen,.home-screen,.screen{width:min(100%,72rem);min-height:100%;margin:0 auto}.landing-screen,.home-screen{display:grid;align-content:center;gap:1.1rem;padding-block:clamp(1rem,5vh,3.25rem)}.landing-screen{grid-template-rows:auto auto auto}.game-scene-overlay .landing-screen,.game-scene-overlay .home-screen,.game-scene-overlay .screen{position:relative;border:1px solid var(--yc-premium-line);border-radius:1rem;background:var(--yc-premium-surface);background-size:cover;box-shadow:0 1rem 2.2rem #00000052,inset 0 0 0 1px #ffffff0b;-webkit-backdrop-filter:blur(.08rem);backdrop-filter:blur(.08rem)}.game-scene-overlay .default-scene-layout{border:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none}.game-scene-overlay .default-scene-layout button,.game-scene-overlay .default-scene-layout a{pointer-events:auto}.game-scene-overlay .landing-screen{isolation:isolate;z-index:1;border:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.game-scene-overlay .landing-screen:before{content:none}.game-scene-overlay .landing-screen,.game-scene-overlay .home-screen,.game-scene-overlay .screen{padding:clamp(1rem,2.2vw,1.6rem)}.landing-hero,.home-hero{align-self:center;max-width:min(100%,42rem);text-shadow:0 .45rem 1.35rem rgba(0,0,0,.35)}.landing-hero h1,.home-hero h1{font-size:clamp(3.2rem,16vw,6.75rem)}.landing-loop{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;max-width:min(100%,48rem)}.landing-loop li,.home-summary span,.hand-summary span,.battle-status span,.battle-status strong,.battle-scoreboard span,.sponsor-strip span,.collection-actions span,.ownership-chip-row span,.ownership-usage-row span{background:linear-gradient(180deg,#ffffff0b,#ffffff04),#031427e6;border-color:#f7f4ea2b;color:#f7f4eac7;-webkit-backdrop-filter:none;backdrop-filter:none}.landing-loop li{border-color:#f7f4ea26;background:radial-gradient(ellipse at 50% 0%,rgba(33,183,222,.11),transparent 72%),linear-gradient(180deg,#fff1,#ffffff05),linear-gradient(180deg,#071d38e6,#020d1fe0),var(--yc-navy-surface),#031427ad;background-position:center;background-size:cover;box-shadow:0 .6rem 1.35rem #0003,inset 0 1px #ffffff0e}.landing-loop strong{color:#f7f4eaf2;text-shadow:0 .25rem .8rem rgba(0,0,0,.32)}.landing-loop span,.landing-note{text-shadow:0 .25rem .75rem rgba(0,0,0,.38)}.landing-actions{width:min(100%,34rem)}.landing-entry-actions,.home-actions,.hand-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.home-actions{width:min(100%,42rem)}.home-actions .primary-action{grid-column:auto}.home-summary{width:min(100%,44rem)}.screen{align-content:start;gap:.85rem;padding-block:.15rem 1rem}.screen-header{position:sticky;top:0;z-index:8;min-height:2.8rem;padding:.35rem 0;background:linear-gradient(180deg,#010c16ad,#010c1600);pointer-events:none}.screen-header>*{pointer-events:auto}.section-title{max-width:min(100%,42rem);text-shadow:0 .35rem 1rem rgba(0,0,0,.32)}.section-title h1{font-size:clamp(2.2rem,10vw,4.4rem)}.starter-grid,.card-grid,.reward-grid{position:relative;z-index:1}.starter-choice,.onboarding-placeholder-panel,.card-tile,.collection-card,.detail-card,.opponent-card-back,.stat-chip,.battle-result,.empty-state,.battle-complete,.reward-card,.sponsor-panel{border-color:var(--yc-premium-line);background:var(--yc-premium-surface-quiet);background-size:cover;color:var(--yb-ink);box-shadow:0 .9rem 2.4rem #00000042,inset 0 0 0 1px #ffffff0a;-webkit-backdrop-filter:none;backdrop-filter:none}.collection-card{border:1px solid rgba(247,244,234,.12);border-radius:.55rem;padding:.5rem}.detail-card{width:min(100%,66rem);margin-inline:auto}.battle-complete,.battle-result-player,.battle-result-opponent,.stat-chip-win,.stat-chip-lose,.stat-chip-draw,.secondary-summary span,.sort-tabs .sort-tab-active,.hand-card-button-selected,.sponsor-panel div,.compare-win,.compare-lose,.compare-draw{background:linear-gradient(180deg,#ffffff17,#ffffff09),#031b4ebd;color:var(--yb-ink)}.sort-tabs{position:sticky;top:3.2rem;z-index:7;padding-block:.25rem;background:linear-gradient(180deg,#010c168f,#010c1600)}.sort-tabs button,.upgrade-actions button,.selected-hand-card,.selected-hand-empty,.hand-card-button,.reward-card{background:#02121fa8;border-color:#f7f4ea26;color:var(--yb-ink);-webkit-backdrop-filter:blur(.7rem);backdrop-filter:blur(.7rem)}.primary-action,.secondary-action,.premium-action,.text-button,.source-link{border-radius:999px}.primary-action,.secondary-action,.premium-action{display:inline-flex;inline-size:max-content;width:max-content;max-inline-size:100%;aspect-ratio:var(--yc-button-art-ratio);justify-self:center;background-repeat:no-repeat;background-position:center;background-size:var(--yc-button-background-size);padding-inline:var(--yc-button-inline-pad);padding-block:0}.primary-action{background-color:transparent;background-image:var(--yc-button-primary-image);border-color:transparent}.secondary-action{background-color:transparent;background-image:var(--yc-button-secondary-image);border-color:transparent;color:var(--yc-button-text);-webkit-backdrop-filter:none;backdrop-filter:none}.game-scene-overlay .landing-screen{opacity:0;transition:opacity .26s ease;pointer-events:none}.game-scene-overlay .landing-screen.landing-settled{opacity:1;pointer-events:auto}.premium-action{background-color:transparent;background-image:var(--yc-button-premium-image);border-color:transparent;color:#fff7df;-webkit-backdrop-filter:none;backdrop-filter:none}.text-button{background:#02121f9e;border-color:#f7f4ea2e;color:var(--yb-ink);-webkit-backdrop-filter:blur(.75rem);backdrop-filter:blur(.75rem)}.battle-screen{padding-bottom:max(1rem,env(safe-area-inset-bottom))}.versus-grid{align-items:stretch}.battle-hand-strip,.selected-hand{overflow-x:auto;padding-bottom:.2rem;scrollbar-width:thin}.battle-hand-strip>*,.selected-hand>*{min-width:min(8rem,28vw)}.pack-screen-ambient-canvas{position:absolute;inset:0;width:100%;height:100%}.pack-stage.pack-screen-loading .loading-mark-scene{position:relative;z-index:2}.dev-tools-modal-backdrop{position:fixed}.mobile-rotate-gate,.mobile-landing-screen{position:relative;z-index:1;width:100%;min-height:100%}.mobile-rotate-gate{display:grid;align-content:center;justify-items:center;gap:clamp(.48rem,2.4vh,.85rem);padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));overflow:hidden;color:var(--yb-ink);text-align:center}.mobile-rotate-gate:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 28%,rgba(33,183,222,.2),transparent 16rem),linear-gradient(180deg,#03142d94,#020c1ce6)}.mobile-rotate-brand{display:grid;justify-items:center;gap:.36rem}.mobile-rotate-mark{width:clamp(4rem,22vw,5.8rem);filter:drop-shadow(0 .7rem 1.4rem rgba(0,0,0,.4))}.mobile-rotate-wordmark{width:min(58vw,12rem);filter:drop-shadow(0 .35rem .8rem rgba(0,0,0,.34))}.mobile-rotate-device{position:relative;width:4.6rem;height:2.8rem;border:.16rem solid rgba(247,244,234,.78);border-radius:.58rem;box-shadow:0 .8rem 2rem #00000042,inset 0 0 0 1px #21b7de57}.mobile-rotate-device span{position:absolute;left:50%;bottom:-.82rem;width:1.65rem;height:1.65rem;border-right:.16rem solid var(--yb-gold);border-bottom:.16rem solid var(--yb-gold);transform:translate(-50%) rotate(45deg)}.mobile-rotate-gate h1{max-width:18rem;margin:0;font-size:clamp(1.45rem,7.2vw,2rem);line-height:1.05;text-shadow:0 .45rem 1.1rem rgba(0,0,0,.35)}.mobile-rotate-gate p{max-width:18rem;margin:0;color:var(--yb-ink-soft);font-size:.96rem;line-height:1.35}.mobile-landing-screen{--yc-landing-cta-text: #b7b9bb;--yc-landing-title-text: #d0d4d8;--yc-landing-body-text: #aab0b7;--yc-landing-icon-platinum: #b7b9bb;--yc-landing-highlight: #ffffff;display:grid;overflow:hidden}.landing-loading-overlay{position:absolute;inset:0;z-index:5}.landing-intro-pixi{position:absolute;inset:0;z-index:2;min-width:0;min-height:100%;pointer-events:auto}.game-scene-landing.landing-phase-settled .landing-intro-pixi{pointer-events:none}.landing-intro-pixi canvas{display:block;width:100%;height:100%}.mobile-landing-content{position:relative;z-index:3;display:grid;grid-template-rows:minmax(0,1fr) auto;align-items:center;justify-items:center;gap:clamp(.3rem,1.8vh,.65rem);min-height:100%;padding:max(.55rem,env(safe-area-inset-top)) max(.72rem,env(safe-area-inset-right)) max(.55rem,env(safe-area-inset-bottom)) max(.72rem,env(safe-area-inset-left));opacity:0;transform:translateY(.45rem);transition:opacity .26s ease,transform .32s ease;pointer-events:none}.mobile-landing-settled .mobile-landing-content{opacity:1;transform:translateY(0);pointer-events:auto}.mobile-landing-hero{position:absolute;top:43.5%;left:50%;display:grid;justify-items:center;gap:clamp(.6rem,3.2vh,1rem);width:min(56vw,28rem);transform:translate(-50%,-50%)}.mobile-landing-hero-logo{display:block;width:clamp(13rem,46vw,25rem);max-width:100%;max-height:min(32vh,12rem);object-fit:contain;filter:drop-shadow(0 .8rem 1.7rem rgba(0,0,0,.42))}.mobile-landing-actions{display:grid;justify-items:center;align-self:center;width:min(68%,18rem)}.mobile-landing-entry-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;width:100%}.mobile-landing-actions .primary-action,.mobile-landing-actions .secondary-action{min-height:clamp(2.35rem,7vh,2.8rem);--yc-button-background-size: 92% auto;--yc-button-inline-pad: clamp(1.35rem, 3.6vw, 2.35rem);color:var(--yc-landing-cta-text);font-size:clamp(.78rem,2.25vh,.95rem)}.mobile-landing-actions .primary-action:hover:not(:disabled),.mobile-landing-actions .secondary-action:hover:not(:disabled),.mobile-landing-actions .primary-action:focus-visible,.mobile-landing-actions .secondary-action:focus-visible{color:var(--yc-landing-highlight)}.mobile-feature-carousel{display:grid;grid-template-columns:auto auto auto;grid-template-rows:minmax(0,1fr) auto;align-items:center;justify-content:center;gap:.28rem .2rem;align-self:end;width:min(100%,28rem);min-height:0}.mobile-feature-card-track{position:relative;width:min(54vw,18.4rem);min-height:clamp(4.85rem,25vh,6.9rem);overflow:hidden;touch-action:pan-y pinch-zoom}.mobile-feature-card-slides{display:flex;min-height:inherit}.mobile-feature-card-slide{display:grid;flex:0 0 100%;min-width:0;place-items:center}.mobile-feature-card{border:1px solid rgba(247,244,234,.18);border-radius:.48rem;background:radial-gradient(ellipse at 50% 0%,rgba(33,183,222,.12),transparent 72%),linear-gradient(180deg,#ffffff0f,#ffffff04),#020d1fc7;color:var(--yc-landing-title-text);box-shadow:0 .5rem 1.2rem #00000038,inset 0 1px #ffffff0e;-webkit-backdrop-filter:blur(.1rem);backdrop-filter:blur(.1rem)}.mobile-feature-card-active{position:relative;z-index:2;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.58rem;width:100%;min-height:clamp(4.45rem,23vh,6.35rem);padding:.64rem .74rem;text-align:left}.mobile-feature-card-active img{width:clamp(2.15rem,10vh,3rem);aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 .18rem .34rem rgba(0,0,0,.32))}.mobile-feature-card-active span{display:grid;gap:.08rem;min-width:0;text-align:left!important}.mobile-feature-card-active strong{color:var(--yc-landing-title-text);font-size:clamp(.78rem,2.6vh,.94rem);line-height:1.1;text-align:left!important}.mobile-feature-card-active span span{color:var(--yc-landing-body-text);font-size:clamp(.68rem,2.3vh,.82rem);line-height:1.22}.mobile-feature-card-peek{position:absolute;z-index:1;display:none;place-items:center;width:4.6rem;height:3.65rem;opacity:.55;transform:scale(.92)}.mobile-feature-card-peek img{width:2.05rem;opacity:.92}.mobile-feature-card-prev{left:-1.3rem}.mobile-feature-card-next{right:-1.3rem}.mobile-feature-arrow{position:relative;--mobile-feature-arrow-size: 2.25rem;--mobile-feature-arrow-glyph-size: 1.55rem;--mobile-feature-arrow-glyph-y: -.03em;display:grid;place-items:center;width:var(--mobile-feature-arrow-size);height:var(--mobile-feature-arrow-size);padding:0;border:0;background:var(--yc-button-nav-image) center / contain no-repeat;color:var(--yc-landing-icon-platinum);font-size:0;line-height:1;filter:drop-shadow(0 .22rem .42rem rgba(0,0,0,.34));transition:filter .14s ease,transform .14s ease}.mobile-feature-arrow-glyph{--metal-font-size: var(--mobile-feature-arrow-glyph-size);--metal-font-weight: 600;--metal-line-height: 1;--metal-letter-spacing: 0;pointer-events:none;transform:translateY(var(--mobile-feature-arrow-glyph-y))}.mobile-feature-arrow:hover:not(:disabled),.mobile-feature-arrow:focus-visible{color:var(--yc-landing-highlight);filter:brightness(1.06) drop-shadow(0 .24rem .48rem rgba(0,0,0,.36))}.mobile-feature-arrow:active:not(:disabled){transform:scale(.97)}.mobile-feature-dots{grid-column:2;display:flex;justify-content:center;gap:.35rem}.mobile-feature-dot{width:.48rem;height:.48rem;padding:0;border:1px solid rgba(247,244,234,.35);border-radius:999px;background:#f7f4ea33}.mobile-feature-dot-active{background:var(--yb-gold);border-color:#fcbb02b8}@media(hover:none)and (pointer:coarse){.app-shell:has(.mobile-rotate-gate),.app-shell:has(.mobile-landing-screen){width:100%;min-height:100svh;min-height:100dvh;padding:0}.game-scene-landing:has(.mobile-rotate-gate),.game-scene-landing:has(.mobile-landing-screen){height:100svh;height:100dvh;min-height:100svh;min-height:100dvh}.game-scene-landing .landing-entry-overlay{padding:0}.game-scene-landing:has(.mobile-rotate-gate) .game-scene-image:after,.game-scene-landing:has(.mobile-landing-screen) .game-scene-image:after{background:radial-gradient(ellipse at 50% 38%,#06132000,#030b1847 78%),linear-gradient(180deg,#030b181f,#030b1857)}}@media(hover:none)and (pointer:coarse)and (orientation:portrait){.game-scene-image-portrait{display:block}}@media(hover:none)and (pointer:coarse)and (orientation:landscape){.app-shell-splash{--splash-vertical-reserve: calc(max(1.25rem, env(safe-area-inset-top)) + max(1.25rem, env(safe-area-inset-bottom)) + clamp(1.25rem, 3vh, 1.8rem) + clamp(1.25rem, 3vh, 1.8rem) + 3.4rem) ;--splash-available-logo-height: calc(100vh - var(--splash-vertical-reserve));--splash-available-logo-height: calc(100svh - var(--splash-vertical-reserve));--splash-available-logo-height: calc(100dvh - var(--splash-vertical-reserve));--splash-logo-width-height-cap: calc(150vh - 12.7rem - env(safe-area-inset-top) - env(safe-area-inset-bottom)) ;--splash-logo-width-height-cap: calc(150svh - 12.7rem - env(safe-area-inset-top) - env(safe-area-inset-bottom)) ;--splash-logo-width-height-cap: calc(150dvh - 12.7rem - env(safe-area-inset-top) - env(safe-area-inset-bottom)) ;--splash-logo-width-height-cap: calc(var(--splash-available-logo-height) * 1.5)}.app-shell-splash .empty-state{padding-block:max(1.25rem,env(safe-area-inset-top)) max(1.25rem,env(safe-area-inset-bottom))}.loading-mark-splash .loading-mark-logo-wrap{width:min(38rem,78vw,max(10rem,var(--splash-logo-width-height-cap)))}.mobile-landing-short .mobile-landing-hero{top:42%;gap:clamp(.5rem,2.6vh,.75rem);width:min(54vw,23rem)}.mobile-landing-short .mobile-landing-hero-logo{width:clamp(11rem,42vw,20rem);max-height:min(30vh,9.2rem)}.mobile-landing-short .mobile-landing-content{grid-template-rows:minmax(0,1fr) auto;gap:.18rem;padding-block:max(.35rem,env(safe-area-inset-top)) max(.35rem,env(safe-area-inset-bottom))}.mobile-landing-short .mobile-landing-entry-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-landing-short .mobile-landing-actions .primary-action,.mobile-landing-short .mobile-landing-actions .secondary-action{min-height:2.25rem;--yc-button-inline-pad: clamp(1.1rem, 3vw, 1.9rem);font-size:clamp(.72rem,2.2vh,.84rem)}.mobile-landing-short .mobile-feature-card-track{width:min(50vw,16.2rem);min-height:4.35rem}.mobile-landing-short .mobile-feature-card-active{min-height:4rem;padding-block:.48rem}.mobile-landing-short .mobile-feature-card-active img{width:2.05rem}}@media(max-width:41.99rem){.game-scene-shell{min-height:100vh;min-height:100dvh}.game-scene-overlay{padding-inline:max(.7rem,env(safe-area-inset-left)) max(.7rem,env(safe-area-inset-right))}.game-scene-image-portrait{display:block}.game-scene-overlay .landing-screen{align-content:center;padding:max(1rem,env(safe-area-inset-top)) max(.85rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(.85rem,env(safe-area-inset-left))}.home-screen{align-content:end;padding-block:5.5rem 1rem}.landing-loop{grid-template-columns:minmax(0,1fr);max-height:32vh;overflow:auto;padding-right:.15rem}.landing-loop li{gap:.58rem;min-height:4.35rem;padding:.58rem .72rem}.landing-feature-icon{width:2.15rem}.landing-entry-actions,.home-actions,.hand-actions{grid-template-columns:minmax(0,1fr)}.home-actions .primary-action{grid-column:auto}.card-grid{gap:.58rem}.selected-hand,.battle-hand-strip{grid-template-columns:repeat(5,minmax(6.25rem,1fr))}.versus-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.stat-chip-grid{gap:.45rem}.stat-chip{min-height:3.65rem;padding:.55rem}.pack-screen-meta{max-width:34vw}}@media(min-width:42rem){.landing-screen,.home-screen{align-content:center}.home-actions .primary-action{grid-column:auto}.home-actions,.starter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}