@tailwind base;@tailwind components;@tailwind utilities;@layer base{*{@apply border-border;}body{@apply bg-background text-foreground;}}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#0f172a4d;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#64748b80;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#64748bb3}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fade-in .3s ease-in-out}@keyframes pulse-slow{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse-slow{animation:pulse-slow 3s cubic-bezier(.4,0,.6,1) infinite}.hero-card{position:relative;background:#1e1e1e;overflow:hidden;transition:all .3s cubic-bezier(.25,.46,.45,.94);border:1px solid #333;clip-path:polygon(0 0,100% 0,100% 98%,95% 100%,0 100%)}.hero-card:hover{border-color:#fff9;z-index:10;box-shadow:0 0 30px #000c;transform:scale(1.02)}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:100% 100%;background-position:center;transition:all .5s ease;filter:brightness(.5) blur(3px)}.hero-card:hover .hero-bg{transform:scale(1.05);filter:brightness(.9) blur(0px)}.overlay-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0000001a,#0003 60%,#000000f2 90%,#000);z-index:1;pointer-events:none}.deduction-hud{position:absolute;top:15%;left:10%;right:10%;z-index:2;pointer-events:none}.deduction-text{font-family:JetBrains Mono,Consolas,monospace;font-size:12px;line-height:1.6;color:#fffffff2;text-shadow:0 2px 4px #000;opacity:.9;max-height:180px;overflow:hidden;mask-image:linear-gradient(to bottom,black 80%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 80%,transparent 100%)}.deduction-cursor{display:inline-block;width:6px;height:12px;background:#fbbf24;animation:blink-cursor .8s infinite}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}.hero-info-panel{position:absolute;bottom:0;left:0;width:100%;padding:16px;z-index:3;display:flex;align-items:center;gap:12px;background:#00000080;border-top:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.avatar-circle-frame{position:relative;width:56px;height:56px;flex-shrink:0}.avatar-circle{width:100%;height:100%;border-radius:50%;border:2px solid rgba(255,255,255,.2);overflow:hidden;position:relative;z-index:2}.avatar-circle img{width:100%;height:100%;object-fit:cover}.rarity-badge{position:absolute;bottom:-2px;right:-2px;z-index:3;font-size:9px;font-weight:700;font-style:italic;padding:1px 5px;border-radius:3px;box-shadow:0 2px 4px #00000080;border:1px solid rgba(255,255,255,.3)}.rarity-sp{background:linear-gradient(135deg,#ec4899,#8b5cf6);color:#fff}.rarity-ur{background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff}.rarity-ssr{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#000}.rarity-sr{background:linear-gradient(135deg,#a855f7,#6366f1);color:#fff}.hero-name{font-size:18px;font-weight:800;color:#fff;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 4px rgba(0,0,0,.5)}.hero-title{font-size:10px;color:#fff9;text-transform:uppercase;letter-spacing:1px;margin-top:2px}.loading-bar{position:absolute;bottom:0;left:0;height:2px;background:#fbbf24;width:0%;box-shadow:0 0 8px #fbbf24;z-index:10}.loading-bar.active{animation:loadProgress 3s ease-out forwards}@keyframes loadProgress{0%{width:0%;opacity:1}80%{width:90%;opacity:1}to{width:100%;opacity:0}}@keyframes cardEntry{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-card-entry{animation:cardEntry .6s cubic-bezier(.2,.8,.2,1) forwards}