:root{--bg-dark:#0b0614;--bg-panel:#160d29;--bg-panel-light:#241645;--primary:#5432d3;--primary-glow:#5432d366;--secondary:#b0703c;--text-main:#f8f6ff;--text-muted:#958cb8;--border-color:#ffffff14;--glass-bg:#160d2999;--font-body:"Inter", system-ui, Avenir, Helvetica, Arial, sans-serif;--font-heading:"Outfit", "Inter", system-ui, sans-serif;--max-width:1200px;--border-radius:16px;--transition:all .3s ease;--color-success:#0f8;--success-bg:#00ff8826}[data-theme=light]{--bg-dark:#fff;--bg-panel:#f8f6ff;--bg-panel-light:#fff;--text-main:#130a2e;--text-muted:#6b638a;--border-color:#5432d326;--glass-bg:#ffffffd9;--primary-glow:#5432d333;--color-success:#00a050;--success-bg:#00a05026}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-dark);color:var(--text-main);transition:background-color var(--transition), color var(--transition);background-image:radial-gradient(circle at 15%,#5432d314,#0000 25%),radial-gradient(circle at 85% 30%,#b0703c0d,#0000 25%);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none}ul{list-style:none}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 2rem}.btn{cursor:pointer;transition:var(--transition);border:none;border-radius:8px;outline:none;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-size:1rem;display:inline-flex;font-family:Futura,Futura Light,Century Gothic,sans-serif!important;font-weight:300!important}.btn-primary{background:linear-gradient(135deg, var(--primary), #3b1c9e);color:#fff;box-shadow:0 4px 15px var(--primary-glow)}.btn-primary:hover{background:linear-gradient(135deg,#3b1c9e,#291275);transform:translateY(-2px);box-shadow:0 6px 20px #5432d380}.btn-outline{color:var(--text-main);border:1px solid var(--border-color);background:0 0}.btn-outline:hover{background:var(--bg-panel-light);border-color:var(--text-muted)}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--border-radius);transition:background-color var(--transition), border-color var(--transition)}.text-gradient{background:linear-gradient(to right, var(--primary), #ffd166);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.litepaper-container{max-width:900px;color:var(--text-main);margin:0 auto;padding:40px 20px}.litepaper-header{text-align:center;margin-bottom:40px}.litepaper-header h1{color:var(--pangs-orange);text-shadow:0 0 10px #ff7e274d;margin-bottom:10px;font-size:2.5rem}.litepaper-subtitle{color:var(--text-muted);font-size:1.2rem}.litepaper-content{background:var(--bg-panel);box-shadow:var(--shadow-neon);border-radius:16px;padding:40px}.lp-section{margin-bottom:30px}.lp-section h2{color:var(--text-main);border-left:4px solid var(--pangs-orange);margin-bottom:15px;padding-left:10px;font-size:1.8rem}.lp-section p{color:var(--text-muted);margin-bottom:15px;font-size:1.05rem;line-height:1.6}.lp-card{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;margin-bottom:15px;padding:20px}.lp-card h3{color:var(--pangs-purple);margin-bottom:10px;font-size:1.3rem}.lp-list{margin-bottom:15px;padding-left:25px;list-style-type:disc}.lp-list li{color:var(--text-muted);margin-bottom:8px;font-size:1.05rem;line-height:1.5}.divider{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);height:1px;margin:30px 0}.litepaper-footer{text-align:center;color:var(--pangs-orange);margin-top:40px;font-style:italic;font-weight:700}@keyframes float1{0%{transform:translateY(0)rotate(-5deg)}50%{transform:translateY(-30px)rotate(5deg)}to{transform:translateY(0)rotate(-5deg)}}@keyframes float2{0%{transform:translateY(20px)rotate(5deg)}50%{transform:translateY(-10px)rotate(-5deg)}to{transform:translateY(20px)rotate(5deg)}}.bubble-nft-1{animation:6s ease-in-out infinite float1}.bubble-nft-2{animation:7s ease-in-out infinite float2}.inventory-page,.leaderboard-page,.laboratory-page,.marketplace-page{max-width:var(--max-width);margin:0 auto;padding:40px 20px}.x-social-btn{width:36px;height:36px;color:var(--text-main);border:1px solid var(--border-color);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;transition:all .3s;display:flex}.x-social-btn:hover{background:var(--bg-panel-light);border-color:var(--text-muted)}.referral-page{max-width:1100px;margin:0 auto;padding:120px 20px 60px}.referral-header{text-align:center;margin-bottom:3rem}.referral-header h2{background:linear-gradient(135deg, var(--pangs-orange), #ff6b6b);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1rem;font-size:2.8rem;display:inline-block}.referral-header p{color:var(--text-muted);max-width:600px;margin:0 auto;font-size:1.15rem;line-height:1.6}.ref-stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:3rem;display:grid}.ref-stat-card{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;gap:1.2rem;padding:1.8rem;transition:transform .3s,box-shadow .3s;display:flex;box-shadow:0 4px 20px #0000000d}.ref-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #00000014}.ref-stat-card h3{color:var(--text-muted);font-size:1.05rem;font-weight:600}.ref-stat-value{color:var(--text-main);text-shadow:0 2px 10px #0000000d;font-size:2.5rem;font-weight:800}.ref-code-box{background:var(--bg-dark);border:2px dashed var(--border-color);color:var(--text-main);border-radius:12px;justify-content:space-between;align-items:center;padding:.8rem 1rem;font-family:monospace;font-size:1.1rem;display:flex}.copy-btn{background:var(--bg-panel-light);border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;border-radius:8px;padding:.5rem 1rem;font-size:.95rem;font-weight:600;transition:all .2s;box-shadow:0 2px 5px #0000000d}.copy-btn:hover{background:var(--text-main);color:var(--bg-panel);border-color:var(--text-main)}.ref-steps-section h3{margin-bottom:1.5rem;font-size:1.5rem}.ref-steps-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.ref-step-card{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:16px;padding:2rem;transition:transform .3s;box-shadow:0 4px 20px #0000000d}.ref-step-card:hover{transform:translateY(-4px)}.ref-step-num{background:var(--pangs-orange);color:#fff;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;margin-bottom:1rem;font-size:.9rem;font-weight:700;display:flex}.ref-step-card h4{margin-bottom:.5rem;font-size:1.2rem}.ref-step-card p{color:var(--text-muted);font-size:.95rem;line-height:1.5}@media (width<=768px){.inventory-page,.leaderboard-page,.laboratory-page,.marketplace-page,.litepaper-container{padding:20px 10px!important}.container{padding:0 1rem}}.nav-links::-webkit-scrollbar{display:none}.nav-links{-ms-overflow-style:none;scrollbar-width:none}.app-header{z-index:100;border-bottom:1px solid var(--border-color);background:var(--bg-dark);height:96px;transition:background-color var(--transition), border-color var(--transition);align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.header-container{justify-content:space-between;align-items:center;display:flex}.logo{align-items:center;height:96px;transition:transform .3s;display:flex}.logo:hover{transform:translateY(-2px)scale(1.02)}.logo-img{object-fit:contain;object-position:left center;will-change:transform;max-width:320px;height:84px}.nav-links{gap:2rem;display:flex}.nav-links a{color:var(--text-muted);transition:var(--transition);white-space:nowrap;font-size:.95rem;font-weight:700;font-family:Futura,Futura Book,Century Gothic,sans-serif!important}.nav-links a:hover,.nav-links a.active{color:var(--primary)}.header-actions{align-items:center;gap:1.5rem;display:flex}.wallet-connected-badge{color:var(--text-primary);border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:.5rem;padding:.6rem 1rem;font-family:monospace;font-size:.95rem;font-weight:700;display:flex}.wallet-dot{background-color:#0f8;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #00ff8880}.theme-toggle{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;font-size:1.2rem;display:flex}.track-info-hud-v2{text-align:right;color:#fff}.track-info-hud-v2 h2{text-transform:uppercase;font-size:1.5rem;font-weight:800}.track-info-hud-v2 p{font-size:1.1rem;font-weight:600}.distance-hud-v2{text-align:right;color:#fff;font-size:2rem;font-weight:800;position:absolute;bottom:2rem;right:2rem}.vertical-leaderboard-v2{flex-direction:column;gap:1.5rem;width:100%;display:flex}.lb-entry-v2{align-items:center;gap:1rem;display:flex}.lb-rank-num-v2{color:#fff;text-shadow:2px 2px #0003;justify-content:flex-end;align-items:center;gap:4px;width:55px;font-size:1.8rem;font-style:italic;font-weight:900;display:flex}.medal-icon{font-size:1.2rem;font-style:normal}.lb-avatar-box-v2{border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 10px #0000004d}.nft-avatar-img{object-fit:cover;border-radius:4px;width:100%!important;height:100%!important}.racer-avatar-img{object-fit:cover;max-width:none;position:absolute;top:0;left:0;width:80px!important;height:80px!important}.lb-name-v2{color:#fff;white-space:nowrap;font-size:1rem;font-weight:700;font-family:Futura,Futura Book,Century Gothic,sans-serif!important}.start-line{z-index:10;background-color:#ffffffb3;height:4px;position:absolute;bottom:-10px;left:0;right:0}.start-number{color:#fff;z-index:1;opacity:.25;text-shadow:2px 2px #0000001a;font-size:4rem;font-weight:900;position:absolute;bottom:5px;transform:translate(-50%)}.theme-toggle:hover{background:var(--bg-panel-light);color:var(--text-main)}.hero-section{align-items:center;min-height:90vh;padding-top:140px;padding-bottom:80px;display:flex;position:relative}.hero-content{z-index:1;max-width:600px}.hero-title{margin-bottom:1.5rem;font-size:4rem;line-height:1.1}.hero-subtitle{color:var(--text-muted);max-width:500px;margin-bottom:2.5rem;font-size:1.2rem}.hero-actions{gap:1rem;display:flex}.hero-image-container{z-index:0;background-image:radial-gradient(circle, var(--primary-glow) 0%, transparent 70%);justify-content:center;align-items:center;width:55%;height:80%;display:flex;position:absolute;top:20%;right:-5%}.placeholder-pangolin{background:var(--bg-panel);border:1px solid var(--border-color);width:400px;height:400px;box-shadow:0 0 40px var(--primary-glow);font-family:var(--font-heading);color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;animation:6s ease-in-out infinite float;display:flex;overflow:hidden}.hatching-egg-overlay{z-index:1000;background:#000000e6;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.inventory-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000d9;justify-content:center;align-items:center;animation:.3s ease-out forwards fadeIn;display:flex;position:fixed;inset:0}.inventory-modal{background:var(--bg-panel);border:1px solid var(--border-color);width:90%;max-width:800px;max-height:85vh;padding:2rem;overflow-y:auto}.inventory-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;display:flex}.btn-close{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;font-size:1.5rem}.btn-close:hover{color:var(--primary)}.inventory-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1.5rem;display:grid}.inventory-item{background:var(--bg-panel-light);border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);text-align:center;flex-direction:column;align-items:center;padding:1rem;display:flex;position:relative}.inventory-item:hover:not(.disabled){border-color:var(--primary);transform:translateY(-5px);box-shadow:0 5px 15px #ff7b0033}.inventory-item.disabled{opacity:.5;cursor:not-allowed;filter:grayscale()}.inv-avatar-box{background:linear-gradient(135deg, var(--bg-panel), var(--bg-panel-light));border:2px solid var(--border-color);border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin-bottom:1rem;display:flex;overflow:hidden}.inventory-item h4{margin-bottom:.5rem;font-size:1.1rem}.inv-badges{flex-direction:column;gap:.25rem;width:100%;display:flex}.selected-overlay{color:#fff;border-radius:var(--border-radius);text-align:center;background:#000000b3;justify-content:center;align-items:center;padding:1rem;font-size:1.2rem;font-weight:700;display:flex;position:absolute;inset:0}.inventory-page{min-height:100vh;padding-top:120px;padding-bottom:80px}.inventory-header-bar{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:flex-end;margin-bottom:2rem;padding-bottom:1rem;display:flex}.inventory-stats{font-size:1.1rem}.filter-tabs{gap:1rem;margin-bottom:2rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.filter-btn{background:var(--bg-panel-light);border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;transition:var(--transition);white-space:nowrap;border-radius:20px;padding:.5rem 1.5rem;font-weight:600}.filter-btn:hover{border-color:var(--primary);background:#ff7b001a}.filter-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 0 15px #ff7b0066}.inventory-grid-page{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;display:grid}.inventory-card{border-radius:var(--border-radius);border:1px solid var(--border-color);transition:var(--transition);flex-direction:column;display:flex;overflow:hidden}.inventory-card:hover{border-color:var(--primary);transform:translateY(-5px);box-shadow:0 10px 30px #ff7b0033}.inv-card-header{border-bottom:1px solid var(--border-color);background:#0003;justify-content:space-between;align-items:center;padding:1rem;display:flex}.inv-id{color:var(--text-muted);font-family:monospace;font-weight:700}.inv-card-image{background:linear-gradient(180deg, var(--bg-panel-light), var(--bg-panel));justify-content:center;align-items:center;height:220px;padding:1rem;display:flex}.inv-card-body{flex-direction:column;flex:1;gap:1rem;padding:1.5rem;display:flex}.inv-card-body h3{margin:0;font-size:1.5rem}.inv-card-stats-grid{background:var(--bg-panel-light);border:1px solid var(--border-color);border-radius:8px;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:auto;padding:1rem;display:grid}.stat-col{flex-direction:column;align-items:center;gap:.25rem;display:flex}.stat-label{color:var(--text-muted);font-size:.8rem;font-weight:600}.stat-val{color:var(--primary);font-family:monospace;font-size:1.2rem;font-weight:700}.purity-bar-container{flex-direction:column;gap:.5rem;display:flex}.purity-header{justify-content:space-between;font-size:.9rem;font-weight:700;display:flex}.purity-bar-bg{background:#00000080;border-radius:4px;height:8px;overflow:hidden}.purity-bar-fill{background:linear-gradient(90deg, #0f8, var(--primary));border-radius:4px;height:100%;box-shadow:0 0 10px #00ff8880}.magic-egg{background:radial-gradient(circle at 30% 30%,gold,#ff8c00);border-radius:50%/60% 60% 40% 40%;width:120px;height:160px;animation:.4s infinite eggShake;position:relative;box-shadow:0 0 50px #ffd70099,inset -10px -10px 20px #00000080}.magic-egg:after{content:"";border-radius:inherit;animation:1s infinite alternate eggPulse;position:absolute;inset:0;box-shadow:0 0 20px #fff}@keyframes eggShake{0%{transform:rotate(0)scale(1)}25%{transform:rotate(15deg)scale(1.1)}50%{transform:rotate(0)scale(1)}75%{transform:rotate(-15deg)scale(1.1)}to{transform:rotate(0)scale(1)}}@keyframes eggPulse{0%{opacity:.5;filter:brightness()}to{opacity:1;filter:brightness(1.5)}}.hatching-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000d9;justify-content:center;align-items:center;animation:.5s ease-out forwards fadeIn;display:flex;position:fixed;inset:0}.hatching-modal{text-align:center;border:2px solid gold;flex-direction:column;align-items:center;width:90%;max-width:500px;padding:3rem 2rem;animation:.6s cubic-bezier(.175,.885,.32,1.275) forwards modalPop;display:flex;box-shadow:0 0 50px #ffd70033}.offspring-avatar-box{background:var(--bg-panel);border:4px solid gold;border-radius:50%;width:150px;height:150px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 0 30px #ffd70066}.loader-dna{margin-right:8px;animation:1.5s linear infinite spin;display:inline-block}.incubating-state{cursor:not-allowed;animation:1.5s infinite pulse-glow}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalPop{0%{opacity:0;transform:scale(.5)translateY(100px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes pulse-glow{0%{box-shadow:0 0 10px var(--primary-glow)}50%{box-shadow:0 0 30px var(--primary-glow)}to{box-shadow:0 0 10px var(--primary-glow)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.features-section{background:var(--bg-panel);transition:background-color var(--transition);padding:100px 0}.section-title{text-align:center;margin-bottom:1rem;font-size:2.5rem}.text-muted{color:var(--text-muted)}.text-sm{font-size:.8rem}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem;display:grid}.feature-card{text-align:center;transition:var(--transition);padding:2.5rem 2rem}.feature-card:hover{border-color:#9d4edd66;transform:translateY(-10px)}.feature-icon{width:64px;height:64px;color:var(--primary);background:#ff7b001a;border-radius:16px;justify-content:center;align-items:center;margin:0 auto 1.5rem;font-size:2rem;display:flex}.feature-title{margin-bottom:1rem;font-size:1.5rem}.feature-desc{color:var(--text-muted)}.laboratory-section{min-height:100vh;padding-top:140px;padding-bottom:80px}.lab-header{text-align:center;margin-bottom:4rem}.lab-header p{max-width:600px;margin:0 auto}.lab-grid{grid-template-columns:3fr 2fr;align-items:start;gap:3rem;display:grid}.parents-container{background:var(--bg-panel-light);border-radius:var(--border-radius);border:1px solid var(--border-color);justify-content:space-between;align-items:stretch;gap:1rem;padding:3rem 2rem;display:flex}.parent-slot{flex-direction:column;flex:1;min-height:300px;padding:1.5rem;display:flex;position:relative}.slot-title{text-align:center;color:var(--text-muted);margin-bottom:1.5rem;font-size:1.2rem}.empty-slot{border:2px dashed var(--border-color);cursor:pointer;transition:var(--transition);color:var(--text-muted);border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.empty-slot:hover{border-color:var(--primary);color:var(--primary);background:#ff7b000d}.add-icon{margin-bottom:.5rem;font-size:2.5rem;font-weight:300}.dna-connector{justify-content:center;align-items:center;width:60px;display:flex}.dna-icon{filter:drop-shadow(0 0 10px var(--secondary));font-size:2.5rem;animation:2s infinite pulse}@keyframes pulse{0%{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}to{opacity:.8;transform:scale(1)}}.selected-parent{text-align:center;flex-direction:column;flex:1;justify-content:space-between;align-items:center;gap:1rem;height:100%;display:flex}.parent-avatar{background:linear-gradient(135deg, var(--bg-panel-light), var(--bg-panel));border:3px solid var(--border-color);width:120px;height:120px;font-size:3rem;font-family:var(--font-heading);color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;display:flex}.parent-details h4{margin-bottom:.8rem;font-size:1.3rem}.badge{text-transform:uppercase;letter-spacing:.5px;border:1px solid var(--border-color);background:#ffffff1a;border-radius:20px;margin:.25rem;padding:.25rem .75rem;font-size:.8rem;font-weight:600;display:inline-block}.rarity-common{color:#9e9e9e;background:#9e9e9e33;border-color:#9e9e9e80}.rarity-uncommon{color:#00c853;background:#00c85333;border-color:#00c85380}.rarity-rare{color:#2979ff;background:#2979ff33;border-color:#2979ff80}.rarity-epic{color:#9c27b0;background:#9c27b033;border-color:#9c27b080}.rarity-legendary{color:#ffab00;background:#ffab0033;border-color:#ffab0080}.trait-badge{color:var(--secondary);background:#9d4edd26;border-color:#9d4edd4d}.btn-small{padding:.4rem 1rem;font-size:.85rem}.incubation-panel{flex-direction:column;gap:2rem;padding:2rem;display:flex}.panel-title{border-bottom:1px solid var(--border-color);padding-bottom:1rem;font-size:1.5rem}.stat-row{justify-content:space-between;margin-bottom:1.5rem;font-size:1.1rem;display:flex}.font-bold{font-weight:700}.trait-probabilities h4{color:var(--text-muted);margin-bottom:1rem;font-size:1rem}.prob-bar{margin-bottom:1rem}.prob-label{justify-content:space-between;margin-bottom:.3rem;font-size:.9rem;display:flex}.progress{background:var(--bg-panel-light);border:1px solid var(--border-color);border-radius:4px;width:100%;height:8px;overflow:hidden}.progress-fill{background:var(--text-main);border-radius:4px;height:100%}.progress-fill.mutation{background:var(--primary);box-shadow:0 0 10px var(--primary-glow)}.text-primary{color:var(--primary);font-weight:600}.breeding-cost{background:var(--bg-panel-light);border:1px solid var(--border-color);text-align:center;border-radius:8px;padding:1.5rem}.cost-label{color:var(--text-muted);margin-bottom:.5rem;font-size:.9rem}.cost-value{font-size:2rem;font-family:var(--font-heading);justify-content:center;align-items:center;gap:.5rem;font-weight:700;display:flex}.token-icon{font-size:1.8rem}.w-full{width:100%}.incubate-btn{padding:1rem;font-size:1.2rem}.incubate-btn.disabled{opacity:.5;cursor:not-allowed;background:var(--bg-panel-light);color:var(--text-muted);box-shadow:none}.rally-section{min-height:100vh;padding-top:140px;padding-bottom:80px}.races-container{flex-direction:column;gap:1rem;margin-top:2rem;display:flex}.race-card{transition:var(--transition);border-left:4px solid #0000;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.race-card:hover{border-left-color:var(--primary);transform:translate(5px)}.race-info{align-items:center;gap:2rem;display:flex}.race-class{font-size:1.5rem;font-family:var(--font-heading);color:var(--text-main);min-width:100px;font-weight:700}.race-room-section{min-height:100vh;padding-top:140px;padding-bottom:80px}.room-header-box{justify-content:space-between;align-items:center;margin-bottom:2rem;padding:2rem;display:flex}.room-meta{gap:1.5rem;font-size:1.1rem;font-weight:700;display:flex}.room-content-grid{grid-template-columns:2fr 1fr;gap:2rem;display:grid}.room-participants{padding:2rem}.participants-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.participant-card{background:#0003;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;align-items:center;gap:.8rem;padding:1rem;display:flex}.participant-card .p-name{font-family:var(--font-heading);color:var(--text-muted);font-size:.9rem}.slot-player.empty{border:2px dashed #fff3;justify-content:center;min-height:120px}.slot-player.filled{border:2px solid var(--primary);background:#8a2be21a}.empty-slot-indicator{color:#fff6;text-align:center;font-size:.9rem}.room-action-panel{flex-direction:column;padding:2rem;display:flex}.race-terrain{color:var(--text-muted);align-items:center;gap:.5rem;font-weight:500;display:flex}.terrain-icon{font-size:1.5rem}.race-economy{text-align:right;gap:2rem;display:flex}.eco-item{flex-direction:column;display:flex}.eco-label{color:var(--text-muted);font-size:.8rem}.eco-value{color:var(--primary);font-size:1.1rem;font-weight:700}.join-btn{padding:.6rem 1.5rem}.live-race-section{background-color:var(--bg-dark);width:100%;height:100vh;padding-top:96px;position:relative;overflow:hidden}.race-layout-container{flex-direction:row;width:100%;height:calc(100% - 80px);display:flex;overflow:hidden}.race-footer-bar{z-index:100;border-top:1px solid #0003;justify-content:flex-end;align-items:center;width:100%;height:80px;padding:0 2rem;display:flex}.race-sidebar-left{z-index:20;flex-direction:column;justify-content:center;width:20vw;padding:2rem 1rem 2rem 2rem;display:flex;position:relative}.race-sidebar-right{z-index:20;width:20vw;padding:2rem;position:relative}.theme-bg-forest{color:#fff;background-color:#5a7b54}.theme-bg-volcanic{color:#fff;background-color:#4a2824}.theme-bg-desert{color:#fff;background-color:#a37936}.theme-bg-midnight{color:#fff;background-color:#171820}.theme-bg-darker-forest{color:#fff;background-color:#3b5237}.theme-bg-darker-volcanic{color:#fff;background-color:#2b1715}.theme-bg-darker-desert{color:#fff;background-color:#6d5022}.theme-bg-darker-midnight{color:#fff;background-color:#0b0c10}.race-center-track{z-index:10;width:60vw;position:relative;overflow:hidden}.track-edge-left,.track-edge-right{z-index:15;width:30px;position:absolute;top:0;bottom:0}.track-edge-left{left:0}.track-edge-right{right:0;transform:scaleX(-1)}.track-theme-forest .track-background{background-color:#b0cb68;background-image:radial-gradient(circle at 10% 20%,#fff6 2px,#0000 3px),radial-gradient(circle at 85% 35%,#fff6 1px,#0000 2px),radial-gradient(circle at 45% 75%,#fff6 2px,#0000 3px),radial-gradient(circle at 30% 90%,#fff6 1px,#0000 2px);background-size:150px 150px}.track-theme-forest .track-edge-left,.track-theme-forest .track-edge-right{filter:drop-shadow(2px 0 #0000001a);background-image:radial-gradient(circle at 0%,#769359 20px,#0000 21px);background-repeat:repeat-y;background-size:100% 30px}.track-theme-volcanic .track-background{background-color:#b75d69;background-image:radial-gradient(circle at 20% 30%,#fff3 2px,#0000 3px),radial-gradient(circle at 70% 60%,#fff3 1px,#0000 2px);background-size:100px 100px}.track-theme-volcanic .track-edge-left,.track-theme-volcanic .track-edge-right{filter:drop-shadow(2px 0 #0000001a);background-image:radial-gradient(circle at 0%,#6a2e35 20px,#0000 21px);background-repeat:repeat-y;background-size:100% 30px}.track-theme-desert .track-background{background-color:#e9d8a6;background-image:radial-gradient(circle at 15% 40%,#00000008 2px,#0000 3px),radial-gradient(circle at 80% 20%,#00000008 1px,#0000 2px);background-size:100px 100px}.track-theme-desert .track-edge-left,.track-theme-desert .track-edge-right{filter:drop-shadow(2px 0 #0000001a);background-image:radial-gradient(circle at 0%,#c79a5e 20px,#0000 21px);background-repeat:repeat-y;background-size:100% 30px}.track-theme-midnight .track-background{background-color:#3a405a;background-image:radial-gradient(circle at 10% 20%,#fff6 1px,#0000 2px),radial-gradient(circle at 80% 40%,#fff3 2px,#0000 3px);background-size:150px 150px}.track-theme-midnight .track-edge-left,.track-theme-midnight .track-edge-right{filter:drop-shadow(2px 0 #0003);background-image:radial-gradient(circle at 0%,#1d202d 20px,#0000 21px);background-repeat:repeat-y;background-size:100% 30px}.track-background{z-index:0;position:absolute;inset:0}.track-surface-vertical{z-index:1;width:80%;height:10000px;position:absolute;bottom:0;left:10%}.finish-line-vertical{z-index:2;background:repeating-linear-gradient(90deg,#fff,#fff 20px,#000 20px 40px);height:40px;position:absolute;left:0;right:0;box-shadow:0 5px 15px #0000004d}.finish-line-vertical:after{content:"";background:repeating-linear-gradient(90deg,#000,#000 20px,#fff 20px 40px);height:40px;position:absolute;top:40px;left:0;right:0}.distance-hud{color:#fff;z-index:30;background:#0006;border-radius:8px;padding:.5rem 1rem;font-weight:700;position:absolute;bottom:2rem;left:2rem}.track-info-hud{text-align:right;z-index:30;color:#fff;text-shadow:1px 1px 3px #000c;position:absolute;top:100px;right:2rem}.track-info-hud h2{margin:0;font-size:2rem}.track-info-hud p{opacity:.9;font-size:1.1rem}.vertical-leaderboard{z-index:60;flex-direction:column;gap:8px;display:flex;position:absolute;top:100px;left:10px}.lb-card{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background:#00000040;border-radius:12px;align-items:center;width:200px;padding:4px 16px 4px 4px;transition:transform .2s;display:flex}.lb-rank-num{text-align:center;color:#fff;text-shadow:2px 2px #00000080;width:30px;margin-right:5px;font-size:1.4rem;font-style:italic;font-weight:900}.lb-avatar-box{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;margin-right:12px;font-size:1.2rem;display:flex;box-shadow:0 2px 5px #0000004d}.lb-name{white-space:nowrap;text-overflow:ellipsis;text-shadow:1px 1px #00000080;font-size:.95rem;font-weight:700;overflow:hidden}.vertical-racer{z-index:5;flex-direction:column;align-items:center;width:40px;transition:transform .1s linear;display:flex;position:absolute}.racer-trail{filter:blur(2px);opacity:0;background:linear-gradient(#8b4513b3,#0000);border-radius:10px;width:14px;transition:opacity .3s;position:absolute;top:40px;left:50%;transform:translate(-50%)}.racer-trail.dust-active{opacity:1}.racer-trail:before,.racer-trail:after{content:"";opacity:0;background:#6e3f3a;border-radius:50%;width:4px;height:4px;position:absolute;top:0;left:50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.racer-trail.dust-active:before{animation:.3s linear infinite particle-burst-left}.racer-trail.dust-active:after{animation:.4s linear infinite particle-burst-right}@keyframes particle-burst-left{0%{opacity:1;transform:translate(-50%)scale(1);box-shadow:-6px 8px #5c2e0b,-10px 15px sienna}to{opacity:0;transform:translate(-200%,30px)scale(0);box-shadow:-15px 25px #5c2e0b,-20px 40px sienna}}@keyframes particle-burst-right{0%{opacity:1;transform:translate(-50%)scale(1);box-shadow:6px 12px #5c2e0b,10px 8px sienna}to{opacity:0;transform:translate(150%,40px)scale(0);box-shadow:15px 35px #5c2e0b,20px 20px sienna}}.racer-emoji{filter:drop-shadow(0 15px 5px #0000004d);z-index:2;will-change:transform;border-radius:50%;width:55px;height:55px;position:relative;overflow:hidden}.track-racer-img{object-fit:cover;width:110px;max-width:none;height:110px;position:absolute;top:0;left:0}@keyframes sprite-roll{0%{transform:translate(0)}25%{transform:translate(-55px)}50%{transform:translateY(-55px)}75%{transform:translate(-55px,-55px)}to{transform:translate(0)}}.running-anim .track-racer-img{animation:.12s step-end infinite sprite-roll}.racer-name-tag{color:#fff;text-shadow:1px 1px 3px #000000e6;white-space:nowrap;margin-top:10px;font-size:.8rem;font-weight:700}.podium-container{justify-content:center;align-items:flex-end;gap:2rem;min-height:350px;margin:3rem 0;display:flex}.podium-spot{flex-direction:column;align-items:center;width:250px;animation:.8s cubic-bezier(.2,.8,.2,1) slideUp;display:flex;position:relative}.podium-spot.gold{z-index:3;margin-bottom:30px}.podium-spot.silver{z-index:2}.podium-spot.bronze{z-index:1}.podium-avatar{background:var(--surface);border-radius:20px;justify-content:center;align-items:center;width:100%;height:250px;padding:2rem;display:flex;position:relative;box-shadow:0 10px 30px #00000080}.podium-spot.gold .podium-avatar{border:2px solid gold;height:300px;box-shadow:0 0 40px #ffd70066}.podium-spot.silver .podium-avatar{border:2px solid silver}.podium-spot.bronze .podium-avatar{border:2px solid #cd7f32}.rank-badge{color:#000;z-index:4;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;font-weight:700;display:flex;position:absolute;top:-15px;left:50%;transform:translate(-50%)}.podium-spot.gold .rank-badge{background:gold}.podium-spot.silver .rank-badge{background:silver}.podium-spot.bronze .rank-badge{background:#cd7f32}.podium-info{text-align:center;margin-top:1.5rem}.podium-info h3{color:var(--text-primary);margin:0;font-size:1.5rem}.champ-name{color:var(--primary);margin:.5rem 0;font-weight:700}.champ-score{color:var(--text-muted);font-size:1.2rem}.leaderboard-list{border-radius:15px;margin-bottom:4rem;padding:1rem}.lb-list-header{color:var(--text-muted);text-transform:uppercase;border-bottom:1px solid #ffffff1a;grid-template-columns:80px 2fr 1fr 1fr 1fr;padding:1rem 1.5rem;font-size:.9rem;font-weight:700;display:grid}.lb-list-row{border-bottom:1px solid #ffffff0d;grid-template-columns:80px 2fr 1fr 1fr 1fr;align-items:center;padding:1.5rem;transition:all .2s;display:grid}.lb-list-row:hover{background:#ffffff0d}.lb-list-row:last-child{border-bottom:none}.lb-col-rank{color:var(--text-muted);font-size:1.2rem;font-weight:700}.lb-col-player{align-items:center;gap:1rem;display:flex}.lb-avatar-mini{background:#0003;border-radius:10px;width:50px;height:50px;padding:5px}.lb-player-name{color:var(--text-primary);font-size:1.1rem;font-weight:700}.lb-pangolin-name{color:var(--primary);font-size:.9rem}.lb-col-winrate,.lb-col-races,.lb-col-score{font-size:1.1rem;font-weight:700}.lb-col-score{color:gold}@media (width<=1024px){.podium-container{gap:1rem}.podium-spot{width:200px}}@media (width<=768px){.app-header{height:auto;padding-bottom:.5rem}.header-container{flex-direction:column;gap:.5rem;padding:.5rem 1rem}.logo{justify-content:center;width:100%;height:auto}.logo-img{object-position:center;max-width:100%;height:50px}.nav-links{-webkit-overflow-scrolling:touch;justify-content:flex-start;gap:1rem;width:100%;padding-bottom:.5rem;overflow-x:auto}.header-actions{flex-wrap:wrap;justify-content:center;width:100%}.hero-section{text-align:center;flex-direction:column;padding-top:220px;padding-bottom:40px}.hero-content{flex-direction:column;align-items:center;display:flex}.hero-content h1{font-size:2.5rem}.hero-subtitle{font-size:1rem}.hero-actions{flex-direction:column;align-items:center;width:100%}.hero-actions .btn{width:100%;max-width:300px}.hero-image-container{width:100%;height:auto;margin-top:2rem;position:relative;top:auto;right:auto}.placeholder-pangolin{width:250px;height:250px}.rally-browser-grid,.inventory-grid-page,.features-grid{grid-template-columns:1fr;padding:1rem}.parents-selection{flex-direction:column;align-items:stretch}.parent-slot{width:100%;height:300px}.podium-container{flex-direction:column;align-items:center;gap:3rem;margin-top:5rem}.podium-spot{width:100%;max-width:300px}.podium-spot.gold{order:-1;margin-bottom:0}.lb-list-header{display:none}.lb-list-row{grid-template-columns:50px 1fr;grid-template-areas:"rank player""rank stats";gap:.5rem}.lb-col-rank{grid-area:rank}.lb-col-player{grid-area:player}.lb-col-winrate,.lb-col-races,.lb-col-score{grid-area:stats;margin-right:1rem;font-size:.9rem;display:inline-block}.lb-col-score:before{content:"Score: ";color:var(--text-muted);font-weight:400}.lb-col-winrate:before{content:"WR: ";color:var(--text-muted);font-weight:400}.lb-col-races:before{content:"Races: ";color:var(--text-muted);font-weight:400}.inventory-stats{flex-direction:column;align-items:flex-start;gap:.5rem!important}}.lvl-badge{background:var(--success-bg);color:var(--color-success);border:1px solid var(--success-bg);border-radius:4px;margin-left:.5rem;padding:.2rem .5rem;font-size:.8rem;font-weight:700}.lvl-badge-mini{background:var(--success-bg);color:var(--color-success);border-radius:3px;margin-left:.3rem;padding:.1rem .3rem;font-size:.7rem;font-weight:700}.replay-badge-overlay{color:#f05;letter-spacing:2px;z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#f053;border:2px solid #f05;border-radius:20px;align-items:center;gap:10px;padding:.5rem 1.5rem;font-size:1.5rem;font-weight:700;display:flex;position:absolute;top:2rem;left:50%;transform:translate(-50%);box-shadow:0 0 20px #f056}.pulsing-dot{background-color:#f05;border-radius:50%;width:12px;height:12px;animation:1.5s infinite pulse-red}@keyframes pulse-red{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}