:root{--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-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-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:Sharp Sans,Open Sans,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;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%}.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{padding:0}.game-scene-starter .game-scene-overlay .starter-choice-scene{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))}.starter-choice-header{position:relative;z-index:4;justify-self:center;text-align:center;padding-top:clamp(.5rem,2vh,1.5rem)}.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:relative}.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{position:absolute;z-index:5;inset-inline:max(.75rem,env(safe-area-inset-left)) max(.75rem,env(safe-area-inset-right));bottom:max(3.45rem,calc(env(safe-area-inset-bottom) + 2.3rem));display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.5rem,1.6vw,.85rem);justify-self:center;width:min(100%,50rem);margin-inline:auto}.starter-choice-chip{display:grid;gap:.25rem;min-height:4.4rem;border:1px solid rgba(247,244,234,.14);border-radius:.45rem;background:linear-gradient(180deg,#ffffff0e,#ffffff05),#02121fad;color:var(--yb-ink);padding:.72rem .82rem;text-align:left;box-shadow:0 .45rem 1.1rem #0003}.starter-choice-chip strong{font-size:.92rem}.starter-choice-chip span{color:var(--yb-ink-soft);font-size:.82rem;line-height:1.35}.starter-choice-chip:hover,.starter-choice-chip:focus-visible,.starter-choice-chip-selected{border-color:#fcbb0259;filter:brightness(1.04)}.starter-choice-scene-focused .starter-choice-caption-row,.starter-choice-scene-confirming .starter-choice-caption-row{display:none}.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:var(--yb-ink-soft);font-size:.9rem;text-shadow:0 .35rem .75rem rgba(0,0,0,.35)}@media(max-width:46rem){.starter-choice-scene{grid-template-rows:auto minmax(0,1fr) auto;gap:.55rem}.starter-choice-header{max-width:100%}.starter-choice-header h1{font-size:clamp(2rem,12vw,3.35rem)}.starter-choice-pixi-stage{min-height:100%;margin:0}.starter-choice-caption-row{grid-template-columns:1fr;bottom:max(2.95rem,calc(env(safe-area-inset-bottom) + 2rem))}.starter-choice-chip{min-height:3.35rem;padding:.6rem .72rem}.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}}.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}.first-reward-screen{display:grid;gap:1rem}.first-reward-grid{display:grid;gap:.85rem}.first-reward-summary{gap:.5rem}.tutorial-screen{display:grid;gap:1rem}.tutorial-hand-note{display:grid;gap:.25rem;border:1px solid var(--yb-line);border-radius:.6rem;background:var(--yb-panel);padding:.75rem .85rem}.tutorial-hand-note strong{color:var(--yb-ink);font-size:.9rem}.tutorial-hand-note span{color:var(--yb-ink-soft);font-size:.82rem}.tutorial-hand-grid{display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr))}.tutorial-hand-card{min-width:0}.tutorial-support-grid{display:grid;gap:.55rem}.tutorial-support-choice{display:grid;gap:.25rem;min-height:2.6rem;justify-items:start;text-align:left}.tutorial-support-choice strong{color:var(--yb-ink);font-size:.9rem}.tutorial-support-choice span{color:var(--yb-ink-soft);font-size:.82rem}.tutorial-summary-strip{display:grid;gap:.35rem}.tutorial-summary-strip span{border-radius:.4rem;background:#f7f9fa;color:var(--yb-ink-soft);font-size:.84rem;font-weight:760;padding:.45rem .55rem}.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:800;letter-spacing:0;text-transform:uppercase}h1{margin:0;color:var(--yb-ink);font-size:clamp(2.35rem,12vw,5.5rem);line-height:.95;letter-spacing:0}.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:850;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:#fff;box-shadow:none}.secondary-action{background-color:transparent;background-image:var(--yc-button-secondary-image);color:var(--yb-ink);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:120;background:radial-gradient(ellipse at 50% 30%,rgba(33,183,222,.18),transparent 34rem),#000a12c7;display:grid;align-items:end;animation:card-detail-backdrop-in .22s ease-out both}.card-detail-modal{background:radial-gradient(ellipse at 15% 0%,rgba(252,187,2,.09),transparent 20rem),linear-gradient(180deg,#0d3240fa,#061320fa);border-top-left-radius:.8rem;border-top-right-radius:.8rem;border:1px solid rgba(247,244,234,.16);color:var(--yb-ink);box-shadow:0 1.4rem 3rem #00000057;max-height:96vh;overflow:auto;padding:.85rem;transform-origin:center bottom;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-header{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.55rem}.card-detail-modal .detail-card{margin:0}.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}.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;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-image-frame{overflow:hidden;aspect-ratio:2 / 3;border-radius:.45rem;background:#ffffff0d}.detail-image-frame-baked{aspect-ratio:7 / 10;width:min(100%,26rem);justify-self:center}.detail-placeholder{min-height:24rem}.detail-copy{display:grid;gap:.4rem}.detail-copy h1{font-size:clamp(2rem,10vw,4.5rem)}.detail-pill-row{display:flex;flex-wrap:wrap;gap:.35rem}.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}.dev-tools-hint{position:fixed;z-index:130;right:.75rem;bottom:max(.75rem,env(safe-area-inset-bottom));width:min(calc(100% - 1.5rem),24rem);margin:0;border:1px dashed rgba(247,244,234,.28);border-radius:.6rem;background:linear-gradient(180deg,#ffffff13,#ffffff06),#041523b8;color:var(--yb-ink);padding:.7rem .85rem;font-size:.85rem;box-shadow:0 .8rem 1.6rem #0018333d;-webkit-backdrop-filter:blur(.7rem);backdrop-filter:blur(.7rem)}.dev-tools-hint code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem;color:var(--yb-ink-soft);background:#02121f99;padding:.08rem .28rem;border-radius:.3rem}.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-launcher{position:fixed;z-index:130;top:max(.65rem,env(safe-area-inset-top));right:.65rem;min-height:2.45rem;border:1px solid rgba(247,244,234,.18);border-radius:999px;background:#02121f9e;color:var(--yb-ink);padding:.55rem .75rem;font-weight:850;box-shadow:0 .6rem 1.2rem #0018333d;-webkit-backdrop-filter:blur(.7rem);backdrop-filter:blur(.7rem)}.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-size:1.05rem}.dev-tools-eyebrow{margin:0;font-size:.72rem;letter-spacing:.07em;font-weight:900}.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))}.first-reward-grid{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:start}.tutorial-hand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tutorial-support-grid{grid-template-columns:repeat(2,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)}.card-detail-modal-backdrop{align-items:center;justify-items:center;padding:1rem}.card-detail-modal{width:min(58rem,100%);border-radius:.85rem;border:1px solid var(--yb-line);box-shadow:0 1rem 2rem #00183338;max-height:92vh;padding:1rem}.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:start}.detail-image-frame{grid-row:span 3}.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))}.tutorial-hand-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.versus-grid{grid-template-columns:repeat(2,minmax(20rem,1fr))}}html,body,#root{width:100%;width:100vw;height:100%;height:100dvh;min-width:320px;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%;width:100vw;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:39rem;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;background:radial-gradient(ellipse at 50% 38%,#06132000,#0613201a 84%),linear-gradient(180deg,#06132005,#06132014);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-landing .game-scene-overlay:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,#041f3d00,#041f3d1a 16%,#041f3d80 25%,#041f3dcc 32%,#041f3df2 42% 58%,#041f3dcc 68%,#041f3d80 75%,#041f3d1a 84%,#041f3d00)}.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,.card-detail-modal{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 .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,.first-reward-grid,.tutorial-hand-grid,.card-grid,.reward-grid{position:relative;z-index:1}.starter-choice,.onboarding-placeholder-panel,.tutorial-hand-note,.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,.tutorial-summary-strip span,.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(--yb-ink);-webkit-backdrop-filter:none;backdrop-filter:none}.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-hint,.dev-tools-launcher,.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{display:grid;overflow:hidden}.mobile-landing-pixi{position:absolute;inset:0;z-index:2;min-width:0;min-height:100%;pointer-events:auto}.mobile-landing-pixi canvas{display:block;width:100%;height:100%}.mobile-landing-content{position:relative;z-index:3;display:grid;grid-template-rows:auto 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-brand{display:inline-grid;grid-template-columns:auto auto;align-items:center;gap:.4rem;justify-self:start;min-width:0;filter:drop-shadow(0 .45rem 1rem rgba(0,0,0,.38))}.mobile-landing-mark{width:clamp(2.45rem,8vh,3.5rem)}.mobile-landing-wordmark{width:clamp(7rem,24vw,11.5rem)}.mobile-landing-actions{display:grid;justify-items:center;align-self:center;width:min(100%,28rem)}.mobile-landing-entry-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;width:min(100%,27rem)}.mobile-landing-actions .primary-action,.mobile-landing-actions .secondary-action{min-height:clamp(2.65rem,8.4vh,3.2rem);--yc-button-background-size: 94% auto;--yc-button-inline-pad: clamp(2rem, 5vw, 3.1rem)}.mobile-feature-carousel{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:minmax(0,1fr) auto;align-items:center;gap:.26rem .38rem;align-self:end;width:min(100%,40rem);min-height:0}.mobile-feature-card-track{position:relative;display:grid;place-items:center;min-height:clamp(4.2rem,22vh,6.4rem);overflow:hidden;touch-action:pan-y}.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(--yb-ink);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:.52rem;width:min(78%,22rem);min-height:clamp(3.85rem,19vh,5.45rem);padding:.48rem .64rem;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{font-size:clamp(.78rem,2.6vh,.94rem);line-height:1.1;text-align:left!important}.mobile-feature-card-active span span{color:var(--yb-ink-soft);font-size:clamp(.68rem,2.3vh,.82rem);line-height:1.22}.mobile-feature-card-peek{position:absolute;z-index:1;display:grid;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{display:grid;place-items:center;width:2rem;height:2rem;border:1px solid rgba(247,244,234,.18);border-radius:999px;background:#020d1fb8;color:#f7f4eae6;font-size:1.45rem;line-height:1}.mobile-feature-dots{grid-column:1 / -1;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){.mobile-landing-short .mobile-landing-wordmark{display:none}.mobile-landing-short .mobile-landing-brand{justify-self:start}.mobile-landing-short .mobile-landing-mark{width:clamp(2.2rem,9vh,2.8rem)}.mobile-landing-short .mobile-landing-content{grid-template-rows:auto minmax(0,.92fr) 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));width:min(100%,23rem)}.mobile-landing-short .mobile-landing-actions .primary-action,.mobile-landing-short .mobile-landing-actions .secondary-action{min-height:2.45rem;--yc-button-inline-pad: clamp(1.65rem, 4vw, 2.5rem)}.mobile-landing-short .mobile-feature-card-track{min-height:3.95rem}.mobile-landing-short .mobile-feature-card-active{min-height:3.55rem;padding-block:.36rem}.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))}.first-reward-grid{grid-template-columns:minmax(0,1fr) minmax(0,.9fr)}}