:root{--gold: #FFD700;--silver: #C0C0C0;--rarity-ur: linear-gradient(135deg, #ff0844 0%, #ffb199 100%);--rarity-ssr: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--rarity-sr: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--bg-dark: #0f0c29}body{margin:0;font-family:Quicksand,system-ui,sans-serif;background:var(--bg-dark);color:#fff;overflow:hidden}.app-container{width:100vw;height:100vh;display:flex;flex-direction:column;background:radial-gradient(circle at 50% 50%,#1a1a2e,#0f0c29)}.game-header{padding:15px 20px;display:flex;justify-content:space-between;align-items:center;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,215,0,.2)}.stat-pill{background:#ffffff1a;padding:6px 14px;border-radius:20px;display:flex;align-items:center;gap:8px;font-weight:700;border:1px solid rgba(255,255,255,.1)}.cloud-icon{color:#4ecdc4;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.scene{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.start-scene .hero-visual{width:240px;height:240px;margin-bottom:20px;position:relative}.start-scene .hero-visual img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 20px rgba(255,215,0,.4))}.floating{animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.title{font-size:2.8rem;margin:0;background:linear-gradient(to bottom,#fff,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 4px 10px rgba(0,0,0,.5)}.card{width:280px;height:400px;padding:10px;border-radius:20px;position:relative;box-shadow:0 10px 30px #000c}.rarity-UR{background:var(--rarity-ur);border:3px solid #fff}.rarity-SSR{background:var(--rarity-ssr);border:3px solid var(--gold)}.rarity-SR{background:var(--rarity-sr);border:3px solid var(--silver)}.rarity-R{background:#444;border:3px solid #888}.card-inner{background:#000000b3;height:100%;border-radius:15px;display:flex;flex-direction:column;padding:15px}.card-header{display:flex;justify-content:space-between;margin-bottom:10px}.rarity-tag{font-weight:900;font-style:italic;font-size:1.2rem}.card-image{flex:1;background:#ffffff0d;border-radius:10px;margin-bottom:15px;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover}.card-stats{display:flex;justify-content:space-around;background:#ffffff1a;padding:8px;border-radius:10px}.summon-circle{width:200px;height:200px;filter:drop-shadow(0 0 30px #FFD700)}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;width:100%;max-height:60vh;overflow-y:auto;padding:10px}.grid-item{background:#ffffff0d;border-radius:12px;padding:10px;text-align:center;position:relative;transition:.3s}.grid-item.locked{opacity:.4;filter:grayscale(1)}.item-rarity{position:absolute;top:5px;left:5px;font-size:.6rem;padding:2px 6px;border-radius:4px;font-weight:700}.item-visual{font-size:2rem;margin:10px 0}.btn-main{background:var(--gold);color:#000;border:none;padding:12px 40px;border-radius:30px;font-weight:800;font-size:1.1rem;cursor:pointer;box-shadow:0 4px 15px #ffd7004d}.btn-gacha{background:linear-gradient(45deg,gold,orange);color:#000;border:none;padding:15px 50px;border-radius:40px;font-weight:900;font-size:1.2rem;display:flex;align-items:center;gap:12px;cursor:pointer;transition:.2s}.btn-gacha:active{transform:scale(.95)}.btn-gacha:disabled{opacity:.5;cursor:not-allowed}.footer-actions{padding:30px;display:flex;justify-content:center;background:linear-gradient(to top,rgba(0,0,0,.8),transparent)}.loading-screen{height:100vh;display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:var(--bg-dark)}