.pack{position:relative;width:100%;aspect-ratio:3 / 4;border-radius:12px;overflow:hidden;cursor:pointer;border:2px solid rgba(0,0,0,.5);box-shadow:0 8px 22px #00000080;transition:transform .12s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#fff;-webkit-user-select:none;user-select:none}.pack:hover{transform:translateY(-4px)}.pack .pack-tear{position:absolute;top:16%;left:0;right:0;height:0;border-top:2px dashed rgba(255,255,255,.45)}.pack .pack-label{font-family:Anton,sans-serif;font-size:clamp(13px,3.4vw,18px);letter-spacing:1px;text-transform:uppercase;text-align:center;line-height:.95;padding:0 8px;text-shadow:0 2px 6px rgba(0,0,0,.6)}.pack .pack-sub{font-family:Space Mono,monospace;font-size:9px;letter-spacing:2px;text-transform:uppercase;opacity:.85}.pack .pack-emblem{font-size:clamp(26px,7vw,40px);filter:drop-shadow(0 2px 6px rgba(0,0,0,.5))}.pack-standard{background:linear-gradient(150deg,#6b6f76,#4a4e55 45%,#3a3d43)}.pack-standard .pack-label{color:#eef1f4}.pack-enhanced{background:linear-gradient(150deg,#3a6ea5,#244e7a 40%,#1d2b52)}.pack-enhanced:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);background-size:250% 250%;animation:packSheen 3.2s ease-in-out infinite;pointer-events:none}.pack-enhanced .pack-label{color:#cfe3ff}.pack-super{background:linear-gradient(135deg,#ff5fa2,#ffd84d,#5fffd0,#5fa2ff,#c45fff,#ff5fa2);background-size:300% 300%;animation:packHolo 5s linear infinite}.pack-super .pack-label{color:#1a1023;text-shadow:0 1px 2px rgba(255,255,255,.4)}.pack-super .pack-sub{color:#1a1023}@keyframes packSheen{0%,to{background-position:0% 0%}50%{background-position:100% 100%}}@keyframes packHolo{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.pack-stage{position:relative;width:200px;max-width:64vw;margin:0 auto}.pack-rip-top,.pack-rip-bottom{position:absolute;left:0;right:0;overflow:hidden}.pack-ripping .pack-rip-top{animation:ripTop .7s ease-in forwards}.pack-ripping .pack-rip-bottom{animation:ripBottom .7s ease-in forwards}@keyframes ripTop{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(-60px) rotate(-6deg);opacity:0}}@keyframes ripBottom{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(70px) rotate(4deg);opacity:0}}.reveal-pop{animation:revealPop .4s cubic-bezier(.34,1.56,.64,1) both}@keyframes revealPop{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}@media (prefers-reduced-motion: reduce){.pack-enhanced:after,.pack-super,.pack-ripping .pack-rip-top,.pack-ripping .pack-rip-bottom,.reveal-pop{animation:none!important}}button:focus-visible{outline:3px solid #f2b705;outline-offset:2px}@keyframes reelStreak{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes slotPulse{0%,to{box-shadow:0 0 0 3px #ff3b3038,0 6px 18px #ff3b302e}50%{box-shadow:0 0 0 5px #ff3b3061,0 6px 22px #ff3b3059}}.card{position:relative;border-radius:12px;padding:16px 16px 14px;color:#16100a;display:flex;flex-direction:column;gap:9px;min-height:226px;height:100%;overflow:hidden;transition:transform .15s ease}.card:hover{transform:translateY(-4px)}.ineligible .ineligibleNote{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:10px;background:#14100ad1;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);opacity:0;visibility:hidden;transition:opacity .15s ease;pointer-events:none}@media (hover: hover){.ineligible:hover .ineligibleNote{opacity:1;visibility:visible}}.poolGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}@media (max-width: 560px){.poolGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}.card.cardCompact{height:210px;min-height:210px;padding:14px 14px 12px;gap:5px;overflow:visible}.card.cardCompact .desc{margin:0}.card.tile{height:210px;min-height:210px;padding:14px 14px 12px;gap:5px;overflow:visible;cursor:pointer}.card.tile .desc{margin:0}.card .copies-badge{position:absolute;bottom:6px;right:6px;z-index:7;font-family:Space Mono,monospace;font-size:11px;font-weight:700;color:#16100a;background:#f2b705;border-radius:8px;padding:2px 7px}.card .descTease{position:relative;flex:1 1 auto;min-height:0;margin-top:1px;padding-bottom:18px;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 30px),transparent 100%);mask-image:linear-gradient(180deg,#000 calc(100% - 30px),transparent 100%)}.card .descTease .desc{font-size:11px;line-height:1.4}@media (hover: hover){.card.cardCompact:hover .descTease{opacity:0}}.card .descPop{position:absolute;left:8px;right:8px;bottom:calc(100% - 6px);z-index:20;background:linear-gradient(165deg,#fdf6e6,#efe3c8);color:#3a2c16;border:2px solid #16100a;border-radius:10px;padding:11px 13px;box-shadow:0 14px 36px #00000080;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .14s ease,transform .14s ease;pointer-events:none}.card.cardCompact .descPop .desc{color:#3a2c16!important;font-size:11.5px;line-height:1.45}@media (hover: hover){.card.cardCompact:hover .descPop{opacity:1;visibility:visible;transform:translateY(0)}}@media (hover: hover){.ineligible .card.cardCompact:hover .descPop{opacity:0!important;visibility:hidden!important}.ineligible .card.cardCompact:hover .descTease{opacity:1!important}}.card .tierTag{position:absolute;top:0;right:0;z-index:3;font-family:Space Mono,monospace;font-size:8.5px;font-weight:700;letter-spacing:1.5px;padding:4px 10px;border-bottom-left-radius:9px;text-transform:uppercase;color:#fff}.card .player{position:relative;z-index:2;font-family:Space Mono,monospace;font-size:10.5px;letter-spacing:.5px;color:#d61f17;font-weight:700;text-transform:uppercase}.card .moment{position:relative;z-index:2;margin:0;font-family:Archivo Narrow,sans-serif;font-weight:700;font-size:22px;line-height:1;text-transform:uppercase;color:#16100a}.card .pos{position:relative;z-index:2;font-family:Space Mono,monospace;font-size:9px;color:#a98e6b;letter-spacing:1px}.card .desc{position:relative;z-index:2;margin:2px 0 0;font-family:Archivo,sans-serif;font-size:11px;line-height:1.4;color:#4a3a26}.card .cardspacer{flex:1}.card .foot{position:relative;z-index:2;border-top:1px dashed currentColor;padding-top:8px;font-family:Space Mono,monospace;font-size:9px;letter-spacing:1px;text-transform:uppercase;text-align:center;font-weight:700;opacity:.65;color:#d61f17}.card.tier-common{background:radial-gradient(rgba(0,0,0,.06) 1px,transparent 1.4px) 0 0/7px 7px,linear-gradient(180deg,#eee6d2,#e2d8c0);border:1px solid #b8a884;box-shadow:0 4px 12px #00000059;filter:saturate(.85)}.card.tier-uncommon{background:linear-gradient(180deg,#e7edf2,#d3dde6);border:2px solid #4e6f8e;box-shadow:0 5px 16px #0006,inset 0 0 0 4px #fff,inset 0 0 0 5px #8aa6bd;color:#16222e}.card.tier-uncommon .player,.card.tier-uncommon .foot{color:#2f5f86}.card.tier-uncommon .tierTag{background:#4e6f8e}.card.tier-uncommon .desc{color:#28404f}.card.tier-uncommon:before{content:"";position:absolute;top:0;left:0;right:0;height:7px;z-index:1;background:repeating-linear-gradient(90deg,#4e6f8e 0,#4e6f8e 8px,#8aa6bd 8px,#8aa6bd 16px)}.card.tier-rare{background:linear-gradient(160deg,#0f5138,#0a3d2a);border:2px solid #2fd089;box-shadow:0 7px 20px #00000080,0 0 18px #2fd08940;padding:7px}.card.tier-rare .inner{background:linear-gradient(160deg,#f2fbf6,#e2f3ea);border-radius:8px;padding:13px 13px 11px;flex:1;min-height:0;display:flex;flex-direction:column;gap:8px;color:#0c3825;border:1px solid #2fd089}.card.tier-rare .player{color:#0a8a56}.card.tier-rare .moment{color:#0c2a1d}.card.tier-rare .pos{color:#5fa886}.card.tier-rare .foot{color:#0a8a56;border-color:#9fd9bf}.card.tier-rare .desc{color:#0c3825}.card.tier-ultra-rare{background:linear-gradient(160deg,#f3ecf9,#e6d9f2);border:3px solid transparent;background-clip:padding-box;box-shadow:0 8px 22px #00000073,0 0 16px #7d3cc938;color:#2a1640}.card.tier-ultra-rare:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;z-index:-1;border-radius:13px;background:linear-gradient(135deg,#caa9f0,#7d3cc9,#e9dcff,#5a2a99,#b07be0)}.card.tier-ultra-rare .player{color:#7d3cc9}.card.tier-ultra-rare .moment{color:#2a1640}.card.tier-ultra-rare .pos{color:#9b7bc0}.card.tier-ultra-rare .foot{color:#7d3cc9}.card.tier-ultra-rare .tierTag{background:linear-gradient(135deg,#9b5fd0,#5a2a99)}.card.tier-ultra-rare .desc{color:#3d2459}.card.tier-legendary{background:radial-gradient(ellipse at 50% 0%,#2c2412,#161109 75%);box-shadow:inset 0 0 0 2px #d99a00,0 0 0 3px #f2b705,0 11px 32px #0009,0 0 30px #f2b70573;color:#fbeec4;animation:idleShake 2.6s ease-in-out infinite}.card.tier-legendary .player{color:#ffcf4d}.card.tier-legendary .moment{color:#ffe9a8;text-shadow:0 2px 10px rgba(242,183,5,.55)}.card.tier-legendary .pos{color:#caa85a}.card.tier-legendary .foot{color:#ffcf4d;border-color:#6b551f}.card.tier-legendary .tierTag{background:linear-gradient(135deg,#f2b705,#d99a00);color:#2a1d00}.card.tier-legendary .desc{color:#f3e2b0}.card.tier-mythic{background:linear-gradient(#0000006b,#0000006b),linear-gradient(135deg,#3a1d4d,#1d2b52,#143f42,#3a1d4d);background-size:auto,400% 400%;border:4px solid transparent;background-clip:padding-box;box-shadow:0 14px 40px #000000a6,0 0 36px #c45fff80,0 0 60px #5fa2ff4d;color:#fff;animation:unicornStock 9s ease-in-out infinite,idleShake 2.6s ease-in-out infinite}.card.tier-mythic:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;z-index:-1;border-radius:14px;background:linear-gradient(135deg,#ff5fa2,#ffd84d,#5fffd0,#5fa2ff,#c45fff,#ff5fa2);background-size:300% 300%;animation:holoBorder 5s linear infinite}.card.tier-mythic:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;border-radius:9px;background:repeating-linear-gradient(125deg,#ff5fa21a 0,#ff5fa21a 14px,#5fffd01a 14px,#5fffd01a 28px,#5fa2ff1a 28px,#5fa2ff1a 42px,#c45fff1a 42px,#c45fff1a 56px);mix-blend-mode:screen}.card.tier-mythic .moment{color:#0c0a14;text-shadow:none}.card.tier-mythic .player,.card.tier-mythic .pos,.card.tier-mythic .desc,.card.tier-mythic .foot{color:#0c0a14}.card.tier-mythic .tierTag{background:linear-gradient(135deg,#ff5fa2,#c45fff,#5fa2ff);background-size:200% 200%;animation:holoBorder 4s linear infinite}.card.tier-goat{background:linear-gradient(#0000008c,#0000008c),radial-gradient(ellipse at 50% -10%,#6b5212,#1a1407 55%,#050300);border:5px solid transparent;background-clip:padding-box;box-shadow:0 18px 48px #000000bf,0 0 40px #f2b7058c,0 0 80px #f2b7054d;color:#ffe9a8;animation:goatPulse 3.2s ease-in-out infinite,idleShake 2.6s ease-in-out infinite}.card.tier-goat:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;z-index:-1;border-radius:15px;background:linear-gradient(135deg,#fff1b8,#f2b705,#7a5800,#ffd966,#c98a00,#fff6d6,#d99a00);background-size:300% 300%;animation:holoBorder 6s linear infinite}.card.tier-goat .player{color:#0c0a05}.card.tier-goat .moment{color:#0c0a05;text-shadow:none}.card.tier-goat .pos,.card.tier-goat .desc,.card.tier-goat .foot{color:#0c0a05}.card.tier-goat .tierTag{background:#0c0a05;color:#f2b705}@keyframes unicornStock{0%,to{background-position:0 0,0% 50%}50%{background-position:0 0,100% 50%}}@keyframes holoBorder{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes goatPulse{0%,to{box-shadow:0 18px 48px #000000bf,0 0 40px #f2b7058c,0 0 80px #f2b7054d}50%{box-shadow:0 18px 48px #000000bf,0 0 56px #f2b705d9,0 0 110px #f2b70580}}@keyframes idleShake{0%{transform:translate(0) rotate(0)}20%{transform:translate(-1.1px,.5px) rotate(-.5deg)}40%{transform:translate(1px,-.6px) rotate(.45deg)}60%{transform:translate(-.8px,-.4px) rotate(-.35deg)}80%{transform:translate(.9px,.5px) rotate(.4deg)}to{transform:translate(0) rotate(0)}}@media (prefers-reduced-motion: reduce){.card,.card *{transition:none!important;animation:none!important}}@font-face{font-family:Anton;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/anton-400.woff2) format("woff2")}@font-face{font-family:Archivo;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/archivo-400.woff2) format("woff2")}@font-face{font-family:Archivo Narrow;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/archivonarrow-600.woff2) format("woff2")}@font-face{font-family:Space Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/spacemono-400.woff2) format("woff2")}@font-face{font-family:Space Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/spacemono-700.woff2) format("woff2")}:root{--wood-deep: #1a1008;--wood: #2a1a0e;--newsprint: #f5ecd9;--ink: #15110b;--flashbulb: #ff3b30;--flashbulb-dark: #d61f17;--gold: #f2b705;--teal: #2fae8f;--panel: #16110b;--panel-edge: #3a2c1c;--muted: #b8a98f;--text: #f3ece0;--radius: 12px;--font-mast: "Anton", system-ui, sans-serif;--font-body: "Archivo", system-ui, sans-serif;--font-mono: "Space Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:var(--font-body);color:var(--text);background:radial-gradient(120% 90% at 50% 0%,#3a2410 0%,var(--wood) 45%,var(--wood-deep) 100%);background-attachment:fixed;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:repeating-linear-gradient(90deg,rgba(0,0,0,.06) 0 1px,transparent 1px 64px);z-index:0}.app-center{position:relative;z-index:1;min-height:100dvh;display:grid;place-items:center;padding:24px 16px}.card{background:var(--panel);border:1px solid var(--panel-edge);border-radius:var(--radius);padding:28px 24px;box-shadow:0 18px 50px #00000073}.auth-card{width:100%;max-width:380px;text-align:center}.masthead{font-family:var(--font-mast);font-size:clamp(28px,7vw,40px);letter-spacing:.5px;margin:0 0 6px;color:var(--newsprint);text-transform:uppercase}.auth-tagline{font-size:14px;color:var(--muted);margin:0 0 20px;line-height:1.5}.auth-form{display:flex;flex-direction:column;gap:8px;text-align:left}.field-label{font-family:var(--font-mono);font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.field-hint{font-size:11px;color:var(--muted);margin:2px 0 4px;min-height:14px}.text-input{width:100%;padding:11px 12px;border-radius:8px;border:1px solid var(--panel-edge);background:#0e0a06;color:var(--text);font-size:15px;font-family:var(--font-body)}.text-input:focus{outline:2px solid var(--gold);outline-offset:1px}.btn{border:none;border-radius:8px;padding:12px 16px;font-weight:800;font-size:14px;cursor:pointer;font-family:var(--font-body);transition:transform .06s ease,filter .15s ease}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--flashbulb);color:#fff;margin-top:4px}.btn-primary:hover:not(:disabled){filter:brightness(1.08)}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--panel-edge);width:100%}.btn-ghost:hover{border-color:var(--gold)}.link-btn{background:none;border:none;color:var(--muted);font-size:12px;text-decoration:underline;cursor:pointer;margin-top:16px}.auth-divider{display:flex;align-items:center;gap:10px;margin:16px 0;color:var(--muted);font-size:12px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--panel-edge)}.notice{border-radius:8px;padding:10px 12px;font-size:13px;line-height:1.45;margin:14px 0 0;text-align:left}.notice-ok{background:#2fae8f1f;border:1px solid rgba(47,174,143,.4);color:#9fe7d2}.notice-warn{background:#f2b7051a;border:1px solid rgba(242,183,5,.4);color:#f6d479}.notice-err{background:#ff3b301a;border:1px solid rgba(255,59,48,.4);color:#ff9d96}.legal-fine{margin:20px 0 0;font-size:10px;color:#7a6c54;line-height:1.4}code{font-family:var(--font-mono);font-size:.9em;background:#ffffff0f;padding:1px 4px;border-radius:4px}.spinner{width:34px;height:34px;border-radius:50%;border:3px solid var(--panel-edge);border-top-color:var(--gold);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spinner{animation-duration:2s}}