:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;background:#0a0a0a;color:#fafafa}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:1.5rem 1rem 3rem;background:radial-gradient(ellipse at 50% 0%,#1a1a2e,#0a0a0a 60%)}h1{margin:0 0 .25rem;font-size:2rem;font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,#ff6b6b,#ffd93d,#6bcb77,#4d96ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{margin:0 0 1rem;color:#ffffff73;font-size:.85rem}.stats-bar{display:flex;gap:1.25rem;margin-bottom:.75rem;font-size:.85rem;flex-wrap:wrap;justify-content:center}.stat{display:flex;align-items:center;gap:.35rem;color:#ffffffb3}.stat-value{font-weight:700;color:#ffd93d}.energy-val{color:#4caf50}.gitgatcha-val{color:#f5a623}.ancient-val{color:#f44}.energy-bar-container{width:100%;max-width:340px;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.energy-bar-bg{flex:1;height:8px;border-radius:4px;background:#ffffff14;overflow:hidden}.energy-bar-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,#4caf50,#8bc34a);transition:width .4s ease}.energy-label{font-size:.7rem;color:#fff6;white-space:nowrap}.energy-warning{color:#ff6b6b;font-size:.85rem;margin-bottom:1rem}.link-btn{background:none;border:none;color:#ffd93d;cursor:pointer;font-weight:700;text-decoration:underline;font-size:inherit}.sound-toggle{font-size:.75rem;color:#ffffff73;cursor:pointer;margin-bottom:.75rem;-webkit-user-select:none;user-select:none;transition:color .2s}.sound-toggle:hover{color:#ffffffb3}.stage{position:relative;width:340px;height:340px;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center}.stage-bg{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.04) 0%,transparent 70%);border:1px solid rgba(255,255,255,.06)}.pokeball-container{position:relative;z-index:2;cursor:pointer;transition:transform .15s}.pokeball-container:hover{transform:scale(1.08)}.pokeball-container:active{transform:scale(.95)}.pokeball-svg{width:120px;height:120px;filter:drop-shadow(0 8px 24px rgba(0,0,0,.5));transition:filter .2s}.pokeball-container:hover .pokeball-svg{filter:drop-shadow(0 8px 32px rgba(255,80,80,.4))}.pokeball-throw{animation:throwBall .8s cubic-bezier(.22,1,.36,1) forwards}@keyframes throwBall{0%{transform:scale(1) translateY(0) rotate(0);opacity:1}30%{transform:scale(.6) translateY(-180px) rotate(-360deg);opacity:1}50%{transform:scale(.4) translateY(-200px) rotate(-540deg);opacity:.8}70%{transform:scale(.8) translateY(20px) rotate(-720deg);opacity:1}85%{transform:scale(1) translateY(0) rotate(-800deg)}to{transform:scale(1) translateY(0) rotate(-720deg)}}.pokeball-shake{animation:shakeBall .5s ease-in-out}@keyframes shakeBall{0%,to{transform:rotate(0)}20%{transform:rotate(-25deg)}40%{transform:rotate(20deg)}60%{transform:rotate(-15deg)}80%{transform:rotate(10deg)}}.catch-burst{position:absolute;width:200px;height:200px;border-radius:50%;pointer-events:none;z-index:5;animation:burst .6s ease-out forwards}@keyframes burst{0%{transform:scale(0);opacity:.8}to{transform:scale(2.5);opacity:0}}.ball-selector{display:flex;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap;justify-content:center}.ball-option{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.6rem 1rem;border-radius:.75rem;border:2px solid rgba(255,255,255,.1);background:#ffffff08;cursor:pointer;transition:all .2s;color:#fff9;font-size:.75rem}.ball-option:hover{border-color:#ffffff40;background:#ffffff0f}.ball-option.selected{border-color:#ffd93d;background:#ffd93d14;color:#ffd93d}.ball-option.disabled{opacity:.35;cursor:not-allowed}.ball-icon{font-size:1.5rem}.ball-cost{font-size:.7rem;opacity:.7}.result-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .3s}.result-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.result-card{position:relative;z-index:101;padding:2rem 2.5rem;border-radius:1.25rem;text-align:center;animation:popIn .4s cubic-bezier(.34,1.56,.64,1);min-width:280px;max-width:360px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.result-card.common{background:linear-gradient(135deg,#2a2a3a,#1a1a2a);border:2px solid #555}.result-card.uncommon{background:linear-gradient(135deg,#1a3a2a,#0a2a1a);border:2px solid #4caf50}.result-card.rare{background:linear-gradient(135deg,#1a2a4a,#0a1a3a);border:2px solid #42a5f5}.result-card.epic{background:linear-gradient(135deg,#3a1a4a,#2a0a3a);border:2px solid #ab47bc}.result-card.legendary{background:linear-gradient(135deg,#4a3a1a,#3a2a0a);border:2px solid #ffd93d;box-shadow:0 0 40px #ffd93d4d}.result-card.ancient{background:linear-gradient(135deg,#3a0a0a,#1a0a0a,#0a0a1a);border:2px solid #ff4444;box-shadow:0 0 60px #f446,0 0 120px #ff444426,inset 0 0 40px #ff44440d;animation:popIn .4s cubic-bezier(.34,1.56,.64,1),ancientGlow 2s ease-in-out infinite}@keyframes ancientGlow{0%,to{box-shadow:0 0 60px #f446,0 0 120px #ff444426}50%{box-shadow:0 0 80px #f449,0 0 160px #ff444440}}.result-emoji{font-size:5rem;margin-bottom:.5rem;animation:bounce .6s ease infinite alternate}.result-card.ancient .result-emoji{font-size:6rem;animation:ancientPulse 1.5s ease infinite}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-10px)}}@keyframes ancientPulse{0%,to{transform:scale(1) translateY(0);filter:drop-shadow(0 0 20px rgba(255,68,68,.5))}50%{transform:scale(1.1) translateY(-8px);filter:drop-shadow(0 0 40px rgba(255,68,68,.8))}}.result-name{font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.result-card.ancient .result-name{font-size:1.8rem;background:linear-gradient(135deg,#f44,#f84,#f44);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:ancientText 3s linear infinite;background-size:200% 100%}@keyframes ancientText{0%{background-position:0% 50%}to{background-position:200% 50%}}.result-rarity{font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;font-weight:600;margin-bottom:.75rem}.rarity-common{color:#999}.rarity-uncommon{color:#4caf50}.rarity-rare{color:#42a5f5}.rarity-epic{color:#ab47bc}.rarity-legendary{color:#ffd93d}.rarity-ancient{color:#f44}.result-types{display:flex;flex-direction:column;align-items:center;gap:.35rem;margin-bottom:.5rem}.type-badge-wrapper{display:flex;flex-direction:column;align-items:center;gap:.2rem}.result-type{display:inline-block;padding:.15rem .6rem;border-radius:1rem;font-size:.7rem;font-weight:600;margin:0 .15rem;color:#fff}.type-effectiveness{display:flex;align-items:center;gap:.3rem;font-size:.6rem;color:#ffffff80}.eff-strong{display:flex;align-items:center;gap:.15rem}.eff-mini{display:inline-block;width:16px;height:16px;border-radius:50%;font-size:8px;line-height:16px;text-align:center}.result-cp{margin-top:.75rem;font-size:1.1rem;font-weight:700;color:#fffc}.result-lore{margin-top:.5rem;font-size:.75rem;font-style:italic;color:#ffffff80;line-height:1.4}.result-new{display:inline-block;margin-top:.5rem;padding:.2rem .7rem;border-radius:1rem;font-size:.7rem;font-weight:700;background:#ff6b6b;color:#fff;animation:pulse 1s ease infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.result-close{margin-top:1.25rem;padding:.6rem 2rem;border-radius:2rem;border:none;background:#ffffff1f;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s}.result-close:hover{background:#fff3}.tabs{display:flex;gap:0;margin-bottom:1.25rem;border-radius:.75rem;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.tab-btn{padding:.5rem 1rem;border:none;background:transparent;color:#ffffff80;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s}.tab-btn:hover{color:#fffc;background:#ffffff0a}.tab-btn.active{color:#ffd93d;background:#ffd93d1a}.collection-panel{width:100%;max-width:600px}.collection-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.collection-count{font-size:.85rem;color:#ffffff80}.type-toggle{font-size:.75rem;color:#ffffff80;cursor:pointer;display:flex;align-items:center;gap:.3rem}.type-toggle input{accent-color:#ffd93d}.filter-row{display:flex;gap:.4rem;margin-bottom:1rem;flex-wrap:wrap}.filter-btn{padding:.3rem .7rem;border-radius:1rem;border:1px solid rgba(255,255,255,.12);background:transparent;color:#ffffff80;font-size:.75rem;cursor:pointer;transition:all .2s}.filter-btn:hover{border-color:#ffffff40}.filter-btn.active{border-color:#ffd93d;color:#ffd93d;background:#ffd93d14}.collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:.6rem}.pokemon-cell{display:flex;flex-direction:column;align-items:center;padding:.6rem .3rem;border-radius:.75rem;border:1px solid rgba(255,255,255,.08);background:#ffffff05;cursor:default;transition:all .2s;position:relative}.pokemon-cell.owned{border-color:#ffffff26;background:#ffffff0a}.pokemon-cell.owned:hover{transform:translateY(-2px);border-color:#ffffff4d}.pokemon-cell.unowned{opacity:.3}.pokemon-cell.ancient-cell{border-color:#ff44444d;background:#ff44440a;animation:cellGlow 3s ease-in-out infinite}@keyframes cellGlow{0%,to{box-shadow:0 0 #f440}50%{box-shadow:0 0 12px #ff444426}}.cell-emoji{font-size:2rem;margin-bottom:.2rem}.cell-name{font-size:.65rem;color:#fff9;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.cell-rarity-dot{position:absolute;top:4px;right:4px;width:6px;height:6px;border-radius:50%}.cell-count{position:absolute;top:2px;left:4px;font-size:.55rem;font-weight:700;color:#ffffff80}.cell-types{display:flex;gap:2px;margin-top:.15rem}.cell-type-dot{width:8px;height:8px;border-radius:50%}.cell-lore{font-size:.7rem;cursor:help;margin-top:.1rem}.stats-panel{width:100%;max-width:600px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.5rem}.stats-card{padding:1rem;border-radius:.75rem;border:1px solid rgba(255,255,255,.08);background:#ffffff05}.stats-card-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:#fff6;margin-bottom:.25rem}.stats-card-value{font-size:1.4rem;font-weight:700}.rarity-breakdown{display:flex;flex-direction:column;gap:.5rem}.rarity-row{display:flex;align-items:center;gap:.75rem}.rarity-label{width:80px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.rarity-bar-bg{flex:1;height:8px;border-radius:4px;background:#ffffff0f;overflow:hidden}.rarity-bar-fill{height:100%;border-radius:4px;transition:width .4s ease}.rarity-count{width:40px;text-align:right;font-size:.8rem;font-weight:600;color:#fff9}.earn-btn{margin-top:.5rem;padding:.5rem 1.25rem;border-radius:2rem;border:1px solid rgba(255,217,61,.3);background:#ffd93d14;color:#ffd93d;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s}.earn-btn:hover{background:#ffd93d26;border-color:#ffd93d80}.sparkle{position:absolute;width:4px;height:4px;border-radius:50%;animation:sparkleAnim .8s ease-out forwards}@keyframes sparkleAnim{0%{transform:scale(0) translateY(0);opacity:1}to{transform:scale(1) translateY(-60px);opacity:0}}.arena-panel{width:100%;max-width:600px}.arena-header{text-align:center;margin-bottom:1.25rem}.arena-title{font-size:1.5rem;font-weight:800;margin:0 0 .25rem;background:linear-gradient(135deg,#ff6b6b,#ff9800);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.arena-subtitle{font-size:.85rem;color:#ffffff73;margin:0 0 .5rem}.arena-record{display:flex;gap:1rem;justify-content:center;font-size:.85rem;font-weight:700}.arena-win{color:#4caf50}.arena-loss{color:#f44336}.arena-empty{text-align:center;color:#fff6;font-size:.9rem;margin-top:2rem}.arena-roster{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.6rem}.arena-pick{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.75rem .4rem;border-radius:.75rem;border:1px solid rgba(255,255,255,.1);background:#ffffff08;cursor:pointer;transition:all .2s}.arena-pick:hover{border-color:#ff6b6b;background:#ff6b6b14;transform:translateY(-2px)}.arena-pick-emoji{font-size:2.2rem}.arena-pick-name{font-size:.7rem;font-weight:600;color:#fffc}.arena-pick-cp{font-size:.65rem;color:#ffd93d;font-weight:700}.arena-pick-level{font-size:.65rem;font-weight:700}.ult-badge{display:inline-block;padding:.1rem .35rem;border-radius:.3rem;font-size:.5rem;font-weight:800;background:linear-gradient(135deg,#ff6b6b,#ff9800);color:#fff;letter-spacing:.05em;animation:pulse 1.5s ease infinite}.arena-pick-types{display:flex;gap:2px;margin-top:.15rem}.arena-type-dot{width:8px;height:8px;border-radius:50%}.battle-screen{width:100%}.battle-field{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.battle-side{display:flex;flex-direction:column;align-items:center;padding:1rem;border-radius:.75rem;border:1px solid rgba(255,255,255,.08);background:#ffffff05}.opponent-side{border-color:#f4433633;background:#f4433608}.player-side{border-color:#4caf5033;background:#4caf5008}.battle-name{font-size:1rem;font-weight:700;margin-bottom:.35rem}.battle-types{display:flex;gap:.3rem;margin-top:.35rem}.battle-vs{text-align:center;font-size:1.2rem;font-weight:800;color:#ffffff4d;letter-spacing:.2em}.hp-bar-wrap{display:flex;align-items:center;gap:.5rem;width:100%;max-width:280px}.hp-label{font-size:.65rem;color:#ffffff80;width:32px;text-align:right}.hp-bar-bg{flex:1;height:10px;border-radius:5px;background:#ffffff14;overflow:hidden}.hp-bar-fill{height:100%;border-radius:5px;transition:width .4s ease}.hp-text{font-size:.65rem;font-weight:700;color:#fff9;width:55px}.battle-log{max-height:140px;overflow-y:auto;padding:.75rem 1rem;border-radius:.75rem;border:1px solid rgba(255,255,255,.06);background:#ffffff05;margin-bottom:1rem}.battle-log-line{font-size:.8rem;color:#ffffff80;padding:.15rem 0;line-height:1.5}.battle-log-line.latest{color:#ffd93d;font-weight:600}.battle-attack-btn{width:100%;padding:.75rem;border-radius:.75rem;border:1px solid rgba(255,107,107,.4);background:linear-gradient(135deg,#ff6b6b26,#ff98001a);color:#ff6b6b;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .2s}.battle-attack-btn:hover{background:linear-gradient(135deg,#ff6b6b40,#ff980033);border-color:#ff6b6b99}.battle-waiting{text-align:center;color:#fff6;font-size:.9rem;padding:.75rem;animation:pulse 1s ease infinite}.battle-result-actions{text-align:center}.battle-result-text{font-size:1.3rem;font-weight:800;margin-bottom:1rem}.battle-result-text.win{color:#4caf50}.battle-result-text.lose{color:#f44336}.skill-name-popup{text-align:center;font-size:1.1rem;font-weight:800;color:#ffd93d;padding:.5rem 1rem;margin-bottom:.5rem;border-radius:.5rem;background:#ffd93d1a;border:1px solid rgba(255,217,61,.3);animation:skillPopIn .3s cubic-bezier(.34,1.56,.64,1);text-shadow:0 0 10px rgba(255,217,61,.5);letter-spacing:.05em}.skill-name-popup.ultimate{color:#ff6b6b;background:linear-gradient(135deg,#ff444426,#ff98001a);border-color:#ff444480;text-shadow:0 0 15px rgba(255,68,68,.7);font-size:1.3rem;animation:skillPopIn .3s cubic-bezier(.34,1.56,.64,1),ultimateGlow .6s ease-in-out infinite alternate}@keyframes skillPopIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes ultimateGlow{0%{box-shadow:0 0 10px #ff44444d}to{box-shadow:0 0 25px #f449}}.attacking-side{border-color:#ffd93d4d!important;background:#ffd93d0a!important}.attack-lunge-right{position:relative;animation:lungeRight .5s cubic-bezier(.22,1,.36,1)}.attack-lunge-right-ultimate{position:relative;animation:lungeRightUlt .6s cubic-bezier(.22,1,.36,1)}.attack-lunge-left{position:relative;animation:lungeLeft .5s cubic-bezier(.22,1,.36,1)}.attack-lunge-left-ultimate{position:relative;animation:lungeLeftUlt .6s cubic-bezier(.22,1,.36,1)}.hit-shake{animation:hitShake .5s ease-in-out}.hit-shake-ultimate{animation:hitShakeUlt .6s ease-in-out}.hit-effect{position:absolute;top:-10px;right:-10px;font-size:2rem;animation:hitBurst .5s ease-out forwards;pointer-events:none;filter:drop-shadow(0 0 8px rgba(255,200,0,.6))}.ultimate-hit{font-size:2.5rem;top:-20px;right:-25px;animation:hitBurstUlt .7s ease-out forwards;filter:drop-shadow(0 0 15px rgba(255,100,0,.8))}@keyframes lungeRight{0%{transform:translate(0) scale(1)}30%{transform:translate(40px) scale(1.15)}50%{transform:translate(50px) scale(1.2)}to{transform:translate(0) scale(1)}}@keyframes lungeRightUlt{0%{transform:translate(0) scale(1);filter:brightness(1)}20%{transform:translate(20px) scale(1.1);filter:brightness(1.3)}40%{transform:translate(70px) scale(1.35);filter:brightness(1.8)}60%{transform:translate(60px) scale(1.25);filter:brightness(1.5)}to{transform:translate(0) scale(1);filter:brightness(1)}}@keyframes lungeLeft{0%{transform:translate(0) scale(1)}30%{transform:translate(-40px) scale(1.15)}50%{transform:translate(-50px) scale(1.2)}to{transform:translate(0) scale(1)}}@keyframes lungeLeftUlt{0%{transform:translate(0) scale(1);filter:brightness(1)}20%{transform:translate(-20px) scale(1.1);filter:brightness(1.3)}40%{transform:translate(-70px) scale(1.35);filter:brightness(1.8)}60%{transform:translate(-60px) scale(1.25);filter:brightness(1.5)}to{transform:translate(0) scale(1);filter:brightness(1)}}@keyframes hitShake{0%,to{transform:translate(0)}10%{transform:translate(-12px)}20%{transform:translate(10px)}30%{transform:translate(-8px)}40%{transform:translate(6px)}50%{transform:translate(-4px)}60%{transform:translate(2px)}}@keyframes hitShakeUlt{0%,to{transform:translate(0);filter:brightness(1)}10%{transform:translate(-18px);filter:brightness(2)}20%{transform:translate(15px);filter:brightness(1.5)}30%{transform:translate(-12px);filter:brightness(2)}40%{transform:translate(10px);filter:brightness(1.3)}50%{transform:translate(-6px);filter:brightness(1.8)}60%{transform:translate(4px);filter:brightness(1.2)}70%{transform:translate(-2px);filter:brightness(1)}}@keyframes hitBurst{0%{transform:scale(0);opacity:1}50%{transform:scale(1.5);opacity:1}to{transform:scale(.5);opacity:0}}@keyframes hitBurstUlt{0%{transform:scale(0) rotate(0);opacity:1}30%{transform:scale(2.5) rotate(10deg);opacity:1}60%{transform:scale(2) rotate(-5deg);opacity:.8}to{transform:scale(.5) rotate(0);opacity:0}}.battle-emoji{position:relative;font-size:3.5rem;margin-bottom:.25rem}.screen-flash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;pointer-events:none;animation:flashFade .4s ease-out forwards;border-radius:.75rem}@keyframes flashFade{0%{opacity:1}to{opacity:0}}.damage-number{position:absolute;z-index:60;font-weight:900;font-size:2rem;color:#f44;text-shadow:0 2px 8px rgba(255,68,68,.6),0 0 20px rgba(255,68,68,.3);pointer-events:none;animation:dmgFloat 1.2s ease-out forwards;display:flex;flex-direction:column;align-items:center;gap:.15rem}.damage-ultimate{font-size:2.8rem;color:#ff6b00;text-shadow:0 2px 12px rgba(255,107,0,.8),0 0 30px rgba(255,107,0,.5);animation:dmgFloatUlt 1.2s ease-out forwards}.damage-super{color:gold;text-shadow:0 2px 10px rgba(255,215,0,.7),0 0 25px rgba(255,215,0,.4)}.eff-label,.ult-label{font-size:.65rem;font-weight:700;letter-spacing:.1em;padding:.1rem .4rem;border-radius:.5rem}.eff-label{background:#ffd70040;color:gold}.ult-label{background:#ff6b004d;color:#ff8c00;animation:pulse .5s ease infinite}@keyframes dmgFloat{0%{transform:translateY(0) scale(.5);opacity:0}15%{transform:translateY(-20px) scale(1.2);opacity:1}30%{transform:translateY(-35px) scale(1);opacity:1}to{transform:translateY(-100px) scale(.8);opacity:0}}@keyframes dmgFloatUlt{0%{transform:translateY(0) scale(.3) rotate(-10deg);opacity:0}10%{transform:translateY(-15px) scale(1.5) rotate(5deg);opacity:1}25%{transform:translateY(-30px) scale(1.1) rotate(-3deg);opacity:1}40%{transform:translateY(-45px) scale(1) rotate(0);opacity:1}to{transform:translateY(-120px) scale(.7);opacity:0}}.gitgatcha-panel{width:100%;max-width:480px}.gitgatcha-header{text-align:center;margin-bottom:1.5rem}.gitgatcha-logo{font-size:1.5rem;font-weight:800;margin-bottom:.5rem;background:linear-gradient(135deg,#f5a623,#ffd93d,#f5a623);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gitgatcha-desc{font-size:.85rem;color:#ffffff80}.gg-balance{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-radius:.75rem;border:1px solid rgba(245,166,35,.2);background:#f5a6230d;margin-bottom:1rem}.gg-balance-label{font-size:.85rem;color:#fff9}.gg-balance-value{font-size:1.3rem;font-weight:700;color:#f5a623}.gg-connect-btn{width:100%;padding:.75rem;border-radius:.75rem;border:1px solid rgba(245,166,35,.4);background:linear-gradient(135deg,#f5a62326,#ffd93d1a);color:#ffd93d;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .2s;margin-bottom:1.5rem}.gg-connect-btn:hover{background:linear-gradient(135deg,#f5a62340,#ffd93d26);border-color:#f5a62399}.gg-section-title{font-size:.9rem;color:#fff9;margin:0 0 .75rem}.gg-packs{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.gg-pack-card{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:.75rem;border:1px solid rgba(255,255,255,.08);background:#ffffff05;transition:all .2s}.gg-pack-card:hover{border-color:#ffffff26;background:#ffffff0a}.gg-pack-emoji{font-size:1.8rem}.gg-pack-info{flex:1}.gg-pack-name{font-size:.85rem;font-weight:600}.gg-pack-tokens{font-size:.75rem;color:#4caf50}.gg-pack-price{font-size:.7rem;color:#fff6}.gg-buy-btn{padding:.4rem 1rem;border-radius:1rem;border:1px solid rgba(245,166,35,.3);background:#f5a6231a;color:#f5a623;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s}.gg-buy-btn:hover:not(:disabled){background:#f5a62333;border-color:#f5a62380}.gg-buy-btn:disabled{opacity:.35;cursor:not-allowed}.gg-info{padding:1rem 1.25rem;border-radius:.75rem;border:1px solid rgba(255,255,255,.06);background:#ffffff05}.gg-info h4{margin:0 0 .5rem;font-size:.85rem;color:#fff9}.gg-info ul{margin:0;padding-left:1.25rem;font-size:.8rem;color:#ffffff73;line-height:1.6}.gg-info li{margin-bottom:.25rem}.gg-info strong{color:#ffffffb3}.coin-topup-card{border-color:#ffd93d1a;background:#ffd93d05}.coin-topup-card:hover{border-color:#ffd93d40;background:#ffd93d0d}.coin-badge{display:inline-block;margin-left:.4rem;padding:.1rem .45rem;border-radius:1rem;font-size:.6rem;font-weight:700;background:linear-gradient(135deg,#ff6b6b,#ff9800);color:#fff;vertical-align:middle;letter-spacing:.03em}.coin-buy-btn{border-color:#ffd93d66;background:linear-gradient(135deg,#ffd93d26,#f5a6231a);color:#ffd93d;font-weight:700;min-width:56px}.coin-buy-btn:hover{background:linear-gradient(135deg,#ffd93d40,#f5a62333);border-color:#ffd93d99}.coming-soon-box{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.5rem;border-radius:.75rem;border:1px dashed rgba(255,255,255,.12);background:#ffffff05;text-align:center;gap:.5rem}.coming-soon-icon{font-size:2rem;opacity:.6}.coming-soon-title{font-size:1rem;font-weight:700;color:#ffffff80}.coming-soon-desc{font-size:.75rem;color:#ffffff4d}.leaderboard-panel{width:100%;max-width:480px}.lb-entry{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:.75rem;border:1px solid rgba(255,255,255,.08);background:#ffffff05;transition:all .2s}.lb-entry.you{border-color:#ffd93d66;background:#ffd93d0d}.lb-rank{width:2rem;text-align:center;font-weight:800;font-size:1rem}.lb-rank.gold{color:#ffd93d}.lb-rank.silver{color:silver}.lb-rank.bronze{color:#cd7f32}@media(max-width:480px){.stage{width:280px;height:280px}.collection-grid{grid-template-columns:repeat(auto-fill,minmax(75px,1fr))}.arena-roster{grid-template-columns:repeat(auto-fill,minmax(85px,1fr))}.stats-grid{grid-template-columns:1fr}.tabs{flex-wrap:wrap}.tab-btn{padding:.4rem .7rem;font-size:.7rem}}