*{box-sizing:border-box;margin:0;padding:0}html.css-loaded{background:transparent}body{background:linear-gradient(135deg,#0f1419,#1a1f2e 50%,#1e2432);color:#e8eaed;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;min-height:100vh;padding:0}img{display:block;height:auto;max-width:100%}.hero-portrait-image{height:100px!important;max-height:100px!important;max-width:100px!important;width:100px!important}.hero-portrait-image,.slot-item-image{-o-object-fit:contain;object-fit:contain}.slot-item-image{height:64px!important;max-height:64px!important;max-width:64px!important;width:64px!important}.item-image{height:200px!important;max-height:200px!important;max-width:100%!important;width:100%!important}.item-image,.modal-image{-o-object-fit:contain;object-fit:contain}.modal-image{height:120px!important;max-height:120px!important;max-width:120px!important;width:120px!important}.logo-favicon{height:1.5rem!important;max-height:1.5rem!important;max-width:1.5rem!important;width:1.5rem!important}.app{display:flex;flex-direction:column;min-height:100vh}.navbar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e2432cc;border-bottom:1px solid rgba(217,70,239,.2);box-shadow:0 1px 3px #0003;display:flex;justify-content:space-between;padding:1rem 2rem;position:relative;z-index:100}.navbar.is-sticky{position:sticky;top:0}.navbar-center{left:50%;position:absolute;text-align:center;transform:translate(-50%)}.navbar-center-hidden-on-articles{display:none}.navbar-desktop-links{align-items:center;display:none;gap:1rem;left:50%;position:absolute;transform:translate(-50%)}.navbar-link{background:#0f141966;border:1px solid rgba(6,182,212,.2);border-radius:6px;color:#e8eaed;font-size:.9375rem;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease;white-space:nowrap}.navbar-link:hover{background:#06b6d41f;border-color:#06b6d480;color:#06b6d4}.navbar-link.router-link-active{background:linear-gradient(135deg,#06b6d433,#06b6d41a 50%,#d946ef1a);border-color:#06b6d499;color:#06b6d4}.logo-button{background:linear-gradient(135deg,#d946ef,#06b6d4);-webkit-background-clip:text;font-size:1.5rem;font-weight:600;-webkit-text-fill-color:transparent;align-items:center;background-clip:text;background-color:transparent;border:none;cursor:pointer;display:flex;font-family:inherit;gap:.5rem;letter-spacing:-.02em;padding:0;text-decoration:none;transition:opacity .2s ease}.logo-favicon{display:block;flex-shrink:0;height:1.5rem;transform-origin:bottom center;width:1.5rem}.logo-button:hover .logo-favicon{animation:swordDuel 2.5s cubic-bezier(.4,0,.2,1) forwards}@keyframes swordDuel{0%{transform:rotate(0) translate(0) translateY(0) scale(1)}6%{transform:rotate(-45deg) translate(-.1rem) translateY(-.05rem) scale(1)}10%{transform:rotate(35deg) translate(.08rem) translateY(.03rem) scale(1)}16%{transform:rotate(180deg) translate(.12rem) translateY(.08rem) scale(1)}22%{transform:rotate(0) translate(0) translateY(0) scale(1)}28%{transform:rotate(-25deg) translate(-.06rem) translateY(0) scale(1)}32%{transform:rotate(50deg) translate(.15rem) translateY(-.1rem) scale(1)}36%{transform:rotate(10deg) translate(.05rem) translateY(.02rem) scale(1)}40%{transform:rotate(0) translate(0) translateY(0) scale(1)}46%{transform:rotate(-15deg) translate(-.05rem) translateY(0) scale(1)}50%{transform:rotate(20deg) translate(.3rem) translateY(-.15rem) scale(1.1)}53%{transform:rotate(25deg) translate(.35rem) translateY(-.18rem) scale(1.15)}56%{transform:rotate(5deg) translate(.1rem) translateY(-.05rem) scale(1.05)}60%{transform:rotate(0) translate(0) translateY(0) scale(1)}to{transform:rotate(0) translate(0) translateY(0) scale(1)}}.logo-button:hover{opacity:.8}.hamburger-button{align-items:center;background:transparent;border:none;cursor:pointer!important;display:flex;flex-direction:column;gap:5px;height:32px;justify-content:center;padding:0;position:relative;transition:transform .3s cubic-bezier(.4,0,.2,1);width:32px;z-index:101}.hamburger-button:hover{transform:scale(1.1)}.hamburger-button.is-open{cursor:pointer!important}.hamburger-line{background:linear-gradient(90deg,#06b6d4,#d946ef);border-radius:2px;height:2px;position:relative;transform-origin:center;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);width:24px}.hamburger-line-1{transform:translateY(0) rotate(0)}.hamburger-line-2{opacity:1;transform:scaleX(1) rotate(0)}.hamburger-line-3{transform:translateY(0) rotate(0)}.hamburger-button.is-open .hamburger-line-1{background:linear-gradient(90deg,#06b6d4,#06b6d4 70%,#d946ef);box-shadow:0 0 8px #06b6d499,0 0 12px #06b6d466;transform:translateY(7px) rotate(45deg) scale(1.1)}.hamburger-button.is-open .hamburger-line-2{background:linear-gradient(90deg,#06b6d4,#06b6d4 70%,#d946ef);opacity:0;transform:scaleX(0) rotate(90deg)}.hamburger-button.is-open .hamburger-line-3{background:linear-gradient(90deg,#06b6d4,#06b6d4 70%,#d946ef);box-shadow:0 0 8px #06b6d499,0 0 12px #06b6d466;transform:translateY(-7px) rotate(-45deg) scale(1.1)}@keyframes hamburgerPulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.hamburger-button.is-open{animation:hamburgerPulse .4s cubic-bezier(.4,0,.2,1)}.menu-container{position:relative;z-index:1000}.menu-dropdown{background:#1e2432fa;border:1px solid rgba(6,182,212,.4);border-radius:8px;box-shadow:0 4px 20px #0006,0 0 0 1px #06b6d426;min-width:200px;padding:.5rem;position:absolute;right:0;top:calc(100% + .5rem);z-index:1001}.menu-nav{display:flex;flex-direction:column;gap:.25rem}.menu-divider{background:#06b6d433;height:1px;margin:.5rem 0}.menu-item{background:#0f141966;border:1px solid rgba(6,182,212,.2);border-radius:6px;color:#e8eaed;display:block;font-size:.9375rem;font-weight:500;padding:.75rem 1rem;text-decoration:none;transition:all .2s ease;white-space:nowrap}.menu-item:hover{background:#06b6d41f;border-color:#06b6d480;color:#06b6d4}.menu-item.router-link-active{background:linear-gradient(135deg,#06b6d433,#06b6d41a 50%,#d946ef1a);border-color:#06b6d499;color:#06b6d4}.menu-auth-buttons{display:flex;gap:.5rem}.menu-item-signin{flex:1}.menu-item-why{font-size:.875rem;min-width:auto;padding:.75rem}.menu-divider-desktop-hidden,.menu-item-desktop-hidden{display:block}.dropdown-enter-active,.dropdown-leave-active{transition:all .2s cubic-bezier(.4,0,.2,1)}.dropdown-enter-from,.dropdown-leave-to{opacity:0;transform:translateY(-10px) scale(.95)}@media(max-width:767px){.navbar{padding:1rem}.navbar-center,.navbar-desktop-links{display:none}.menu-panel{max-width:320px;width:100%}}@media(min-width:768px){.navbar-desktop-links{display:flex}.menu-divider-desktop-hidden,.menu-item-desktop-hidden{display:none}}.main-content{flex:1}.discord-message{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e243299;border-top:1px solid rgba(217,70,239,.15);padding:1rem 2rem;text-align:center}.discord-message p{color:#e8eaedcc;font-size:.875rem;margin:0 auto;max-width:1200px}.discord-link{color:#d946ef;font-weight:500;text-decoration:none;transition:color .2s ease,opacity .2s ease}.discord-link:hover{color:#06b6d4;opacity:.9}.footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e2432cc;border-top:1px solid rgba(217,70,239,.2);box-shadow:0 -1px 3px #0003;margin-top:auto;padding:1.5rem 2rem 3rem}.footer-content{display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:1200px}.footer-top{display:flex;flex-direction:row;justify-content:space-between}.footer-articles{align-items:flex-start;gap:.5rem}.footer-articles,.footer-bottom{display:flex;flex:1;flex-direction:column;min-width:0}.footer-bottom{align-items:flex-end;gap:1rem}.articles-heading{color:#e8eaede6;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.articles-heading,.copyright{font-size:.875rem;line-height:1.2;margin:0;padding:0}.copyright{color:#e8eaedb3}.articles-links{display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-start}.footer-bottom-links{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.footer-link{color:#e8eaedcc;font-size:.875rem;text-decoration:none;transition:color .2s ease}.footer-link:hover{color:#06b6d4}.footer-link-small{align-items:center;color:#e8eaedb3;display:flex;font-size:.8125rem;gap:.375rem;text-decoration:none;transition:color .2s ease}.footer-link-small:hover{color:#06b6d4}.footer-icon{display:inline-block;fill:currentColor;flex-shrink:0;height:16px;overflow:visible;shape-rendering:geometricPrecision;vertical-align:middle;width:16px}.footer-separator{color:#e8eaed66;font-size:.8125rem}@media(max-width:767px){.discord-message{padding:1rem}.discord-message p{font-size:.8125rem}.footer{padding:1rem 1rem 2rem}.footer-top{align-items:center;flex-direction:column;gap:1.5rem}.footer-articles{align-items:center;width:100%}.articles-links{justify-content:center}.footer-bottom{align-items:center;flex-direction:column;gap:1rem;text-align:center;width:100%}.footer-bottom-links{gap:.75rem;justify-content:center}.footer-separator{display:none}}.cookie-banner{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e2432f2;border-top:1px solid rgba(6,182,212,.3);bottom:0;box-shadow:0 -2px 10px #0000004d;display:flex;gap:1rem;justify-content:center;left:0;padding:.75rem 1.5rem;position:fixed;right:0;z-index:9999}.cookie-text{color:#e8eaede6;font-size:.8125rem;margin:0;text-align:center}.cookie-link{color:#06b6d4;text-decoration:none;transition:color .2s ease}.cookie-link:hover{color:#d946ef}.cookie-button{background:#06b6d426;border:1px solid rgba(6,182,212,.4);border-radius:6px;color:#06b6d4;cursor:pointer;flex-shrink:0;font-size:.8125rem;font-weight:500;padding:.5rem 1.25rem;transition:all .2s ease;white-space:nowrap}.cookie-button:hover{background:#06b6d440;border-color:#06b6d499}.cookie-slide-enter-active,.cookie-slide-leave-active{transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease}.cookie-slide-enter-from,.cookie-slide-leave-to{opacity:0;transform:translateY(100%)}@media(max-width:767px){.cookie-banner{flex-direction:column;gap:.75rem;padding:1rem}.cookie-text{font-size:.75rem;text-align:center}.cookie-button{max-width:200px;width:100%}}