.database-item-tooltip-anchor{z-index:9999;pointer-events:none;width:0;height:0;position:fixed}.database-skill-tooltip{box-sizing:border-box;transform-origin:50%;color:#fff;background:#000000f2;border:1px solid #f8d519;border-radius:5px;width:max-content;min-width:300px;max-width:min(600px,100vw - 28px);max-height:min(560px,100vh - 28px);padding:8px 10px;font:13px/1.2 Tahoma,Arial,sans-serif;position:absolute;top:0;left:0;overflow:hidden auto;transform:translate(-50%,-50%)scale(.85);box-shadow:2px 2px 10px #00000080}.database-skill-tooltip__name{color:#f8d519;margin-bottom:4px;font-size:15px;font-weight:400}.database-skill-tooltip__id{color:#555;border-top:1px solid #333;margin-top:10px;padding-top:5px;font-size:12px}.database-skill-tooltip__status,.database-skill-tooltip__description{margin-top:8px}.database-skill-tooltip__status.is-error{color:#ff6969}.database-skill-tooltip__description{white-space:pre-line}.database-skill-tooltip__effect{margin-top:10px}.database-skill-tooltip__effect-head{color:#fc0;justify-content:space-between;align-items:baseline;gap:15px;display:flex}.database-skill-tooltip__duration{color:#fff;flex:none;font-size:11px}.database-skill-tooltip__buff{color:#63dc92;margin-top:5px}.database-skill-tooltip__effect-desc{color:#fff;white-space:pre-line;margin-top:4px;font-size:12px}.database-stat-tooltip{box-sizing:border-box;transform-origin:50%;color:#fff;background:#000000f2;border:1px solid #0f0;border-radius:5px;width:max-content;min-width:300px;max-width:min(600px,100vw - 28px);padding:8px 10px;font:13px/1.2 Tahoma,Arial,sans-serif;position:absolute;top:0;left:0;transform:translate(-50%,-50%)scale(.85);box-shadow:2px 2px 10px #00000080}.database-stat-tooltip__row{justify-content:space-between;gap:18px;margin-bottom:1px;display:flex}.database-stat-tooltip__values{flex:1}.database-stat-tooltip__name{color:#fff;text-align:right;white-space:nowrap;margin-left:5px}.database-stat-tooltip__note{color:#0f0;margin-top:1px;font-size:11px}.database-stat-tooltip__status.is-error{color:red}.database-rune-tooltip{box-sizing:border-box;transform-origin:50%;color:#fff;background:#000000f2;border:1px solid #f8d519;border-radius:5px;width:max-content;min-width:300px;max-width:min(520px,100vw - 28px);padding:8px 10px;font:13px/1.25 Tahoma,Arial,sans-serif;position:absolute;top:0;left:0;transform:translate(-50%,-50%)scale(.85);box-shadow:2px 2px 10px #00000080}.database-rune-tooltip__name{margin-bottom:7px;font-size:15px;font-weight:400}.database-rune-tooltip__description{color:#fff;white-space:pre-line;max-width:460px;margin-top:5px}.database-rune-tooltip__stats{color:#0f0}.database-rune-tooltip__stats .is-negative{color:red}.database-rune-tooltip__status{color:#aaa}.database-rune-tooltip__status.is-error{color:#ff6969}.database-rune-tooltip__meta{color:#666;border-top:1px solid #333;justify-content:space-between;gap:18px;margin-top:9px;padding-top:5px;font-size:11px;display:flex}.database-recipe-tooltip{box-sizing:border-box;transform-origin:50%;color:#fff;background:#000000f5;border:1px solid #c8a96e;border-radius:5px;width:max-content;min-width:320px;max-width:min(460px,100vw - 28px);max-height:min(620px,100vh - 28px);padding:9px 11px;font:13px/1.3 Tahoma,Arial,sans-serif;position:absolute;top:0;left:0;overflow:hidden auto;transform:translate(-50%,-50%)scale(.85);box-shadow:2px 2px 10px #0000008c}.database-recipe-tooltip__name{margin-bottom:6px;font-size:15px}.database-recipe-tooltip__status{color:#aaa}.database-recipe-tooltip__status.is-error{color:#ff6969}.database-recipe-tooltip__meta-line,.database-recipe-tooltip__item{justify-content:space-between;align-items:baseline;gap:18px;display:flex}.database-recipe-tooltip__meta-line{color:#d7c49f;font-size:11px}.database-recipe-tooltip__description{color:#fff;white-space:pre-line;max-width:420px;margin-top:7px}.database-recipe-tooltip__group{border-top:1px solid #2f2b24;margin-top:9px;padding-top:7px}.database-recipe-tooltip__label{color:#c8a96e;text-transform:uppercase;margin-bottom:4px;font-size:11px}.database-recipe-tooltip__item{color:#ddd4c3;padding:1px 0}.database-recipe-tooltip__item strong{color:#aaa18f;flex:none;font-weight:400}.database-recipe-tooltip__item.is-result{color:#e7c77a}.database-recipe-tooltip__item.is-result strong{color:#63dc92}.database-recipe-tooltip__id{color:#555;border-top:1px solid #333;margin-top:8px;padding-top:5px;font-size:11px}@media (max-width:600px){.database-skill-tooltip,.database-stat-tooltip,.database-rune-tooltip,.database-recipe-tooltip{width:calc(100vw - 24px);min-width:0;max-height:calc(100dvh - 24px);position:fixed;top:50vh;left:50vw;transform:translate(-50%,-50%)}}
.navbar{z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#0a0a0fd9 0%,#0a0a0f66 70%,#0000 100%);padding:16px 0;transition:all .3s;position:fixed;top:0;left:0;right:0}.navbar--scrolled{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border);background:#0a0a0ff2;padding:10px 0;box-shadow:0 4px 30px #0000004d}.navbar__container{justify-content:space-between;align-items:center;max-width:1560px;margin:0 auto;padding:0 24px;display:flex}.navbar__logo{color:var(--color-gold);align-items:center;gap:12px;text-decoration:none;transition:all .3s;display:flex}.navbar__logo:hover{transform:scale(1.02)}.navbar__logo-icon{color:var(--color-gold);animation:3s ease-in-out infinite float}.navbar__logo-title{font-family:var(--font-heading);letter-spacing:3px;color:var(--color-gold);text-shadow:0 1px 8px #0009;font-size:1.1rem;font-weight:700;display:block}.navbar__logo-subtitle{font-family:var(--font-heading);letter-spacing:5px;color:var(--color-text-muted);font-size:.6rem;display:block}.navbar__nav{align-items:center;gap:16px;display:flex}.navbar__link{font-family:var(--font-heading);letter-spacing:1px;text-transform:uppercase;color:var(--color-text-primary);white-space:nowrap;text-shadow:0 1px 6px #00000080;padding:4px 0;font-size:.8rem;text-decoration:none;transition:color .2s;position:relative}.navbar__link:after{content:"";background:linear-gradient(90deg, var(--color-gold), var(--color-gold-light));width:0;height:2px;transition:width .3s;position:absolute;bottom:-2px;left:0}.navbar__link:hover{color:var(--color-gold)}.navbar__link:hover:after{width:100%}.navbar__actions{align-items:center;gap:8px;display:flex}.navbar__auth-group{align-items:center;gap:8px;display:none}html[data-rom-auth=authenticated] .navbar__auth-group--authenticated,html[data-rom-auth=anonymous] .navbar__auth-group--anonymous,html:not([data-rom-auth]) .navbar__auth-group--anonymous{display:flex}.navbar__btn{justify-content:center;align-items:center;gap:6px;height:36px!important;padding:0 20px!important;font-size:.75rem!important;display:inline-flex!important}.navbar__hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.navbar__hamburger span{background:var(--color-gold);width:24px;height:2px;transition:all .3s;display:block}.navbar__mobile-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--color-border);background:#0a0a0ffa;flex-direction:column;padding:24px;animation:.3s slideDown;display:none}.navbar__mobile-link{font-family:var(--font-heading);letter-spacing:2px;text-transform:uppercase;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);padding:12px 0;font-size:.9rem;text-decoration:none;transition:color .3s}.navbar__mobile-link:hover{color:var(--color-gold)}.navbar__mobile-dropdown-toggle{cursor:pointer;text-align:left;background:0 0;border-top:none;border-left:none;border-right:none;justify-content:space-between;align-items:center;width:100%;display:flex}.navbar__mobile-dropdown-arrow{flex-shrink:0;transition:transform .2s}.navbar__mobile-dropdown-arrow--open{transform:rotate(180deg)}.navbar__mobile-dropdown-label{align-items:center;gap:8px;min-width:0;display:inline-flex}.navbar__mobile-current-value{color:var(--color-gold);font-family:var(--font-body);letter-spacing:0;text-overflow:ellipsis;text-transform:none;white-space:nowrap;font-size:.75rem;font-weight:400;overflow:hidden}.navbar__mobile-submenu{border-bottom:1px solid var(--color-border);grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:10px 0 14px;display:grid}.navbar__mobile-sublink{color:var(--color-text-secondary);font-family:var(--font-heading);letter-spacing:.06em;text-transform:uppercase;background:#c8a96e0d;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;font-size:.72rem;text-decoration:none;transition:background .2s,color .2s;display:flex}.navbar__coming-soon-tag{color:var(--color-gold);font-family:var(--font-heading);letter-spacing:.04em;text-transform:uppercase;background:#c8a96e12;border:1px solid #c8a96e40;border-radius:3px;flex:none;padding:3px 5px;font-size:.43rem;font-weight:600;line-height:1}.navbar__mobile-sublink:hover{color:var(--color-gold);background:#c8a96e1f}.navbar__mobile-actions{gap:12px;margin-top:16px;padding-top:16px;display:flex}.navbar__mobile-actions .btn{text-align:center;flex:1}.navbar__mobile-actions .navbar__auth-group{gap:12px;width:100%}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background:#000000b3;justify-content:center;align-items:center;padding:24px;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.modal{background:#121219fa;border:1px solid #ffffff0d;border-radius:8px;width:100%;max-width:440px;padding:40px;animation:.4s fadeInUp;position:relative;box-shadow:0 25px 60px #000000b3}.modal__close{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.2rem;transition:color .3s;display:flex;position:absolute;top:16px;right:16px}.modal__close:hover{color:var(--color-gold);background:#c8a96e1a}.modal__header{text-align:center;margin-bottom:32px}.modal__title{font-family:var(--font-heading);color:var(--color-gold);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:1.8rem}.modal__subtitle{font-family:var(--font-body);color:#8fa3b0;font-size:.9rem}.modal__form{flex-direction:column;gap:20px;display:flex}.modal__field{flex-direction:column;gap:6px;display:flex}.modal__field label{font-family:var(--font-heading);letter-spacing:1px;text-transform:uppercase;color:#d4af37;font-size:.75rem}.modal__field input{color:#fff;font-family:var(--font-body);background:#ffffff08;border:1px solid #ffffff1a;border-radius:6px;outline:none;padding:12px 16px;font-size:.95rem;transition:all .3s}.modal__field input:focus{border-color:var(--color-gold);box-shadow:0 0 0 1px #c8a96e33}.modal__field input::placeholder{color:#666}.modal__options{justify-content:space-between;align-items:center;display:flex}.modal__checkbox{font-family:var(--font-body);color:#8fa3b0;cursor:pointer;align-items:center;gap:8px;font-size:.85rem;display:flex}.modal__checkbox input[type=checkbox]{accent-color:var(--color-gold);width:16px;height:16px}.modal__forgot{font-family:var(--font-body);color:#d4af37;font-size:.85rem;text-decoration:none;transition:opacity .3s}.modal__forgot:hover{opacity:.8}.modal__switch{text-align:center;font-family:var(--font-body);color:#8fa3b0;margin-top:24px;font-size:.9rem}.modal__switch button{color:var(--color-gold);font-family:var(--font-body);cursor:pointer;background:0 0;border:none;font-size:.9rem;text-decoration:underline;transition:opacity .3s}.modal__switch button:hover{opacity:.8}@media (max-width:1150px){.navbar__nav,.navbar__actions{display:none}.navbar__logo-title{letter-spacing:clamp(1px,.6vw,2px);white-space:nowrap;font-size:clamp(.78rem,4vw,1rem)}.navbar__hamburger{display:flex}.navbar__mobile-menu{overscroll-behavior-y:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;max-height:calc(100dvh - 64px);padding-bottom:calc(24px + env(safe-area-inset-bottom));display:flex;overflow-y:auto}.navbar--scrolled .navbar__mobile-menu{max-height:calc(100dvh - 52px)}}.navbar__lang{position:relative}.navbar__lang-btn{border:1px solid var(--color-border);height:36px;color:var(--color-text-primary);font-family:var(--font-heading);cursor:pointer;letter-spacing:1px;background:#c8a96e0f;border-radius:4px;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:.75rem;transition:all .3s;display:flex}.navbar__lang-btn:hover{border-color:var(--color-border-hover);background:#c8a96e1a}.navbar__lang-arrow{transition:transform .3s}.navbar__lang-arrow--open{transform:rotate(180deg)}.navbar__lang-dropdown{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--color-border);z-index:100;background:#12121afa;border-radius:12px;min-width:160px;padding:8px;animation:.2s fadeInUp;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 15px 40px #0006}.navbar__lang-option{width:100%;color:var(--color-text-secondary);font-family:var(--font-body);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:10px 14px;font-size:.85rem;transition:all .2s;display:flex}.navbar__lang-option:hover{color:var(--color-text-primary);background:#c8a96e14}.navbar__lang-option--active{color:var(--color-gold);background:#c8a96e1f}.navbar__lang-flag{font-size:1.1rem;line-height:1}.navbar__mobile-lang{border-bottom:1px solid var(--color-border);grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:6px 0 14px;animation:.2s mobileLangReveal;display:grid}.navbar__mobile-lang-toggle--open{border-bottom-color:#0000}.navbar__mobile-lang-btn{border:1px solid var(--color-border);width:100%;color:var(--color-text-secondary);font-family:var(--font-heading);letter-spacing:1px;cursor:pointer;background:#c8a96e0a;border-radius:8px;justify-content:flex-start;align-items:center;gap:12px;padding:10px;font-size:.7rem;transition:all .3s;display:flex}@keyframes mobileLangReveal{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (max-width:340px){.navbar__mobile-lang{grid-template-columns:1fr}}.navbar__mobile-lang-btn:hover{border-color:var(--color-border-hover)}.navbar__mobile-lang-btn--active{border-color:var(--color-gold);color:var(--color-gold);background:#c8a96e26}.modal__submit-btn{color:#2d251a;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:2px;cursor:pointer;background:linear-gradient(#b99865 0%,#8c6a3f 100%);border:none;border-radius:6px;width:100%;padding:14px 20px;font-size:1rem;font-weight:600;transition:all .3s}.modal__submit-btn:hover{color:#1a1510;background:linear-gradient(#c5a471 0%,#997547 100%)}.modal__submit-btn:disabled{opacity:.6;cursor:not-allowed}.navbar__db-dropdown{position:relative}.navbar__db-btn{cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-family:inherit;display:flex}.navbar__db-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:2000;background:#0a0a0ff7;border:1px solid #c8a96e33;border-radius:12px;flex-direction:column;min-width:180px;padding:6px;animation:.18s dbFadeIn;display:flex;position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%);box-shadow:0 16px 48px #0009}@keyframes dbFadeIn{0%{opacity:0;transform:translate(-50%)translateY(-6px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.navbar__db-item{color:var(--color-text-secondary,#a09880);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-radius:8px;padding:9px 14px;font-size:.82rem;text-decoration:none;transition:background .15s,color .15s;display:block}.navbar__db-item:hover{color:var(--color-gold,#c8a96e);background:#c8a96e1a}.navbar__db-item{align-items:center;gap:10px;display:flex!important}.navbar__db-icon{text-align:center;flex-shrink:0;width:20px;font-size:1rem}.navbar__dropdown{align-items:center;display:flex;position:relative}.navbar__dropdown:after{content:"";height:14px;position:absolute;top:100%;left:0;right:0}.navbar__dropdown>.navbar__link{cursor:pointer;align-items:center;gap:4px;display:inline-flex}.navbar__dropdown>.navbar__link svg{transition:transform .2s}.navbar__dropdown--open>.navbar__link{color:var(--color-gold)}.navbar__dropdown--open>.navbar__link:after{width:100%}.navbar__dropdown--open>.navbar__link svg{transform:rotate(180deg)}.navbar__dropdown-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:2000;opacity:0;visibility:hidden;pointer-events:none;background:linear-gradient(#111014fa,#08080cfc);border:1px solid #c8a96e38;border-radius:10px;flex-direction:column;min-width:205px;padding:6px;transition:opacity .18s,transform .18s,visibility .18s;display:flex;position:absolute;top:calc(100% + 10px);left:0;transform:translateY(-6px);box-shadow:0 18px 46px #00000094,inset 0 1px #ffffff06}.navbar__dropdown--open>.navbar__dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.navbar__dropdown-item{color:#dad1beb8;min-height:36px;font-family:var(--font-heading);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;border-radius:7px;justify-content:space-between;align-items:center;gap:12px;padding:9px 12px;font-size:.72rem;line-height:1.3;text-decoration:none;transition:color .16s,background .16s;display:flex}.navbar__dropdown-item:hover{color:var(--color-gold,#c8a96e);background:linear-gradient(90deg,#c8a96e21,#c8a96e0a)}.navbar__flyout{position:relative}.navbar__flyout:after{content:"";width:10px;height:100%;position:absolute;top:0;left:100%}.navbar__flyout-trigger{justify-content:space-between;align-items:center;gap:20px;display:flex}.navbar__flyout-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;visibility:hidden;pointer-events:none;z-index:2100;background:linear-gradient(#111014fc,#08080cfc);border:1px solid #c8a96e33;border-radius:10px;grid-template-columns:repeat(2,minmax(140px,1fr));width:max-content;min-width:286px;padding:6px;transition:opacity .18s,transform .18s,visibility .18s;display:grid;position:absolute;top:-8px;left:calc(100% + 8px);transform:translate(-6px);box-shadow:0 16px 48px #0009}.navbar__flyout:hover>.navbar__flyout-menu,.navbar__flyout:focus-within>.navbar__flyout-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0)}