:root{--bg-primary: #0a0e1a;--bg-secondary: #151830;--bg-card: #1a1f3a;--text-primary: #e8ecf4;--text-secondary: #8899bb;--accent-fire: #ff6b35;--accent-ice: #44bbff;--accent-water: #44ddaa;--accent-dark: #aa66ff;--accent-thunder: #ffdd44;--accent-earth: #cc9944;--gold: #ffd700;--diamond: #66ccff;--rarity-ssr: #ff6b35;--rarity-sr: #aa66ff;--rarity-r: #44bbff;--border-radius: 12px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;-webkit-font-smoothing:antialiased}#app{max-width:480px;margin:0 auto;min-height:100vh;position:relative;background:var(--bg-primary);overflow:hidden}button{cursor:pointer;border:none;outline:none;font-family:inherit;transition:transform .1s,box-shadow .2s}button:active{transform:scale(.95)}input{outline:none;font-family:inherit}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#8899bb4d;border-radius:2px}