:root{--base-size:60px;--tier-iron-border:#3f3f46;--tier-iron-bg:linear-gradient(145deg, #27272a, #18181b);--tier-iron-glow:rgba(0, 0, 0, 0.5);--tier-steel-border:#10b981;--tier-steel-bg:linear-gradient(135deg, #064e3b 0%, #065f46 50%, #047857 100%);--tier-steel-glow:rgba(16, 185, 129, 0.3);--tier-mithril-border:#60a5fa;--tier-mithril-bg:linear-gradient(180deg, #1e3a8a 0%, #2563eb 100%);--tier-mithril-glow:rgba(59, 130, 246, 0.6);--tier-adamant-border:#d8b4fe;--tier-adamant-bg:radial-gradient(circle at center, #581c87 0%, #3b0764 120%);--tier-adamant-glow:rgba(192, 132, 252, 0.6);--tier-ether-border:#fffbeb;--tier-ether-bg:linear-gradient(135deg, #b45309 0%, #f59e0b 40%, #fcd34d 60%, #fffbeb 100%);--tier-ether-glow:rgba(251, 191, 36, 0.9);--type-chrono-border:#06b6d4;--type-chrono-bg:linear-gradient(180deg, #083344 0%, #0e7490 100%);--type-chrono-glow:rgba(6, 182, 212, 0.6);--type-volcanic-border:#f97316;--type-volcanic-bg:radial-gradient(circle at center, #7c2d12 0%, #431407 120%);--type-volcanic-glow:rgba(249, 115, 22, 0.5);--type-void-border:#818cf8;--type-void-bg:linear-gradient(135deg, #1e1b4b 0%, #312e81 100%);--type-void-glow:rgba(129, 140, 248, 0.7);--type-zenith-border:#e2e8f0;--type-zenith-bg:linear-gradient(135deg, #94a3b8 0%, #f1f5f9 50%, #94a3b8 100%);--type-zenith-glow:rgba(255, 255, 255, 0.4)}.trophy-grid{display:flex;flex-wrap:wrap;gap:16px;margin-top:12px;padding:20px}.hex-badge.gym-badge--chrono{background:var(--type-chrono-border);--glow-color:var(--type-chrono-glow)}.hex-badge.gym-badge--chrono::before{background:var(--type-chrono-bg);background-image:linear-gradient(90deg,transparent 45%,rgba(255,255,255,.1) 50%,transparent 55%);background-size:200% 100%;animation:scan-line 2s linear infinite}.hex-badge.gym-badge--volcanic{background:var(--type-volcanic-border);--glow-color:var(--type-volcanic-glow)}.hex-badge.gym-badge--volcanic::before{background:var(--type-volcanic-bg);box-shadow:inset 0 0 15px #ea580c;animation:ember-flicker 3s ease-in-out infinite alternate}.hex-badge.gym-badge--void{background:var(--type-void-border);--glow-color:var(--type-void-glow)}.hex-badge.gym-badge--void::before{background:var(--type-void-bg)}.hex-badge.gym-badge--void .hex-content{animation:glitch-drift 4s infinite linear;filter:drop-shadow(2px 0px 0px #ef4444) drop-shadow(-2px 0px 0px #06b6d4)}.hex-badge.gym-badge--zenith{background:var(--type-zenith-border);--glow-color:var(--type-zenith-glow);animation:float-badge 4s ease-in-out infinite}.hex-badge.gym-badge--zenith::before{background:var(--type-zenith-bg)}.hex-badge.gym-badge--zenith::after{content:'✦';position:absolute;top:5px;right:5px;font-size:10px;color:#fff;z-index:15;animation:rotate-star 5s linear infinite}@keyframes scan-line{0%{background-position:200% 0}100%{background-position:-200% 0}}@keyframes ember-flicker{0%,100%{opacity:1;filter:brightness(1)}50%{opacity:.8;filter:brightness(1.4)}}@keyframes glitch-drift{0%{transform:translate(0)}20%{transform:translate(-1px,1px)}40%{transform:translate(-1px,-1px)}60%{transform:translate(1px,1px)}80%{transform:translate(1px,-1px)}100%{transform:translate(0)}}@keyframes rotate-star{from{transform:rotate(0);opacity:.5}50%{opacity:1}to{transform:rotate(360deg);opacity:.5}}.hex-badge.gym-badge--glitch{background:#818cf8;--glow-color:rgba(129, 140, 248, 0.8);animation:glitch-vibration .3s infinite alternate-reverse}.hex-badge.gym-badge--glitch::before{background:linear-gradient(135deg,#1e1b4b 0,#312e81 100%);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3%3Cfilter id='n'%3%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.1'/%3E%3C/svg%3E")}.hex-badge.gym-badge--glitch .hex-content{text-shadow:2px 0 #ff00c1,-2px 0 #00fff9;animation:glitch-text 2s infinite}@keyframes glitch-vibration{0%{transform:translate(0)}25%{transform:translate(1px,-1px)}50%{transform:translate(-1px,1px)}100%{transform:translate(0)}}@keyframes glitch-text{0%{clip-path:inset(10% 0 30% 0)}5%{clip-path:inset(40% 0 10% 0)}10%{clip-path:inset(10% 0 30% 0)}100%{clip-path:inset(10% 0 30% 0)}}.hex-badge.gym-badge--singularity{background:#fff;--glow-color:rgba(255, 255, 255, 0.8);animation:singularity-wobble 2s ease-in-out infinite}.hex-badge.gym-badge--singularity::before{background:#000;box-shadow:inset 0 0 15px rgba(255,255,255,.5)}.hex-badge.gym-badge--singularity::after{content:'';position:absolute;inset:-2px;background:conic-gradient(from 0deg,transparent 0,#fff 25%,transparent 50%,#fff 75%,transparent 100%);animation:rotate-horizon 1.5s linear infinite;z-index:-1;filter:blur(2px)}.hex-badge.gym-badge--singularity .hex-content{color:#fff;font-weight:900;text-shadow:0 0 10px #fff,0 0 20px #fff;filter:drop-shadow(0 0 5px #000)}@keyframes rotate-horizon{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes singularity-wobble{0%,100%{transform:scale(1);filter:drop-shadow(0 0 10px var(--glow-color))}50%{transform:scale(1.08);filter:drop-shadow(0 0 25px var(--glow-color))}}.hex-badge{position:relative;width:calc(var(--base-size) * .866);height:var(--base-size);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .4s cubic-bezier(.175, .885, .32, 1.275);margin-bottom:6px;background:var(--tier-iron-border);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);filter:grayscale(1) brightness(.5);opacity:.5}.hex-badge::before{content:'';position:absolute;inset:2px;background:var(--tier-iron-bg);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);z-index:1;transition:background .3s ease}.hex-content{position:relative;z-index:10;font-size:calc(var(--base-size) * .4);line-height:1;color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8));transition:transform .3s ease}.hex-badge.unlocked{filter:grayscale(0) brightness(1);opacity:1;filter:drop-shadow(0 0 5px var(--glow-color))}.hex-badge.unlocked:hover{transform:translateY(-8px) scale(1.15);z-index:50;filter:drop-shadow(0 0 15px var(--glow-color)) brightness(1.2)}.hex-badge.unlocked:hover .hex-content{transform:scale(1.1)}.hex-badge.gym-badge--iron{background:var(--tier-iron-border);--glow-color:var(--tier-iron-glow)}.hex-badge.gym-badge--iron::before{background:var(--tier-iron-bg);background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.02) 0,transparent 1px,transparent 10px)}.hex-badge.gym-badge--steel{background:var(--tier-steel-border);--glow-color:var(--tier-steel-glow)}.hex-badge.gym-badge--steel::before{background:var(--tier-steel-bg);box-shadow:inset 0 0 10px rgba(0,0,0,.5)}.hex-badge.gym-badge--mithril{background:var(--tier-mithril-border);--glow-color:var(--tier-mithril-glow)}.hex-badge.gym-badge--mithril::before{background:var(--tier-mithril-bg);background-image:linear-gradient(180deg,rgba(255,255,255,.2) 0,transparent 50%)}.hex-badge.gym-badge--mithril .hex-content{text-shadow:0 0 10px #93c5fd}.hex-badge.gym-badge--adamantite{background:var(--tier-adamant-border);--glow-color:var(--tier-adamant-glow);animation:pulse-border 3s infinite alternate}.hex-badge.gym-badge--adamantite::before{background:var(--tier-adamant-bg);box-shadow:inset 0 0 20px rgba(0,0,0,.8)}.hex-badge.gym-badge--ethereal{background:var(--tier-ether-border);--glow-color:var(--tier-ether-glow);animation:float-badge 3s ease-in-out infinite}.hex-badge.gym-badge--ethereal::before{background:var(--tier-ether-bg);background-size:200% 200%;animation:liquid-gold 5s ease infinite}.hex-badge.gym-badge--ethereal::after{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(to right,transparent,rgba(255,255,255,.8),transparent);transform:rotate(45deg);animation:shine-pass 3s infinite linear;pointer-events:none;mix-blend-mode:overlay}.ui-tooltip{position:fixed;z-index:9999;pointer-events:none;background:rgba(15,15,20,.95);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(12px);padding:16px;border-radius:8px;box-shadow:0 20px 50px rgba(0,0,0,.8);min-width:240px;opacity:0;transform:translateY(10px) scale(.95);transition:opacity .2s,transform .2s cubic-bezier(.19, 1, .22, 1)}.ui-tooltip.visible{opacity:1;transform:translateY(0) scale(1)}.ui-tooltip.gym-badge--iron{border-left:4px solid var(--tier-iron-border)}.ui-tooltip.gym-badge--steel{border-left:4px solid var(--tier-steel-border)}.ui-tooltip.gym-badge--mithril{border-left:4px solid var(--tier-mithril-border);box-shadow:0 0 30px rgba(59,130,246,.2)}.ui-tooltip.gym-badge--adamantite{border-left:4px solid var(--tier-adamant-border);box-shadow:0 0 30px rgba(192,132,252,.3)}.ui-tooltip.gym-badge--ethereal{border-left:4px solid var(--tier-ether-border);box-shadow:0 0 50px rgba(251,191,36,.5);background:linear-gradient(135deg,rgba(120,53,15,.95),rgba(10,10,12,.98))}.tooltip-header{font-family:sans-serif;font-weight:800;font-size:15px;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;color:#fff;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:8px;display:flex;justify-content:space-between}.tooltip-body{font-size:13px;color:#cbd5e1;line-height:1.6}@keyframes shine-pass{0%{transform:translate(-100%,-100%) rotate(45deg)}20%{transform:translate(100%,100%) rotate(45deg)}100%{transform:translate(100%,100%) rotate(45deg)}}@keyframes pulse-border{0%{filter:drop-shadow(0 0 2px var(--tier-adamant-glow))}100%{filter:drop-shadow(0 0 10px var(--tier-adamant-glow))}}@keyframes liquid-gold{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}@keyframes float-badge{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}.mini-hex{width:26px;height:30px;display:inline-flex;align-items:center;justify-content:center;position:relative;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);margin-right:4px;vertical-align:middle;flex-shrink:0}.mini-hex::before{content:'';position:absolute;inset:1px;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);z-index:-1}.mini-hex.gym-badge--iron{background:var(--tier-iron-border)}.mini-hex.gym-badge--iron::before{background:var(--tier-iron-bg)}.mini-hex.gym-badge--steel{background:var(--tier-steel-border)}.mini-hex.gym-badge--steel::before{background:var(--tier-steel-bg)}.mini-hex.gym-badge--mithril{background:var(--tier-mithril-border)}.mini-hex.gym-badge--mithril::before{background:var(--tier-mithril-bg)}.mini-hex.gym-badge--adamantite{background:var(--tier-adamant-border)}.mini-hex.gym-badge--adamantite::before{background:var(--tier-adamant-bg)}.mini-hex.gym-badge--ethereal{background:var(--tier-ether-border);filter:drop-shadow(0 0 3px var(--tier-ether-glow))}.mini-hex.gym-badge--ethereal::before{background:var(--tier-ether-bg)}.mini-hex.gym-badge--chrono{background:var(--type-chrono-border)}.mini-hex.gym-badge--chrono::before{background:var(--type-chrono-bg);animation:scan-line 3s linear infinite}.mini-hex.gym-badge--volcanic{background:var(--type-volcanic-border)}.mini-hex.gym-badge--volcanic::before{background:var(--type-volcanic-bg);box-shadow:inset 0 0 5px #ea580c}.mini-hex.gym-badge--void{background:var(--type-void-border)}.mini-hex.gym-badge--void::before{background:var(--type-void-bg)}.mini-hex.gym-badge--void span{filter:drop-shadow(1px 0px 0px #ef4444) drop-shadow(-1px 0px 0px #06b6d4)}.mini-hex.gym-badge--zenith{background:var(--type-zenith-border)}.mini-hex.gym-badge--zenith::before{background:var(--type-zenith-bg)}.mini-hex.gym-badge--glitch{background:#818cf8}.mini-hex.gym-badge--glitch::before{background:linear-gradient(135deg,#1e1b4b 0,#312e81 100%)}.mini-hex.gym-badge--glitch span{text-shadow:1px 0 #ff00c1,-1px 0 #00fff9}.mini-hex.gym-badge--singularity{background:#fff}.mini-hex.gym-badge--singularity::before{background:#000}.mini-hex.gym-badge--singularity span{text-shadow:0 0 5px #fff}.loot-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.85);z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s ease;backdrop-filter:blur(8px);padding:20px}.loot-overlay.active{opacity:1;visibility:visible}.loot-card{background:#18181b;width:100%;max-width:340px;border-radius:16px;border:1px solid #333;padding:3px;transform:scale(.9) translateY(20px);transition:transform .4s cubic-bezier(.34, 1.56, .64, 1);box-shadow:0 25px 50px -12px #000;position:relative;overflow:hidden}.loot-overlay.active .loot-card{transform:scale(1) translateY(0)}.loot-close{position:absolute;top:12px;right:12px;background:rgba(255,255,255,.1);color:rgba(255,255,255,.7);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;cursor:pointer;z-index:20;transition:all .2s}.loot-close:hover{background:#ef4444;color:#fff;transform:rotate(90deg)}.loot-inner{background:linear-gradient(180deg,#27272a 0,#09090b 100%);border-radius:13px;padding:30px 24px 24px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;position:relative;z-index:10}.loot-icon-container{font-size:64px;margin-bottom:20px;filter:drop-shadow(0 0 20px rgba(255,255,255,.1));transition:transform 3s ease-in-out;animation:float-icon 4s ease-in-out infinite}.loot-title{font-family:sans-serif;font-weight:900;font-size:22px;color:#fff;margin:0 0 10px 0;text-transform:uppercase;letter-spacing:1px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.loot-desc{color:#a1a1aa;font-size:14px;line-height:1.6;margin-bottom:24px;font-weight:400;border-top:1px solid rgba(255,255,255,.1);padding-top:12px;width:100%}.btn-equip{background:#fff;color:#000;font-weight:800;text-transform:uppercase;padding:14px 0;border-radius:8px;border:none;cursor:pointer;width:100%;font-size:14px;letter-spacing:1px;transition:all .2s;box-shadow:0 4px 15px rgba(255,255,255,.15)}.btn-equip:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(255,255,255,.3)}.btn-equip:active{transform:scale(.98)}.loot-card.gym-badge--iron{background:var(--tier-iron-border);box-shadow:0 20px 50px -10px rgba(0,0,0,.8)}.loot-card.gym-badge--iron .loot-title{color:#d4d4d8}.loot-card.gym-badge--steel{background:var(--tier-steel-border);box-shadow:0 0 40px rgba(16,185,129,.2)}.loot-card.gym-badge--steel .loot-title{color:var(--tier-steel-border)}.loot-card.gym-badge--steel .btn-equip{background:var(--tier-steel-border);color:#064e3b}.loot-card.gym-badge--mithril{background:var(--tier-mithril-border);box-shadow:0 0 50px rgba(59,130,246,.4);animation:pulse-shadow-blue 3s infinite}.loot-card.gym-badge--mithril .loot-title{color:var(--tier-mithril-border)}.loot-card.gym-badge--mithril .btn-equip{background:var(--tier-mithril-border);color:#0f172a}.loot-card.gym-badge--adamantite{background:var(--tier-adamant-border);box-shadow:0 0 60px rgba(192,132,252,.5);animation:pulse-shadow-purple 3s infinite}.loot-card.gym-badge--adamantite .loot-title{color:var(--tier-adamant-border)}.loot-card.gym-badge--adamantite .btn-equip{background:var(--tier-adamant-border);color:#3b0764}.loot-card.gym-badge--ethereal{background:linear-gradient(135deg,#f59e0b,#fbbf24,#f59e0b);box-shadow:0 0 80px rgba(251,191,36,.6)}.loot-card.gym-badge--ethereal .loot-inner{background:linear-gradient(180deg,#451a03 0,#000 100%)}.loot-card.gym-badge--ethereal .loot-title{color:#fbbf24;text-shadow:0 0 10px rgba(251,191,36,.5)}.loot-card.gym-badge--ethereal .loot-icon-container{filter:drop-shadow(0 0 20px #fbbf24)}.loot-card.gym-badge--ethereal .btn-equip{background:linear-gradient(to right,#f59e0b,#fbbf24);color:#451a03;box-shadow:0 0 20px rgba(251,191,36,.4)}@keyframes float-icon{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-shadow-blue{0%{box-shadow:0 0 30px rgba(59,130,246,.3)}50%{box-shadow:0 0 60px rgba(59,130,246,.6)}100%{box-shadow:0 0 30px rgba(59,130,246,.3)}}@keyframes pulse-shadow-purple{0%{box-shadow:0 0 30px rgba(192,132,252,.3)}50%{box-shadow:0 0 70px rgba(192,132,252,.6)}100%{box-shadow:0 0 30px rgba(192,132,252,.3)}}.loot-card.gym-badge--chrono{background:var(--type-chrono-border);box-shadow:0 0 50px var(--type-chrono-glow)}.loot-card.gym-badge--chrono .loot-title{color:var(--type-chrono-border)}.loot-card.gym-badge--chrono .btn-equip{background:var(--type-chrono-border);color:#083344}.loot-card.gym-badge--chrono .loot-inner::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 45%,rgba(255,255,255,.05) 50%,transparent 55%);background-size:200% 100%;animation:scan-line 3s linear infinite;pointer-events:none}.loot-card.gym-badge--volcanic{background:var(--type-volcanic-border);box-shadow:0 0 50px var(--type-volcanic-glow)}.loot-card.gym-badge--volcanic .loot-title{color:#fb923c}.loot-card.gym-badge--volcanic .btn-equip{background:var(--type-volcanic-border);color:#431407}.loot-card.gym-badge--volcanic .loot-inner{box-shadow:inset 0 0 40px rgba(234,88,12,.2);animation:ember-flicker 3s ease-in-out infinite alternate}.loot-card.gym-badge--void{background:var(--type-void-border);box-shadow:0 0 50px var(--type-void-glow)}.loot-card.gym-badge--void .loot-title{color:var(--type-void-border);text-shadow:2px 0 0 #ef4444,-2px 0 0 #06b6d4}.loot-card.gym-badge--void .btn-equip{background:var(--type-void-border);color:#1e1b4b}.loot-card.gym-badge--zenith{background:var(--type-zenith-border);box-shadow:0 0 40px var(--type-zenith-glow)}.loot-card.gym-badge--zenith .loot-title{color:#f8fafc}.loot-card.gym-badge--zenith .btn-equip{background:#f1f5f9;color:#475569}.loot-card.gym-badge--glitch{background:#818cf8;box-shadow:0 0 40px rgba(129,140,248,.5);animation:glitch-vibration .3s infinite alternate-reverse}.loot-card.gym-badge--glitch .loot-inner{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3%3Cfilter id='n'%3%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E")}.loot-card.gym-badge--glitch .loot-title{text-shadow:3px 0 #ff00c1,-3px 0 #00fff9}.loot-card.gym-badge--singularity{background:#fff;box-shadow:0 0 60px rgba(255,255,255,.4)}.loot-card.gym-badge--singularity .loot-inner{background:#000}.loot-card.gym-badge--singularity .loot-title{color:#fff;text-shadow:0 0 15px #fff}.loot-card.gym-badge--singularity .btn-equip{background:#fff;color:#000;box-shadow:0 0 20px #fff}.loot-card.gym-badge--singularity::after{content:'';position:absolute;inset:-50%;background:conic-gradient(from 0deg,transparent,#fff,transparent,#fff,transparent);animation:rotate-horizon 3s linear infinite;z-index:-1;opacity:.3}