:root{--bg-main: #0D101B;--bg-gradient: linear-gradient(170deg, #101420 0%, #05070F 100%);--gold: #F7931A;--gold-light: #FFD700;--gold-dark: #C17600;--cyan: #00D4FF;--cyan-dark: #009DC4;--purple: #9D4EDD;--white: #F5F7FA;--muted: #8A9CB8;--dim: #4B5878;--green: #00FF88;--red: #FF3D3D;--panel-bg: rgba(20, 26, 41, .7);--card-bg: rgba(28, 36, 56, .5);--card-border: rgba(173, 216, 230, .1);--card-border-glow: rgba(0, 212, 255, .3);--card-border-gold: rgba(247, 147, 26, .7);--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--shadow-glow-gold: 0 0 20px rgba(247, 147, 26, .5);--shadow-glow-cyan: 0 0 20px rgba(0, 212, 255, .35);--shadow-glow-purple: 0 0 20px rgba(157, 78, 221, .4);--shadow-glow-green: 0 0 15px rgba(0, 255, 136, .3);--shadow-glow-red: 0 0 15px rgba(255, 61, 61, .3);--text-shadow-gold: 0 0 8px rgba(247, 147, 26, .6);--text-shadow-cyan: 0 0 8px rgba(0, 212, 255, .5);--transition-fast: .2s ease-in-out;--transition-med: .3s cubic-bezier(.25, .46, .45, .94)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden;background:var(--bg-main) url(../images/bg-main.png) center/cover no-repeat fixed;touch-action:manipulation;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--white);user-select:none;-webkit-user-select:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#pixi-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}#pixi-container canvas{display:block}#game-ui{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10;display:flex;flex-direction:column}#pixi-spacer{flex:1;pointer-events:none}#hud{pointer-events:auto;padding:calc(var(--safe-area-top) + 12px) 20px 10px;background:#0d101b80;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(0,212,255,.15);box-shadow:0 4px 30px #0000004d;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.hud-left{display:flex;flex-direction:column;gap:4px}.hud-coins{font-size:28px;font-weight:800;background:linear-gradient(135deg,var(--gold-light) 0%,var(--gold) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(var(--shadow-glow-gold));letter-spacing:.5px}.hud-sub{display:flex;gap:16px}.hud-stat{font-size:13px;color:var(--green);text-shadow:var(--shadow-glow-green);font-weight:600}.hud-combo{font-size:15px;font-weight:700;color:var(--cyan);background:#00d4ff1a;padding:6px 14px;border-radius:20px;border:1px solid rgba(0,212,255,.3);display:none;align-items:center;box-shadow:var(--shadow-glow-cyan)}#fx-badges{pointer-events:none;display:flex;justify-content:center;gap:8px;padding:6px 12px;flex-shrink:0;min-height:28px}.effect-pill{padding:5px 12px;border-radius:16px;font-size:12px;font-weight:700;white-space:nowrap;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);transition:all var(--transition-med)}.effect-golden{background:#ffd70026;color:var(--gold-light);border:1px solid rgba(255,215,0,.5);box-shadow:0 0 12px #ffd7004d}.effect-turbo{background:#f803;color:#f80;border:1px solid rgba(255,136,0,.5);box-shadow:0 0 12px #ff88004d}#screen-content{pointer-events:auto;flex:0 0 auto;max-height:48%;background:var(--panel-bg);border-top-left-radius:28px;border-top-right-radius:28px;border-top:1px solid var(--card-border-glow);padding:16px 14px 0;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 -10px 40px #00d4ff26;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);animation:slideUpEnter .5s var(--transition-med)}.screen-panel{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-right:4px}#tab-bar{pointer-events:auto;display:flex;background:#000c;border-top:1px solid rgba(255,255,255,.1);padding:0;padding-bottom:var(--safe-area-bottom);flex-shrink:0;box-shadow:0 -5px 30px #00000080;position:relative}#tab-bar:before{content:"";position:absolute;top:-1px;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:.6;pointer-events:none}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:8px 4px;cursor:pointer;transition:all var(--transition-fast);opacity:.6;position:relative;color:var(--muted)}.tab-item.active{opacity:1;color:var(--white);transform:translateY(-2px)}.tab-item.active .tab-label{color:var(--gold);font-weight:700}.tab-item.active .tab-icon{filter:drop-shadow(0 0 10px var(--gold));color:var(--gold)}.tab-item.active:after{content:"";position:absolute;bottom:0;left:20%;right:20%;height:3px;background:var(--gold);border-radius:3px;box-shadow:0 0 8px var(--gold);animation:shimmer .3s forwards}.tab-icon{font-size:20px;transition:all var(--transition-med)}.tab-label{font-size:11px;font-weight:500;transition:color var(--transition-fast)}.card{background:var(--card-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--card-border);border-radius:16px;padding:16px;margin-bottom:12px;transition:all var(--transition-med)}.card-locked{opacity:.6;background:#1c243833}.card-title{font-size:18px;font-weight:800;margin-bottom:12px}.card-title-cyan{color:var(--cyan);text-shadow:var(--text-shadow-cyan)}.card-title-purple{color:var(--purple);text-shadow:0 0 10px rgba(157,78,221,.5)}.card-subtitle{font-size:15px;font-weight:700;margin:14px 0 10px}.card-stat{font-size:14px;color:var(--muted);margin-bottom:4px}.card-stat-dim{font-size:13px;color:var(--dim);margin-bottom:8px}.card-stat-red{font-size:13px;color:var(--red);text-shadow:var(--shadow-glow-red)}.card-reward{font-size:14px;margin-bottom:8px;font-weight:600}.mini-chart{margin-bottom:8px;flex-shrink:0;border-radius:12px;background:#0d101b99;border:1px solid rgba(0,212,255,.15);overflow:hidden;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.mini-chart canvas{display:block;width:100%;height:64px}.action-bar{display:flex;gap:12px;margin-bottom:10px;flex-shrink:0}.act-btn{padding:14px 18px;border-radius:14px;font-size:15px;font-weight:700;text-align:center;cursor:pointer;transition:transform .1s,box-shadow var(--transition-fast);border:1px solid transparent;flex:1;background:transparent;color:var(--white);-webkit-backface-visibility:hidden;backface-visibility:hidden}.act-btn:active{transform:scale(.95);transition-duration:.05s}.act-btn-gold{background:linear-gradient(135deg,var(--gold-light),var(--gold));color:#000;box-shadow:var(--shadow-glow-gold)}.act-btn-purple{background:linear-gradient(135deg,#C17CFF,var(--purple));color:var(--white);box-shadow:var(--shadow-glow-purple)}.act-btn-purple-dim{border:1px solid var(--purple);color:var(--purple);opacity:.6;cursor:not-allowed}.act-btn-cyan{background:linear-gradient(135deg,#48E8FF,var(--cyan));color:#000;box-shadow:var(--shadow-glow-cyan)}.act-btn-blue{background:linear-gradient(135deg,#0090d4,#0077b6);color:var(--white);width:100%;margin-bottom:8px;box-shadow:0 0 15px #0090d466}.act-btn-red{background:linear-gradient(135deg,#ff5555,var(--red));color:var(--white);width:100%;box-shadow:var(--shadow-glow-red)}.gen-list{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-right:4px}.gen-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px;padding:12px;display:flex;align-items:center;gap:12px;margin-bottom:10px;transition:transform .1s,box-shadow var(--transition-med),border-color var(--transition-med);position:relative;overflow:hidden}.gen-card.afford{cursor:pointer;border-color:var(--card-border-gold);box-shadow:0 0 15px #f7931a33,inset 0 0 15px #f7931a1a;animation:shimmer-pulse 2s infinite}.gen-card.gen-unlocked{border-color:#00d4ff33}.gen-card.afford:active{transform:scale(.97);box-shadow:0 0 5px #f7931a66;transition-duration:.05s}.gen-card.gen-locked{opacity:.45;filter:grayscale(.8)}.gen-icon{width:48px;height:48px;background:#0003;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.gen-icon img{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 0 5px rgba(0,0,0,.5))}.gen-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.gen-name{font-size:15px;font-weight:700;white-space:nowrap}.gen-count{font-size:14px;font-weight:500;color:var(--muted);margin-left:6px}.gen-cps{font-size:13px;color:var(--cyan);font-weight:500}.gen-locked-text{font-size:12px;color:var(--dim)}.gen-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.gen-cost{font-size:14px;font-weight:700;color:var(--white)}.gen-cost-red{color:var(--red)}.gen-milestone{width:60px;height:6px;background:#ffffff14;border-radius:3px;overflow:hidden}.gen-milestone-fill{height:100%;background:var(--cyan);border-radius:3px;box-shadow:0 0 8px #00d4ff80;transition:width var(--transition-med)}.upg-section{margin-bottom:12px}.upg-cat-title{font-size:14px;font-weight:700;margin-bottom:8px;padding:0 4px}.cat-gold{color:var(--gold);text-shadow:var(--text-shadow-gold)}.cat-cyan{color:var(--cyan);text-shadow:var(--text-shadow-cyan)}.cat-purple{color:var(--purple);text-shadow:0 0 8px rgba(157,78,221,.5)}.upg-icon{font-size:28px;flex-shrink:0;width:40px;text-align:center}.upg-info{flex:1;min-width:0}.upg-name{font-size:14px;font-weight:700}.upg-desc{font-size:12px;color:var(--muted);margin-top:2px}.upg-cost{font-size:12px;margin-top:4px;font-weight:600}.upg-cost-green{color:var(--green);text-shadow:var(--shadow-glow-green)}.upg-cost-red{color:var(--red);text-shadow:var(--shadow-glow-red)}.upg-bought-row{display:flex;flex-wrap:wrap;gap:6px;padding:6px}.upg-chip{border-radius:8px;padding:4px 10px;font-size:12px;font-weight:600}.upg-chip.cat-gold{background:#f7931a1a;border:1px solid rgba(247,147,26,.3)}.upg-chip.cat-cyan{background:#00d4ff1a;border:1px solid rgba(0,212,255,.3)}.upg-chip.cat-purple{background:#9d4edd1a;border:1px solid rgba(157,78,221,.3)}.empty-msg{text-align:center;color:var(--dim);padding:30px;font-size:14px}.buff-row{display:flex;align-items:center;justify-content:space-between;padding:10px 4px;border-bottom:1px solid var(--card-border)}.buff-row:last-child{border-bottom:none}.buff-row.buff-bought{opacity:.5;text-decoration:line-through}.buff-info{flex:1;min-width:0;padding-right:10px}.buff-name{font-size:14px;font-weight:600}.buff-desc{font-size:12px;color:var(--muted)}.buff-btn{padding:6px 12px;border-radius:8px;font-size:12px;font-weight:700;background:#ffffff1a;color:var(--dim);border:none;cursor:default;transition:all var(--transition-fast)}.buff-btn.buff-can{background:var(--cyan);color:#000;cursor:pointer;box-shadow:var(--shadow-glow-cyan)}.buff-btn-purple.buff-can{background:var(--purple);color:var(--white);box-shadow:var(--shadow-glow-purple)}.ach-progress-title{font-size:15px;font-weight:700;margin-bottom:8px}.ach-progress-bar{height:8px;background:var(--card-border);border-radius:4px;overflow:hidden}.ach-progress-fill{height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-light));border-radius:4px;transition:width var(--transition-med);box-shadow:var(--shadow-glow-gold)}.ach-section{margin-bottom:12px}.ach-cat-title{font-size:14px;font-weight:700;color:var(--muted);margin-bottom:8px;padding:0 4px}.ach-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:10px 12px;margin-bottom:6px;opacity:.5;transition:all var(--transition-med)}.ach-card.ach-done{opacity:1;border-color:#f7931a66;background:#f7931a0d;box-shadow:inset 0 0 15px #f7931a1a}.ach-header{display:flex;justify-content:space-between;align-items:center}.ach-name{font-size:14px;font-weight:600}.ach-reward{font-size:12px;color:var(--gold);font-weight:600}.ach-desc{font-size:12px;color:var(--dim);margin-top:4px}.slider-row{display:flex;align-items:center;gap:12px;margin-bottom:16px}.slider-label{font-size:14px;min-width:45px;color:var(--muted)}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;height:6px;background:var(--dim);border-radius:3px;outline:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:var(--white);border-radius:50%;cursor:pointer;border:4px solid var(--cyan);box-shadow:0 0 5px var(--cyan)}.slider::-moz-range-thumb{width:12px;height:12px;background:var(--white);border-radius:50%;cursor:pointer;border:4px solid var(--cyan);box-shadow:0 0 5px var(--cyan)}.slider-val{font-size:13px;color:var(--white);min-width:32px;text-align:right;font-weight:600}.lang-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px}.lang-btn{padding:10px 6px;border-radius:10px;font-size:13px;font-weight:600;background:#ffffff0d;border:1px solid var(--card-border);color:var(--muted);cursor:pointer;transition:all var(--transition-fast);text-align:center}.lang-btn.lang-active{background:#00d4ff26;border-color:var(--cyan);color:var(--cyan);box-shadow:var(--shadow-glow-cyan)}.stats-list{display:flex;flex-direction:column;gap:8px}.stat-row{display:flex;justify-content:space-between;font-size:14px;color:var(--muted);line-height:1.6}.stat-row span:last-child{color:var(--white);font-weight:600}.text-gold{color:var(--gold)}.text-cyan{color:var(--cyan);text-shadow:var(--text-shadow-cyan)}.text-purple{color:var(--purple);text-shadow:0 0 5px rgba(157,78,221,.5)}.text-green{color:var(--green);text-shadow:var(--shadow-glow-green)}.text-red{color:var(--red);text-shadow:var(--shadow-glow-red)}.text-orange{color:#f80}.text-dim{color:var(--dim)}#toast{position:fixed;top:-100px;left:50%;transform:translate(-50%);background:#141e3cd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--gold);border-radius:16px;padding:12px 28px;z-index:100;font-size:15px;color:var(--gold-light);font-weight:700;transition:top .4s cubic-bezier(.2,.9,.3,1.3);white-space:nowrap;box-shadow:0 4px 24px #f7931a4d;pointer-events:none}#toast.show{top:calc(var(--safe-area-top) + 20px)}.modal-overlay,.offline-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:50;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeUp .3s both}.modal,.offline-panel{background:linear-gradient(160deg,#1e263de6,#0f1423e6);border-radius:20px;padding:24px;max-width:340px;width:100%}.modal{border:1px solid var(--cyan);box-shadow:0 0 40px #00d4ff33}.modal-title,.offline-title{text-align:center;font-size:20px;font-weight:800;margin-bottom:12px}.modal-title{color:var(--cyan);text-shadow:var(--text-shadow-cyan)}.modal-body{font-size:14px;color:var(--muted);line-height:1.6;margin-bottom:20px;text-align:center}.modal-detail{font-size:14px;line-height:1.6}.modal-btns,.offline-btns{display:flex;gap:12px}.modal-btn{flex:1;padding:14px 18px;border-radius:14px;font-size:15px;font-weight:700;text-align:center;cursor:pointer;border:none;color:var(--white);background:#ffffff1a;transition:all var(--transition-fast)}.modal-btn:active{transform:scale(.95)}.modal-btn:first-child:hover,.modal-btn:first-child:active{background:#00d4ff33}#golden-btn{position:fixed;top:50%;right:16px;transform:translateY(-50%) scale(1);width:60px;height:60px;border-radius:50%;background:radial-gradient(circle,#FFD700,var(--gold-dark));display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:15;animation:goldenPulse 2s infinite ease-in-out;box-shadow:0 0 25px #ffd700cc,0 0 50px #f7931a80,inset 0 0 12px #fff6;border:2px solid rgba(255,255,255,.3)}#golden-btn img{width:36px;height:36px}#golden-btn:after{content:"";position:absolute;top:-12px;left:-12px;right:-12px;bottom:-12px;border-radius:50%;border:3px solid rgba(255,215,0,.5);animation:goldenOra 2s infinite linear}.float-text{position:fixed;font-size:18px;font-weight:800;color:var(--gold-light);text-shadow:var(--text-shadow-gold);pointer-events:none;z-index:20;animation:floatUp 1s forwards ease-out}.offline-panel{border:1px solid var(--gold);text-align:center;box-shadow:0 0 40px #f7931a40}.offline-title{color:var(--gold-light);text-shadow:var(--text-shadow-gold)}.offline-time{font-size:15px;color:var(--muted);margin-bottom:8px}.offline-amount{font-size:28px;font-weight:900;background:linear-gradient(135deg,var(--gold-light),var(--gold));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 8px rgba(247,147,26,.5));margin:16px 0}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--dim);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--cyan)}@keyframes goldenPulse{0%,to{transform:translateY(-50%) scale(1)}50%{transform:translateY(-50%) scale(1.1)}}@keyframes goldenOra{0%{transform:scale(.8);opacity:1}to{transform:scale(1.8);opacity:0}}@keyframes fadeUp{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes floatUp{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-60px) scale(.8)}}@keyframes slideUpEnter{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes shimmer{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer-pulse{0%{box-shadow:0 0 15px #f7931a33,inset 0 0 15px #f7931a1a}50%{box-shadow:0 0 25px #f7931a66,inset 0 0 20px #f7931a33}to{box-shadow:0 0 15px #f7931a33,inset 0 0 15px #f7931a1a}}.ex-news-banner{background:linear-gradient(90deg,#f7931a26,#ffd7001a);border:1px solid rgba(247,147,26,.4);border-radius:12px;padding:10px 14px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center;animation:shimmer-pulse 2s infinite}.ex-news-text{font-size:13px;font-weight:600;color:var(--gold-light);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ex-news-timer{font-size:12px;color:var(--muted);margin-left:8px;flex-shrink:0}.ex-coin-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px;padding:12px;margin-bottom:10px;transition:all var(--transition-med)}.ex-coin-card.ex-locked{opacity:.5;filter:grayscale(.6)}.ex-coin-header{display:flex;align-items:center;gap:10px;margin-bottom:6px}.ex-coin-symbol{font-size:18px;font-weight:900;min-width:50px;text-shadow:0 0 8px currentColor}.ex-coin-info-row{flex:1;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ex-coin-name{font-size:13px;color:var(--muted);font-weight:500}.ex-coin-price{font-size:16px;font-weight:700;color:var(--white);margin-left:auto}.ex-coin-change{font-size:12px;font-weight:700;padding:2px 6px;border-radius:6px;min-width:52px;text-align:center}.ex-positive{color:var(--green);background:#00ff881a}.ex-negative{color:var(--red);background:#ff3d3d1a}.ex-chart-wrap{margin:6px 0;border-radius:8px;overflow:hidden;background:#0d101b66}.ex-chart-canvas{display:block;width:100%;height:40px}.ex-holdings-row{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--muted);padding:6px 0 4px;border-top:1px solid var(--card-border);margin-top:4px}.ex-trade-row{display:flex;gap:6px;margin-top:8px}.ex-trade-btn{flex:1;padding:8px 4px;border-radius:8px;font-size:12px;font-weight:700;border:none;cursor:pointer;transition:all var(--transition-fast);color:var(--white)}.ex-trade-btn:active{transform:scale(.95)}.ex-buy-btn{background:#0f83;border:1px solid rgba(0,255,136,.4);color:var(--green)}.ex-sell-btn{background:#ff3d3d33;border:1px solid rgba(255,61,61,.4);color:var(--red)}.ex-trade-btn.ex-disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.ex-locked-info{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.ex-locked-label{font-size:13px;color:var(--dim)}.ex-unlock-btn{padding:8px 16px;border-radius:10px;font-size:13px;font-weight:700;border:1px solid var(--dim);background:#ffffff0d;color:var(--dim);cursor:not-allowed;transition:all var(--transition-fast)}.ex-unlock-btn.ex-can-afford{background:linear-gradient(135deg,var(--gold-light),var(--gold));color:#000;border-color:var(--gold);cursor:pointer;box-shadow:var(--shadow-glow-gold)}.ex-unlock-btn.ex-can-afford:active{transform:scale(.95)}@media (max-width: 375px){.hud-coins{font-size:24px}.hud-stat{font-size:12px}.gen-card{padding:10px;gap:8px}.gen-icon{width:44px;height:44px}.gen-icon img{width:36px;height:36px}.gen-name{font-size:14px}}@media (prefers-reduced-motion: reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}