:root{--neon-cyan: #00f3ff;--neon-purple: #bc13fe;--neon-pink: #ff00ff;--bg-dark: #090a0f;--panel-bg: rgba(15, 20, 30, .85)}body{margin:0;background-color:var(--bg-dark);color:#fff;font-family:Consolas,Courier New,monospace;overflow:hidden;-webkit-user-select:none;user-select:none}.app-container{height:100vh;display:flex;flex-direction:column;background:linear-gradient(rgba(0,243,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,243,255,.03) 1px,transparent 1px);background-size:40px 40px}.top-bar{display:flex;justify-content:space-between;padding:10px 20px;background:#0009;border-bottom:1px solid rgba(0,243,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50}.cloud-sync{font-size:12px;color:var(--neon-cyan);display:flex;align-items:center;gap:6px;animation:pulse 2s infinite}.resource-bar{display:flex;gap:20px}.resource-item{display:flex;align-items:center;gap:8px;font-weight:700;text-shadow:0 0 10px currentColor}.main-content{flex:1;position:relative;overflow:hidden}.scene{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;padding:20px;overflow-y:auto}.start-scene{align-items:center;justify-content:center}.cover-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;opacity:.4;z-index:-2}.scanlines{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#fff0,#fff0 50%,#0003 50%,#0003);background-size:100% 4px;z-index:-1;pointer-events:none}.title-container{text-align:center;margin-bottom:60px}.cyber-title{font-size:4rem;font-weight:900;margin:0;color:#fff;text-shadow:3px 3px var(--neon-pink),-3px -3px var(--neon-cyan);letter-spacing:4px}.subtitle{color:var(--neon-cyan);letter-spacing:8px;margin-top:10px}.menu-buttons{display:flex;flex-direction:column;gap:20px;width:300px}.cyber-btn{padding:15px 20px;border:none;background:transparent;color:#fff;font-family:inherit;font-size:1.1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;clip-path:polygon(10% 0,100% 0,90% 100%,0 100%);transition:all .3s;position:relative}.cyber-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid;clip-path:polygon(10% 0,100% 0,90% 100%,0 100%)}.cyber-btn.primary{color:var(--neon-cyan)}.cyber-btn.primary:before{border-color:var(--neon-cyan);box-shadow:inset 0 0 20px #00f3ff33}.cyber-btn.primary:hover{background:#00f3ff33;text-shadow:0 0 10px var(--neon-cyan)}.cyber-btn.secondary{color:var(--neon-purple)}.cyber-btn.secondary:before{border-color:var(--neon-purple)}.cyber-btn.secondary:hover{background:#bc13fe33}.cyber-btn.accent{color:var(--neon-pink)}.cyber-btn.accent:before{border-color:var(--neon-pink)}.cyber-btn.accent:hover{background:#f0f3}.back-btn{align-self:flex-start;background:none;border:none;color:var(--neon-cyan);display:flex;align-items:center;cursor:pointer;font-family:inherit;margin-bottom:20px}.section-title{color:#fff;border-left:4px solid var(--neon-cyan);padding-left:10px;text-shadow:0 0 10px var(--neon-cyan)}.map-nodes{display:flex;justify-content:space-around;align-items:center;height:60%;position:relative}.map-path{position:absolute;width:100%;height:100%;z-index:-1}.map-node{display:flex;flex-direction:column;align-items:center;gap:15px;cursor:pointer;transition:transform .3s}.map-node.unlocked:hover{transform:scale(1.1)}.map-node.locked{opacity:.5;cursor:not-allowed}.node-icon{width:80px;height:80px;border-radius:50%;border:2px solid;display:flex;align-items:center;justify-content:center;background:var(--panel-bg);box-shadow:inset 0 0 20px #00000080}.battle-header{display:flex;justify-content:space-between;align-items:center}.hp-bar-container{width:60%;height:25px;background:#ffffff1a;border:1px solid #fff;position:relative;clip-path:polygon(0 0,95% 0,100% 100%,5% 100%)}.hp-bar-fill{height:100%;transition:width .3s ease-out}.hp-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-weight:700;text-shadow:1px 1px 2px #000}.battle-arena{flex:1;display:flex;justify-content:space-between;align-items:center;padding:0 10%;position:relative}.flying-core{position:absolute;pointer-events:none}.animate-spin-slow{animation:spin 10s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.cyber-terminal{background:var(--panel-bg);border:1px solid var(--neon-cyan);padding:15px;border-radius:8px;box-shadow:0 0 20px #00f3ff1a}.terminal-header{display:flex;justify-content:space-between;font-size:12px;color:var(--neon-cyan);margin-bottom:10px}.calc-display{background:#000;border:1px solid rgba(0,243,255,.5);padding:15px;text-align:right;font-size:24px;color:var(--neon-cyan);text-shadow:0 0 5px var(--neon-cyan);margin-bottom:15px;overflow:hidden}.calc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.calc-grid.mini-grid{grid-template-columns:repeat(4,1fr)}.calc-key{background:#ffffff0d;border:1px solid rgba(255,255,255,.2);color:#fff;padding:15px 0;font-size:18px;cursor:pointer;transition:.2s;font-family:inherit}.calc-key:hover{background:#00f3ff33;border-color:var(--neon-cyan)}.calc-key.operator{color:var(--neon-pink)}.calc-key.equals{background:#00f3ff33;color:var(--neon-cyan);grid-column:span 2}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;padding-bottom:40px}.cyber-card{background:var(--panel-bg);border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:15px;display:flex;flex-direction:column;gap:15px;transition:.3s}.cyber-card:hover{border-color:var(--neon-cyan);box-shadow:0 0 15px #00f3ff33;transform:translateY(-5px)}.cyber-card.locked{opacity:.5;filter:grayscale(1)}.card-image-container{height:150px;background:#000;border-radius:5px;display:flex;align-items:center;justify-content:center;overflow:hidden}.card-image-container img{width:100%;height:100%;object-fit:cover}.card-info{display:flex;justify-content:space-between;align-items:center}.card-name{margin:0;font-size:16px}.rarity-tag{padding:2px 6px;border-radius:4px;font-size:12px;font-weight:700}.rarity-tag.SSR{background:var(--neon-pink);color:#fff}.rarity-tag.SR{background:var(--neon-purple);color:#fff}.rarity-tag.R{background:var(--neon-cyan);color:#000}.card-stats-radar{height:100px;margin-top:auto}.gacha-layout{display:flex;gap:40px;height:100%;align-items:center}.gacha-wheel-container{flex:1;position:relative;display:flex;justify-content:center}.gacha-wheel{width:300px;height:300px}.wheel-pointer{position:absolute;top:-20px;font-size:30px;color:var(--neon-cyan);text-shadow:0 0 10px var(--neon-cyan)}.gacha-console{flex:1;display:flex;flex-direction:column;gap:20px}.history-panel{background:var(--panel-bg);border:1px solid rgba(255,255,255,.2);padding:15px;height:150px;overflow-y:auto}.history-panel h3{margin:0 0 10px;font-size:14px;display:flex;align-items:center;gap:5px;color:var(--neon-purple)}.history-panel ul{list-style:none;padding:0;margin:0;font-size:12px;color:#aaa}.history-panel li{margin-bottom:5px;border-bottom:1px dashed rgba(255,255,255,.1);padding-bottom:5px}