.flip-card-perspective{perspective:1200px}.pack-standard .card-face-styled{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;box-shadow:0 10px 30px #00000038}.pack-standard .card-face-styled:hover{box-shadow:0 14px 36px #00000047}.pack-standard.flipping{animation:standardFlipScale .45s ease}@keyframes standardFlipScale{0%{transform:rotateY(0) scale(1)}50%{transform:rotateY(90deg) scale(.97)}to{transform:rotateY(180deg) scale(1)}}.card-exit-standard-remember{animation:standardExitRemember .38s cubic-bezier(.16,1,.3,1) forwards!important}@keyframes standardExitRemember{0%{transform:translateY(0) scale(1);opacity:1}50%{transform:translateY(-12px) scale(1.02);box-shadow:0 16px 40px #22c55e40}to{transform:translateY(-32px) scale(.96);opacity:0}}.card-exit-standard-forget{animation:standardExitForget .38s cubic-bezier(.16,1,.3,1) forwards!important}@keyframes standardExitForget{0%{transform:translate(0) translateY(0) scale(1);opacity:1}20%{transform:translate(-8px) scale(.99)}40%{transform:translate(8px) scale(.99)}60%{transform:translate(-4px) translateY(8px) scale(.98)}to{transform:translate(0) translateY(28px) scale(.95);opacity:0}}.pack-fire .card-face-styled{border-color:#ff6b3573!important;box-shadow:0 10px 30px #00000059,0 0 18px #ff6b352e,inset 0 1px #ffb46433;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;position:relative}.pack-fire .card-face-styled:before{content:"";position:absolute;top:-1px;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#ff4500,#ff9900,#ffea00,transparent);border-radius:6px 6px 0 0;opacity:.85;animation:fireBorderGlow 3s ease-in-out infinite alternate}@keyframes fireBorderGlow{0%{opacity:.6;filter:drop-shadow(0 0 4px #ff4500)}to{opacity:1;filter:drop-shadow(0 0 10px #ffaa00)}}.pack-fire.flipping{animation:fireFlipScale .45s ease}@keyframes fireFlipScale{0%{scale:1}50%{scale:.96}to{scale:1}}.card-exit-fire-remember{animation:fireExitRemember .4s cubic-bezier(.16,1,.3,1) forwards!important}@keyframes fireExitRemember{0%{transform:translateY(0) scale(1);box-shadow:0 0 20px #ff6b3566;opacity:1}40%{transform:translateY(-16px) scale(1.03);box-shadow:0 0 40px #ff4500b3,0 0 60px #fa06;border-color:#fa0!important}to{transform:translateY(-38px) scale(.95);opacity:0}}.card-exit-fire-forget{animation:fireExitForget .4s cubic-bezier(.16,1,.3,1) forwards!important}@keyframes fireExitForget{0%{transform:translate(0) scale(1);filter:none;opacity:1}20%{transform:translate(-6px) rotate(-1deg);border-color:#ef444499!important}40%{transform:translate(6px) rotate(1deg);filter:grayscale(40%) brightness(.85)}70%{transform:translateY(12px) scale(.98);filter:grayscale(80%) brightness(.7);box-shadow:0 0 10px #6464644d}to{transform:translateY(32px) scale(.94);filter:grayscale(100%) brightness(.5);opacity:0}}.reaction-badge-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:100;display:flex;align-items:center;justify-content:center}.reaction-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:9999px;font-weight:800;font-size:15px;letter-spacing:-.2px;white-space:nowrap;animation:badgePopUp .65s cubic-bezier(.175,.885,.32,1.275) forwards;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.reaction-badge.badge-remember-standard{background:#22c55ee6;color:#fff;border:1px solid rgba(255,255,255,.4);box-shadow:0 10px 25px #22c55e66}.reaction-badge.badge-forget-standard{background:#ef4444e0;color:#fff;border:1px solid rgba(255,255,255,.4);box-shadow:0 10px 25px #ef444466}.reaction-badge.badge-remember-fire{background:linear-gradient(135deg,#ff4500,#ff8c00);color:#fff;border:1px solid rgba(255,230,150,.6);box-shadow:0 10px 30px #ff450080,0 0 20px #ff8c0066}.reaction-badge.badge-forget-fire{background:linear-gradient(135deg,#475569,#334155);color:#e2e8f0;border:1px solid rgba(148,163,184,.4);box-shadow:0 10px 25px #0f172a80}@keyframes badgePopUp{0%{transform:scale(.6) translateY(20px);opacity:0}30%{transform:scale(1.08) translateY(-4px);opacity:1}55%{transform:scale(1) translateY(0);opacity:1}80%{transform:scale(.98) translateY(-14px);opacity:.9}to{transform:scale(.9) translateY(-32px);opacity:0}}@keyframes flameFlicker{0%,to{transform:scale(1) rotate(-1deg);filter:drop-shadow(0 0 3px #ff4500)}50%{transform:scale(1.08) rotate(2deg);filter:drop-shadow(0 0 7px #ff8c00)}}.flame-icon-animated{display:inline-block;animation:flameFlicker 1.8s ease-in-out infinite}.card-enter-anim{animation:cardEnterSoft .3s cubic-bezier(.2,.8,.2,1) forwards}@keyframes cardEnterSoft{0%{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.pack-elements .card-face-styled{border-color:#22c55e73!important;box-shadow:0 10px 30px #00000040,0 0 18px #22c55e26,inset 0 1px #86efac33;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;position:relative}.pack-elements .card-face-styled:before{content:"";position:absolute;top:-1px;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#3b82f6,#22c55e,#f59e0b,transparent);border-radius:6px 6px 0 0;opacity:.85;animation:elementBorderGlow 4s ease-in-out infinite alternate}@keyframes elementBorderGlow{0%{opacity:.5;filter:drop-shadow(0 0 4px #3b82f6)}to{opacity:1;filter:drop-shadow(0 0 10px #22c55e)}}.pack-gold .card-face-styled{border-color:#facc1580!important;box-shadow:0 10px 30px #00000059,0 0 18px #facc1533,inset 0 1px #fef08a4d;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;position:relative}.pack-gold .card-face-styled:before{content:"";position:absolute;top:-1px;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#eab308,#fde047,#eab308,transparent);border-radius:6px 6px 0 0;opacity:.85;animation:goldBorderGlow 2.5s ease-in-out infinite alternate}@keyframes goldBorderGlow{0%{opacity:.7;filter:drop-shadow(0 0 4px #eab308)}to{opacity:1;filter:drop-shadow(0 0 12px #fde047)}}.pack-cosmic .card-face-styled{border-color:#8b5cf680!important;box-shadow:0 10px 30px #0006,0 0 20px #8b5cf633,inset 0 1px #c4b5fd33;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;position:relative;background-color:#111420!important}.pack-cosmic .card-face-styled:before{content:"";position:absolute;top:-1px;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#38bdf8,#a855f7,#e879f9,transparent);border-radius:6px 6px 0 0;opacity:.85;animation:cosmicBorderGlow 3.5s ease-in-out infinite alternate}@keyframes cosmicBorderGlow{0%{opacity:.6;filter:drop-shadow(0 0 5px #8b5cf6)}to{opacity:1;filter:drop-shadow(0 0 14px #e879f9)}}.pack-neon .card-face-styled{border-color:#22d3ee99!important;box-shadow:0 10px 30px #00000059,0 0 20px #22d3ee33,inset 0 1px #a5f3fc4d;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;position:relative;background-color:#0d1117!important}.pack-neon .card-face-styled:before{content:"";position:absolute;top:-1px;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#22d3ee,#a3e635,#e879f9,transparent);border-radius:6px 6px 0 0;opacity:.9;animation:neonBorderGlow 1.5s ease-in-out infinite alternate}@keyframes neonBorderGlow{0%{opacity:.8;filter:drop-shadow(0 0 6px #22d3ee)}to{opacity:1;filter:drop-shadow(0 0 15px #e879f9)}}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.5;overflow-x:hidden;-webkit-user-select:none;user-select:none;background-color:var(--color-bg-main)}#root{min-height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-muted)}.flip-card-perspective{perspective:1000px}.flip-card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d}.flip-card-front,.flip-card-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;top:0;left:0;border-radius:6px}.flip-card-back{transform:rotateY(180deg)}input,textarea,select,button{font-family:inherit;font-size:inherit}button{cursor:pointer;border:none;background:none;outline:none}::selection{background:var(--color-accent-soft);color:var(--color-text)}.app-container{min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-bg);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.main-content{flex:1}.page-container{max-width:1000px;margin:0 auto;padding:24px 18px;width:100%}.header-container{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);padding:0 18px;height:56px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50}.header-brand{display:flex;align-items:center;gap:16px}.header-nav{display:flex;gap:4px;margin-left:8px}.header-tools{display:flex;align-items:center;gap:8px}.metrics-grid{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:28px}.metrics-grid>div{flex:1 1 200px}.actions-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px;flex-wrap:wrap}.actions-bar{display:flex;align-items:stretch;gap:10px;flex-wrap:wrap;flex:1}.actions-bar>button{flex:1}.decks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:calc(60px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background-color:rgba(var(--color-surface-rgb, 20, 20, 20),.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--color-border);z-index:100;align-items:center;justify-content:space-around;padding-top:5px}@supports (backdrop-filter: blur(12px)){.mobile-bottom-nav{background-color:color-mix(in srgb,var(--color-surface) 80%,transparent)}}.mobile-bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex:1;color:var(--color-muted);font-size:11px;font-weight:600;transition:color .2s ease;height:100%}.mobile-bottom-nav-item.active{color:var(--color-accent)}@media(max-width:768px){.header-nav{display:none}.mobile-bottom-nav{display:flex}.main-content{padding-bottom:70px}.header-tools .btn-text,.app-footer{display:none}.header-tools button{padding:6px!important}.actions-header{flex-direction:column;align-items:flex-start}.actions-bar{width:100%;justify-content:flex-start}.decks-grid{grid-template-columns:1fr}}@media(max-width:480px){.metrics-grid{grid-template-columns:1fr}}