@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&family=Press+Start+2P&display=swap";.ccw-root{position:relative}.ccw-trigger{display:flex;align-items:center;gap:.2rem;padding:.25rem .3rem;background:transparent;border:none;border-radius:6px;cursor:pointer;font-family:var(--font-body);color:var(--text-secondary);transition:all .2s ease;position:relative}.ccw-trigger:hover,.ccw-trigger.open{color:var(--text-primary)}.ccw-trigger .dropdown-chevron{opacity:.5;transition:all .2s ease}.ccw-trigger:hover .dropdown-chevron,.ccw-trigger.open .dropdown-chevron{opacity:1}.ccw-trigger.open .dropdown-chevron{transform:rotate(180deg)}.ccw-trigger.ccw-has-unread .ccw-icon-wrap{animation:ccw-pulse 2s ease-in-out infinite}@keyframes ccw-pulse{0%,to{filter:drop-shadow(0 0 0 rgba(168,85,247,0))}50%{filter:drop-shadow(0 0 8px rgba(168,85,247,.6))}}.ccw-icon-wrap{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;overflow:visible}.ccw-icon-wrap .pet-icon{transform:scale(1.3);transform-origin:center center}.ccw-badge{position:absolute;top:-2px;right:-4px;background:var(--accent-red);color:#fff;font-size:.6rem;font-weight:800;min-width:16px;height:16px;line-height:16px;text-align:center;border-radius:8px;padding:0 3px;z-index:2;animation:ccw-badge-pop .3s ease}@keyframes ccw-badge-pop{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}.ccw-panel{position:absolute;top:calc(100% + 6px);right:0;width:360px;max-height:520px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 12px 40px #00000080,0 0 20px #a855f714;z-index:200;display:flex;flex-direction:column;overflow:hidden;animation:ccw-panel-in .2s ease}@keyframes ccw-panel-in{0%{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.ccw-header{display:flex;align-items:center;justify-content:space-between;padding:.65rem .85rem;background:linear-gradient(135deg,#a855f71f,#00d4ff0f);border-bottom:1px solid var(--border-color)}.ccw-header-left{display:flex;align-items:center;gap:.5rem}.ccw-header-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;overflow:visible}.ccw-header-icon .pet-icon{transform:scale(.3);transform-origin:center center}.ccw-header-name{font-weight:700;font-size:.9rem;color:var(--text-primary)}.ccw-mood{font-size:.85rem}.ccw-header-actions{display:flex;align-items:center;gap:.25rem}.ccw-clear-btn,.ccw-close-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;transition:all .15s}.ccw-clear-btn:hover{color:var(--accent-red);background:#ef44441a}.ccw-close-btn:hover{color:var(--text-primary);background:#ffffff14}.ccw-stats{padding:.6rem .85rem;display:flex;flex-direction:column;gap:.35rem;border-bottom:1px solid var(--border-color);background:#ffffff04}.ccw-stat-row{display:flex;align-items:center;gap:.5rem}.ccw-stat-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);width:44px;flex-shrink:0}.ccw-stat-bar-wrap{flex:1;display:flex;align-items:center;gap:.4rem}.ccw-stat-bar{flex:1;height:6px;background:#ffffff0f;border-radius:3px;overflow:hidden}.ccw-stat-fill{height:100%;border-radius:3px;transition:width .5s ease}.ccw-fill-xp{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.ccw-fill-hunger{background:linear-gradient(90deg,#f9731688,#f97316)}.ccw-fill-happy{background:linear-gradient(90deg,#22c55e88,#22c55e)}.ccw-stat-value{font-size:.7rem;font-weight:600;color:var(--text-muted);min-width:32px;text-align:right}.ccw-view-full{display:block;text-align:center;font-size:.75rem;font-weight:600;color:var(--accent-cyan);text-decoration:none;padding:.3rem 0;border-radius:4px;transition:all .15s;margin-top:.15rem}.ccw-view-full:hover{background:#00d4ff14;color:var(--text-primary)}.ccw-notifications{padding:.4rem .6rem;display:flex;flex-direction:column;gap:.3rem;border-bottom:1px solid var(--border-color)}.ccw-notif{display:flex;align-items:center;gap:.5rem;padding:.35rem .5rem;border-radius:6px;background:#a855f714;border:1px solid rgba(168,85,247,.15);animation:ccw-notif-in .3s ease}.ccw-notif-info{border-color:#3b82f633;background:#3b82f614}.ccw-notif-kill{border-color:#ef444433;background:#ef444414}.ccw-notif-bounty{border-color:#fbbf2433;background:#fbbf2414}.ccw-notif-achievement{border-color:#22c55e33;background:#22c55e14}@keyframes ccw-notif-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.ccw-notif-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-purple);flex-shrink:0;animation:ccw-dot-pulse 1.5s ease-in-out infinite}.ccw-notif-info .ccw-notif-dot{background:var(--accent-cyan)}.ccw-notif-kill .ccw-notif-dot{background:var(--accent-red)}.ccw-notif-bounty .ccw-notif-dot{background:var(--accent-gold)}.ccw-notif-achievement .ccw-notif-dot{background:var(--accent-green)}@keyframes ccw-dot-pulse{0%,to{opacity:1}50%{opacity:.4}}.ccw-notif-text{font-size:.78rem;color:var(--text-secondary);line-height:1.3}.ccw-guest-banner{display:flex;align-items:center;gap:.5rem;padding:.5rem .85rem;background:linear-gradient(135deg,#fbbf240f,#a855f70f);border-bottom:1px solid var(--border-color);font-size:.8rem;color:var(--text-secondary)}.ccw-guest-banner code{background:#ffffff1a;padding:.1rem .35rem;border-radius:3px;font-size:.75rem}.ccw-guest-sparkle{flex-shrink:0;display:flex;animation:ccw-sparkle-spin 3s linear infinite}@keyframes ccw-sparkle-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ccw-guest-link{color:var(--accent-cyan);font-weight:700;text-decoration:none}.ccw-guest-link:hover{text-decoration:underline}.ccw-messages{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:.6rem;display:flex;flex-direction:column;gap:.4rem;min-height:140px;max-height:260px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent}.ccw-messages::-webkit-scrollbar{width:4px}.ccw-messages::-webkit-scrollbar-track{background:transparent}.ccw-messages::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.ccw-empty{text-align:center;color:var(--text-muted);font-size:.82rem;font-style:italic;padding:2rem 1rem;opacity:.7}.ccw-msg{display:flex;align-items:flex-end;gap:.35rem;animation:ccw-msg-in .25s ease}@keyframes ccw-msg-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.ccw-msg-user{flex-direction:row-reverse}.ccw-msg-avatar{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:visible}.ccw-msg-avatar .pet-icon{transform:scale(.25);transform-origin:center center}.ccw-msg-bubble{max-width:78%;padding:.4rem .65rem;border-radius:12px;font-size:.82rem;line-height:1.4;word-break:break-word}.ccw-msg-user .ccw-msg-bubble{background:linear-gradient(135deg,#3b82f633,#3b82f61f);border:1px solid rgba(59,130,246,.25);border-bottom-right-radius:4px;color:var(--text-primary)}.ccw-msg-assistant .ccw-msg-bubble{background:linear-gradient(135deg,#a855f71f,#a855f70f);border:1px solid rgba(168,85,247,.2);border-bottom-left-radius:4px;color:var(--text-primary)}.ccw-typing{display:flex;gap:3px;padding:2px 0}.ccw-typing span{width:5px;height:5px;border-radius:50%;background:#c084fc;animation:ccw-typing-bounce 1.2s ease-in-out infinite}.ccw-typing span:nth-child(2){animation-delay:.15s}.ccw-typing span:nth-child(3){animation-delay:.3s}@keyframes ccw-typing-bounce{0%,60%,to{transform:translateY(0);opacity:.3}30%{transform:translateY(-5px);opacity:1}}.ccw-input-area{display:flex;border-top:1px solid var(--border-color);background:#ffffff05}.ccw-input-area input{flex:1;padding:.65rem .85rem;background:transparent;border:none;color:var(--text-primary);font-size:.82rem;font-family:var(--font-body);outline:none}.ccw-input-area input::placeholder{color:var(--text-muted);opacity:.6}.ccw-input-area button{padding:.65rem .85rem;background:transparent;border:none;color:var(--accent-purple);cursor:pointer;display:flex;align-items:center;transition:all .15s}.ccw-input-area button:hover:not(:disabled){color:#c084fc;background:#a855f71a}.ccw-input-area button:disabled{opacity:.3;cursor:not-allowed}@media (max-width: 900px){.ccw-panel{position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;max-height:75vh;border-radius:16px 16px 0 0;border-bottom:none;animation:ccw-panel-mobile-in .25s ease}@keyframes ccw-panel-mobile-in{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.ccw-messages{max-height:45vh}}@media (max-width: 400px){.ccw-panel{max-height:85vh}}.ticker-wrapper{width:100%;overflow:hidden;background:var(--bg-card);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);padding:.75rem 0;-webkit-user-select:none;user-select:none}.ticker-track{display:flex;gap:0;white-space:nowrap;animation:ticker-scroll 40s linear infinite;width:max-content}.ticker-item{display:inline-flex;align-items:center;gap:.5rem;padding:0 1.5rem;font-family:var(--font-pixel);font-size:.6rem;line-height:1;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.ticker-star{color:var(--accent-cyan);font-size:.5rem;margin-bottom:5px}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion: reduce){.ticker-track{animation:none}}.store-icon{position:relative;display:flex;align-items:center;justify-content:center;margin:0 auto}.si-revivalplus{perspective:200px}.si-rp-glow{position:absolute;width:70%;height:70%;border-radius:50%;background:radial-gradient(circle,rgba(0,212,255,.35) 0%,transparent 70%);animation:siRpPulse 3s ease-in-out infinite}@keyframes siRpPulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.3);opacity:1}}.si-rp-crystal{position:relative;width:40%;height:40%;transform-style:preserve-3d;animation:siRpSpin 6s linear infinite}@keyframes siRpSpin{0%{transform:rotateY(0) rotateX(15deg)}to{transform:rotateY(360deg) rotateX(15deg)}}.si-rp-face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:4px;backface-visibility:visible}.si-rp-face-a{background:linear-gradient(135deg,#00d4ff,#09c);transform:rotateY(0);box-shadow:0 0 15px #00d4ff99}.si-rp-face-b{background:linear-gradient(135deg,#00e5ff,#007acc);transform:rotateY(60deg);opacity:.8;box-shadow:0 0 12px #00d4ff66}.si-rp-face-c{background:linear-gradient(135deg,#3df,#005f99);transform:rotateY(-60deg);opacity:.7;box-shadow:0 0 10px #00d4ff4d}.si-rp-ring{position:absolute;border-radius:50%;border:2px solid transparent}.si-rp-ring-1{width:75%;height:75%;border-top-color:#00d4ff99;border-right-color:#00d4ff33;animation:siRpOrbit1 3s linear infinite}.si-rp-ring-2{width:90%;height:90%;border-bottom-color:#00d4ff66;border-left-color:#00d4ff26;animation:siRpOrbit2 4.5s linear infinite}@keyframes siRpOrbit1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes siRpOrbit2{0%{transform:rotate(180deg)}to{transform:rotate(-180deg)}}.si-rp-spark{position:absolute;width:4px;height:4px;border-radius:50%;background:#00d4ff;box-shadow:0 0 6px #00d4ff;animation:siRpSparkle 2.5s ease-in-out infinite;animation-delay:calc(var(--si) * .4s);top:50%;left:50%}@keyframes siRpSparkle{0%{transform:translate(-50%,-50%) rotate(calc(var(--si) * 60deg)) translateY(0);opacity:0}20%{opacity:1}to{transform:translate(-50%,-50%) rotate(calc(var(--si) * 60deg)) translateY(-35px);opacity:0}}.si-ranks{perspective:300px}.si-rk-glow{position:absolute;width:80%;height:60%;bottom:5%;border-radius:50%;background:radial-gradient(ellipse,rgba(255,215,0,.25) 0%,transparent 70%);animation:siRkGlow 3s ease-in-out infinite}@keyframes siRkGlow{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.15);opacity:.8}}.si-rk-crown{position:relative;width:85%;height:85%;animation:siRkFloat 4s ease-in-out infinite;transform-style:preserve-3d}@keyframes siRkFloat{0%,to{transform:translateY(0) rotateY(0) rotateX(5deg)}25%{transform:translateY(-4px) rotateY(5deg) rotateX(3deg)}50%{transform:translateY(-6px) rotateY(0) rotateX(5deg)}75%{transform:translateY(-4px) rotateY(-5deg) rotateX(3deg)}}.si-rk-svg{width:100%;height:100%;filter:drop-shadow(0 4px 12px rgba(255,215,0,.3))}.si-rk-shine{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.25) 45%,rgba(255,255,255,.35) 50%,rgba(255,255,255,.25) 55%,transparent 60%);animation:siRkSweep 3s ease-in-out infinite;pointer-events:none;border-radius:4px}@keyframes siRkSweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}.si-rk-sparkle{position:absolute;width:5px;height:5px;background:gold;border-radius:50%;box-shadow:0 0 8px gold;animation:siRkTwinkle 2s ease-in-out infinite;animation-delay:calc(var(--si) * .5s)}.si-rk-sparkle:nth-child(4){top:10%;left:15%}.si-rk-sparkle:nth-child(5){top:5%;right:15%}.si-rk-sparkle:nth-child(6){top:35%;left:5%}.si-rk-sparkle:nth-child(7){top:35%;right:5%}@keyframes siRkTwinkle{0%,to{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.2)}}.si-heartkey{perspective:200px}.si-hk-glow{position:absolute;width:70%;height:70%;border-radius:50%;background:radial-gradient(circle,rgba(244,63,94,.35) 0%,transparent 70%);animation:siHkPulse 2s ease-in-out infinite}@keyframes siHkPulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.15);opacity:.9}}.si-hk-body{position:relative;width:80%;height:80%;animation:siHkFloat 4s ease-in-out infinite}.si-hk-svg{width:100%;height:100%;filter:drop-shadow(0 0 8px rgba(244,63,94,.6))}@keyframes siHkFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.05)}}.si-hk-heart{transform-origin:40px 40px;animation:siHkHeartbeat 2s ease-in-out infinite}@keyframes siHkHeartbeat{0%,to{transform:scale(1)}25%{transform:scale(1.04)}50%{transform:scale(1)}75%{transform:scale(1.02)}}.si-hk-shackle{transition:d .4s ease}.si-hk-spark{position:absolute;width:4px;height:4px;border-radius:50%;background:#fda4af;box-shadow:0 0 6px #f43f5e99;animation:siHkSparkle 3s ease-in-out infinite;animation-delay:calc(var(--si) * .5s);top:50%;left:50%}@keyframes siHkSparkle{0%{transform:translate(-50%,-50%) rotate(calc(var(--si) * 60deg)) translateY(0);opacity:0}20%{opacity:1}80%{opacity:.5}to{transform:translate(-50%,-50%) rotate(calc(var(--si) * 60deg + 30deg)) translateY(-32px);opacity:0}}.si-crates{perspective:250px}.si-cr-glow{position:absolute;width:80%;height:50%;bottom:0;border-radius:50%;background:radial-gradient(ellipse,rgba(168,85,247,.2) 0%,transparent 70%);transition:all .4s ease}.si-cr-open .si-cr-glow{background:radial-gradient(ellipse,rgba(255,215,0,.4) 0%,transparent 70%);transform:scale(1.3)}.si-cr-chest{position:relative;width:70%;height:70%;transform-style:preserve-3d;animation:siCrBob 3.5s ease-in-out infinite}@keyframes siCrBob{0%,to{transform:translateY(0) rotateX(5deg) rotateY(-5deg)}50%{transform:translateY(-4px) rotateX(5deg) rotateY(-5deg)}}.si-cr-lid{position:absolute;top:0;left:0;right:0;height:40%;transform-origin:top center;transition:transform .5s cubic-bezier(.34,1.56,.64,1);z-index:2}.si-cr-open .si-cr-lid{transform:rotateX(-35deg) translateY(-4px)}.si-cr-lid-face{width:100%;height:100%;border-radius:6px 6px 0 0;background:linear-gradient(180deg,#9333ea,#7c3aed,#6d28d9);border:1.5px solid rgba(168,85,247,.6);border-bottom:none;box-shadow:inset 0 2px 4px #ffffff26,0 2px 8px #9333ea4d;position:relative;overflow:hidden}.si-cr-lid-band{position:absolute;top:50%;left:10%;right:10%;height:3px;background:linear-gradient(90deg,transparent,rgba(255,215,0,.6),rgba(255,215,0,.8),rgba(255,215,0,.6),transparent);border-radius:2px;transform:translateY(-50%)}.si-cr-body{position:absolute;bottom:0;left:0;right:0;height:65%;z-index:1}.si-cr-body-face{width:100%;height:100%;border-radius:0 0 6px 6px;background:linear-gradient(180deg,#7c3aed,#6d28d9 40%,#5b21b6);border:1.5px solid rgba(168,85,247,.5);border-top:none;box-shadow:inset 0 -3px 6px #0003,0 4px 12px #5b21b666;position:relative;overflow:hidden}.si-cr-latch{position:absolute;top:-4px;left:50%;transform:translate(-50%);width:18%;height:10px;background:linear-gradient(180deg,gold,#daa520);border-radius:2px;box-shadow:0 2px 4px #0000004d,0 0 8px #ffd7004d}.si-cr-latch:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:5px;height:5px;border-radius:50%;background:#b8860b;border:1px solid #ffd700}.si-cr-band{position:absolute;top:45%;left:10%;right:10%;height:3px;background:linear-gradient(90deg,transparent,rgba(255,215,0,.4),rgba(255,215,0,.6),rgba(255,215,0,.4),transparent);border-radius:2px}.si-cr-inner-glow{position:absolute;top:25%;left:15%;right:15%;height:20%;background:radial-gradient(ellipse,#ffd700cc,#ffd70000 70%);opacity:0;transition:opacity .4s ease .15s;z-index:1}.si-cr-open .si-cr-inner-glow{opacity:1}.si-cr-reward{position:absolute;width:6px;height:6px;border-radius:50%;top:35%;left:50%;opacity:0;z-index:3;transition:none}.si-cr-reward:nth-child(n+4):nth-child(-n+7){background:gold;box-shadow:0 0 6px gold}.si-cr-reward:nth-child(n+8):nth-child(-n+9){background:#a78bfa;box-shadow:0 0 6px #a78bfa}.si-cr-reward:nth-child(n+10):nth-child(-n+11){background:#00d4ff;box-shadow:0 0 6px #00d4ff;width:4px;height:4px}.si-cr-open .si-cr-reward{animation:siCrBurst .8s ease-out forwards;animation-delay:calc(.2s + var(--si) * .05s)}@keyframes siCrBurst{0%{transform:translate(-50%) scale(0);opacity:1}30%{opacity:1;transform:translate(calc(-50% + cos(var(--si) * 45deg)*25px),calc(-20px + sin(var(--si) * 45deg)*-15px)) scale(1)}to{opacity:0;transform:translate(calc(-50% + cos(var(--si) * 45deg)*35px),calc(-40px + sin(var(--si) * 45deg)*-25px)) scale(.5)}}.si-cr-open .si-cr-reward:nth-child(4){animation-name:siCrB0}.si-cr-open .si-cr-reward:nth-child(5){animation-name:siCrB1}.si-cr-open .si-cr-reward:nth-child(6){animation-name:siCrB2}.si-cr-open .si-cr-reward:nth-child(7){animation-name:siCrB3}.si-cr-open .si-cr-reward:nth-child(8){animation-name:siCrB4}.si-cr-open .si-cr-reward:nth-child(9){animation-name:siCrB5}.si-cr-open .si-cr-reward:nth-child(10){animation-name:siCrB6}.si-cr-open .si-cr-reward:nth-child(11){animation-name:siCrB7}@keyframes siCrB0{0%{transform:translate(-50%) scale(0);opacity:1}to{transform:translate(-50%,-40px) scale(.3);opacity:0}}@keyframes siCrB1{0%{transform:translate(-50%) scale(0);opacity:1}to{transform:translate(-30px,-30px) scale(.3);opacity:0}}@keyframes siCrB2{0%{transform:translate(-50%) scale(0);opacity:1}to{transform:translate(20px,-35px) scale(.3);opacity:0}}@keyframes siCrB3{0%{transform:translate(-50%) scale(0);opacity:1}to{transform:translate(-20px,-45px) scale(.3);opacity:0}}@keyframes siCrB4{0%{transform:translate(-50%) scale(0);opacity:1}to{transform:translate(15px,-25px) scale(.3);opacity:0}}@keyframes siCrB5{0%{transform:translate(-50%) scale(0);opacity:1}to{transform:translate(-35px,-20px) scale(.3);opacity:0}}@keyframes siCrB6{0%{transform:translate(-50%) scale(0);opacity:1}to{transform:translate(30px,-38px) scale(.3);opacity:0}}@keyframes siCrB7{0%{transform:translate(-50%) scale(0);opacity:1}to{transform:translate(-10px,-42px) scale(.3);opacity:0}}@media (prefers-reduced-motion: reduce){.si-rp-crystal,.si-rp-ring,.si-rp-spark,.si-rp-glow,.si-rk-crown,.si-rk-shine,.si-rk-sparkle,.si-rk-glow,.si-cr-chest,.si-cr-glow,.si-cr-open .si-cr-reward,.si-cm-paw,.si-cm-glow,.si-cm-spark,.si-cm-heart,.si-hk-body,.si-hk-glow,.si-hk-spark,.si-hk-heart{animation:none!important}}.si-companions{perspective:200px}.si-cm-glow{position:absolute;width:70%;height:70%;border-radius:50%;background:radial-gradient(circle,rgba(168,85,247,.35),transparent 70%);animation:siCmGlow 3s ease-in-out infinite}@keyframes siCmGlow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.si-cm-paw{position:relative;width:75%;height:75%;animation:siCmFloat 4s ease-in-out infinite}.si-cm-svg{width:100%;height:100%;filter:drop-shadow(0 2px 8px rgba(168,85,247,.4))}@keyframes siCmFloat{0%,to{transform:translateY(0) rotateY(0)}25%{transform:translateY(-3px) rotateY(5deg)}50%{transform:translateY(-5px) rotateY(0)}75%{transform:translateY(-3px) rotateY(-5deg)}}.si-cm-heart{animation:siCmHeartbeat 1.5s ease-in-out infinite;transform-origin:40px 44px}@keyframes siCmHeartbeat{0%,to{transform:scale(1);opacity:.8}15%{transform:scale(1.2);opacity:1}30%{transform:scale(1);opacity:.8}45%{transform:scale(1.15);opacity:.95}60%{transform:scale(1);opacity:.8}}.si-cm-spark{position:absolute;width:4px;height:4px;border-radius:50%;background:#e9d5ff;box-shadow:0 0 6px 2px #a855f780;animation:siCmSpark 3s ease-in-out infinite;animation-delay:calc(var(--si) * .5s)}.si-cm-spark:nth-child(1){top:10%;left:15%}.si-cm-spark:nth-child(2){top:5%;right:20%}.si-cm-spark:nth-child(3){bottom:15%;left:10%}.si-cm-spark:nth-child(4){bottom:10%;right:15%}.si-cm-spark:nth-child(5){top:25%;left:5%}.si-cm-spark:nth-child(6){top:20%;right:8%}@keyframes siCmSpark{0%,to{opacity:0;transform:scale(.5) translateY(0)}20%{opacity:1;transform:scale(1) translateY(-4px)}80%{opacity:.6;transform:scale(.8) translateY(-8px)}}.grok-section{position:relative;min-height:100vh;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;background:transparent;padding:0 max(4vw,2rem) 4rem}.grok-bg-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:0;opacity:.06}.grok-bg-icon svg{width:min(900px,80vw);height:min(900px,80vw)}.grok-bg-icon[data-pet=cat]{animation:petIntroCat 2.2s cubic-bezier(.16,1,.3,1) forwards}@keyframes petIntroCat{0%{opacity:0;transform:translate(-80%,-48%) scaleY(.85) scaleX(.95);filter:brightness(3)}15%{opacity:.3}40%{opacity:.2;transform:translate(-55%,-50%) scaleY(.92) scaleX(1)}70%{opacity:.1;transform:translate(-52%,-50%) scale(1);filter:brightness(1.5)}to{opacity:.06;transform:translate(-50%,-50%) scale(1);filter:brightness(1)}}.grok-bg-icon[data-pet=fox]{animation:petIntroFox 1.6s cubic-bezier(.22,1,.36,1) forwards}@keyframes petIntroFox{0%{opacity:0;transform:translate(40%,-50%) scale(.85);filter:brightness(3)}20%{opacity:.35;transform:translate(10%,-50%) scale(.95)}50%{opacity:.15;transform:translate(-48%,-50%) scale(1.02);filter:brightness(1.8)}80%{opacity:.08;transform:translate(-51%,-50%) scale(1)}to{opacity:.06;transform:translate(-50%,-50%) scale(1);filter:brightness(1)}}.grok-bg-icon[data-pet=dragon]{animation:petIntroDragon 2.5s cubic-bezier(.16,1,.3,1) forwards}@keyframes petIntroDragon{0%{opacity:0;transform:translate(-50%,-120%) rotate(-20deg) scale(.7);filter:brightness(4) drop-shadow(0 0 40px rgba(251,146,60,.5))}20%{opacity:.35;transform:translate(-50%,-80%) rotate(-12deg) scale(.85)}45%{opacity:.25;transform:translate(-50%,-55%) rotate(-3deg) scale(1.05);filter:brightness(2)}70%{opacity:.1;transform:translate(-50%,-48%) rotate(1deg) scale(1.02);filter:brightness(1.3)}85%{transform:translate(-50%,-51%) rotate(0) scale(1)}to{opacity:.06;transform:translate(-50%,-50%) rotate(0) scale(1);filter:brightness(1)}}.grok-bg-icon[data-pet=wolf]{animation:petIntroWolf 2.8s cubic-bezier(.16,1,.3,1) forwards}@keyframes petIntroWolf{0%{opacity:0;transform:translate(-50%,-50%) scale(1.4);filter:blur(30px) brightness(3)}20%{opacity:.25;transform:translate(-50%,-50%) scale(1.25);filter:blur(18px) brightness(2.5)}45%{opacity:.2;transform:translate(-50%,-50%) scale(1.12);filter:blur(8px) brightness(1.8)}70%{opacity:.1;transform:translate(-50%,-50%) scale(1.04);filter:blur(2px) brightness(1.3)}to{opacity:.06;transform:translate(-50%,-50%) scale(1);filter:blur(0px) brightness(1)}}.grok-bg-icon[data-pet=parrot]{animation:petIntroParrot 2s cubic-bezier(.16,1,.3,1) forwards}@keyframes petIntroParrot{0%{opacity:0;transform:translate(-20%,-110%) rotate(15deg) scale(.6);filter:brightness(3)}15%{opacity:.3;transform:translate(-30%,-85%) rotate(8deg) scale(.75)}30%{transform:translate(-38%,-70%) rotate(-5deg) scale(.85)}45%{opacity:.2;transform:translate(-44%,-58%) rotate(6deg) scale(.95);filter:brightness(2)}60%{transform:translate(-48%,-52%) rotate(-3deg) scale(1.02)}80%{opacity:.08;transform:translate(-50%,-49%) rotate(1deg) scale(1)}to{opacity:.06;transform:translate(-50%,-50%) rotate(0) scale(1);filter:brightness(1)}}.grok-bg-icon[data-pet=rabbit]{animation:petIntroRabbit 1.8s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes petIntroRabbit{0%{opacity:0;transform:translate(-50%,40%) scale(.8);filter:brightness(3)}20%{opacity:.35;transform:translate(-50%,-10%) scale(1.05)}35%{opacity:.25;transform:translate(-50%,-58%) scale(.98);filter:brightness(2)}50%{transform:translate(-50%,-46%) scale(1.02)}65%{opacity:.12;transform:translate(-50%,-52%) scale(.99)}80%{transform:translate(-50%,-49%) scale(1.01);filter:brightness(1.2)}to{opacity:.06;transform:translate(-50%,-50%) scale(1);filter:brightness(1)}}.grok-bg-icon[data-pet=allay]{animation:petIntroAllay 2.2s cubic-bezier(.16,1,.3,1) forwards}@keyframes petIntroAllay{0%{opacity:0;transform:translate(-50%,-50%) scale(0) rotate(180deg);filter:brightness(5) drop-shadow(0 0 60px rgba(96,165,250,.6))}25%{opacity:.4;transform:translate(-50%,-50%) scale(.5) rotate(90deg);filter:brightness(3)}50%{opacity:.2;transform:translate(-50%,-50%) scale(.9) rotate(20deg);filter:brightness(2) drop-shadow(0 0 20px rgba(96,165,250,.3))}75%{opacity:.1;transform:translate(-50%,-50%) scale(1.03) rotate(-3deg);filter:brightness(1.3)}to{opacity:.06;transform:translate(-50%,-50%) scale(1) rotate(0);filter:brightness(1) drop-shadow(none)}}.grok-bg-icon[data-pet=golem]{animation:petIntroGolem 2.4s cubic-bezier(.16,1,.3,1) forwards}@keyframes petIntroGolem{0%{opacity:0;transform:translate(-50%,60%) scale(1.15);filter:brightness(3) drop-shadow(0 0 30px rgba(168,85,247,.5))}15%{opacity:.35;transform:translate(-50%,-20%) scale(1.08)}25%{opacity:.3;transform:translate(-50%,-52%) scale(1.04);filter:brightness(2.5)}35%{transform:translate(-51%,-49%) scale(1.01)}42%{transform:translate(-49%,-51%) scale(1)}50%{opacity:.15;transform:translate(-50%,-50%) scale(1.02);filter:brightness(1.5)}to{opacity:.06;transform:translate(-50%,-50%) scale(1);filter:brightness(1) drop-shadow(none)}}.grok-bg-icon[data-pet=axolotl]{animation:petIntroAxolotl 2.4s cubic-bezier(.16,1,.3,1) forwards}@keyframes petIntroAxolotl{0%{opacity:0;transform:translate(-90%,-50%) rotate(5deg) scale(.8);filter:brightness(3)}15%{opacity:.3;transform:translate(-70%,-48%) rotate(-3deg) scale(.88)}30%{transform:translate(-60%,-52%) rotate(4deg) scale(.93);filter:brightness(2.2)}45%{opacity:.2;transform:translate(-54%,-49%) rotate(-2deg) scale(.97)}60%{transform:translate(-51%,-51%) rotate(1deg) scale(1.01);filter:brightness(1.4)}80%{opacity:.08;transform:translate(-50%,-50%) rotate(-.5deg) scale(1)}to{opacity:.06;transform:translate(-50%,-50%) rotate(0) scale(1);filter:brightness(1)}}.grok-bg-icon.grok-bg-mouse{animation:none;transition:transform .2s ease-out,opacity 1.5s ease;transform-style:preserve-3d;perspective:1200px;will-change:transform}.grok-bg-icon[data-pet]{filter:none!important}@media (prefers-reduced-motion: reduce){.grok-bg-icon[data-pet]{animation:none!important;opacity:.06;transform:translate(-50%,-50%);filter:none}}.grok-glow{display:none}.grok-chat{position:relative;z-index:1;width:100%;max-width:900px;display:flex;flex-direction:column;opacity:0;transform:translateY(16px);transition:opacity .8s cubic-bezier(.16,1,.3,1) .3s,transform .8s cubic-bezier(.16,1,.3,1) .3s}.grok-chat.is-visible{opacity:1;transform:translateY(0)}.grok-messages{overflow-y:auto;padding:1rem 0;display:flex;flex-direction:column;gap:1.25rem;min-height:0;max-height:35vh;margin-left:50%;width:50%}.grok-empty{display:flex;align-items:center;justify-content:center;padding:2rem 0}.grok-empty-icon{opacity:.15}.grok-msg{display:flex;gap:.75rem;max-width:85%;animation:grok-msg-in .35s cubic-bezier(.16,1,.3,1)}.grok-msg.user{align-self:flex-end;flex-direction:row-reverse}@keyframes grok-msg-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.grok-msg-avi{width:28px;height:28px;flex-shrink:0;display:flex;align-items:center;justify-content:center;opacity:.6;margin-top:3px}.grok-msg-text{font-size:1rem;line-height:1.7;color:var(--text-primary);font-family:var(--font-body)}.grok-msg.ai .grok-msg-text{color:var(--text-secondary)}.grok-msg.user .grok-msg-text{background:#00d4ff0f;border:1px solid rgba(0,212,255,.08);padding:.6rem 1rem;border-radius:16px 16px 4px}.grok-typing{display:flex!important;gap:5px;padding:.5rem 0}.grok-typing span{width:6px;height:6px;border-radius:50%;background:var(--accent-cyan);animation:grok-dot 1.4s ease-in-out infinite}.grok-typing span:nth-child(2){animation-delay:.15s}.grok-typing span:nth-child(3){animation-delay:.3s}@keyframes grok-dot{0%,80%,to{opacity:.2;transform:scale(.7)}40%{opacity:.7;transform:scale(1)}}.grok-input-area{padding:1rem 0 0}.grok-input-row{display:flex;align-items:center;gap:.75rem;background:#ffffff06;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:.6rem .75rem;transition:border-color .25s,box-shadow .25s}.grok-input-row:focus-within{border-color:#ffffff1f}.grok-pets{display:flex;gap:2px;flex-shrink:0}.grok-pet{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid transparent;background:transparent;cursor:pointer;transition:all .2s;opacity:.3}.grok-pet:hover{opacity:.6}.grok-pet.on{opacity:1;border-color:#00d4ff33;background:#00d4ff0f}.grok-input-row input{flex:1;background:transparent;border:none;padding:.6rem .25rem;font-family:var(--font-body);font-size:1rem;color:var(--text-primary);outline:none}.grok-input-row input::placeholder{color:var(--text-muted);opacity:.7}.grok-send{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:var(--accent-cyan);border:none;border-radius:10px;color:var(--bg-dark);cursor:pointer;transition:all .2s;flex-shrink:0}.grok-send:hover:not(:disabled){background:var(--text-primary);transform:scale(1.05)}.grok-send:disabled{opacity:.15;cursor:not-allowed}.grok-input-hint{text-align:center;margin-top:.75rem}.grok-input-hint a{font-size:.8rem;color:var(--text-muted);opacity:.6;text-decoration:none;transition:opacity .2s,color .2s}.grok-input-hint a:hover{opacity:1;color:var(--accent-cyan)}.grok-messages::-webkit-scrollbar{width:3px}.grok-messages::-webkit-scrollbar-track{background:transparent}.grok-messages::-webkit-scrollbar-thumb{background:#ffffff0f;border-radius:2px}@media (max-width: 900px){.grok-section{min-height:auto;padding:2rem 1rem;justify-content:center}.grok-bg-icon{display:none}.grok-chat{max-width:100%}.grok-messages{max-height:30vh;min-height:120px;margin-left:0;width:100%}.grok-pets{display:none}}@media (max-width: 900px){.hero{flex-direction:column}.hero>.grok-section{position:relative;order:2}.hero-overlay{order:1}}@media (prefers-reduced-motion: reduce){.grok-msg{animation:none}}.s1-layout{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.s1-image-wrapper{position:relative;overflow:hidden}.s1-image{width:100%;height:auto;display:block;transition:transform .5s cubic-bezier(.23,1,.32,1)}.s1-image-wrapper:hover .s1-image{transform:scale(1.02)}.s1-info{display:flex;flex-direction:column}.s1-features{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:1.5rem}.s1-feature{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.82rem;color:var(--text-secondary);border:1px solid var(--border-color);text-decoration:none;transition:all .2s ease;position:relative}.s1-feature:hover{color:var(--accent-cyan);border-color:#00d4ff33;background:#00d4ff08}@media (max-width: 768px){.s1-layout{grid-template-columns:1fr;gap:1.5rem}.s1-features{grid-template-columns:1fr}}.pet-icon{position:relative;display:flex;align-items:center;justify-content:center;margin:0 auto}@media (prefers-reduced-motion: reduce){.pet-icon *{animation:none!important}}.pi-cat{perspective:200px}.pi-cat-glow{position:absolute;width:60%;height:60%;border-radius:50%;background:radial-gradient(circle,rgba(0,255,136,.2) 0%,transparent 70%);animation:piCatPulse 3s ease-in-out infinite}@keyframes piCatPulse{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.3);opacity:.8}}.pi-cat-body{position:relative;width:85%;height:85%;animation:piCatBreathe 4s ease-in-out infinite}@keyframes piCatBreathe{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.pi-cat-svg{width:100%;height:100%}.pi-cat-tail{transform-origin:55px 55px;animation:piCatTail 3s ease-in-out infinite}@keyframes piCatTail{0%,to{transform:rotate(0)}25%{transform:rotate(8deg)}75%{transform:rotate(-5deg)}}.pi-cat-eye{animation:piCatBlink 4s ease-in-out infinite;transform-origin:center center;transform-box:fill-box}@keyframes piCatBlink{0%,42%,46%,to{transform:scaleY(1)}44%{transform:scaleY(.143)}}.pi-cat-sparkle{position:absolute;width:4px;height:4px;border-radius:50%;background:#0f8;box-shadow:0 0 6px #0f8;animation:piCatSparkle 3s ease-in-out infinite;animation-delay:calc(var(--si) * .7s);opacity:0}.pi-cat-sparkle:nth-child(2){top:15%;left:20%}.pi-cat-sparkle:nth-child(3){top:25%;right:15%}.pi-cat-sparkle:nth-child(4){bottom:30%;left:10%}.pi-cat-sparkle:nth-child(5){bottom:20%;right:20%}@keyframes piCatSparkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}.pi-fox{perspective:200px}.pi-fox-glow{position:absolute;width:65%;height:65%;border-radius:50%;background:radial-gradient(circle,rgba(255,140,66,.25) 0%,transparent 70%);animation:piFoxPulse 3.5s ease-in-out infinite}@keyframes piFoxPulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.25);opacity:.9}}.pi-fox-body{position:relative;width:85%;height:85%;animation:piFoxTilt 5s ease-in-out infinite}@keyframes piFoxTilt{0%,to{transform:rotate(0) translateY(0)}30%{transform:rotate(3deg) translateY(-2px)}60%{transform:rotate(-2deg) translateY(-1px)}}.pi-fox-svg{width:100%;height:100%}.pi-fox-tail{transform-origin:56px 52px;animation:piFoxTail 2.5s ease-in-out infinite}@keyframes piFoxTail{0%,to{transform:rotate(0)}50%{transform:rotate(10deg)}}.pi-fox-leaf{position:absolute;width:6px;height:6px;background:#22c55e;border-radius:50% 0;animation:piFoxLeaf 4s ease-in-out infinite;animation-delay:calc(var(--si) * .8s);opacity:0}.pi-fox-leaf:nth-child(2){top:10%;left:30%}.pi-fox-leaf:nth-child(3){top:20%;right:10%}.pi-fox-leaf:nth-child(4){bottom:25%;left:15%}.pi-fox-leaf:nth-child(5){top:40%;right:5%}.pi-fox-leaf:nth-child(6){bottom:15%;right:25%}@keyframes piFoxLeaf{0%{opacity:0;transform:translateY(-10px) rotate(0)}20%{opacity:.8}to{opacity:0;transform:translateY(30px) rotate(180deg)}}.pi-parrot{perspective:200px}.pi-parrot-glow{position:absolute;width:60%;height:60%;border-radius:50%;background:radial-gradient(circle,rgba(34,197,94,.25) 0%,transparent 70%);animation:piParrotPulse 3s ease-in-out infinite}@keyframes piParrotPulse{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.35);opacity:.8}}.pi-parrot-body{position:relative;width:85%;height:85%;animation:piParrotBob 2s ease-in-out infinite}@keyframes piParrotBob{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-4px) rotate(2deg)}}.pi-parrot-svg{width:100%;height:100%}.pi-parrot-wing-l{transform-origin:26px 48px;animation:piParrotFlapL 1.5s ease-in-out infinite}.pi-parrot-wing-r{transform-origin:54px 48px;animation:piParrotFlapR 1.5s ease-in-out infinite}@keyframes piParrotFlapL{0%,to{transform:rotate(0)}50%{transform:rotate(-15deg)}}@keyframes piParrotFlapR{0%,to{transform:rotate(0)}50%{transform:rotate(15deg)}}.pi-parrot-feather{position:absolute;width:5px;height:5px;border-radius:50%;animation:piParrotFeather 3.5s ease-out infinite;animation-delay:calc(var(--si) * .55s);opacity:0}.pi-parrot-feather:nth-child(2){background:#ef4444;top:30%;left:10%}.pi-parrot-feather:nth-child(3){background:#3b82f6;top:20%;right:15%}.pi-parrot-feather:nth-child(4){background:#eab308;bottom:20%;left:20%}.pi-parrot-feather:nth-child(5){background:#22c55e;top:50%;right:8%}.pi-parrot-feather:nth-child(6){background:#a855f7;bottom:30%;right:15%}.pi-parrot-feather:nth-child(7){background:#f97316;top:15%;left:25%}@keyframes piParrotFeather{0%{opacity:0;transform:scale(0) translateY(0)}20%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.5) translateY(20px) rotate(180deg)}}.pi-rabbit{perspective:200px}.pi-rabbit-glow{position:absolute;width:60%;height:60%;border-radius:50%;background:radial-gradient(circle,rgba(255,179,193,.25) 0%,transparent 70%);animation:piRabbitPulse 3s ease-in-out infinite}@keyframes piRabbitPulse{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.3);opacity:.7}}.pi-rabbit-body{position:relative;width:85%;height:85%;animation:piRabbitHop 2s ease-in-out infinite}@keyframes piRabbitHop{0%,to{transform:translateY(0)}40%{transform:translateY(-6px)}60%{transform:translateY(-6px)}}.pi-rabbit-svg{width:100%;height:100%}.pi-rabbit-ear-l{transform-origin:32px 34px;animation:piRabbitEarL 3s ease-in-out infinite}.pi-rabbit-ear-r{transform-origin:48px 34px;animation:piRabbitEarR 3.5s ease-in-out infinite}@keyframes piRabbitEarL{0%,80%,to{transform:rotate(-10deg)}85%{transform:rotate(-18deg)}90%{transform:rotate(-6deg)}}@keyframes piRabbitEarR{0%,70%,to{transform:rotate(10deg)}75%{transform:rotate(18deg)}80%{transform:rotate(6deg)}}.pi-rabbit-hop{position:absolute;bottom:10%;width:8px;height:8px;border-radius:50%;background:#ffb3c180;animation:piRabbitDust 2s ease-out infinite;animation-delay:calc(var(--si) * .3s);opacity:0}.pi-rabbit-hop:nth-child(2){left:30%}.pi-rabbit-hop:nth-child(3){left:50%}.pi-rabbit-hop:nth-child(4){left:65%}@keyframes piRabbitDust{0%{opacity:0;transform:scale(0) translateY(0)}40%{opacity:.6;transform:scale(1) translateY(-5px)}to{opacity:0;transform:scale(1.5) translateY(-15px)}}.pi-allay{perspective:200px}.pi-allay-glow{position:absolute;width:75%;height:75%;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.3) 0%,transparent 70%);animation:piAllayPulse 2.5s ease-in-out infinite}@keyframes piAllayPulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.4);opacity:1}}.pi-allay-body{position:relative;width:80%;height:80%;animation:piAllayFloat 3s ease-in-out infinite}@keyframes piAllayFloat{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-5px) rotate(2deg)}75%{transform:translateY(-3px) rotate(-2deg)}}.pi-allay-svg{width:100%;height:100%}.pi-allay-wing-l{transform-origin:24px 42px;animation:piAllayWingL 1.8s ease-in-out infinite}.pi-allay-wing-r{transform-origin:52px 42px;animation:piAllayWingR 1.8s ease-in-out infinite}@keyframes piAllayWingL{0%,to{transform:rotate(0) scale(1)}50%{transform:rotate(-10deg) scale(1.1)}}@keyframes piAllayWingR{0%,to{transform:rotate(0) scale(1)}50%{transform:rotate(10deg) scale(1.1)}}.pi-allay-sparkle{position:absolute;width:4px;height:4px;background:#93c5fd;border-radius:50%;box-shadow:0 0 8px #60a5fa,0 0 16px #60a5fa4d;animation:piAllaySparkle 2.5s ease-in-out infinite;animation-delay:calc(var(--si) * .3s);opacity:0}.pi-allay-sparkle:nth-child(2){top:10%;left:20%}.pi-allay-sparkle:nth-child(3){top:5%;right:25%}.pi-allay-sparkle:nth-child(4){top:30%;left:5%}.pi-allay-sparkle:nth-child(5){top:25%;right:10%}.pi-allay-sparkle:nth-child(6){bottom:35%;left:15%}.pi-allay-sparkle:nth-child(7){bottom:25%;right:20%}.pi-allay-sparkle:nth-child(8){bottom:15%;left:30%}.pi-allay-sparkle:nth-child(9){bottom:10%;right:30%}@keyframes piAllaySparkle{0%,to{opacity:0;transform:scale(0) translateY(0)}30%{opacity:1;transform:scale(1) translateY(-5px)}70%{opacity:.5;transform:scale(.8) translateY(-15px)}}.pi-golem{perspective:250px}.pi-golem-glow{position:absolute;width:70%;height:70%;border-radius:50%;background:radial-gradient(circle,rgba(167,139,250,.35) 0%,transparent 70%);animation:piGolemPulse 3s ease-in-out infinite}@keyframes piGolemPulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.4);opacity:1}}.pi-golem-body{position:relative;width:85%;height:85%;animation:piGolemStomp 2.5s ease-in-out infinite}@keyframes piGolemStomp{0%,to{transform:translateY(0) scale(1)}40%{transform:translateY(-4px) scale(1.02)}55%{transform:translateY(2px) scale(.98)}}.pi-golem-svg{width:100%;height:100%}.pi-golem-arm-l{transform-origin:13px 48px;animation:piGolemArmL 2.5s ease-in-out infinite}.pi-golem-arm-r{transform-origin:67px 48px;animation:piGolemArmR 2.5s ease-in-out infinite}@keyframes piGolemArmL{0%,to{transform:rotate(0)}50%{transform:rotate(-8deg)}}@keyframes piGolemArmR{0%,to{transform:rotate(0)}50%{transform:rotate(8deg)}}.pi-golem-chest{animation:piGolemChest 2s ease-in-out infinite}@keyframes piGolemChest{0%,to{opacity:.8;filter:brightness(1)}50%{opacity:1;filter:brightness(1.4)}}.pi-golem-crown,.pi-golem-crystal-l,.pi-golem-crystal-r{animation:piGolemCrystalShimmer 3s ease-in-out infinite}@keyframes piGolemCrystalShimmer{0%,to{opacity:.7;filter:brightness(1)}50%{opacity:1;filter:brightness(1.5)}}.pi-golem-shard{position:absolute;width:5px;height:8px;background:linear-gradient(135deg,#e9d5ff,#a78bfa);clip-path:polygon(50% 0%,100% 100%,0% 100%);animation:piGolemShard 3s ease-out infinite;animation-delay:calc(var(--si) * .5s);opacity:0}.pi-golem-shard:nth-child(2){top:10%;left:15%}.pi-golem-shard:nth-child(3){top:5%;right:20%}.pi-golem-shard:nth-child(4){top:30%;left:5%}.pi-golem-shard:nth-child(5){top:25%;right:8%}.pi-golem-shard:nth-child(6){bottom:30%;left:10%}.pi-golem-shard:nth-child(7){bottom:25%;right:15%}@keyframes piGolemShard{0%{opacity:0;transform:translateY(5px) scale(0) rotate(0)}30%{opacity:1;transform:translateY(-5px) scale(1) rotate(45deg)}to{opacity:0;transform:translateY(-25px) scale(.5) rotate(180deg)}}.pi-wolf{perspective:200px}.pi-wolf-glow{position:absolute;width:75%;height:75%;border-radius:50%;background:radial-gradient(circle,rgba(103,232,249,.25) 0%,transparent 70%);animation:piWolfPulse 3.5s ease-in-out infinite}@keyframes piWolfPulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.35);opacity:.8}}.pi-wolf-body{position:relative;width:88%;height:88%;animation:piWolfHowl 5s ease-in-out infinite}@keyframes piWolfHowl{0%,to{transform:translateY(0) rotate(0);opacity:.85}15%{transform:translateY(-3px) rotate(-2deg);opacity:.9}30%{transform:translateY(-1px) rotate(0);opacity:.75}60%{transform:translateY(-2px) rotate(1deg);opacity:.9}}.pi-wolf-svg{width:100%;height:100%}.pi-wolf-tail{transform-origin:60px 48px;animation:piWolfTail 3s ease-in-out infinite}@keyframes piWolfTail{0%,to{transform:rotate(0)}30%{transform:rotate(8deg)}70%{transform:rotate(-5deg)}}.pi-wolf-ear-l{transform-origin:16px 30px;animation:piWolfEarL 4s ease-in-out infinite}.pi-wolf-ear-r{transform-origin:32px 30px;animation:piWolfEarR 3.5s ease-in-out infinite}@keyframes piWolfEarL{0%,80%,to{transform:rotate(0)}85%{transform:rotate(-8deg)}90%{transform:rotate(3deg)}}@keyframes piWolfEarR{0%,75%,to{transform:rotate(0)}80%{transform:rotate(8deg)}85%{transform:rotate(-3deg)}}.pi-wolf-eye{animation:piWolfEyeGlow 3s ease-in-out infinite}@keyframes piWolfEyeGlow{0%,to{opacity:.8;filter:brightness(1)}50%{opacity:1;filter:brightness(1.5) drop-shadow(0 0 3px #67e8f9)}}.pi-wolf-soul{position:absolute;width:5px;height:5px;border-radius:50%;background:#67e8f999;box-shadow:0 0 8px #67e8f966;animation:piWolfSoul 4s ease-out infinite;animation-delay:calc(var(--si) * .5s);opacity:0}.pi-wolf-soul:nth-child(2){bottom:40%;left:10%}.pi-wolf-soul:nth-child(3){bottom:50%;left:25%}.pi-wolf-soul:nth-child(4){bottom:35%;right:15%}.pi-wolf-soul:nth-child(5){bottom:55%;right:25%}.pi-wolf-soul:nth-child(6){bottom:45%;left:5%}.pi-wolf-soul:nth-child(7){bottom:60%;right:10%}.pi-wolf-soul:nth-child(8){bottom:30%;left:30%}.pi-wolf-soul:nth-child(9){bottom:50%;right:5%}@keyframes piWolfSoul{0%{opacity:0;transform:translateY(0) scale(0)}20%{opacity:.7;transform:translateY(-8px) scale(1)}to{opacity:0;transform:translateY(-35px) scale(.3)}}.pi-dragon{perspective:200px}.pi-dragon-glow{position:absolute;width:70%;height:70%;border-radius:50%;background:radial-gradient(circle,rgba(249,115,22,.3) 0%,transparent 70%);animation:piDragonPulse 2.5s ease-in-out infinite}@keyframes piDragonPulse{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.4);opacity:.9}}.pi-dragon-body{position:relative;width:85%;height:85%;animation:piDragonFloat 3s ease-in-out infinite}@keyframes piDragonFloat{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-5px) rotate(2deg)}75%{transform:translateY(-3px) rotate(-2deg)}}.pi-dragon-svg{width:100%;height:100%}.pi-dragon-wing-l{transform-origin:22px 38px;animation:piDragonFlapL 1.2s ease-in-out infinite}.pi-dragon-wing-r{transform-origin:54px 38px;animation:piDragonFlapR 1.2s ease-in-out infinite}@keyframes piDragonFlapL{0%,to{transform:rotate(0) scaleY(1)}50%{transform:rotate(-12deg) scaleY(1.1)}}@keyframes piDragonFlapR{0%,to{transform:rotate(0) scaleY(1)}50%{transform:rotate(12deg) scaleY(1.1)}}.pi-dragon-tail{transform-origin:56px 52px;animation:piDragonTail 2s ease-in-out infinite}@keyframes piDragonTail{0%,to{transform:rotate(0)}30%{transform:rotate(6deg)}70%{transform:rotate(-4deg)}}.pi-dragon-flame{position:absolute;border-radius:50%;animation:piDragonFlame 2s ease-out infinite;animation-delay:calc(var(--si) * .3s);opacity:0}.pi-dragon-flame:nth-child(2){width:6px;height:6px;background:#fbbf24;bottom:55%;left:20%}.pi-dragon-flame:nth-child(3){width:4px;height:4px;background:#ef4444;bottom:50%;left:10%}.pi-dragon-flame:nth-child(4){width:8px;height:8px;background:#f97316;bottom:60%;left:15%}.pi-dragon-flame:nth-child(5){width:5px;height:5px;background:#fbbf24;bottom:45%;left:25%}.pi-dragon-flame:nth-child(6){width:3px;height:3px;background:#ef4444;bottom:55%;left:5%}.pi-dragon-flame:nth-child(7){width:6px;height:6px;background:#f97316;bottom:50%;left:30%}@keyframes piDragonFlame{0%{opacity:0;transform:scale(0) translateY(0)}20%{opacity:.9;transform:scale(1.2)}to{opacity:0;transform:scale(.3) translateY(-30px) translate(-10px)}}.pi-axolotl{perspective:200px}.pi-axolotl-glow{position:absolute;width:70%;height:70%;border-radius:50%;background:radial-gradient(circle,rgba(251,113,133,.25) 0%,transparent 70%);animation:piAxolotlPulse 3s ease-in-out infinite}@keyframes piAxolotlPulse{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.3);opacity:.8}}.pi-axolotl-body{position:relative;width:90%;height:90%;animation:piAxolotlSwim 3s ease-in-out infinite}@keyframes piAxolotlSwim{0%,to{transform:translate(0) translateY(0) rotate(0)}25%{transform:translate(3px) translateY(-2px) rotate(2deg)}75%{transform:translate(-3px) translateY(-1px) rotate(-2deg)}}.pi-axolotl-svg{width:100%;height:100%}.pi-axolotl-tail{transform-origin:58px 44px;animation:piAxolotlTail 1.5s ease-in-out infinite}@keyframes piAxolotlTail{0%,to{transform:rotate(0)}50%{transform:rotate(8deg)}}.pi-axolotl-gills{animation:piAxolotlGills 2s ease-in-out infinite}@keyframes piAxolotlGills{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.pi-axolotl-bubble{position:absolute;border-radius:50%;border:1px solid rgba(147,197,253,.5);background:#93c5fd26;animation:piAxolotlBubble 3.5s ease-out infinite;animation-delay:calc(var(--si) * .55s);opacity:0}.pi-axolotl-bubble:nth-child(2){width:6px;height:6px;bottom:50%;right:15%}.pi-axolotl-bubble:nth-child(3){width:4px;height:4px;bottom:55%;right:25%}.pi-axolotl-bubble:nth-child(4){width:8px;height:8px;bottom:45%;right:10%}.pi-axolotl-bubble:nth-child(5){width:5px;height:5px;bottom:60%;right:20%}.pi-axolotl-bubble:nth-child(6){width:3px;height:3px;bottom:40%;right:30%}.pi-axolotl-bubble:nth-child(7){width:7px;height:7px;bottom:50%;right:5%}@keyframes piAxolotlBubble{0%{opacity:0;transform:translateY(0) scale(0)}20%{opacity:.7;transform:translateY(-5px) scale(1)}to{opacity:0;transform:translateY(-40px) scale(1.3)}}.companion-tab{display:flex;flex-direction:column;gap:2rem}.ct-loading,.ct-empty{text-align:center;padding:3rem 1rem;color:var(--text-muted);font-size:1.1rem}.ct-empty code{background:#ffffff1a;padding:.2rem .5rem;border-radius:4px;font-size:.95rem}.ct-main{display:grid;grid-template-columns:1fr 1.2fr 1.5fr;gap:1.5rem}.ct-pet-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem}.ct-pet-icon{margin-bottom:.5rem}.ct-pet-name{margin:0;font-size:1.4rem;color:#c084fc}.ct-pet-type{font-size:.85rem;color:var(--text-muted);text-transform:capitalize}.ct-level{width:100%;text-align:center}.ct-level>span:first-child{font-weight:600;font-size:1.1rem;color:#fbbf24}.ct-xp-bar{width:100%;height:8px;background:#ffffff1a;border-radius:4px;margin:.4rem 0;overflow:hidden}.ct-xp-fill{height:100%;background:linear-gradient(90deg,#fbbf24,#f59e0b);border-radius:4px;transition:width .5s ease}.ct-xp-text{font-size:.75rem;color:var(--text-muted)}.ct-mood{font-size:1.1rem;font-weight:600;margin-top:.25rem}.ct-needs-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.ct-need{display:flex;flex-direction:column;gap:.25rem}.ct-need-header{display:flex;justify-content:space-between;font-size:.85rem;font-weight:600}.ct-need-bar{width:100%;height:12px;background:#ffffff14;border-radius:6px;overflow:hidden}.ct-need-fill{height:100%;border-radius:6px;transition:width .5s ease}.ct-actions{display:flex;gap:.75rem;margin-top:.5rem}.ct-btn{flex:1;padding:.75rem 1rem;border:none;border-radius:8px;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .2s}.ct-btn:hover{transform:translateY(-1px)}.ct-btn:active{transform:translateY(0)}.ct-btn-feed{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff}.ct-btn-play{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.ct-feedback{text-align:center;font-size:.9rem;padding:.5rem;border-radius:6px;background:#22c55e26;color:#22c55e;animation:ctFeedbackIn .3s ease}.ct-feedback-error{background:#ef444426;color:#ef4444}@keyframes ctFeedbackIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.ct-chat-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.ct-chat-messages{flex:1;padding:1rem;overflow-y:auto;max-height:300px;display:flex;flex-direction:column;gap:.5rem}.ct-chat-empty{text-align:center;color:var(--text-muted);padding:2rem;font-style:italic}.ct-chat-msg{display:flex;flex-direction:column;gap:.15rem;padding:.5rem .75rem;border-radius:8px;max-width:85%;animation:ctMsgIn .3s ease}@keyframes ctMsgIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.ct-chat-user{align-self:flex-end;background:#3b82f626;border:1px solid rgba(59,130,246,.3)}.ct-chat-assistant{align-self:flex-start;background:#c084fc1a;border:1px solid rgba(192,132,252,.25)}.ct-chat-sender{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.ct-chat-content{font-size:.9rem;line-height:1.4}.ct-chat-typing{display:flex;gap:4px;padding:4px 0}.ct-chat-typing span{width:6px;height:6px;border-radius:50%;background:#c084fc;animation:ctTyping 1.2s ease-in-out infinite}.ct-chat-typing span:nth-child(2){animation-delay:.2s}.ct-chat-typing span:nth-child(3){animation-delay:.4s}@keyframes ctTyping{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-6px);opacity:1}}.ct-chat-input{display:flex;border-top:1px solid var(--border-color)}.ct-chat-input input{flex:1;padding:.75rem 1rem;background:transparent;border:none;color:inherit;font-size:.9rem;outline:none}.ct-chat-input button{padding:.75rem 1.25rem;background:#c084fc;border:none;color:#fff;font-weight:700;cursor:pointer;transition:background .2s}.ct-chat-input button:hover:not(:disabled){background:#a855f7}.ct-chat-input button:disabled{opacity:.4;cursor:not-allowed}.ct-abilities{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem}.ct-abilities h4{margin:0 0 1rem;font-size:1.1rem}.ct-abilities-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem}.ct-ability{position:relative;padding:.75rem;border-radius:8px;border:1px solid var(--border-color);display:flex;flex-direction:column;gap:.2rem;transition:all .2s}.ct-ability-unlocked{background:#22c55e14;border-color:#22c55e4d}.ct-ability-locked{opacity:.5}.ct-ability-level{font-size:.7rem;font-weight:700;color:#fbbf24}.ct-ability-name{font-weight:600;font-size:.9rem}.ct-ability-desc{font-size:.75rem;color:var(--text-muted)}.ct-ability-lock{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0009;border-radius:7px;font-size:.8rem;font-weight:600;color:#94a3b8}@media (max-width: 1024px){.ct-main{grid-template-columns:1fr 1fr}.ct-chat-panel{grid-column:1 / -1}}@media (max-width: 640px){.ct-main{grid-template-columns:1fr}.ct-abilities-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}.admin-tab-content{margin-top:1.5rem}.admin-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}@media (max-width: 768px){.admin-kpi-grid{grid-template-columns:repeat(2,1fr)}}.admin-kpi-card{background:#ffffff05;border:1px solid #2a2a3a;border-radius:var(--radius-lg);padding:1.25rem}.admin-kpi-value{font-size:1.75rem;font-weight:700;line-height:1.2}.admin-kpi-label{font-size:.85rem;color:#a0a0b0;margin-top:.25rem}.admin-kpi-spark{margin-top:.75rem}.admin-chart-card{background:#ffffff05;border:1px solid #2a2a3a;border-radius:var(--radius-lg);padding:1.25rem;margin-bottom:1rem}.admin-chart-card h3{color:#e0e0e0;font-size:1rem;font-weight:600;margin:0 0 1rem}.admin-range-selector{display:flex;gap:.5rem;margin-bottom:1rem}.admin-range-btn{padding:.4rem 1rem;border-radius:8px;border:1px solid #2a2a3a;background:transparent;color:#a0a0b0;cursor:pointer;font-size:.85rem;transition:all .2s}.admin-range-btn:hover{border-color:#00d4ff;color:#00d4ff}.admin-range-btn.active{background:#00d4ff;color:#0a0a14;border-color:#00d4ff;font-weight:600}.admin-quick-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.admin-quick-stat{display:flex;flex-direction:column;gap:.25rem}.admin-quick-stat-label{font-size:.8rem;color:#a0a0b0}.admin-quick-stat-value{font-size:1.1rem;font-weight:600;color:#e0e0e0}.admin-table-wrapper{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;font-size:.9rem}.admin-table th,.admin-table td{padding:.65rem .75rem;text-align:left;border-bottom:1px solid #2a2a3a}.admin-table th{color:#a0a0b0;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.admin-table td{color:#e0e0e0}.admin-table tbody tr:hover{background:#00d4ff0d}.admin-status{display:inline-block;padding:.2rem .6rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase}.admin-status-completed{background:#22c55e26;color:#22c55e}.admin-status-pending{background:#ffd70026;color:gold}.admin-status-refunded{background:#ef444426;color:#ef4444}.admin-stat-card.banned .admin-stat-value{color:#ef4444}.recharts-default-tooltip{background:var(--bg-card, #12121a)!important;border:1px solid #2a2a3a!important;border-radius:8px!important}.rw-header{position:relative;padding-bottom:1rem}.rw-platform-tag{display:inline-block;color:var(--accent-gold);font-size:.7rem;margin-bottom:.75rem;padding:.3rem 1rem;border:1px solid var(--accent-gold-dim);border-radius:4px;background:#c9a84c0f}.rw-title{font-family:var(--font-heading)!important;font-size:clamp(2rem,5vw,3rem)!important;font-weight:700;letter-spacing:-.01em;color:var(--text-primary)}.rw-subtitle{max-width:650px;margin:0 auto;color:var(--text-secondary);font-size:1.05rem;line-height:1.7}.cw-about>div:first-child{background:linear-gradient(135deg,#00d4ff0a,#0c0a10cc,#c9a84c0a)!important;border:1px solid var(--border-color)!important}.cw-rank-table{border-collapse:separate;border-spacing:0}.cw-rank-table th{font-family:var(--font-display);font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--accent-gold);border-bottom:1px solid var(--border-color)}.cw-rank-table td{border-bottom:1px solid rgba(255,255,255,.03);transition:background .2s ease}.cw-rank-table tr:hover td{background:#00d4ff08}.cw-about-card{background:transparent;border:none;border-top:1px solid var(--border-color);border-radius:0;padding:1.25rem 0;transition:border-color .2s ease;box-shadow:none}.cw-about-card:hover{border-color:var(--accent-cyan);box-shadow:none}@keyframes about-particle-rise{0%{transform:translateY(100%) scale(0);opacity:0}20%{opacity:.6}to{transform:translateY(-200%) scale(1);opacity:0}}.about-particle{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--accent-cyan);animation:about-particle-rise 5s ease-out infinite;bottom:0;pointer-events:none;box-shadow:0 0 6px var(--accent-cyan)}.about-particle:nth-child(2n){background:var(--accent-gold);box-shadow:0 0 6px var(--accent-gold)}.cw-tabs .tab-btn.active{color:var(--accent-cyan);border-color:var(--accent-cyan)}@media (max-width: 768px){.rw-title{font-size:clamp(1.8rem,5vw,2.5rem)!important}}@property --glow-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@property --shimmer-pos{syntax: "<percentage>"; initial-value: -100%; inherits: false;}@property --aurora-x{syntax: "<percentage>"; initial-value: 20%; inherits: false;}@property --aurora-y{syntax: "<percentage>"; initial-value: 30%; inherits: false;}@keyframes glow-rotate{to{--glow-angle: 360deg}}@keyframes shimmer-sweep{to{--shimmer-pos: 200%}}@keyframes aurora-drift{0%{--aurora-x: 20%;--aurora-y: 30%}25%{--aurora-x: 60%;--aurora-y: 20%}50%{--aurora-x: 80%;--aurora-y: 60%}75%{--aurora-x: 40%;--aurora-y: 70%}to{--aurora-x: 20%;--aurora-y: 30%}}@keyframes float-gentle{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse-glow{0%,to{opacity:.4}50%{opacity:.8}}@keyframes grain-shift{0%,to{transform:translate(0)}10%{transform:translate(-1%,-1%)}20%{transform:translate(1%)}30%{transform:translateY(1%)}40%{transform:translate(-1%,1%)}50%{transform:translate(1%,-1%)}60%{transform:translateY(-1%)}70%{transform:translate(-1%)}80%{transform:translate(1%,1%)}90%{transform:translate(-1%,-1%)}}.noise-overlay{position:fixed;top:-50%;right:-50%;bottom:-50%;left:-50%;width:200%;height:200%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:9999;opacity:.4;animation:grain-shift 8s steps(10) infinite;mix-blend-mode:overlay}@media (prefers-reduced-motion: reduce){.noise-overlay{animation:none}}.shadow-sm{box-shadow:0 1px 2px #0000004d,0 1px 3px #00000026}.shadow-md{box-shadow:0 2px 4px #0000004d,0 4px 12px #0003,0 0 0 1px #ffffff08}.shadow-lg{box-shadow:0 4px 8px #0000004d,0 8px 24px #00000040,0 16px 48px #00000026,0 0 0 1px #ffffff0a}.shadow-glow-gold{box-shadow:0 4px 12px #0000004d,0 0 20px #c9a84c26,0 0 40px #c9a84c0d}.shadow-glow-blood{box-shadow:0 4px 12px #0000004d,0 0 20px #8b223233,0 0 40px #8b223214}.border-glow-rotate{position:relative;border-radius:var(--radius-lg);overflow:hidden}.border-glow-rotate:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;background:conic-gradient(from var(--glow-angle),transparent 0%,var(--accent-cyan) 10%,transparent 20%,transparent 40%,var(--accent-gold) 50%,transparent 60%,transparent 80%,var(--accent-blood) 90%,transparent 100%);animation:glow-rotate 4s linear infinite;z-index:-1}.border-glow-rotate:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:inherit;background:var(--bg-card);z-index:-1}@media (prefers-reduced-motion: reduce){.border-glow-rotate:before{animation:none}}.text-metallic-gold{background:linear-gradient(135deg,#c9a84c,#e8d5a3,#c9a84c,#8b6914,#c9a84c);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer-sweep 6s ease-in-out infinite}.text-metallic-silver{background:linear-gradient(135deg,#b0b3b8,#e8e8e8,#b0b3b8,#6b6e73,#b0b3b8);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.text-metallic-cyan{background:linear-gradient(135deg,#007a94,#00d4ff,#7eeaff,#00d4ff,#007a94);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer-sweep 6s ease-in-out infinite}.text-gradient-blood{background:linear-gradient(135deg,#8b2232,#d4475e,#8b2232);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.text-gradient-emerald{background:linear-gradient(135deg,#2d8a4e,#5ee88a,#2d8a4e);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@media (prefers-reduced-motion: reduce){.text-metallic-gold{animation:none}}.card-gothic{background:transparent;border:none;border-top:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);box-shadow:0 2px 4px #0000004d,0 4px 12px #0003,inset 0 1px #ffffff08;transition:transform .3s ease,box-shadow .3s ease}.card-gothic:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000004d,0 8px 24px #00000040,inset 0 1px #ffffff0d}.text-display-xl{font-family:var(--font-heading);font-size:clamp(2.5rem,6vw,4.5rem);font-weight:700;line-height:1.05;letter-spacing:-.01em}.text-display-lg{font-family:var(--font-subtitle);font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.1;letter-spacing:-.01em}.text-display-md{font-family:var(--font-subtitle);font-size:clamp(1.5rem,3vw,2rem);font-weight:600;line-height:1.2}.text-pixel{font-family:var(--font-pixel),var(--font-mono);text-transform:uppercase;letter-spacing:.1em;font-size:.75rem}.text-mono-stat{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.section-label{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);letter-spacing:.05em;margin-bottom:1.25rem;display:block}.separator{width:100%;height:1px;background:var(--border-color);margin:0;border:none}.xai-statement{text-align:left}.xai-constellation-section{background:var(--bg-dark)}.constellation-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.xai-header-row{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start;padding:2rem 0}.xai-header-title{font-size:clamp(1.6rem,3.5vw,2.5rem)!important;line-height:1.2!important;margin:0}.xai-header-desc{font-size:.95rem;color:var(--text-muted);line-height:1.8;margin:0;max-width:480px}.xai-link{display:inline-block;margin-top:1.25rem;font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted);text-decoration:none;transition:color .2s}.xai-link:hover{color:var(--text-primary)}.xai-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:2rem}.xai-grid-item{padding:2rem 2rem 2rem 0;border-top:1px solid var(--border-color)}.xai-grid-item:nth-child(3n+2),.xai-grid-item:nth-child(3n){padding-left:2rem;border-left:1px solid var(--border-color)}.xai-grid-item h4{font-size:.95rem;margin:0 0 .5rem;color:var(--text-primary)}.xai-grid-item p{font-size:.85rem;color:var(--text-muted);line-height:1.7;margin:0}.xai-store-links{display:flex;flex-direction:column;width:100%}.xai-store-link{display:flex;align-items:center;gap:1rem;padding:1rem 0;border-top:1px solid var(--border-color);text-decoration:none;color:var(--text-primary);font-size:.9rem;transition:color .2s}.xai-store-link:last-child{border-bottom:1px solid var(--border-color)}.xai-store-link:hover{color:var(--accent-cyan)}.xai-store-link span:first-child{flex:1;font-weight:500}.xai-store-price{font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted)}.xai-arrow{color:var(--text-muted);font-size:.85rem;transition:transform .2s}.xai-store-link:hover .xai-arrow{transform:translate(3px);color:var(--accent-cyan)}@media (max-width: 900px){.xai-header-row{grid-template-columns:1fr;gap:1.5rem}.xai-grid{grid-template-columns:1fr}.xai-grid-item{padding:1.5rem 0;border-left:none!important}.xai-grid-item:nth-child(3n+2),.xai-grid-item:nth-child(3n){padding-left:0;border-left:none}}.section-fullbleed{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;overflow:hidden}.container-wide{max-width:1400px;width:92%;margin:0 auto;padding:0 1.5rem}.section-bg{background-size:cover;background-position:center;position:relative}.section-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0c0a1066,#0c0a10b3,#0c0a10f2);pointer-events:none}.section-bg>*{position:relative;z-index:1}.section-split{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;padding:6rem 0}.section-split.reverse{direction:rtl}.section-split.reverse>*{direction:ltr}.split-image{border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff0d}.split-image img{width:100%;height:auto;display:block}.split-content{display:flex;flex-direction:column;gap:1.25rem}.split-content h2{font-size:clamp(1.6rem,3.5vw,2.5rem);margin:0}.split-content p{font-size:1.05rem;line-height:1.7;color:var(--text-secondary);max-width:500px}.split-features{display:flex;flex-wrap:wrap;gap:1.25rem;margin-top:.5rem}.split-feature-pill{font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted);letter-spacing:.02em;background:none;border:none;padding:0}@media (max-width: 900px){.section-split{grid-template-columns:1fr;gap:2rem;padding:4rem 0}.section-split.reverse{direction:ltr}.split-content{text-align:center;align-items:center}.split-features{justify-content:center}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.reveal-fade-up{opacity:0;transform:translateY(30px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}.reveal-fade-up.is-visible{opacity:1;transform:translateY(0)}.reveal-fade-in{opacity:0;transition:opacity .5s ease}.reveal-fade-in.is-visible{opacity:1}.reveal-scale-in{opacity:0;transform:scale(.92);transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1)}.reveal-scale-in.is-visible{opacity:1;transform:scale(1)}.reveal-slide-left{opacity:0;transform:translate(-40px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}.reveal-slide-left.is-visible{opacity:1;transform:translate(0)}.reveal-slide-right{opacity:0;transform:translate(40px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}.reveal-slide-right.is-visible{opacity:1;transform:translate(0)}.stagger-1{transition-delay:.05s}.stagger-2{transition-delay:.1s}.stagger-3{transition-delay:.15s}.stagger-4{transition-delay:.2s}.stagger-5{transition-delay:.25s}.stagger-6{transition-delay:.3s}.stagger-7{transition-delay:.35s}.stagger-8{transition-delay:.4s}.anim-float{animation:float-gentle 4s ease-in-out infinite}.anim-float-slow{animation:float-gentle 6s ease-in-out infinite}.anim-pulse-glow{animation:pulse-glow 3s ease-in-out infinite}.hover-lift{transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease}.hover-lift:hover{transform:translateY(-4px)}.tilt-card{perspective:800px;transform-style:preserve-3d}.tilt-card-inner{transition:transform .4s cubic-bezier(.16,1,.3,1);transform-style:preserve-3d}.tilt-card:hover .tilt-card-inner{transform:rotateX(2deg) rotateY(-2deg)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer-loading{background:linear-gradient(90deg,var(--bg-card) 0%,var(--bg-card-hover) 40%,var(--bg-card) 60%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.page-enter{opacity:0;transform:translateY(12px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s ease,transform .3s ease}.page-exit{opacity:1}.page-exit-active{opacity:0;transition:opacity .2s ease}@font-face{font-family:Revival Pixel;src:url(/fonts/revival-pixel.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Revival Gothic;src:url(/fonts/revival-gothic.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Revival PixGoth;src:url(/fonts/revival-pixgoth.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Iceberg;src:url(/fonts/iceberg.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Iceland;src:url(/fonts/iceland.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Doto;src:url(/fonts/doto-400.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Doto;src:url(/fonts/doto-700.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Jersey 15";src:url(/fonts/jersey-15.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Turret Road;src:url(/fonts/turret-road-800.ttf) format("truetype");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Bitcount Grid Double;src:url(/fonts/bitcount-grid-double.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Bitcount Ink;src:url(/fonts/bitcount-ink.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Orbitron;src:url(/fonts/orbitron-400.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Orbitron;src:url(/fonts/orbitron-700.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Orbitron;src:url(/fonts/orbitron-900.ttf) format("truetype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Geist;src:url(/fonts/Geist-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Geist;src:url(/fonts/Geist-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Geist;src:url(/fonts/Geist-SemiBold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Geist;src:url(/fonts/Geist-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--bg-dark: #0c0a10;--bg-card: #151218;--bg-card-hover: #1c1820;--bg-header: rgba(12, 10, 16, .92);--bg-surface: #1a1620;--text-primary: #f0ece4;--text-secondary: #9a93a8;--text-muted: #5c5668;--accent-cyan: #00d4ff;--accent-cyan-glow: rgba(0, 212, 255, .3);--accent-cyan-dim: rgba(0, 212, 255, .1);--accent-cyan-muted: #4db8d4;--accent-gold: #c9a84c;--accent-gold-glow: rgba(201, 168, 76, .3);--accent-gold-dim: rgba(201, 168, 76, .15);--accent-blood: #8b2232;--accent-blood-glow: rgba(139, 34, 50, .3);--accent-emerald: #2d8a4e;--accent-emerald-glow: rgba(45, 138, 78, .3);--accent-silver: #b0b3b8;--accent-bronze: #a0785a;--accent-purple: #a855f7;--accent-green: #22c55e;--accent-red: #c9363f;--accent-orange: #d4875a;--gradient-gold: linear-gradient(135deg, #c9a84c 0%, #e8d5a3 25%, #c9a84c 50%, #8b6914 75%, #c9a84c 100%);--gradient-silver: linear-gradient(135deg, #b0b3b8 0%, #e8e8e8 25%, #b0b3b8 50%, #6b6e73 75%, #b0b3b8 100%);--gradient-blood: linear-gradient(135deg, #8b2232 0%, #d4475e 50%, #8b2232 100%);--gradient-emerald: linear-gradient(135deg, #2d8a4e 0%, #5ee88a 50%, #2d8a4e 100%);--gradient-cyan: linear-gradient(135deg, #007a94 0%, #00d4ff 30%, #7eeaff 50%, #00d4ff 70%, #007a94 100%);--border-color: #2a2530;--border-glow: rgba(0, 212, 255, .15);--border-subtle: rgba(255, 255, 255, .04);--radius-sm: 0px;--radius-md: 0px;--radius-lg: 0px;--rank-member: #60a5fa;--rank-hero: #22c55e;--rank-mythic: #a855f7;--rank-legend: #ffd700;--font-display: "Revival Pixel", "Press Start 2P", monospace;--font-heading: "Bitcount Grid Double", "Plus Jakarta Sans", sans-serif;--font-subtitle: "Doto", "Plus Jakarta Sans", sans-serif;--font-body: "Geist", "Inter", system-ui, sans-serif;--font-pixel: "Revival Pixel", "Press Start 2P", monospace;--font-mono: "JetBrains Mono", monospace;--container-width: 1200px;--transition-fast: .15s ease;--transition-normal: .3s cubic-bezier(.16, 1, .3, 1);--transition-smooth: .5s cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-dark);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 20%,rgba(0,212,255,.035) 0%,transparent 50%),radial-gradient(ellipse at 75% 80%,rgba(201,168,76,.03) 0%,transparent 50%),radial-gradient(ellipse at 90% 15%,rgba(139,34,50,.025) 0%,transparent 45%);pointer-events:none;z-index:-1}body:after{content:none}h1{font-family:var(--font-heading);font-weight:400;line-height:1.2;letter-spacing:.02em;color:var(--text-primary);text-transform:uppercase}h2{font-family:var(--font-subtitle);font-weight:700;line-height:1.2;letter-spacing:.02em;color:var(--text-primary);text-transform:uppercase}h3,h4,h5,h6{font-family:var(--font-subtitle);font-weight:400;line-height:1.3;letter-spacing:0;color:var(--text-primary)}h1{font-size:clamp(2rem,4vw,3rem)}h2{font-size:clamp(1.5rem,3vw,2.2rem)}h3{font-size:clamp(1rem,2vw,1.3rem)}h4{font-size:clamp(.85rem,1.5vw,1rem)}.text-shimmer{background:linear-gradient(135deg,#a855f7,#00d4ff,#ef4444,#a855f7);background-size:300% 300%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:text-shimmer-shift 5s ease infinite}@keyframes text-shimmer-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.text-massive{font-family:var(--font-heading);font-size:clamp(2.5rem,7vw,5rem);font-weight:400;line-height:1.15;letter-spacing:.03em;text-transform:uppercase}.text-heading-alt{font-family:var(--font-heading);font-weight:800;text-transform:none;letter-spacing:-.02em;line-height:1.1}p{font-size:1.05rem;color:var(--text-secondary);line-height:1.7}a{color:var(--accent-cyan);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--text-primary)}code{background:#0c0a10cc;padding:.2rem .5rem;border-radius:4px;font-family:var(--font-mono);color:var(--accent-cyan);font-size:.9em;border:1px solid var(--border-subtle)}.container{width:90%;max-width:var(--container-width);margin:0 auto;padding:1.5rem}.header{position:sticky;top:0;z-index:1000;background:var(--bg-header);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4)}.header-border-glow{height:1px;background:var(--border-color)}.header-content{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;gap:1rem}.branding{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.logo{display:flex;align-items:center;gap:.6rem;text-decoration:none;transition:opacity var(--transition-fast)}.logo:hover{opacity:.85}.site-name{font-family:"Orbitron",var(--font-body);font-size:1rem;font-weight:700;color:var(--text-primary);letter-spacing:.08em;text-transform:uppercase}.site-name-accent{background:var(--gradient-cyan);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.server-ip-wrapper{display:flex;align-items:center;background:transparent;border:1px solid rgba(201,168,76,.25);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--transition-normal)}.server-ip-wrapper:hover{border-color:var(--accent-gold)}.server-ip{font-family:var(--font-mono);font-size:.85rem;padding:.45rem .7rem;color:var(--accent-gold)}.copy-ip-btn{background:var(--accent-gold);color:var(--bg-dark);border:none;padding:.45rem .7rem;font-family:var(--font-body);font-weight:600;font-size:.8rem;cursor:pointer;transition:all var(--transition-fast)}.copy-ip-btn:hover{background:#e0b84a}.copy-ip-btn.copied{background:var(--accent-green)}.nav{display:flex;align-items:center}.nav-links{display:flex;list-style:none;gap:.15rem;align-items:center;flex-wrap:nowrap}.nav-links a{display:block;padding:.45rem .55rem;font-weight:500;font-size:.85rem;white-space:nowrap;color:var(--text-secondary);letter-spacing:.02em;border-radius:var(--radius-md);transition:all var(--transition-fast)}.nav-links a:hover{color:var(--text-primary);background:#ffffff0a}.nav-links a.active{color:var(--accent-cyan);background:var(--accent-cyan-dim)}.nav-links .admin-link{color:var(--accent-red)}.nav-links .signup-btn{background:var(--accent-cyan);color:var(--bg-dark)!important;-webkit-text-fill-color:var(--bg-dark);padding:.45rem .9rem;border-radius:var(--radius-md);font-weight:600;font-size:.85rem;transition:all var(--transition-fast)}.nav-links .signup-btn:hover{background:var(--text-primary);color:var(--bg-dark)!important;-webkit-text-fill-color:var(--bg-dark)}.nav-links .login-link{color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md)}.nav-links .login-link:hover{border-color:var(--accent-cyan);color:var(--accent-cyan)}.nav-links .user-profile-link{display:flex;align-items:center;gap:.5rem;background:var(--bg-card);border:1px solid var(--border-color);padding:.35rem .7rem .35rem .35rem;border-radius:var(--radius-lg);transition:all var(--transition-fast)}.nav-links .user-profile-link:hover{border-color:var(--accent-cyan);background:var(--bg-card-hover)}.nav-links .user-profile-link.active{border-color:var(--accent-cyan);box-shadow:0 0 12px var(--accent-cyan-dim)}.user-avatar{width:26px;height:26px;border-radius:4px;image-rendering:pixelated}.username{font-family:var(--font-mono);font-size:.85rem;font-weight:600;color:var(--accent-cyan);letter-spacing:0;text-transform:none}.nav-dropdown{position:relative}.nav-dropdown-trigger{display:flex;align-items:center;gap:.3rem;padding:.45rem .55rem;font-weight:500;font-size:.85rem;white-space:nowrap;color:var(--text-secondary);letter-spacing:.02em;border-radius:var(--radius-md);border:none;background:transparent;cursor:pointer;font-family:var(--font-body);transition:all var(--transition-fast)}.nav-dropdown-trigger:hover,.nav-dropdown-trigger.open{color:var(--text-primary);background:#ffffff0a}.nav-dropdown-trigger.active{color:var(--accent-cyan)}.dropdown-chevron{transition:transform var(--transition-fast);opacity:.6}.nav-dropdown-trigger.open .dropdown-chevron{transform:rotate(180deg)}.nav-dropdown-panel{display:none;position:absolute;top:calc(100% + 4px);left:0;min-width:180px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:.4rem;box-shadow:0 8px 24px #00000080,0 0 0 1px #ffffff08;z-index:100}.nav-dropdown-panel.open{display:flex;flex-direction:column}.nav-dropdown-panel a{display:block;padding:.5rem .75rem;font-weight:500;font-size:.85rem;color:var(--text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast);letter-spacing:.02em}.nav-dropdown-panel a:hover{color:var(--text-primary);background:#ffffff0a}.nav-dropdown-panel a.active{color:var(--accent-cyan);background:var(--accent-cyan-dim)}.nav-toggle{display:none;background:transparent;border:1px solid var(--border-color);color:var(--text-primary);padding:.5rem;border-radius:var(--radius-md);cursor:pointer;width:40px;height:40px;align-items:center;justify-content:center}.nav-toggle-icon{display:flex;flex-direction:column;gap:4px;width:18px}.nav-toggle-icon span{display:block;height:2px;width:100%;background:var(--text-primary);border-radius:1px;transition:all .3s ease;transform-origin:center}.nav-toggle-icon.open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.nav-toggle-icon.open span:nth-child(2){opacity:0}.nav-toggle-icon.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.mobile-nav-backdrop{display:none}@media (max-width: 900px){.header-content{flex-wrap:wrap}.branding{width:100%;justify-content:space-between}.server-ip-wrapper{display:none}.nav-toggle{display:flex}.mobile-nav-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:998;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.nav{position:fixed;top:0;right:-300px;width:300px;height:100vh;background:var(--bg-card);border-left:1px solid var(--border-color);z-index:999;padding:1.5rem;overflow-y:auto;transition:right .35s cubic-bezier(.16,1,.3,1);box-shadow:-8px 0 32px #00000080}.nav.mobile-open{right:0}.nav-links{display:flex;flex-direction:column;width:100%;gap:.25rem}.nav-links.active{display:flex}.nav-dropdown-panel{position:static;box-shadow:none;border:none;margin-top:0;padding:0 0 0 1rem;background:transparent;min-width:auto}.nav-dropdown-panel.open{display:flex}.nav-links .signup-btn{text-align:center;margin-top:.5rem}.nav-links .user-profile-link{justify-content:center;margin-top:.5rem}}.page-section{padding:3.5rem 0}.page-section.alt-bg{background:var(--bg-card)}.checkout-error{display:flex;align-items:center;justify-content:space-between;background:#c9363f1f;border:1px solid var(--accent-red);border-radius:var(--radius-lg);padding:.75rem 1rem;margin-bottom:1.5rem;color:var(--accent-red);font-size:.9rem}.checkout-error button{background:none;border:none;color:var(--accent-red);font-size:1.25rem;cursor:pointer;padding:0 .25rem}.page-tag{display:block;font-family:var(--font-mono);color:var(--text-muted);font-size:.75rem;margin-bottom:.75rem;letter-spacing:.05em;font-weight:400}.page-header{text-align:center;margin-bottom:2.5rem}.page-header h1{margin-bottom:.5rem;font-family:var(--font-heading)}.page-header p{max-width:600px;margin:0 auto;color:var(--text-secondary)}.section-title{text-align:center;margin-bottom:.5rem;font-family:var(--font-subtitle)}.section-subtitle{text-align:center;color:var(--text-muted);margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-dark);padding:0}.hero:before{content:"";position:absolute;bottom:-40%;left:-10%;width:120%;height:70%;background:radial-gradient(ellipse at 30% 80%,rgba(0,212,255,.12) 0%,transparent 50%),radial-gradient(ellipse at 70% 90%,rgba(45,138,78,.1) 0%,transparent 45%),radial-gradient(ellipse at 50% 70%,rgba(0,122,148,.06) 0%,transparent 55%);pointer-events:none;z-index:0;filter:blur(60px);animation:aurora-shift 12s ease-in-out infinite alternate}@keyframes aurora-shift{0%{transform:translate(-3%) scale(1);opacity:.8}50%{transform:translate(3%) scale(1.05);opacity:1}to{transform:translate(-3%) scale(1);opacity:.8}}@media (prefers-reduced-motion: reduce){.hero:before{animation:none}}.hero>.grok-section{position:absolute;top:0;right:0;bottom:0;left:0;min-height:auto;z-index:1}.hero-overlay{position:relative;z-index:2;padding:max(5rem,8vh) max(4vw,2rem) 0;pointer-events:none;opacity:0;transform:translateY(16px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.hero-overlay.is-visible{opacity:1;transform:translateY(0)}.hero-overlay-content{pointer-events:auto;max-width:560px}.hero-tag{display:block;font-family:var(--font-mono);color:var(--text-muted);font-size:.75rem;margin-bottom:1.5rem;letter-spacing:.05em;font-weight:400}.hero-title{font-family:var(--font-heading)!important;font-size:clamp(2.5rem,6vw,4.5rem)!important;font-weight:400;line-height:1.2;margin-bottom:2rem;letter-spacing:.03em;text-transform:uppercase}.hero-meta{display:flex;flex-direction:column;gap:1.25rem;align-items:flex-start}.hero-subtitle{font-size:1rem;color:var(--text-muted);max-width:420px;line-height:1.7;margin:0}.server-status{display:inline-flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--text-muted)}.status-dot{width:10px;height:10px;border-radius:50%;background:var(--accent-green);animation:pulse 2s infinite;box-shadow:0 0 8px #22c55e80}.status-dot.offline{background:var(--accent-red);animation:none;box-shadow:none}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 8px #22c55e80}50%{opacity:.6;box-shadow:0 0 16px #22c55e4d}}.hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.hero-scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);opacity:.4;animation:float-gentle 3s ease-in-out infinite}.hero-scroll-dot{animation:hero-scroll-bob 2s ease-in-out infinite}@keyframes hero-scroll-bob{0%,to{cy:8}50%{cy:20;opacity:.3}}.hero-scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);z-index:3;opacity:.3}@media (max-width: 900px){.hero{min-height:auto}.hero>.grok-section{position:relative;min-height:auto;padding:0 1rem 2rem}.hero-overlay{padding:6rem 1.5rem 2rem;text-align:center}.hero-overlay-content{max-width:100%}.hero-meta{align-items:center}.hero-scroll-indicator{display:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.4rem;font-family:var(--font-body);font-weight:600;font-size:.9rem;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;text-decoration:none;letter-spacing:.01em}.btn-primary{background:var(--accent-cyan);color:var(--bg-dark)}.btn-primary:hover{background:#33dfff;box-shadow:0 0 16px #00d4ff40}.btn-secondary{background:transparent;border:1px solid var(--border-color);color:var(--text-primary)}.btn-secondary:hover{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#00d4ff0a}.btn-gold{background:var(--accent-gold);color:var(--bg-dark);border-color:var(--accent-gold)}.btn-gold:hover{background:#e0b84a;box-shadow:0 0 16px var(--accent-gold-glow)}.btn-danger{background:transparent;border:1px solid var(--accent-red);color:var(--accent-red)}.btn-danger:hover{background:#c9363f1a}.btn-success{background:transparent;border:1px solid var(--accent-green);color:var(--accent-green)}.btn-success:hover{background:#22c55e1a}.btn-warning{background:transparent;border:1px solid var(--accent-orange);color:var(--accent-orange)}.btn-warning:hover{background:#d4875a1a}.btn-ghost{background:transparent;color:var(--text-secondary);border:none}.btn-ghost:hover{color:var(--accent-cyan);background:#00d4ff0f}.btn-lg{padding:.85rem 2rem;font-size:1rem}.btn-sm{padding:.4rem .9rem;font-size:.82rem}.btn-full{width:100%}.btn:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.input-group{margin-bottom:1.25rem}.input-label{display:block;margin-bottom:.4rem;font-weight:500;font-size:.78rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-family:var(--font-mono)}.input-field{width:100%;padding:.7rem .85rem;background:#ffffff05;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-body);font-size:.95rem;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.input-field::placeholder{color:var(--text-muted);opacity:.6}.input-field:hover{border-color:#ffffff14;background:#ffffff08}.input-field:focus{outline:none;border-color:var(--accent-cyan);background:#00d4ff08;box-shadow:0 0 0 3px #00d4ff0f}.input-field.textarea{min-height:120px;resize:vertical;line-height:1.6}.input-field.select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%235c5668' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .85rem center;padding-right:2.5rem}.input-field.select:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%2300d4ff' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E")}.input-error{color:var(--accent-red);font-size:.78rem;margin-top:.35rem;font-family:var(--font-mono)}.checkbox-wrapper{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;cursor:pointer}.card{background:transparent;border:none;border-top:1px solid var(--border-color);border-radius:0;padding:1.5rem 0}.card-hover{transition:all .2s ease}.card-hover:hover{border-color:var(--accent-cyan)}.message{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:var(--radius-lg);margin-bottom:1rem}.message-success{background:#22c55e26;border:1px solid var(--accent-green)}.message-error{background:#ef444426;border:1px solid var(--accent-red)}.message-warning{background:#f9731626;border:1px solid var(--accent-orange)}.message-info{background:#00d4ff26;border:1px solid var(--accent-cyan)}.tabs{display:flex;justify-content:center;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.tab{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.1rem;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all .2s ease;font-family:var(--font-body);font-weight:500;font-size:.88rem}.tab:hover{border-color:#ffffff1a;color:var(--text-primary);background:#ffffff05}.tab.active{background:#00d4ff14;border-color:var(--accent-cyan);color:var(--accent-cyan)}.tab-count{background:#00d4ff26;color:var(--accent-cyan);padding:.1rem .45rem;border-radius:var(--radius-sm);font-size:.75rem;font-family:var(--font-mono)}.store-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.store-section-card{display:block;background:transparent;border:none;border-top:1px solid var(--border-color);border-radius:0;padding:1.5rem 0;text-align:left;text-decoration:none;transition:border-color .2s ease}.store-section-card:hover{border-color:var(--accent-cyan)}.store-section-card.revival-plus,.store-section-card.ranks,.store-section-card.crates{border-color:var(--border-color)}.store-card-icon{font-size:3rem;margin-bottom:1rem;display:flex;justify-content:center;align-items:center;min-height:80px}.store-section-card h3{color:var(--text-primary);margin-bottom:.5rem}.store-section-card p{color:var(--text-muted);font-size:.95rem;margin-bottom:1rem}.store-card-price{display:inline-block;color:var(--text-secondary);font-weight:500;font-family:var(--font-mono);font-size:.85rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.feature-card{background:transparent;border:none;border-top:1px solid var(--border-color);border-radius:0;padding:1.5rem 0;text-align:left;transition:all .25s ease}.feature-card:hover{transform:none}.feature-icon{display:inline-block;width:56px;height:56px;margin-bottom:1rem;perspective:120px}.fi-svg{width:100%;height:100%;transition:transform .4s ease;transform-style:preserve-3d;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35))}.feature-card:hover .fi-svg{transform:rotateY(12deg) rotateX(-8deg) scale(1.12);filter:drop-shadow(0 6px 14px rgba(0,0,0,.4))}.feature-card h3{margin-bottom:.5rem;font-size:1.1rem}.feature-card p{margin:0;font-size:.95rem;color:var(--text-muted)}.auth-required-box{text-align:center;padding:3rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);max-width:400px;margin:0 auto}.auth-required-box .lock-icon{font-size:3rem;display:block;margin-bottom:1rem}.auth-required-box h2{margin-bottom:.5rem}.auth-required-box p{margin-bottom:1.5rem}.auth-required-actions{display:flex;gap:1rem;justify-content:center}.loading-state{text-align:center;padding:2rem}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--accent-cyan);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{to{transform:rotate(360deg)}}.player-head{border-radius:var(--radius-lg)}.ranks-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.subscription-card{max-width:500px;margin:0 auto;background:var(--bg-card);border:2px solid var(--accent-cyan);border-radius:var(--radius-lg);padding:2rem;text-align:center}.admin-header{background:linear-gradient(135deg,var(--accent-red),var(--accent-orange));padding:1.5rem;border-radius:var(--radius-lg);margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center}.admin-header h1{color:#fff;margin:0;font-size:1.5rem}.admin-badge{background:#fff3;padding:.3rem .8rem;border-radius:var(--radius-lg);font-size:.8rem;font-weight:700;color:#fff}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:2rem}.admin-stat-card{background:#ffffff05;border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1rem;text-align:center}.admin-stat-value{font-family:var(--font-display);font-size:2rem;font-weight:800}.admin-stat-label{font-size:.85rem;color:var(--text-muted);text-transform:uppercase}.admin-stat-card.pending .admin-stat-value{color:var(--accent-gold)}.admin-stat-card.accepted .admin-stat-value{color:var(--accent-green)}.admin-stat-card.denied .admin-stat-value{color:var(--accent-red)}.admin-appeal-card{background:#ffffff05;border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1rem}.admin-appeal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.admin-appeal-player{display:flex;align-items:center;gap:1rem}.admin-appeal-player h3{margin:0}.admin-appeal-player p{margin:0;font-size:.85rem;color:var(--text-muted)}.admin-appeal-content{background:var(--bg-dark);border-radius:var(--radius-lg);padding:1rem;margin-bottom:1rem}.admin-appeal-content h4{font-size:.85rem;color:var(--text-muted);margin-bottom:.5rem}.admin-appeal-content p{margin:0;white-space:pre-wrap}.admin-appeal-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem}.legal-page{max-width:800px}.legal-page h1{font-family:var(--font-heading);margin-bottom:.5rem}.legal-page .last-updated{color:var(--text-muted);margin-bottom:2rem;font-size:.85rem;font-family:var(--font-mono)}.legal-page h2{margin:2.5rem 0 1rem;font-size:1.2rem;font-family:var(--font-subtitle);color:var(--accent-gold);padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.legal-page h3{margin:1.5rem 0 .75rem;font-size:1.05rem;font-family:var(--font-subtitle);color:var(--text-primary)}.legal-page ul,.legal-page ol{margin:1rem 0;padding-left:1.5rem}.legal-page li{margin-bottom:.5rem;color:var(--text-secondary);line-height:1.6}.legal-page p{margin-bottom:1rem;line-height:1.7}.legal-page a{color:var(--accent-cyan)}.legal-page strong{color:var(--text-primary)}.footer{background:var(--bg-card);margin-top:0;position:relative}.footer-divider{height:24px;overflow:hidden;margin-bottom:0}.footer-divider svg{width:100%;height:100%}.footer-skyline{width:100%;overflow:hidden;margin-bottom:-1px;position:relative;background:linear-gradient(to bottom,#060610,#0e1a2e 60%,#111827)}.footer-skyline svg{display:block;width:100%;height:auto;max-height:220px;contain:layout style paint}.footer-content{display:grid;grid-template-columns:1.2fr 1.5fr 1fr;gap:2.5rem;padding:2.5rem 1.5rem 2rem;align-items:start}.footer-brand{display:flex;flex-direction:column;gap:.6rem}.footer-logo-link{display:flex;align-items:center;gap:.5rem;text-decoration:none}.footer-logo{font-family:"Orbitron",var(--font-body);font-size:.95rem;font-weight:700;color:var(--text-primary);letter-spacing:.08em;text-transform:uppercase}.footer-logo-accent{color:var(--accent-cyan)}.footer-tagline{font-size:.85rem;color:var(--text-muted);line-height:1.4}.footer-ip{display:flex;align-items:center;gap:.5rem}.footer-ip-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.footer-ip-value{font-family:var(--font-mono);font-size:.8rem;color:var(--accent-cyan);background:#00d4ff0f;border:1px solid rgba(0,212,255,.1);padding:.2rem .5rem;border-radius:4px}.footer-nav{display:flex;gap:3rem}.footer-nav-group{display:flex;flex-direction:column;gap:.4rem}.footer-nav-title{font-family:var(--font-subtitle);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-gold);margin-bottom:.3rem}.footer-nav-group a{font-size:.85rem;color:var(--text-muted);transition:color var(--transition-fast)}.footer-nav-group a:hover{color:var(--accent-cyan)}.footer-social{display:flex;flex-direction:column;gap:.6rem}.footer-discord-link{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-secondary);transition:color var(--transition-fast)}.footer-discord-link:hover{color:#5865f2}.footer-support-link{font-size:.8rem;color:var(--text-muted)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--border-color)}.footer-copyright{color:var(--text-muted);font-size:.8rem}.footer-disclaimer{color:var(--text-muted);font-size:.7rem;max-width:500px;text-align:center;flex:1}.footer-back-to-top{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.footer-back-to-top:hover{border-color:var(--accent-cyan);color:var(--accent-cyan);box-shadow:0 0 10px var(--accent-cyan-dim)}@media (max-width: 768px){.footer-content{grid-template-columns:1fr;gap:2rem;text-align:center}.footer-brand{align-items:center}.footer-logo-link,.footer-ip{justify-content:center}.footer-nav{justify-content:center;gap:2rem}.footer-social{align-items:center}.footer-bottom{flex-direction:column;text-align:center}.footer-disclaimer{max-width:none}}.infra-strip{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);padding:1.25rem 0}.infra-inner{text-align:center}.infra-specs{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.infra-spec{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.infra-dot{width:3px;height:3px;border-radius:50%;background:var(--text-muted);opacity:.4}.infra-text{font-size:.75rem;color:var(--text-muted);opacity:.6;max-width:560px;margin:0 auto;line-height:1.5}.contact-section{background:transparent}.contact-box{text-align:center;padding:2rem;max-width:600px;margin:0 auto}.contact-links{display:flex;align-items:center;justify-content:center;gap:.75rem;margin:1.25rem 0;flex-wrap:wrap}.contact-link-item{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:500;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);text-decoration:none;transition:all .2s ease}.contact-link-item:hover{color:var(--accent-cyan);border-color:var(--accent-cyan);background:#00d4ff0a}.contact-link-item svg{flex-shrink:0;opacity:.7}.contact-link-item:hover svg{opacity:1}.contact-note{font-size:.8rem;color:var(--text-muted)}.discord-join-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1.2rem;background:transparent;color:var(--text-secondary);font-family:var(--font-body);font-size:.85rem;font-weight:500;border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;text-decoration:none;transition:all .2s ease}.discord-join-btn:hover{color:#5865f2;border-color:#5865f2;background:#5865f20f}.discord-icon{flex-shrink:0}.badge{display:inline-block;padding:.25rem .75rem;border-radius:var(--radius-lg);font-size:.75rem;font-weight:700;text-transform:uppercase}.badge-pending{background:#ffd70033;color:var(--accent-gold)}.badge-accepted{background:#22c55e33;color:var(--accent-green)}.badge-denied{background:#ef444433;color:var(--accent-red)}.badge-maybe{background:#a855f733;color:var(--accent-purple)}.activity-view-all{color:var(--accent-cyan);text-decoration:none;font-weight:600;font-size:.9rem;transition:color var(--transition-fast)}.activity-view-all:hover{color:var(--text-primary);text-decoration:underline}.toast-container{position:fixed;bottom:1.5rem;right:1.5rem;z-index:9999;display:flex;flex-direction:column-reverse;gap:.5rem;pointer-events:none}.toast-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 8px 24px #00000080;pointer-events:auto;cursor:pointer;animation:toast-slide-in .3s ease;max-width:360px}.toast-icon{font-size:1.2rem;flex-shrink:0}.toast-message{font-size:.85rem;color:var(--text-primary);line-height:1.3}@keyframes toast-slide-in{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.activity-status-row{margin-top:.5rem}.activity-status{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.25rem .75rem;border-radius:var(--radius-lg)}.activity-status.live{color:var(--accent-green);background:#22c55e26}.activity-status.polling{color:var(--accent-gold);background:#ffd70026}.activity-status.connecting{color:var(--text-muted);background:#ffffff0d}.activity-status-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-green);animation:pulse 2s infinite}.gallery-wrapper{position:relative;max-width:100%;padding:0 1.5rem}.gallery-track{display:flex;gap:.75rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:.25rem 0}.gallery-track::-webkit-scrollbar{display:none}.gallery-item{flex:0 0 auto;width:280px;scroll-snap-align:start;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-color);background:var(--bg-card);cursor:pointer;transition:border-color var(--transition-fast),transform var(--transition-fast);padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.gallery-item:hover{border-color:var(--accent-cyan);transform:translateY(-2px)}.gallery-item img{display:block;width:100%;height:158px;object-fit:cover;image-rendering:auto}.gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:36px;height:36px;border-radius:50%;background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);font-size:1.5rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.gallery-arrow:hover{background:var(--accent-cyan);border-color:var(--accent-cyan);color:var(--bg-dark)}.gallery-arrow.left{left:.25rem}.gallery-arrow.right{right:.25rem}.gallery-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;background:#000000e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;animation:howtoFadeIn .2s ease}.gallery-lightbox-img{max-width:90vw;max-height:80vh;border-radius:var(--radius-lg);border:1px solid var(--border-color);image-rendering:auto}.gallery-lightbox-close{position:absolute;top:1rem;right:1rem;width:36px;height:36px;border-radius:50%;background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.gallery-lightbox-close:hover{background:var(--accent-red);border-color:var(--accent-red)}.gallery-lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);font-size:2rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.gallery-lightbox-nav:hover{background:var(--accent-cyan);border-color:var(--accent-cyan);color:var(--bg-dark)}.gallery-lightbox-nav.prev{left:1rem}.gallery-lightbox-nav.next{right:1rem}.gallery-lightbox-caption{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);color:var(--text-secondary);font-size:.9rem;background:var(--bg-card);padding:.4rem 1rem;border-radius:var(--radius-md);white-space:nowrap}@media (max-width: 600px){.gallery-item{width:240px}.gallery-item img{height:135px}.gallery-arrow{display:none}.gallery-lightbox-nav{width:36px;height:36px;font-size:1.5rem}.gallery-lightbox-nav.prev{left:.5rem}.gallery-lightbox-nav.next{right:.5rem}}.text-center{text-align:center}@media (max-width: 600px){.store-sections,.features-grid{grid-template-columns:1fr}.admin-appeal-actions{flex-direction:column}.support-email{font-size:1.1rem}.toast-container{bottom:1rem;right:1rem;left:1rem}.toast-item{max-width:100%}}.how-to-join-link{display:block;margin:.5rem auto 0;background:none;border:none;color:var(--accent-cyan);font-family:var(--font-body);font-size:.95rem;font-weight:500;cursor:pointer;text-decoration:none;transition:var(--transition-fast);letter-spacing:.5px}.how-to-join-link:hover{text-decoration:underline;text-shadow:0 0 8px var(--accent-cyan-glow)}.howto-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#000000d1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:1rem;animation:howtoFadeIn .2s ease}@keyframes howtoFadeIn{0%{opacity:0}to{opacity:1}}.howto-modal{max-width:800px;width:100%;max-height:90vh;overflow-y:auto;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);animation:howtoSlideUp .25s ease}@keyframes howtoSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.howto-modal::-webkit-scrollbar{width:6px}.howto-modal::-webkit-scrollbar-track{background:var(--bg-dark)}.howto-modal::-webkit-scrollbar-thumb{background:var(--accent-cyan);border-radius:3px}.howto-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);gap:1rem;flex-wrap:wrap}.howto-modal-header h2{font-family:var(--font-subtitle);font-size:1.15rem;font-weight:700;color:var(--text-primary);margin:0}.howto-header-left{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.howto-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:1.1rem;cursor:pointer;transition:var(--transition-fast);flex-shrink:0}.howto-close:hover{background:var(--accent-red);border-color:var(--accent-red);color:#fff}.howto-ip-badge{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.8rem;background:var(--bg-dark);border:1px solid rgba(0,212,255,.25);padding:.3rem .75rem;border-radius:var(--radius-md);color:var(--accent-cyan);cursor:pointer;transition:var(--transition-fast)}.howto-ip-badge:hover{border-color:var(--accent-cyan);box-shadow:0 0 10px var(--accent-cyan-glow)}.howto-ip-badge .copy-icon{font-size:.75rem;opacity:.6}.howto-tabs{display:flex;border-bottom:1px solid var(--border-color);padding:0 1.5rem;gap:0}.howto-tab{padding:.75rem 1.25rem;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-family:var(--font-body);font-size:.9rem;font-weight:600;cursor:pointer;transition:var(--transition-fast);white-space:nowrap}.howto-tab:hover{color:var(--text-primary)}.howto-tab.active{color:var(--accent-cyan);border-bottom-color:var(--accent-cyan)}.howto-tab-icon{margin-right:.4rem}.howto-tab-content{padding:1.5rem}.howto-visual{text-align:center;margin-bottom:1.5rem;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-color);background:var(--bg-dark)}.howto-visual video,.howto-visual img{max-width:100%;height:auto;display:block}.howto-steps{display:flex;flex-direction:column;gap:.9rem}.howto-step{display:flex;gap:.9rem;align-items:flex-start}.howto-step-number{width:28px;height:28px;min-width:28px;border-radius:50%;background:var(--accent-cyan);color:var(--bg-dark);font-family:var(--font-display);font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:2px}.howto-step-content h4{font-family:var(--font-body);font-weight:600;font-size:.95rem;margin:0 0 .15rem;color:var(--text-primary)}.howto-step-content p{color:var(--text-secondary);font-size:.85rem;line-height:1.5;margin:0}.howto-field{display:inline;font-family:var(--font-mono);font-size:.82rem;background:var(--bg-dark);border:1px solid rgba(0,212,255,.25);padding:.15rem .5rem;border-radius:4px;color:var(--accent-cyan)}.howto-console-intro{color:var(--text-secondary);font-size:.9rem;margin-bottom:1.25rem;line-height:1.5}.howto-method{background:var(--bg-dark);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem;margin-bottom:1rem}.howto-method:last-child{margin-bottom:0}.howto-method-header{display:flex;align-items:center;gap:.6rem;margin-bottom:1rem}.howto-method-icon{font-size:1.2rem}.howto-method-title{font-family:var(--font-subtitle);font-size:.85rem;font-weight:600;color:var(--text-primary);margin:0}.howto-method-badge{font-family:var(--font-body);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:var(--accent-cyan);color:var(--bg-dark);padding:.15rem .5rem;border-radius:4px}.howto-method-badge.alt{background:var(--accent-orange)}.howto-console-note{margin-top:.75rem;padding:.6rem .9rem;background:#f9731614;border-left:3px solid var(--accent-orange);border-radius:0 var(--radius-md) var(--radius-md) 0;font-size:.82rem;color:var(--text-secondary);line-height:1.5}.howto-tips{padding:1rem 1.5rem;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:.4rem}.howto-tip{display:flex;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.8rem}.howto-tip:before{content:"•";color:var(--accent-cyan);font-size:.9rem}@media (max-width: 640px){.howto-modal{max-height:95vh;border-radius:var(--radius-lg)}.howto-modal-header{padding:1rem}.howto-modal-header h2{font-size:1rem}.howto-tabs{padding:0 1rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.howto-tab{font-size:.82rem;padding:.6rem .9rem}.howto-tab-content,.howto-method{padding:1rem}.howto-tips{padding:.75rem 1rem}}.ambient-sky{position:fixed;top:0;right:0;width:45vw;height:40vh;pointer-events:none;z-index:1001;will-change:auto;contain:layout style}.ambient-moon{position:absolute;top:40px;right:5%;width:280px;height:280px;z-index:-1;cursor:default;pointer-events:auto;flex-shrink:0;animation:moon-float 8s ease-in-out infinite}.ambient-moon svg{display:block;width:280px;height:280px}@keyframes moon-float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-2px) rotate(.5deg)}50%{transform:translateY(-4px) rotate(0)}75%{transform:translateY(-2px) rotate(-.5deg)}}.ambient-moon:hover{animation:moon-bounce .5s ease forwards,moon-float 8s ease-in-out .5s infinite}@keyframes moon-bounce{0%{transform:translateY(0)}30%{transform:translateY(-10px) scale(1.03)}60%{transform:translateY(2px) scale(.99)}to{transform:translateY(0) scale(1)}}.ambient-moon-label{position:absolute;bottom:-8px;left:50%;transform:translate(-50%) translateY(8px);font-family:var(--font-mono);font-size:.65rem;color:#c8d8ec80;letter-spacing:.06em;white-space:nowrap;opacity:0;transition:opacity .4s ease .2s,transform .4s ease .2s;pointer-events:none}.ambient-moon:hover .ambient-moon-label{opacity:1;transform:translate(-50%) translateY(0)}.ambient-moon-clouds{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;pointer-events:none;opacity:0;transition:opacity 1.5s ease .3s}.ambient-moon:hover .ambient-moon-clouds{opacity:1}.ambient-cloud{position:absolute;border-radius:50%;background:#64748b1f;filter:blur(8px);animation:cloud-drift linear infinite}.ambient-cloud:nth-child(1){width:60%;height:30%;top:25%;left:-60%;animation-duration:8s}.ambient-cloud:nth-child(2){width:50%;height:25%;top:45%;left:-50%;animation-duration:10s;animation-delay:.5s}.ambient-cloud:nth-child(3){width:45%;height:20%;top:35%;right:-45%;left:auto;animation-duration:9s;animation-delay:1s;animation-name:cloud-drift-reverse}@keyframes cloud-drift{0%{transform:translate(0)}to{transform:translate(280%)}}@keyframes cloud-drift-reverse{0%{transform:translate(0)}to{transform:translate(-280%)}}.ambient-moon-haze{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;border-radius:50%;background:radial-gradient(circle,rgba(200,216,236,.04) 0%,rgba(200,216,236,.015) 40%,transparent 70%);animation:moon-haze 6s ease-in-out infinite;pointer-events:none}@keyframes moon-haze{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.ambient-stars-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:-1}@media (max-width: 768px){.ambient-moon{display:none}.ambient-sky{width:80vw;height:25vh;opacity:.5}}@media (prefers-reduced-motion: reduce){.ambient-sky{display:none}}[class*=-card],[class*=-section],[class*=-box],[class*=-note],[class*=-info],[class*=-legend],[class*=-faq]{border-radius:0!important;box-shadow:none!important}.store-section-card,.store-category-card,.xai-grid-item,.rw-highlight-card,.rw-tier-card,.feature-card,.cw-about-card,.store-rec-card,.companion-spotlight-card,.s1-feature{position:relative;transition:background .25s ease}.store-section-card:before,.store-category-card:before,.xai-grid-item:before,.rw-highlight-card:before,.rw-tier-card:before,.feature-card:before,.cw-about-card:before,.store-rec-card:before,.companion-spotlight-card:before,.s1-feature:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;pointer-events:none;z-index:2;opacity:0;transition:opacity .2s ease;background:linear-gradient(#ffffff4d,#ffffff4d) 0 0 / 22px 1.5px no-repeat,linear-gradient(#ffffff4d,#ffffff4d) 0 0 / 1.5px 22px no-repeat,linear-gradient(#ffffff4d,#ffffff4d) 100% 0 / 22px 1.5px no-repeat,linear-gradient(#ffffff4d,#ffffff4d) 100% 0 / 1.5px 22px no-repeat,linear-gradient(#ffffff4d,#ffffff4d) 0 100% / 22px 1.5px no-repeat,linear-gradient(#ffffff4d,#ffffff4d) 0 100% / 1.5px 22px no-repeat,linear-gradient(#ffffff4d,#ffffff4d) 100% 100% / 22px 1.5px no-repeat,linear-gradient(#ffffff4d,#ffffff4d) 100% 100% / 1.5px 22px no-repeat}.store-section-card:hover:before,.store-category-card:hover:before,.xai-grid-item:hover:before,.rw-highlight-card:hover:before,.rw-tier-card:hover:before,.feature-card:hover:before,.cw-about-card:hover:before,.store-rec-card:hover:before,.companion-spotlight-card:hover:before,.s1-feature:hover:before{opacity:1}.store-section-card:hover,.store-category-card:hover,.xai-grid-item:hover,.rw-highlight-card:hover,.rw-tier-card:hover,.feature-card:hover,.cw-about-card:hover,.store-rec-card:hover,.companion-spotlight-card:hover{background:#ffffff04!important}.xai-store-link:hover,table tr:hover td{background:#00d4ff08}table tr{transition:background .2s ease}.rw-tier-chart{display:flex;align-items:flex-end;justify-content:center;gap:1.5rem;height:400px;margin-top:3rem;padding:0 2rem}.rw-tier-bar-col{display:flex;flex-direction:column;align-items:center;flex:1;max-width:160px;height:100%;justify-content:flex-end}.rw-tier-bar{width:100%;border-radius:var(--radius-lg) var(--radius-lg) 0 0;border:1px solid;border-bottom:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:.75rem .5rem;gap:.25rem;transition:height .8s cubic-bezier(.16,1,.3,1);overflow:hidden}.rw-tier-bar-stat{font-family:var(--font-mono);font-size:.7rem;color:var(--text-primary);white-space:nowrap}.rw-tier-bar-label{font-family:var(--font-subtitle);font-size:.85rem;font-weight:700;margin-top:.75rem;text-transform:uppercase}.rw-tier-bar-boosts{font-family:var(--font-mono);font-size:.65rem;color:var(--text-muted);margin-top:.25rem}.rw-highlight-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.rw-highlight-card{background:transparent;border:none;border-top:1px solid var(--border-color);border-radius:0;padding:1.5rem 0;transition:border-color .2s ease}.rw-highlight-card:hover{border-color:var(--accent-cyan)}.rw-highlight-card h3{font-family:var(--font-subtitle);font-size:1.3rem;margin:.5rem 0 .75rem}.rw-highlight-card p{font-size:.9rem;color:var(--text-muted);line-height:1.7;margin:0}.rw-highlight-stat{display:flex;align-items:baseline;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.rw-stat-big{font-family:var(--font-heading);font-size:2.5rem;color:var(--accent-cyan);line-height:1}.rw-highlight-stat span:last-child{font-size:.8rem;color:var(--text-muted);font-family:var(--font-mono)}.rw-tier-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem;width:100%}.rw-tier-card{background:transparent;border:none;border-top:2px solid;border-radius:0;padding:1rem .5rem;text-align:center;transition:border-color .2s ease}.rw-tier-card:hover{border-color:var(--accent-cyan)}.rw-tier-card h4{font-size:.85rem;margin:0 0 .5rem;font-family:var(--font-subtitle);text-transform:uppercase}.rw-tier-card ul{list-style:none;padding:0;margin:0}.rw-tier-card li{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);padding:.25rem 0;border-top:1px solid var(--border-color)}.rw-tier-card-boosts{display:block;font-family:var(--font-mono);font-size:.6rem;color:var(--text-muted);margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border-color)}.rw-showcase-faq-row{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:end}.rw-showcase-col{min-width:0;align-self:start}.rw-showcase-col>*{text-align:left}.rw-faq-col{min-width:0;align-self:end;display:flex;flex-direction:column;justify-content:flex-end}.rw-showcase-col h3,.rw-faq-col h3{margin-top:0}@media (max-width: 900px){.rw-showcase-faq-row{grid-template-columns:1fr}}.rw-faq{background:transparent;border-radius:0;padding:0;border:none}.rw-faq-item{border-bottom:1px solid var(--border-color);display:flex;flex-direction:column-reverse}.rw-faq-item:last-child{border-bottom:none}.rw-faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0;background:none;border:none;color:var(--text-primary);font-size:1rem;font-weight:600;cursor:pointer;text-align:left;font-family:var(--font-body)}.rw-faq-q:hover{color:var(--accent-cyan)}.rw-faq-chevron{flex-shrink:0;transition:transform .2s ease}.rw-faq-item.open .rw-faq-chevron{transform:rotate(180deg)}.rw-faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}.rw-faq-item.open .rw-faq-a{max-height:200px;padding-top:1rem}.rw-faq-a p{margin:0;font-size:.9rem;color:var(--text-muted);line-height:1.6}@media (max-width: 900px){.rw-tier-cards{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.rw-highlight-grid{grid-template-columns:1fr}.rw-tier-chart{gap:.5rem;height:250px;padding:0}.rw-tier-bar-stat{font-size:.6rem}}@media (max-width: 480px){.rw-tier-cards{grid-template-columns:repeat(2,1fr)}}.auth-page{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:3rem 1rem}.auth-card{width:100%;max-width:420px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:2.5rem 2rem;text-align:center;position:relative;overflow:hidden;box-shadow:0 4px 16px #0000004d,0 0 0 1px #ffffff08}.auth-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--accent-cyan) 50%,transparent 100%);opacity:.6}.auth-card-logo{display:flex;justify-content:center;margin-bottom:1.5rem}.auth-card h1{font-family:var(--font-heading);font-size:1.5rem;margin:0 0 .5rem}.auth-card>p{color:var(--text-muted);margin:0 0 1.5rem;font-size:.95rem}.auth-card form{text-align:left}.auth-links{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.auth-links p{margin:.5rem 0;color:var(--text-muted);font-size:.9rem}.auth-links p.small{font-size:.82rem}.auth-links a{color:var(--accent-cyan)}.bedrock-preview{background:var(--accent-cyan-dim);border:1px solid rgba(0,212,255,.2);border-radius:6px;padding:.75rem;margin-bottom:1rem;font-size:.9rem;color:var(--text-secondary)}.bedrock-preview strong{color:var(--accent-cyan)}.auth-box{max-width:420px;margin:0 auto;background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:2.5rem 2rem;text-align:center;position:relative;overflow:hidden;box-shadow:0 4px 16px #0000004d,0 0 0 1px #ffffff08}.auth-box:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent-cyan),transparent);opacity:.6}.auth-box h1{font-family:var(--font-heading);font-size:1.5rem;margin:0 0 .5rem}.auth-box>p{color:var(--text-muted);margin:0 0 1.5rem;font-size:.95rem}.auth-box form{text-align:left}