:root{--color-bg-base: #08050d;--color-bg-surface: #130e1c;--color-bg-raised: #1b1328;--color-border-subtle: #241a33;--color-border-strong: #3a2a52;--color-border-bright: #5b3f86;--color-text-primary: #ddd3ea;--color-text-secondary: #a094b0;--color-text-disabled: #6b6080;--color-accent: #7b3fc4;--color-on-accent: #ffffff;--color-accent-hover: #9b59e0;--color-accent-glow: #b06bff;--color-accent-muted: #3b2160;--color-accent-light: #d9b8ff;--color-player: #9b59e0;--color-enemy: #d63a52;--color-enemy-deep: #8b1e2e;--color-enemy-bg: #2a1620;--color-damage: #e5484d;--color-target-altar: #c9a24a;--color-targeting-line: #0d0714;--color-alert-overcrowding: #ff5a36;--color-alert-deep: #b23a1e;--color-resource-bm: #b06bff;--color-resource-arena-pool: #7f6fa8;--color-hp: #4caf6e;--color-cooldown: #7c8cf0;--color-success: #4caf6e;--color-success-bright: #7be3a4;--color-success-deep: #1f6b4a;--color-success-bg: #12301f;--color-info: #7c8cf0;--color-info-bright: #a9b4f7;--color-info-deep: #343e8c;--color-info-bg: #141a38;--color-gold: #c9a24a;--color-gold-bright: #e2c275;--color-gold-deep: #8a6d12;--color-gold-border: #5c4a1e;--color-gold-bg: #201808;--color-currency-soul-dust: #a89bc4;--color-currency-soul-echoes: #b06bff;--color-notification: #ff3b6b;--color-status-bleed: #c41e3a;--color-status-freeze: #8fe3f2;--color-status-poison: #9bd13c;--color-status-armor: #9aa3b5;--color-status-stun: #e0a93b;--color-status-weaken: #8f6f4e;--color-rarity-common: #8e8399;--color-rarity-rare: #4f8fd6;--color-rarity-epic: #9b59e0;--color-rarity-legendary: #c9a24a;--color-mastery-veteran: #b87333;--color-mastery-cursed: #b8bcc8;--color-mastery-soul-master: #c9a24a;--color-shadow: #000000;--font-display: "Cinzel", serif;--font-brand: "Pirata One", serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "Inter", -apple-system, sans-serif;--radius: 8px;--radius-lg: 14px}*{box-sizing:border-box}body{background:radial-gradient(ellipse at 50% -10%,var(--color-border-subtle) 0%,var(--color-bg-base) 55%) fixed;color:var(--color-text-primary);margin:0;font-family:var(--font-body);min-height:100vh}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-bg-surface)}::-webkit-scrollbar-thumb{background:var(--color-border-bright);border-radius:6px}.title{font-family:var(--font-display);letter-spacing:.04em;color:var(--color-text-primary);text-shadow:0 0 18px color-mix(in srgb,var(--color-accent-glow) 45%,transparent)}.panel{background:linear-gradient(180deg,var(--color-bg-raised) 0%,var(--color-bg-surface) 100%);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);box-shadow:0 8px 32px color-mix(in srgb,var(--color-shadow) 50%,transparent),inset 0 1px color-mix(in srgb,var(--color-on-accent) 4%,transparent)}.btn{font-family:var(--font-body);font-weight:600;font-size:15px;letter-spacing:.02em;padding:12px 28px;border-radius:var(--radius);border:1px solid var(--color-border-bright);background:var(--color-bg-raised);color:var(--color-text-primary);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease,background .12s ease}.btn:hover:not(:disabled){transform:translateY(-1px);border-color:var(--color-accent-hover);box-shadow:0 4px 16px color-mix(in srgb,var(--color-accent-glow) 22%,transparent)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.4;cursor:default}.btn-primary{background:linear-gradient(180deg,var(--color-accent-hover) 0%,var(--color-accent) 100%);border-color:var(--color-accent-hover);color:var(--color-on-accent)}.btn-primary:hover:not(:disabled){box-shadow:0 4px 20px color-mix(in srgb,var(--color-accent-glow) 45%,transparent);border-color:var(--color-accent-glow)}.btn-ghost{background:transparent;border-color:var(--color-border-strong);color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){border-color:var(--color-text-secondary);color:var(--color-text-primary)}@keyframes pulse-ring{0%{box-shadow:0 0 color-mix(in srgb,var(--color-accent-glow) 55%,transparent)}to{box-shadow:0 0 0 22px color-mix(in srgb,var(--color-accent-glow) 0%,transparent)}}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:56px;height:56px;border-radius:50%;border:4px solid var(--color-border-strong);border-top-color:var(--color-accent-glow);animation:spin .9s linear infinite}.hand-card{transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.hand-card:hover:not([aria-disabled=true]){transform:translateY(-8px);box-shadow:0 12px 24px color-mix(in srgb,var(--color-shadow) 55%,transparent)}@keyframes spell-float{0%{opacity:0;transform:translate(-50%,-30%) scale(.7)}15%{opacity:1;transform:translate(-50%,-60%) scale(1.15)}to{opacity:0;transform:translate(-50%,-150%) scale(1)}}@keyframes spell-glow{0%{opacity:0}12%{opacity:1}to{opacity:0}}@keyframes spell-banner{0%{opacity:0;transform:translate(-50%,-10px)}12%,80%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%)}}@keyframes altar-shake{0%,to{transform:translate(0)}15%{transform:translate(-4px,1px)}30%{transform:translate(4px,-1px)}45%{transform:translate(-3px,1px)}60%{transform:translate(3px)}80%{transform:translate(-1px)}}.deck-card-remove{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;border-radius:10px;background:color-mix(in srgb,var(--color-bg-base) 60%,transparent);color:var(--color-on-accent);font-size:28px;font-weight:700;opacity:0;transition:opacity .12s ease}.deck-card:hover .deck-card-remove,.deck-card:focus-visible .deck-card-remove{opacity:1}@keyframes pack-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pack-shake{0%,to{transform:rotate(0) scale(1)}20%{transform:rotate(-3deg) scale(1.03)}40%{transform:rotate(3deg) scale(1.05)}60%{transform:rotate(-4deg) scale(1.07)}80%{transform:rotate(4deg) scale(1.09)}}@keyframes pack-flash{0%{opacity:0;transform:scale(.4)}60%{opacity:1}to{opacity:0;transform:scale(2.4)}}@keyframes pack-card-in{0%{opacity:0;transform:translateY(40px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pack-card-flip{0%{transform:scaleX(.05)}to{transform:scaleX(1)}}@media (max-width: 960px){.login-hero{display:none!important}}@keyframes seal-spin{to{transform:rotate(360deg)}}@keyframes seal-spin-reverse{to{transform:rotate(-360deg)}}@keyframes seal-pulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}@keyframes loading-bar{0%{transform:translate(-100%)}to{transform:translate(260%)}}@keyframes loading-dot{0%,80%,to{opacity:.2}40%{opacity:1}}@keyframes versus-slide-left{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}@keyframes versus-slide-right{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}@keyframes versus-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion: reduce){.motion-safe-anim,.motion-safe-anim *{animation:none!important}}@keyframes seal-glow{0%,to{filter:drop-shadow(0 0 0 transparent)}50%{filter:drop-shadow(0 0 6px var(--color-accent-glow))}}@keyframes seal-twinkle{0%,to{opacity:.25;transform:scale(.7)}50%{opacity:1;transform:scale(1.2)}}@keyframes alch-flame-a{0%{transform:scaleY(1) scaleX(1) skew(0)}50%{transform:scaleY(1.12) scaleX(.94) skew(3deg)}to{transform:scaleY(.94) scaleX(1.04) skew(-3deg)}}@keyframes alch-flame-b{0%{transform:scaleY(1.05) skew(2deg)}to{transform:scaleY(.88) skew(-4deg)}}@keyframes alch-ember{0%{transform:translateY(0);opacity:0}20%{opacity:1}to{transform:translateY(-70px);opacity:0}}@keyframes alch-bubble{0%{transform:translateY(0) scale(.6);opacity:0}25%{opacity:.95}to{transform:translateY(-34px) scale(1.15);opacity:0}}@keyframes alch-steam{0%{transform:translateY(0) scaleX(1);opacity:0}30%{opacity:.45}to{transform:translateY(-60px) scaleX(1.6);opacity:0}}@keyframes alch-glow{0%,to{opacity:.55}50%{opacity:1}}@keyframes alch-feed{0%{opacity:0;transform:translateY(-40px) scale(1) rotate(0)}15%{opacity:1}70%{opacity:1;transform:translateY(150px) scale(.55) rotate(8deg)}to{opacity:0;transform:translateY(190px) scale(.2) rotate(14deg)}}@keyframes alch-dust-up{0%{opacity:0;transform:translateY(20px) scale(.5)}30%{opacity:1}to{opacity:0;transform:translateY(-150px) scale(1.1)}}@keyframes alch-pop{0%{opacity:0;transform:translateY(30px) scale(.5)}60%{opacity:1;transform:translateY(-8px) scale(1.12)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes alch-roar{0%,to{filter:brightness(1.15) saturate(1.1);transform:scale(1)}50%{filter:brightness(1.55) saturate(1.3);transform:scale(1.02)}}@keyframes alch-shine{0%{opacity:0;transform:scale(.4)}50%{opacity:1}to{opacity:0;transform:scale(2.2)}}@keyframes alch-rise{0%{opacity:0;transform:translateY(70px) scale(.7)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes alch-burst{0%{opacity:0;transform:scale(.3)}50%{opacity:1}to{opacity:0;transform:scale(2.6)}}@keyframes alch-boil{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-2px) rotate(-.6deg)}75%{transform:translate(2px) rotate(.6deg)}}.alch-flame{transform-box:fill-box;transform-origin:50% 100%}.alch-flame-a{animation:alch-flame-a .9s ease-in-out infinite alternate}.alch-flame-b{animation:alch-flame-b .7s ease-in-out infinite alternate}.alch-ember{animation:alch-ember 2.4s ease-out infinite}.alch-bubble{animation:alch-bubble 2s ease-in infinite}.alch-steam{transform-box:fill-box;transform-origin:50% 100%;animation:alch-steam 3.2s ease-out infinite}.alch-glow{animation:alch-glow 2.2s ease-in-out infinite}@keyframes screen-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes panel-enter{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes title-pop{0%{opacity:0;transform:scale(.7)}60%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes card-deal{0%{opacity:0;transform:translateY(40px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes ember-rise{0%{opacity:0;transform:translateZ(0) scale(.6)}15%{opacity:.9}to{opacity:0;transform:translate3d(var(--ember-drift),-420px,0) scale(1)}}@keyframes float-slow{0%,to{transform:translateY(0) rotate(var(--float-rotate, 0deg))}50%{transform:translateY(-14px) rotate(var(--float-rotate, 0deg))}}@keyframes badge-pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--color-notification) 70%,transparent)}to{box-shadow:0 0 0 10px color-mix(in srgb,var(--color-notification) 0%,transparent)}}@keyframes alert-pulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--color-alert-overcrowding) 0%,transparent)}50%{box-shadow:0 0 14px 2px color-mix(in srgb,var(--color-alert-overcrowding) 60%,transparent)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 12px -2px color-mix(in srgb,var(--color-accent-glow) 45%,transparent)}50%{box-shadow:0 0 26px color-mix(in srgb,var(--color-accent-glow) 75%,transparent)}}@keyframes shine-sweep{0%{transform:translate(-120%) skew(-20deg)}to{transform:translate(260%) skew(-20deg)}}.screen-enter{animation:screen-enter .24s ease-out both}.panel-enter{animation:panel-enter .36s cubic-bezier(.2,.8,.2,1) both}.skeleton{border-radius:var(--radius);background:linear-gradient(90deg,var(--color-bg-surface) 25%,var(--color-bg-raised) 50%,var(--color-bg-surface) 75%);background-size:200% 100%;animation:shimmer 1.4s linear infinite}.nav-tab{transition:color .18s ease,background .18s ease,box-shadow .18s ease,border-color .18s ease}.nav-tab:hover:not(.nav-tab-active){color:var(--color-text-primary);background:color-mix(in srgb,var(--color-bg-raised) 60%,transparent)}.altar-tile{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,filter .18s ease}.altar-tile:hover{transform:translateY(-4px);filter:brightness(1.12)}@media (prefers-reduced-motion: reduce){.screen-enter,.panel-enter,.skeleton,.ember,.motion-reduce-off{animation:none!important}.altar-tile:hover{transform:none}}