:root{--yb-ink: #001833;--yb-ink-soft: #003e5f;--yb-navy: #031b4e;--yb-blue: #0167ff;--yb-cyan: #21b7de;--yb-gold: #fcbb02;--yb-page: #f7f9fa;--yb-panel: #fff;--yb-line: #e3e7eb;--yb-muted: #5b6987;--yb-shadow: rgba(0, 24, 51, .12);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:linear-gradient(180deg,rgba(0,62,95,.12),transparent 30rem),var(--yb-page)}button,a{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}img{display:block;max-width:100%}.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)}.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,.text-button,.source-link{border-radius:.5rem;min-height:3rem;border:1px solid transparent;padding:.75rem 1rem;font-weight:850;text-align:center;text-decoration:none}.primary-action{background:var(--yb-blue);color:#fff;box-shadow:0 .75rem 1.5rem #0167ff38}.secondary-action,.text-button{background:var(--yb-panel);color:var(--yb-ink);border-color:var(--yb-line)}.text-button{min-height:2.5rem;padding-inline:.8rem}.home-summary{display:flex;flex-wrap:wrap;gap:.5rem}.home-summary span,.rarity-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}.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,.pack-reveal{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: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:#e3e7eb}.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%),#ebf3ff;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:#ebf3ff;color:var(--yb-ink-soft);font-size:.72rem;font-weight:780;padding:.35rem .4rem}.rarity-common{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-rare .rarity-pill{background:#dceaff}.rarity-epic .rarity-pill{background:#f1e8ff}.rarity-legendary .rarity-pill{background:#fea}.detail-card{display:grid;gap:1rem;border:1px solid var(--yb-line);border-radius:.5rem;background:var(--yb-panel);padding:.75rem}.detail-image-frame{overflow:hidden;aspect-ratio:2 / 3;border-radius:.45rem;background:#e3e7eb}.detail-placeholder{min-height:24rem}.detail-copy{display:grid;gap:.4rem}.detail-copy h1{font-size:clamp(2rem,10vw,4.5rem)}.stat-panel{display:grid;gap:.4rem;margin:0}.stat-row{display:flex;justify-content:space-between;gap:1rem;border-radius:.4rem;background:#f7f9fa;padding:.75rem}.stat-row dt{color:var(--yb-muted);font-weight:780}.stat-row dd{margin:0;font-weight:850}.source-link{display:inline-flex;align-items:center;justify-content:center;background: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-shell{position:relative;display:grid;width:min(13rem,72vw);aspect-ratio:2 / 3;place-items:center;border:1px solid rgba(252,187,2,.7);border-radius:.5rem;background:linear-gradient(145deg,rgba(255,255,255,.2),transparent 38%),linear-gradient(180deg,var(--yb-navy),var(--yb-ink));color:#fff;box-shadow:0 1.25rem 2.5rem #0018333d,inset 0 0 0 .35rem #ffffff14;overflow:hidden;animation:pack-open .72s cubic-bezier(.2,.8,.2,1) both}.pack-shine{position:absolute;inset:-35% 40% -35% -25%;background:#ffffff47;transform:rotate(18deg);animation:pack-shine .72s ease-in-out both}.pack-title{position:relative;color:#fff;font-size:1.25rem;font-weight:900}.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}@keyframes pack-open{0%{opacity:0;transform:translateY(1rem) scale(.9) rotate(-4deg)}42%{opacity:1;transform:translateY(0) scale(1.03) rotate(2deg)}to{opacity:0;transform:translateY(-1.25rem) scale(1.14) rotate(0)}}@keyframes pack-shine{0%{translate:-70% 0}to{translate:180% 0}}@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){.pack-shell,.pack-shine,.pack-reveal-card,.pack-flip-inner,.is-revealing .opponent-card-back,.is-revealing .card-tile{animation-duration:1ms;transition-duration:1ms}}@media(min-width:42rem){.app-shell{padding:1.5rem}.home-actions{grid-template-columns:repeat(3,minmax(0,1fr));max-width:42rem}.hand-actions{grid-template-columns:.45fr 1fr}.card-grid,.pack-reveal,.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){.card-grid,.pack-reveal{grid-template-columns:repeat(4,minmax(0,1fr))}.versus-grid{grid-template-columns:repeat(2,minmax(20rem,1fr))}}