@import"https://fonts.googleapis.com/css2?family=Titillium+Web:wght@400;600;700;900&family=Sarabun:wght@400;600;700&display=swap";:root{--color-bg: #0a0a0f;--color-bg-secondary: #1a1a2e;--color-bg-tertiary: #16213e;--color-text: #e0e0e0;--color-text-muted: #888;--color-border: #333;--color-accent: #00d4ff;--color-accent-secondary: #7b2cbf;--tier-mythic: #ff6b35;--tier-legendary: #ffd700;--tier-epic: #a855f7;--tier-ultra: #3b82f6;--tier-rare: #22c55e;--tier-uncommon: #94a3b8;--tier-common: #78716c;--card-width: 300px;--card-height: 450px;--card-ratio: calc(var(--card-height) / var(--card-width));--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", Monaco, "Cascadia Code", monospace;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);min-height:100vh;min-height:100dvh;line-height:1.5;-webkit-font-smoothing:antialiased}@media(max-width:768px){main,.main{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}footer,.footer{display:none}.about-wrapper footer,.about-wrapper .footer{display:block;margin-bottom:calc(64px + env(safe-area-inset-bottom,0px))}}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:64px;background:#0f0f19f2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid rgba(255,255,255,.08);padding-bottom:env(safe-area-inset-bottom,0);z-index:100}@media(max-width:768px){.bottom-nav.ready{display:flex;justify-content:space-around;align-items:center}}.bottom-nav .tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 4px;text-decoration:none;color:var(--color-text-muted);transition:color .15s;-webkit-tap-highlight-color:transparent}.bottom-nav .tab:hover{text-decoration:none}.bottom-nav .tab.active{color:var(--color-accent)}.bottom-nav .tab.locked{opacity:.6}.bottom-nav .tab-icon{position:relative;width:24px;height:24px}.bottom-nav .tab-icon svg{width:100%;height:100%}.bottom-nav .tab.active .tab-icon svg{stroke-width:2.5}.bottom-nav .tab-label{font-size:.65rem;font-weight:500;letter-spacing:.02em}.bottom-nav .badge{position:absolute;top:-6px;right:-8px;min-width:16px;height:16px;padding:0 4px;font-size:.6rem;font-weight:700;color:#fff;background:var(--color-accent);border-radius:100px;display:flex;align-items:center;justify-content:center}.bottom-nav .lock-overlay{position:absolute;top:-4px;right:-6px;font-size:.55rem}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}.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}.tier-mythic{color:var(--tier-mythic)}.tier-legendary{color:var(--tier-legendary)}.tier-epic{color:var(--tier-epic)}.tier-ultra{color:var(--tier-ultra)}.tier-rare{color:var(--tier-rare)}.tier-uncommon{color:var(--tier-uncommon)}.tier-common{color:var(--tier-common)}.bg-mythic{background:var(--tier-mythic)}.bg-legendary{background:var(--tier-legendary);color:#000}.bg-epic{background:var(--tier-epic)}.bg-ultra{background:var(--tier-ultra)}.bg-rare{background:var(--tier-rare)}.bg-uncommon{background:var(--tier-uncommon);color:#000}.bg-common{background:var(--tier-common)}*{scrollbar-width:thin;scrollbar-color:var(--color-bg-tertiary) transparent}*:hover{scrollbar-color:var(--color-accent) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}::-webkit-scrollbar-corner{background:transparent}.pack-scaler{--base-width: 440px;--base-height: 884px;--pack-height: clamp(300px, 70vh, 700px);--pack-scale: calc(var(--pack-height) / var(--base-height));width:calc(var(--base-width) * var(--pack-scale));height:var(--pack-height);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:visible}.pack-stage{position:relative;width:var(--base-width);height:var(--base-height);transform:scale(var(--pack-scale));transform-origin:center;overflow:visible}.card-stack{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:1}.pack-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:440px;height:884px;perspective:600px;pointer-events:none;z-index:10}.pack-area{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-height:0;width:100%;padding:24px;overflow:visible}.stack-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.95);opacity:0;transition:opacity .3s,transform .4s}.stack-card.visible{opacity:1}.stack-card.top{transform:translate(-50%,-50%) scale(1);z-index:10!important}.stack-card.swiped{opacity:0;transform:translate(calc(-50% + 500px),-50%) rotate(15deg);transition:opacity .3s,transform .4s cubic-bezier(.25,.46,.45,.94);z-index:20!important}.pack-whole{position:absolute;inset:0;z-index:5;background:none;border:none;padding:0;cursor:pointer;pointer-events:auto;filter:drop-shadow(0 8px 32px rgba(0,0,0,.5));transition:filter .2s ease-out,transform .2s ease-out}.pack-whole:hover{filter:drop-shadow(0 12px 40px rgba(0,0,0,.6)) brightness(1.05);transform:scale(1.02)}.pack-whole img{width:100%;height:100%;object-fit:contain}.tear-strip{position:absolute;inset:0;transform-origin:70% 15%;z-index:3;filter:drop-shadow(0 4px 12px rgba(0,0,0,.4))}.tear-strip img{width:100%;height:100%;object-fit:contain}.pack-body{position:absolute;inset:0;filter:drop-shadow(0 8px 32px rgba(0,0,0,.5))}.pack-body img{width:100%;height:100%;object-fit:contain}.pack-stage.revealing .card-stack{animation:cards-pull-out 1s ease-out}.pack-stage.interactive .card-stack{cursor:grab;user-select:none;-webkit-user-select:none;touch-action:pan-y}.pack-stage.interactive .card-stack:active{cursor:grabbing}.pack-stage.interactive .card-stack img{-webkit-user-drag:none;user-drag:none;pointer-events:none}@keyframes cards-pull-out{0%{transform:translateY(0)}50%{transform:translateY(-15%)}to{transform:translateY(0)}}.card-stack.scale-up{animation:scale-up-cards .5s ease-out .1s forwards}@keyframes scale-up-cards{0%{transform:scale(1)}to{transform:scale(var(--interactive-scale, 1.4))}}.tearing .tear-strip{animation:tear-away .5s cubic-bezier(.33,1,.68,1) forwards}@keyframes tear-away{0%{transform:translateY(0) translate(0) rotate(0) rotateX(0);opacity:1}to{transform:translateY(-180px) translate(90px) rotate(16deg) rotateX(-50deg);opacity:0}}.revealing .pack-body{animation:wrapper-slide-down .5s linear forwards}@keyframes wrapper-slide-down{0%{transform:translateY(0);opacity:1}65%{transform:translateY(27%);opacity:1}to{transform:translateY(90%);opacity:0}}.done{display:none}.pack-scaler.rainbow .pack-whole:before,.pack-scaler.rainbow .pack-body:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 0%,transparent 40%,rgba(255,0,0,.5) 45%,rgba(255,127,0,.5) 48%,rgba(255,255,0,.5) 51%,rgba(0,255,0,.5) 54%,rgba(0,255,255,.5) 57%,rgba(0,127,255,.5) 60%,rgba(139,0,255,.5) 65%,transparent 70%,transparent 100%);background-size:400% 100%;background-repeat:repeat-x;animation:rainbow-wave 8s linear infinite;animation-delay:var(--rainbow-sync);pointer-events:none;z-index:10;mix-blend-mode:screen;will-change:background-position;-webkit-mask-image:var(--pack-url);mask-image:var(--pack-url);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.pack-scaler.rainbow .pack-whole:after,.pack-scaler.rainbow .pack-body:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 0%,transparent 35%,rgba(255,0,0,.5) 40%,rgba(255,127,0,.5) 45%,rgba(255,255,0,.5) 50%,rgba(0,255,0,.5) 55%,rgba(0,255,255,.5) 57%,rgba(0,127,255,.5) 63%,rgba(139,0,255,.5) 70%,transparent 75%,transparent 100%);background-size:400% 100%;background-repeat:repeat-x;animation:rainbow-wave 8s linear infinite;animation-delay:calc(var(--rainbow-sync) + 4s);pointer-events:none;z-index:10;mix-blend-mode:screen;will-change:background-position;-webkit-mask-image:var(--pack-url);mask-image:var(--pack-url);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}@keyframes rainbow-wave{0%{background-position:110% 0}to{background-position:-10% 0}}@media(max-width:768px){.pack-area{padding:16px}.pack-scaler{--pack-height: clamp(250px, 60vh, 500px)}}@media(max-width:480px){.pack-area{padding:12px}.pack-scaler{--pack-height: clamp(200px, 55vh, 400px)}}.showcase-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 12px 12px;width:100%;flex:1;min-height:0;overflow:hidden}.showcase-container.has-focus{overflow:visible}.showcase-grid{display:flex;flex-wrap:wrap;justify-content:center;align-content:center;column-gap:8px;row-gap:48px}.showcase-card{position:relative;flex-shrink:0;opacity:1;transform:translateY(0) scale(1);animation:showcase-enter .4s ease-out backwards;animation-delay:var(--delay);transition:transform .3s cubic-bezier(.22,1,.36,1)}.showcase-card.focused,.showcase-card.returning{z-index:1001}@keyframes showcase-enter{0%{opacity:0;transform:translateY(20px) scale(.95)}}.focus-backdrop{position:fixed;inset:0;background:#000000d9;z-index:1000;cursor:pointer;border:none;padding:0;animation:backdrop-fade-in .25s ease-out forwards}@keyframes backdrop-fade-in{0%{background:#0000}to{background:#000000d9}}.card-container{position:relative}.duplicate-badge{position:absolute;top:0;left:50%;transform:translate(-50%,-100%);margin-top:-8px;display:flex;flex-direction:row;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(135deg,#14141ef2,#0a0a14f2);border:2px solid #ffd700;border-radius:10px;box-shadow:0 4px 16px #00000080,0 0 16px #ffd7004d;z-index:10;pointer-events:none;white-space:nowrap}.badge-caret{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #ffd700}.badge-caret:after{content:"";position:absolute;top:-10px;left:-6px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid rgba(15,15,25,.95)}.showcase-card.focused .duplicate-badge{opacity:0;transition:opacity .3s ease-out}.duplicate-label{font-size:.55rem;font-weight:600;color:#ffd700cc;letter-spacing:.08em;text-transform:uppercase}.duplicate-value{display:flex;align-items:center;gap:3px}.duplicate-amount{font-size:.9rem;font-weight:700;color:gold;text-shadow:0 0 8px rgba(255,215,0,.5)}.actions{display:flex;flex-direction:column;align-items:stretch;gap:8px;flex-shrink:0;margin-top:24px}.actions-row{display:flex;justify-content:center;gap:12px}.action-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;font-size:.9rem;font-weight:600;border-radius:100px;cursor:pointer;transition:all .2s var(--ease-out)}.action-btn.secondary{color:var(--color-text-muted);background:transparent;border:1px solid var(--color-border)}.action-btn.secondary:hover{color:var(--color-text);border-color:var(--color-text-muted);background:#ffffff0d}.action-btn.primary{color:#000;background:linear-gradient(135deg,var(--color-accent),#00a8cc);border:none;box-shadow:0 4px 16px #00d4ff4d}.action-btn.primary:hover{transform:scale(1.02);box-shadow:0 8px 24px #00d4ff80}.action-btn svg{flex-shrink:0}@media(max-width:768px){.showcase-container{padding:40px 10px 10px;gap:10px}.showcase-grid{column-gap:6px;row-gap:40px}}@media(max-width:480px){.showcase-container{padding:32px 8px 8px;gap:8px}.showcase-grid{column-gap:4px;row-gap:32px}.actions{gap:6px}.actions-row{gap:8px}.action-btn{padding:10px 14px;font-size:.8rem;gap:6px}.action-btn svg{width:16px;height:16px}.duplicate-badge{padding:3px 6px;gap:4px;border-width:1px;border-radius:6px;margin-top:-5px}.duplicate-label{font-size:.45rem}.duplicate-amount{font-size:.7rem}.duplicate-value svg{width:12px;height:12px}.badge-caret{bottom:-5px;border-left-width:5px;border-right-width:5px;border-top-width:5px}.badge-caret:after{top:-6px;left:-4px;border-left-width:4px;border-right-width:4px;border-top-width:4px}}.card-wrapper{width:calc(400px * var(--scale));height:calc(560px * var(--scale));padding:0;border:none;background:none;flex-shrink:0;border-radius:calc(16px * var(--scale));outline:none}.card-wrapper:focus-visible{outline:2px solid var(--tier-color, #fff);outline-offset:4px}.card-wrapper.clickable{cursor:pointer}.card{width:calc(400px * var(--scale));height:calc(560px * var(--scale));border-radius:calc(16px * var(--scale));overflow:hidden;background:linear-gradient(145deg,#1a1a2e,#0f0f1a);box-shadow:0 8px 40px #00000080;font-family:Sarabun,sans-serif;font-size:calc(16px * var(--scale))}.card-front{position:absolute;inset:0;display:flex;flex-direction:column;padding:calc(12px * var(--scale))}.card-front:after{content:"";position:absolute;inset:0;border:calc(12px * var(--scale)) solid var(--tier-color, #333);box-shadow:inset 0 calc(4px * var(--scale)) calc(8px * var(--scale)) #0006;pointer-events:none;border-radius:calc(20px * var(--scale))}.card-effects{position:absolute;inset:0;pointer-events:none;z-index:5;border-radius:calc(16px * var(--scale));overflow:hidden}[data-tier=Uncommon] .card{box-shadow:0 4px 20px #94a3b833}[data-tier=Rare] .card{box-shadow:0 0 20px #22c55e66;animation:rare-pulse 2.5s ease-in-out infinite}[data-tier=Ultra] .card-effects{box-shadow:inset 0 0 30px #3b82f64d;animation:ultra-glow 2s ease-in-out infinite}[data-tier=Ultra] .card{box-shadow:0 0 25px #3b82f680}[data-tier=Epic] .card{box-shadow:0 0 30px #a855f780}[data-tier=Epic] .card-effects{mix-blend-mode:screen}[data-tier=Epic] .card-effects:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(105deg,transparent 0%,transparent 20%,rgba(230,220,255,.2) 35%,rgba(245,240,255,.35) 45%,rgba(255,255,255,.45) 50%,rgba(245,240,255,.35) 55%,rgba(230,220,255,.2) 65%,transparent 80%,transparent 100%);background-size:200% 100%;animation:shine-sweep-pause 5s ease-in-out infinite;animation-delay:-5s;mix-blend-mode:screen;z-index:10;will-change:background-position}.lava-layer{position:absolute;width:150%;height:150%;top:-25%;left:-25%;filter:blur(calc(20px * var(--scale)));animation:lava-drift 18s ease-in-out infinite;will-change:opacity,transform}.lava-1{animation-delay:-18s}.lava-2{animation-delay:-15s}.lava-3{animation-delay:-12s}.lava-4{animation-delay:-9s}.lava-5{animation-delay:-6s}.lava-6{animation-delay:-3s}.lava-purple.lava-1{background:radial-gradient(ellipse 35% 45% at 25% 30%,rgba(168,85,247,.7) 0%,transparent 70%)}.lava-purple.lava-2{background:radial-gradient(ellipse 40% 35% at 75% 65%,rgba(200,100,255,.65) 0%,transparent 70%)}.lava-purple.lava-3{background:radial-gradient(ellipse 30% 40% at 60% 20%,rgba(139,92,246,.7) 0%,transparent 70%)}.lava-purple.lava-4{background:radial-gradient(ellipse 45% 30% at 35% 75%,rgba(180,120,255,.65) 0%,transparent 70%)}.lava-purple.lava-5{background:radial-gradient(ellipse 35% 50% at 80% 40%,rgba(155,100,240,.7) 0%,transparent 70%)}.lava-purple.lava-6{background:radial-gradient(ellipse 40% 35% at 20% 60%,rgba(190,130,255,.65) 0%,transparent 70%)}.lava-gold.lava-1{background:radial-gradient(ellipse 35% 45% at 25% 30%,rgba(255,215,0,.7) 0%,transparent 70%)}.lava-gold.lava-2{background:radial-gradient(ellipse 40% 35% at 75% 65%,rgba(255,180,0,.65) 0%,transparent 70%)}.lava-gold.lava-3{background:radial-gradient(ellipse 30% 40% at 60% 20%,rgba(255,200,50,.7) 0%,transparent 70%)}.lava-gold.lava-4{background:radial-gradient(ellipse 45% 30% at 35% 75%,rgba(255,230,100,.65) 0%,transparent 70%)}.lava-gold.lava-5{background:radial-gradient(ellipse 35% 50% at 80% 40%,rgba(255,190,0,.7) 0%,transparent 70%)}.lava-gold.lava-6{background:radial-gradient(ellipse 40% 35% at 20% 60%,rgba(255,220,80,.65) 0%,transparent 70%)}[data-tier=Legendary] .card{box-shadow:0 0 40px #ffd70080}[data-tier=Legendary] .card-effects{mix-blend-mode:screen}[data-tier=Legendary] .card-effects:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(105deg,transparent 0%,transparent 20%,rgba(255,250,230,.2) 35%,rgba(255,253,245,.35) 45%,rgba(255,255,255,.45) 50%,rgba(255,253,245,.35) 55%,rgba(255,250,230,.2) 65%,transparent 80%,transparent 100%);background-size:200% 100%;animation:shine-sweep-pause 5s ease-in-out infinite;animation-delay:-5s;mix-blend-mode:screen;z-index:10;will-change:background-position}[data-tier=Mythic] .card{box-shadow:0 0 50px #ff6b3566,0 0 100px #a855f733}[data-tier=Mythic] .card-front:after{background:conic-gradient(from 0deg at 50% 50%,#f0f,#0ff,#ff0,#f0f);border:none;padding:calc(12px * var(--scale));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:mythic-border-iridescent 4s linear infinite}@keyframes mythic-border-iridescent{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}[data-tier=Mythic] .card-effects:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(105deg,transparent 0%,transparent 30%,rgba(255,0,0,.35) 38%,rgba(255,127,0,.35) 42%,rgba(255,255,0,.35) 46%,rgba(0,255,0,.35) 50%,rgba(0,255,255,.35) 54%,rgba(0,127,255,.35) 58%,rgba(139,0,255,.35) 62%,transparent 70%,transparent 100%);background-size:200% 100%;animation:prismatic-sweep-pause 5s ease-in-out infinite;animation-delay:-5s;mix-blend-mode:screen;z-index:10;will-change:background-position}.sparkle-layer{position:absolute;inset:0;pointer-events:none;z-index:5;animation:sparkle-fade 7s ease-in-out infinite;will-change:opacity}.sparkle-1{background:radial-gradient(3px 3px at 8% 12%,white 0%,rgba(255,255,255,.3) 40%,transparent 70%),radial-gradient(3px 3px at 25% 38%,white 0%,rgba(255,255,255,.3) 40%,transparent 70%),radial-gradient(3px 3px at 42% 65%,white 0%,rgba(255,255,255,.3) 40%,transparent 70%),radial-gradient(3px 3px at 58% 22%,white 0%,rgba(255,255,255,.3) 40%,transparent 70%),radial-gradient(3px 3px at 75% 78%,white 0%,rgba(255,255,255,.3) 40%,transparent 70%),radial-gradient(3px 3px at 88% 45%,white 0%,rgba(255,255,255,.3) 40%,transparent 70%),radial-gradient(3px 3px at 15% 85%,white 0%,rgba(255,255,255,.3) 40%,transparent 70%),radial-gradient(3px 3px at 92% 8%,white 0%,rgba(255,255,255,.3) 40%,transparent 70%);animation-delay:-7s}.sparkle-2{background:radial-gradient(3px 3px at 12% 55%,white 0%,rgba(255,255,255,.3) 40%,transparent 70%),radial-gradient(3px 3px at 30% 18%,white 0%,rgba(255,255,255,.3) 40%,transparent 70%),radial-gradient(3px 3px at 48% 82%,white 0%,rgba(255,255,255,.3) 40%,transparent 70%),radial-gradient(3px 3px at 65% 42%,white 0%,rgba(255,255,255,.3) 40%,transparent 70%),radial-gradient(3px 3px at 80% 28%,white 0%,rgba(255,255,255,.3) 40%,transparent 70%),radial-gradient(3px 3px at 5% 68%,white 0%,rgba(255,255,255,.3) 40%,transparent 70%),radial-gradient(3px 3px at 55% 5%,white 0%,rgba(255,255,255,.3) 40%,transparent 70%),radial-gradient(3px 3px at 95% 62%,white 0%,rgba(255,255,255,.3) 40%,transparent 70%);animation-delay:-6s}.sparkle-3{background:radial-gradient(3px 3px at 18% 32%,white 0%,rgba(255,255,255,.3) 40%,transparent 70%),radial-gradient(3px 3px at 35% 72%,white 0%,rgba(255,255,255,.3) 40%,transparent 70%),radial-gradient(3px 3px at 52% 15%,white 0%,rgba(255,255,255,.3) 40%,transparent 70%),radial-gradient(3px 3px at 70% 58%,white 0%,rgba(255,255,255,.3) 40%,transparent 70%),radial-gradient(3px 3px at 85% 35%,white 0%,rgba(255,255,255,.3) 40%,transparent 70%),radial-gradient(3px 3px at 10% 48%,white 0%,rgba(255,255,255,.3) 40%,transparent 70%),radial-gradient(3px 3px at 62% 88%,white 0%,rgba(255,255,255,.3) 40%,transparent 70%),radial-gradient(3px 3px at 38% 5%,white 0%,rgba(255,255,255,.3) 40%,transparent 70%);animation-delay:-5s}.sparkle-4{background:radial-gradient(3px 3px at 22% 68%,white 0%,rgba(255,255,255,.3) 40%,transparent 70%),radial-gradient(3px 3px at 40% 25%,white 0%,rgba(255,255,255,.3) 40%,transparent 70%),radial-gradient(3px 3px at 55% 52%,white 0%,rgba(255,255,255,.3) 40%,transparent 70%),radial-gradient(3px 3px at 72% 85%,white 0%,rgba(255,255,255,.3) 40%,transparent 70%),radial-gradient(3px 3px at 88% 12%,white 0%,rgba(255,255,255,.3) 40%,transparent 70%),radial-gradient(3px 3px at 8% 92%,white 0%,rgba(255,255,255,.3) 40%,transparent 70%),radial-gradient(3px 3px at 45% 38%,white 0%,rgba(255,255,255,.3) 40%,transparent 70%),radial-gradient(3px 3px at 78% 65%,white 0%,rgba(255,255,255,.3) 40%,transparent 70%);animation-delay:-4s}.sparkle-5{background:radial-gradient(3px 3px at 15% 45%,white 0%,rgba(255,255,255,.3) 40%,transparent 70%),radial-gradient(3px 3px at 32% 88%,white 0%,rgba(255,255,255,.3) 40%,transparent 70%),radial-gradient(3px 3px at 50% 28%,white 0%,rgba(255,255,255,.3) 40%,transparent 70%),radial-gradient(3px 3px at 68% 72%,white 0%,rgba(255,255,255,.3) 40%,transparent 70%),radial-gradient(3px 3px at 82% 48%,white 0%,rgba(255,255,255,.3) 40%,transparent 70%),radial-gradient(3px 3px at 5% 22%,white 0%,rgba(255,255,255,.3) 40%,transparent 70%),radial-gradient(3px 3px at 58% 95%,white 0%,rgba(255,255,255,.3) 40%,transparent 70%),radial-gradient(3px 3px at 92% 32%,white 0%,rgba(255,255,255,.3) 40%,transparent 70%);animation-delay:-3s}.sparkle-6{background:radial-gradient(3px 3px at 8% 78%,white 0%,rgba(255,255,255,.3) 40%,transparent 70%),radial-gradient(3px 3px at 25% 42%,white 0%,rgba(255,255,255,.3) 40%,transparent 70%),radial-gradient(3px 3px at 42% 8%,white 0%,rgba(255,255,255,.3) 40%,transparent 70%),radial-gradient(3px 3px at 58% 65%,white 0%,rgba(255,255,255,.3) 40%,transparent 70%),radial-gradient(3px 3px at 75% 52%,white 0%,rgba(255,255,255,.3) 40%,transparent 70%),radial-gradient(3px 3px at 90% 18%,white 0%,rgba(255,255,255,.3) 40%,transparent 70%),radial-gradient(3px 3px at 15% 58%,white 0%,rgba(255,255,255,.3) 40%,transparent 70%),radial-gradient(3px 3px at 82% 92%,white 0%,rgba(255,255,255,.3) 40%,transparent 70%);animation-delay:-2s}.sparkle-7{background:radial-gradient(3px 3px at 3% 22%,white 0%,rgba(255,255,255,.3) 40%,transparent 70%),radial-gradient(3px 3px at 32% 85%,white 0%,rgba(255,255,255,.3) 40%,transparent 70%),radial-gradient(3px 3px at 50% 45%,white 0%,rgba(255,255,255,.3) 40%,transparent 70%),radial-gradient(3px 3px at 68% 18%,white 0%,rgba(255,255,255,.3) 40%,transparent 70%),radial-gradient(3px 3px at 85% 72%,white 0%,rgba(255,255,255,.3) 40%,transparent 70%),radial-gradient(3px 3px at 18% 5%,white 0%,rgba(255,255,255,.3) 40%,transparent 70%),radial-gradient(3px 3px at 45% 95%,white 0%,rgba(255,255,255,.3) 40%,transparent 70%),radial-gradient(3px 3px at 95% 55%,white 0%,rgba(255,255,255,.3) 40%,transparent 70%);animation-delay:-1s}@keyframes sparkle-fade{0%{opacity:0}14%{opacity:1}28%{opacity:1}43%{opacity:0}to{opacity:0}}@keyframes prismatic-sweep-pause{0%{background-position:150% 0}60%{background-position:-50% 0}to{background-position:-50% 0}}@keyframes shine-sweep-pause{0%{background-position:150% 0}60%{background-position:-50% 0}to{background-position:-50% 0}}@keyframes rare-pulse{0%,to{box-shadow:0 0 20px #22c55e66}50%{box-shadow:0 0 35px #22c55e99}}@keyframes ultra-glow{0%,to{opacity:.5}50%{opacity:1}}@keyframes lava-drift{0%{opacity:0;transform:translate(0) scale(.9)}17%{opacity:1;transform:translate(5%,4%) scale(1)}33%{opacity:1;transform:translate(10%,8%) scale(1.05)}50%{opacity:0;transform:translate(15%,12%) scale(1.1)}to{opacity:0;transform:translate(15%,12%) scale(1.1)}}.card-header{height:calc(76px * var(--scale));padding:calc(16px * var(--scale)) calc(20px * var(--scale));display:flex;align-items:center}.card-header.hide-title{background:linear-gradient(180deg,rgba(255,255,255,.05) 0%,transparent 100%)}.card-title{margin:0;font-family:Titillium Web,sans-serif;font-weight:700;line-height:1.1;text-align:left;color:#fff;text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.card-image-container{width:100%;aspect-ratio:8 / 5;background:transparent;overflow:hidden}.card-image{width:100%;height:100%;object-fit:contain}.card-body{flex:1;padding:calc(20px * var(--scale)) calc(20px * var(--scale)) calc(12px * var(--scale));display:flex;flex-direction:column;gap:calc(8px * var(--scale));overflow:hidden}.card-image-wrapper{position:relative}.card-date{position:absolute;bottom:0;left:50%;transform:translate(-50%,50%);font-size:calc(12px * var(--scale));color:#fffc;text-align:center;padding:calc(4px * var(--scale)) calc(12px * var(--scale));background:linear-gradient(180deg,#2a2a3e,#1a1a2e);border:1px solid rgba(255,255,255,.15);border-radius:calc(4px * var(--scale));box-shadow:inset 0 1px #ffffff1a,0 calc(2px * var(--scale)) calc(4px * var(--scale)) #0000004d;z-index:2}.card-description{margin:0;line-height:1.45;text-align:left;color:#ffffffb3}.card-footer{padding:calc(10px * var(--scale)) calc(20px * var(--scale)) calc(12px * var(--scale));background:#0f0f18;border-top:calc(2px * var(--scale)) solid rgba(255,255,255,.1);font-size:calc(14px * var(--scale));color:#ffffff80;display:flex;justify-content:space-between;align-items:center}.card-id{position:absolute;bottom:calc(6px * var(--scale));left:50%;transform:translate(-50%,50%);font-family:monospace;font-size:calc(10px * var(--scale));color:#000;z-index:10}.card-era{font-size:calc(12px * var(--scale));text-transform:uppercase}.card-number{font-size:calc(16px * var(--scale));font-weight:700;font-family:monospace;color:var(--tier-color, #fff)}.card-tier-symbol{letter-spacing:.15em}.card-image-wrapper.mystery .card-image-container,.card-image-wrapper.mystery .card-date{filter:blur(calc(20px * var(--scale)))}.card-body.mystery{filter:blur(calc(14px * var(--scale)))}.mystery-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:3}.mystery-mark{font-size:calc(80px * var(--scale));font-weight:700;color:#fffc;text-shadow:0 calc(4px * var(--scale)) calc(20px * var(--scale)) rgba(0,0,0,.5)}html,body{background:#0a0a0f;color:#e0e0e0}.stardust-icon.svelte-1snmvzi{display:inline-block;vertical-align:middle;fill:gold;filter:drop-shadow(0 0 2px rgba(255,215,0,.5))}.pack-icon.svelte-xbifnr{display:inline-block;vertical-align:middle;object-fit:contain}.modal-backdrop.svelte-drjdpn{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;padding:24px;z-index:400;animation:svelte-drjdpn-fadeIn .2s ease}@keyframes svelte-drjdpn-fadeIn{0%{opacity:0}to{opacity:1}}.modal.svelte-drjdpn{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:16px;max-width:400px;width:100%;padding:32px;position:relative;animation:svelte-drjdpn-slideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes svelte-drjdpn-slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modal-close.svelte-drjdpn{position:absolute;top:16px;right:16px;width:32px;height:32px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:50%;font-size:1.25rem;color:var(--color-text-muted);cursor:pointer;transition:all .15s}.modal-close.svelte-drjdpn:hover:not(:disabled){color:var(--color-text);border-color:var(--color-text-muted)}.modal-close.svelte-drjdpn:disabled{opacity:.5;cursor:not-allowed}.modal-header.svelte-drjdpn{text-align:center;margin-bottom:24px}.modal-header.svelte-drjdpn h2:where(.svelte-drjdpn){font-size:1.5rem;font-weight:600;margin-bottom:8px}.modal-header.svelte-drjdpn p:where(.svelte-drjdpn){color:var(--color-text-muted);font-size:.9rem}.collection-notice.svelte-drjdpn{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#00d4ff1a;border:1px solid rgba(0,212,255,.2);border-radius:10px;margin-bottom:24px;font-size:.85rem;color:var(--color-text)}.notice-icon.svelte-drjdpn{font-size:1.2rem}.auth-options.svelte-drjdpn{display:flex;flex-direction:column;gap:12px}.auth-btn.svelte-drjdpn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 20px;font-size:.95rem;font-weight:500;border:none;border-radius:10px;cursor:pointer;transition:all .15s}.auth-btn.svelte-drjdpn:disabled{opacity:.6;cursor:not-allowed}.auth-btn.google.svelte-drjdpn{background:#fff;color:#333}.auth-btn.google.svelte-drjdpn:hover:not(:disabled){background:#f5f5f5}.google-icon.svelte-drjdpn{flex-shrink:0}.error-message.svelte-drjdpn{color:#ef4444;font-size:.85rem;text-align:center;margin:0}.spinner.svelte-drjdpn{width:18px;height:18px;border:2px solid rgba(0,0,0,.2);border-top-color:#000;border-radius:50%;animation:svelte-drjdpn-spin .8s linear infinite}@keyframes svelte-drjdpn-spin{to{transform:rotate(360deg)}}.sync-note.svelte-drjdpn{text-align:center;font-size:.8rem;color:var(--color-text-muted);margin:16px 0 0}@media(max-width:480px){.modal.svelte-drjdpn{padding:24px}.auth-btn.svelte-drjdpn{padding:12px 16px;font-size:.9rem}}.modal-backdrop.svelte-1ixh90k{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;padding:24px;z-index:250;animation:svelte-1ixh90k-fadeIn .2s ease}@keyframes svelte-1ixh90k-fadeIn{0%{opacity:0}to{opacity:1}}.modal.svelte-1ixh90k{background:var(--color-bg-secondary);border:1px solid rgba(255,255,255,.1);border-radius:16px;max-width:520px;width:100%;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;animation:svelte-1ixh90k-slideUp .25s cubic-bezier(.16,1,.3,1)}@keyframes svelte-1ixh90k-slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.close-btn.svelte-1ixh90k{position:absolute;top:12px;right:12px;width:32px;height:32px;background:#ffffff1a;border:none;border-radius:50%;font-size:1.25rem;color:var(--color-text-muted);cursor:pointer;z-index:10}.close-btn.svelte-1ixh90k:hover{background:#ffffff26;color:var(--color-text)}.tabs.svelte-1ixh90k{display:flex;padding:16px 16px 0;gap:4px;border-bottom:1px solid rgba(255,255,255,.08)}.tab.svelte-1ixh90k{flex:1;padding:12px 8px;font-size:.85rem;font-weight:500;color:var(--color-text-muted);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .15s}.tab.svelte-1ixh90k:hover{color:var(--color-text)}.tab.active.svelte-1ixh90k{color:var(--color-accent);border-bottom-color:var(--color-accent)}.tab-content.svelte-1ixh90k{flex:1;overflow-y:auto;padding:20px}.section.svelte-1ixh90k h2:where(.svelte-1ixh90k){display:flex;align-items:center;gap:8px;font-size:1.15rem;font-weight:600;margin-bottom:16px;color:var(--color-text)}.section-intro.svelte-1ixh90k{font-size:.9rem;color:var(--color-text-muted);margin-bottom:16px;line-height:1.5}.overview-text.svelte-1ixh90k{font-size:.95rem;line-height:1.6;color:var(--color-text);margin-bottom:14px}.overview-text.muted.svelte-1ixh90k{color:var(--color-text-muted);font-size:.85rem}.rarity-table.svelte-1ixh90k{display:flex;flex-direction:column;gap:4px}.rarity-row.svelte-1ixh90k{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;background:#ffffff08}.rarity-symbol.svelte-1ixh90k{width:28px;text-align:center;font-size:.95rem}.rarity-name.svelte-1ixh90k{flex:1;font-weight:600;font-size:.85rem}.rarity-percent.svelte-1ixh90k{font-size:.8rem;color:var(--color-text-muted);font-family:var(--font-mono)}.rarity-row.mythic.svelte-1ixh90k .rarity-symbol:where(.svelte-1ixh90k),.rarity-row.mythic.svelte-1ixh90k .rarity-name:where(.svelte-1ixh90k){color:var(--tier-mythic)}.rarity-row.legendary.svelte-1ixh90k .rarity-symbol:where(.svelte-1ixh90k),.rarity-row.legendary.svelte-1ixh90k .rarity-name:where(.svelte-1ixh90k){color:var(--tier-legendary)}.rarity-row.epic.svelte-1ixh90k .rarity-symbol:where(.svelte-1ixh90k),.rarity-row.epic.svelte-1ixh90k .rarity-name:where(.svelte-1ixh90k){color:var(--tier-epic)}.rarity-row.ultra.svelte-1ixh90k .rarity-symbol:where(.svelte-1ixh90k),.rarity-row.ultra.svelte-1ixh90k .rarity-name:where(.svelte-1ixh90k){color:var(--tier-ultra)}.rarity-row.rare.svelte-1ixh90k .rarity-symbol:where(.svelte-1ixh90k),.rarity-row.rare.svelte-1ixh90k .rarity-name:where(.svelte-1ixh90k){color:var(--tier-rare)}.rarity-row.uncommon.svelte-1ixh90k .rarity-symbol:where(.svelte-1ixh90k),.rarity-row.uncommon.svelte-1ixh90k .rarity-name:where(.svelte-1ixh90k){color:var(--tier-uncommon)}.rarity-row.common.svelte-1ixh90k .rarity-symbol:where(.svelte-1ixh90k),.rarity-row.common.svelte-1ixh90k .rarity-name:where(.svelte-1ixh90k){color:var(--tier-common)}.era-list.svelte-1ixh90k{display:flex;flex-direction:column;gap:6px}.era-item.svelte-1ixh90k{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;background:#ffffff08}.era-num.svelte-1ixh90k{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#07a3;border-radius:6px;font-size:.75rem;font-weight:700;color:var(--color-accent)}.era-info.svelte-1ixh90k{flex:1;display:flex;flex-direction:column;gap:2px}.era-name.svelte-1ixh90k{font-size:.85rem;font-weight:600;color:var(--color-text)}.era-years.svelte-1ixh90k{font-size:.7rem;color:var(--color-text-muted)}.era-unlock.svelte-1ixh90k{font-size:.75rem;color:var(--color-text-muted);padding:4px 8px;background:#ffffff0d;border-radius:4px}@media(max-width:480px){.modal.svelte-1ixh90k{max-height:90vh}.tabs.svelte-1ixh90k{padding:12px 12px 0}.tab.svelte-1ixh90k{padding:10px 4px;font-size:.8rem}.tab-content.svelte-1ixh90k{padding:16px}}.header.svelte-oiwvqb{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:transparent}.header.sticky.svelte-oiwvqb{position:sticky;top:0;z-index:100}.header-left.svelte-oiwvqb{flex:1;display:flex;align-items:center;gap:12px}.header-help-btn.svelte-oiwvqb{display:flex;align-items:center;justify-content:center;width:28px;height:28px;font-size:.85rem;font-weight:700;color:var(--color-text-muted);background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:50%;cursor:pointer;transition:all .15s}.header-help-btn.svelte-oiwvqb:hover{color:var(--color-accent);background:#00d4ff26;border-color:#00d4ff4d}.logo.svelte-oiwvqb{display:inline-flex;align-items:center;text-decoration:none;transition:transform .2s var(--ease-out),filter .2s}.logo.svelte-oiwvqb:hover{transform:scale(1.02);filter:brightness(1.1)}.logo-icon.svelte-oiwvqb{height:44px;width:auto;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.nav.svelte-oiwvqb{display:flex;gap:4px;background:#141423cc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:6px;border-radius:100px;border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 20px #0000004d}.nav-link.svelte-oiwvqb{font-size:.85rem;font-weight:500;color:var(--color-text-muted);text-decoration:none;padding:8px 18px;border-radius:100px;transition:all .2s var(--ease-out)}.nav-link.svelte-oiwvqb:hover{color:var(--color-text);background:#ffffff14}.nav-link.active.svelte-oiwvqb{color:#fff;background:linear-gradient(135deg,#07a,#058);box-shadow:0 2px 12px #07a6;font-weight:600}.nav-link.locked.svelte-oiwvqb{opacity:.7}.lock-icon.svelte-oiwvqb{margin-left:4px;font-size:.7em}.header-right.svelte-oiwvqb{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:10px}.stat.svelte-oiwvqb{display:flex;align-items:center;gap:6px;font-size:.85rem;padding:8px 14px;background:#141423cc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:100px;border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 20px #0000004d}.stat-value.svelte-oiwvqb{display:flex;align-items:center;gap:5px;font-weight:600;color:var(--color-text)}.stardust.svelte-oiwvqb .stat-value:where(.svelte-oiwvqb){color:var(--tier-legendary)}.packs.svelte-oiwvqb{gap:8px}.packs.maxed.svelte-oiwvqb{border-color:var(--tier-rare);box-shadow:0 4px 20px #0000004d,0 0 12px #22c55e33}.packs-top.svelte-oiwvqb{display:flex;align-items:center;gap:5px}.packs-timer.svelte-oiwvqb{font-size:.75rem;color:var(--color-text-muted);padding-left:8px;border-left:1px solid rgba(255,255,255,.1)}.packs-timer.maxed.svelte-oiwvqb{color:var(--tier-rare);font-weight:600}@media(max-width:1420px){.header.svelte-oiwvqb{position:relative;display:flex;flex-wrap:wrap;gap:10px;padding:12px 16px;align-items:center;justify-content:center}.header-left.svelte-oiwvqb{position:absolute;left:16px;top:12px}.header-help-btn.svelte-oiwvqb{display:none}.nav.svelte-oiwvqb{order:1}.header-right.svelte-oiwvqb{flex:1 1 100%;display:flex;justify-content:center;gap:8px;order:2}.stat.svelte-oiwvqb{font-size:.75rem;padding:6px 10px}.collection.svelte-oiwvqb{display:none}.account-menu.svelte-oiwvqb,.auth-btn.sign-in.svelte-oiwvqb{position:absolute;top:12px;right:16px}}@media(max-width:768px){.nav.svelte-oiwvqb{display:none}}@media(max-width:480px){.header.svelte-oiwvqb{padding:10px 12px}.header-left.svelte-oiwvqb{top:10px;left:12px}.account-menu.svelte-oiwvqb,.auth-btn.sign-in.svelte-oiwvqb{top:10px;right:12px}.logo-icon.svelte-oiwvqb{height:36px}.stat.svelte-oiwvqb{padding:5px 8px}.stardust.svelte-oiwvqb .stat-value:where(.svelte-oiwvqb){font-size:.8rem}.packs-timer.svelte-oiwvqb{display:none}}.help-btn.svelte-oiwvqb{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;font-size:.65rem;font-weight:700;color:var(--color-text-muted);background:#ffffff1a;border:none;border-radius:50%;cursor:pointer;transition:all .15s;flex-shrink:0}.help-btn.svelte-oiwvqb:hover{color:var(--color-text);background:#fff3}.modal-backdrop.svelte-oiwvqb{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;padding:24px;z-index:200}.modal.svelte-oiwvqb{background:var(--color-bg-secondary);border-radius:16px;max-width:420px;width:100%;max-height:90vh;overflow:auto;position:relative;padding:24px}.modal-close.svelte-oiwvqb{position:absolute;top:12px;right:12px;width:32px;height:32px;background:var(--color-bg);border-radius:50%;font-size:1.25rem;color:var(--color-text-muted)}.modal-close.svelte-oiwvqb:hover{color:var(--color-text)}.modal.svelte-oiwvqb h2:where(.svelte-oiwvqb){display:flex;align-items:center;gap:8px;font-size:1.25rem;margin-bottom:12px;color:var(--tier-legendary)}.modal.svelte-oiwvqb h3:where(.svelte-oiwvqb){font-size:.9rem;color:var(--color-text-muted);margin:20px 0 10px;text-transform:uppercase;letter-spacing:.5px}.help-intro.svelte-oiwvqb{color:var(--color-text);font-size:.95rem;line-height:1.5}.help-list.svelte-oiwvqb{list-style:none;padding:0;margin:0}.help-list.svelte-oiwvqb li:where(.svelte-oiwvqb){padding:8px 0;font-size:.9rem;color:var(--color-text)}.help-list.svelte-oiwvqb li:where(.svelte-oiwvqb)+li:where(.svelte-oiwvqb){border-top:1px solid var(--color-border)}.quiz-progress.svelte-oiwvqb{margin:20px 0}.quiz-progress-bar.svelte-oiwvqb{height:8px;background:#ffffff1a;border-radius:100px;overflow:hidden;margin-bottom:8px}.quiz-progress-fill.svelte-oiwvqb{height:100%;background:linear-gradient(90deg,var(--color-accent),#00a8cc);border-radius:100px;transition:width .3s ease}.quiz-progress-text.svelte-oiwvqb{font-size:.85rem;color:var(--color-text-muted)}.quiz-unlock-btn.svelte-oiwvqb{display:block;width:100%;padding:12px 20px;margin-top:8px;font-size:.95rem;font-weight:600;color:#000;background:linear-gradient(135deg,var(--color-accent),#00a8cc);border:none;border-radius:100px;text-decoration:none;text-align:center;cursor:pointer;transition:all .2s}.quiz-unlock-btn.svelte-oiwvqb:hover{filter:brightness(1.1);transform:scale(1.02)}.auth-btn.svelte-oiwvqb{display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:all .15s}.auth-btn.sign-in.svelte-oiwvqb{padding:8px 16px;font-size:.85rem;font-weight:500;color:#000;background:var(--color-accent);border-radius:100px}.auth-btn.sign-in.svelte-oiwvqb:hover{filter:brightness(1.1);transform:scale(1.02)}.auth-btn.signed-in.svelte-oiwvqb{position:relative;width:36px;height:36px;padding:0;background:#141423cc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:50%}.auth-btn.signed-in.svelte-oiwvqb:hover{border-color:var(--color-accent)}.auth-btn.signed-in.synced.svelte-oiwvqb{border-color:var(--tier-rare)}.auth-btn.signed-in.sync-error.svelte-oiwvqb{border-color:#ef4444}.avatar-icon.svelte-oiwvqb{color:var(--color-text-muted);transition:color .15s}.auth-btn.signed-in.svelte-oiwvqb:hover .avatar-icon:where(.svelte-oiwvqb){color:var(--color-accent)}.sync-dot.svelte-oiwvqb{position:absolute;bottom:2px;right:2px;width:8px;height:8px;border-radius:50%;border:2px solid rgba(20,20,35,.9)}.sync-dot.syncing.svelte-oiwvqb{background:var(--tier-legendary);animation:svelte-oiwvqb-pulse 1.5s ease-in-out infinite}.sync-dot.error.svelte-oiwvqb{background:#ef4444}.sync-dot.offline.svelte-oiwvqb{background:var(--color-text-muted)}@keyframes svelte-oiwvqb-pulse{0%,to{opacity:1}50%{opacity:.5}}.account-dropdown.svelte-oiwvqb{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:#141423f2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:8px;box-shadow:0 8px 32px #0006;z-index:200;animation:svelte-oiwvqb-dropdownFade .15s ease}@keyframes svelte-oiwvqb-dropdownFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.account-email.svelte-oiwvqb{padding:10px 12px;font-size:.85rem;color:var(--color-text-muted);border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.donor-badge.svelte-oiwvqb{display:flex;align-items:center;gap:8px;padding:8px 12px;margin:4px 0;background:linear-gradient(135deg,#ffd70026,#ffa5001a);border-radius:8px;font-size:.85rem;font-weight:600;color:gold}.donor-icon.svelte-oiwvqb{font-size:1rem}.account-logout.svelte-oiwvqb{width:100%;padding:10px 12px;text-align:left;font-size:.9rem;color:var(--color-text);background:none;border:none;border-radius:8px;cursor:pointer;transition:background .15s}.account-logout.svelte-oiwvqb:hover{background:#ffffff14}.sync-status.svelte-oiwvqb{display:flex;align-items:center;gap:8px;padding:10px 12px;font-size:.8rem;color:var(--color-text-muted);border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:4px}.sync-icon.svelte-oiwvqb{display:flex;align-items:center;justify-content:center}.sync-icon.spinning.svelte-oiwvqb svg:where(.svelte-oiwvqb){animation:svelte-oiwvqb-spin 1s linear infinite}.sync-icon.success.svelte-oiwvqb{color:var(--tier-rare)}.sync-icon.error.svelte-oiwvqb{color:#ef4444}.sync-icon.offline.svelte-oiwvqb{color:var(--color-text-muted)}.sync-icon.pending.svelte-oiwvqb{color:var(--tier-legendary)}@keyframes svelte-oiwvqb-spin{to{transform:rotate(360deg)}}.sync-retry.svelte-oiwvqb{font-size:.8rem;color:var(--color-accent);background:none;border:none;padding:0;cursor:pointer;text-decoration:underline}.sync-retry.svelte-oiwvqb:hover{color:var(--color-text)}@media(min-width:1421px){.account-menu.svelte-oiwvqb{position:relative}}@media(max-width:1420px){.account-menu.svelte-oiwvqb,.auth-btn.sign-in.svelte-oiwvqb{position:absolute;top:12px;right:16px}.auth-btn.sign-in.svelte-oiwvqb{padding:6px 12px;font-size:.8rem}.auth-btn.signed-in.svelte-oiwvqb{width:32px;height:32px}.account-dropdown.svelte-oiwvqb{min-width:180px}}.footer.svelte-1sr6y3t{text-align:center;padding:20px 24px;border-top:1px solid var(--color-border);flex-shrink:0}.footer-links.svelte-1sr6y3t{display:flex;justify-content:center;align-items:center;gap:8px;margin-bottom:10px;flex-wrap:wrap}.footer-links.svelte-1sr6y3t a:where(.svelte-1sr6y3t),.legal-btn.svelte-1sr6y3t{display:inline-flex;align-items:center;color:var(--color-text-muted);font-size:.8rem;font-family:inherit;line-height:1;text-decoration:none;background:none;border:none;padding:0;margin:0;cursor:pointer;transition:color .15s}.footer-links.svelte-1sr6y3t a:where(.svelte-1sr6y3t):hover,.legal-btn.svelte-1sr6y3t:hover{color:var(--color-accent)}.sep.svelte-1sr6y3t{color:var(--color-border);font-size:.8rem;line-height:1}.legal-content.svelte-1sr6y3t{max-width:480px;margin:0 auto;padding:0 16px;background:#ffffff08;border-radius:8px;max-height:0;overflow:hidden;opacity:0;transition:max-height .25s ease,opacity .2s ease,padding .25s ease,margin .25s ease}.legal-content.show.svelte-1sr6y3t{max-height:120px;opacity:1;padding:12px 16px;margin-bottom:12px}.legal-content.svelte-1sr6y3t p:where(.svelte-1sr6y3t){font-size:.75rem;line-height:1.5;color:var(--color-text-muted);margin:0}.legal-content.svelte-1sr6y3t a:where(.svelte-1sr6y3t){color:var(--color-accent);text-decoration:none}.legal-content.svelte-1sr6y3t a:where(.svelte-1sr6y3t):hover{text-decoration:underline}.footer-tagline.svelte-1sr6y3t{font-size:.75rem;color:var(--color-text-muted);opacity:.7;margin:0}.footer-tagline.svelte-1sr6y3t a:where(.svelte-1sr6y3t){color:var(--color-text-muted);text-decoration:none;transition:color .15s}.footer-tagline.svelte-1sr6y3t a:where(.svelte-1sr6y3t):hover{color:var(--color-accent)}@media(max-width:400px){.footer.svelte-1sr6y3t{padding:16px}.footer-links.svelte-1sr6y3t{gap:6px}}