@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateX(-20px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.animate-fadeIn{animation:fadeIn .5s}.animate-slideIn{animation:slideIn .3s}.animate-pulse-custom{animation:pulse .5s ease-in-out}.animate-drawing{animation:pulse .3s infinite}.animate-modalFadeIn{animation:modalFadeIn .5s}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.animate-shimmer{animation:shimmer 2s infinite}@media (max-width:1024px) and (orientation:landscape){.mobile-landscape{transform:rotate(90deg);transform-origin:center center;width:100vh;height:100vw;position:absolute;top:calc((100vh - 100vw) / 2);left:calc((100vw - 100vh) / 2)}}.clip-hex{clip-path:polygon(25% 6%,75% 6%,100% 50%,75% 94%,25% 94%,0 50%)}.hex-root{width:var(--hex-size);height:var(--hex-size);position:relative;cursor:pointer}.hex-outer{position:absolute;inset:0}.hex-inner{position:absolute;inset:5.5%;background:linear-gradient(145deg,var(--hex-bg1),var(--hex-bg2));box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.06),inset 0 12px 28px hsla(0,0%,100%,.05),inset 0 -16px 32px rgba(0,0,0,.45);position:relative}.hex-inner-overlay{background:radial-gradient(120% 80% at 50% 0,hsla(0,0%,100%,.12) 0,hsla(0,0%,100%,.02) 60%,transparent 100%),radial-gradient(80% 60% at 50% 100%,rgba(0,0,0,.35) 0,transparent 60%);mix-blend-mode:screen}.hex-inner-overlay,.hex-stroke{position:absolute;inset:0;pointer-events:none}.hex-stroke{background:linear-gradient(180deg,hsla(0,0%,100%,.14),hsla(0,0%,100%,0) 40%) border-box;box-shadow:0 0 0 2px var(--hex-border),0 0 16px var(--hex-glow),inset 0 0 0 1px hsla(0,0%,100%,.04);opacity:.9}.hex-sheen{position:absolute;inset:0;overflow:hidden;pointer-events:none}.hex-sheen:before{content:"";position:absolute;inset:-35%;background:linear-gradient(100deg,transparent 30%,hsla(0,0%,100%,.22) 45%,hsla(0,0%,100%,.12) 50%,transparent 65%);transform:rotate(15deg) translateX(-60%);animation:hex-sheen-move 2.8s linear infinite;filter:blur(.5px);mix-blend-mode:screen}@keyframes hex-sheen-move{0%{transform:rotate(15deg) translateX(-60%)}to{transform:rotate(15deg) translateX(60%)}}.legendary-glow{filter:drop-shadow(0 0 6px var(--hex-glow)) drop-shadow(0 0 14px var(--hex-glow))}.hex-tier-badge{position:absolute;right:.6rem;bottom:.45rem;height:18px;padding:0 8px;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:800;letter-spacing:.03em;background:linear-gradient(180deg,var(--hex-border) 0,#000 100%);clip-path:polygon(0 0,85% 0,100% 50%,85% 100%,0 100%);box-shadow:0 1px 0 hsla(0,0%,100%,.15) inset,0 0 8px var(--hex-glow);border:1px solid var(--hex-border)}.scrollbar-thin::-webkit-scrollbar{width:4px}.scrollbar-thumb-cyan-500\/50::-webkit-scrollbar-thumb{background-color:rgba(6,182,212,.5);border-radius:2px}.scrollbar-track-transparent::-webkit-scrollbar-track{background:transparent}@media (max-width:1024px){.lg\:flex-row{flex-direction:column!important}}@media (max-width:768px){.mobile-portrait{padding:.5rem}}@media (min-width:768px) and (orientation:landscape) and (max-height:600px){.landscape-compact{flex-direction:row!important;height:100vh;overflow:hidden}.landscape-compact>aside{width:250px!important;max-height:100vh;overflow-y:auto}}