.hover-icon{position:relative;display:inline-flex;align-items:center;vertical-align:middle;flex-shrink:0}.hover-icon .hover-icon-label{visibility:hidden;position:absolute;left:0;top:calc(100% + 6px);z-index:100;padding:.4rem .65rem;border-radius:4px;background:#10121e;color:#fff;font-size:.85rem;font-weight:400;line-height:1.4;white-space:nowrap;pointer-events:none}.hover-icon:hover>.hover-icon-label,.hover-icon:focus-visible>.hover-icon-label{visibility:visible}.achievement-list-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;margin:.5rem 0 1rem}.achievement-list-toolbar .category-completion{margin-top:0}.achievement-filters{position:relative;width:fit-content;margin-left:auto;z-index:35}.achievement-filters summary{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:44px;padding:.6rem 1rem;border:1px solid #626a91;border-radius:8px;background:linear-gradient(135deg,#303852,#20263d);color:#edf4ff;font-weight:600;cursor:pointer;list-style:none}.achievement-filters summary::-webkit-details-marker{display:none}.achievement-filters summary:hover{border-color:#b5a5e9}.achievement-filters .filter-chevron{width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg)}.achievement-filters[open] .filter-chevron{transform:rotate(225deg)}.achievement-faction-filters{position:absolute;top:calc(100% + 8px);right:0;width:max-content;max-width:calc(100vw - 3rem);display:flex;flex-direction:column;gap:.25rem;padding:.5rem;border:1px solid #626a91;border-radius:10px;background:#20263d;box-shadow:0 8px 24px #0008}.achievement-faction-filters .faction-filter-option,.achievement-faction-filters label{display:inline-flex;align-items:center;gap:.5rem}.achievement-faction-filters label{cursor:pointer;min-height:44px;padding:.5rem;border-radius:6px}.achievement-faction-filters label:hover{background:#ffffff0a}.achievement-faction-filters .hide-completed-filter{border-top:1px solid #454d70;border-radius:0 0 6px 6px;color:#edf4ff}.achievement-faction-filters .alliance{color:#69aaff}.achievement-faction-filters .horde{color:#f07171}.achievement-faction-filters img{width:28px;height:28px;object-fit:contain}.achievement-faction-filters input{width:16px;height:16px;margin:0}.achievement-faction-filters .alliance input{accent-color:#69aaff}.achievement-faction-filters .horde input{accent-color:#f07171}.category-completion{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .75rem;margin-top:.25rem;border:1px solid currentColor;border-radius:6px;font-size:.95rem;font-weight:600;background:#ffffff05}.category-completion.complete{animation:category-completion-pulse 3s ease-in-out infinite}@keyframes category-completion-pulse{0%,to{box-shadow:0 0 4px #70d97022}50%{box-shadow:0 0 10px 2px #70d97055}}@media (prefers-reduced-motion: reduce){.category-completion.complete{animation:none}}.achievement-list{padding:1.5rem;overflow-y:auto;max-height:80vh}.achievement-list .category-header{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px}.achievement-list .category-header .back-arrow{cursor:pointer;width:3rem;height:3rem;transition:opacity .2s}.achievement-list .category-header .back-arrow:hover{opacity:.8}.achievement-list .category-header .category-name{color:#edf0fa;font-size:1.8rem}.achievement-list .hide-completed-checkbox{margin:10px 0;font-size:.9rem;-webkit-user-select:none;user-select:none}.achievement-list .hide-completed-checkbox label{cursor:pointer;display:flex;align-items:center;gap:6px;color:#edf0fa}.achievement-list .hide-completed-checkbox label input[type=checkbox]{cursor:pointer;width:16px;height:16px}.achievement-list .achievement-empty-message{display:flex;align-items:center;justify-content:center;padding:2rem;color:#4caf50;font-size:1.4rem;font-weight:700;border-radius:12px;margin:2rem;gap:1rem;text-align:center}.achievement-list .achievement-empty-message .achievement-logo{width:8rem;height:8rem}.achievement-list .search-warning{min-height:2rem;margin-top:.5rem;font-size:.9rem;color:#ffb347}.difficulty-skull{object-fit:contain;vertical-align:middle;flex-shrink:0;filter:drop-shadow(0 0 3px var(--difficulty-glow));animation:difficulty-glow-pulse 2.4s ease-in-out infinite}.difficulty-skull-easy{--difficulty-glow: #62d676}.difficulty-skull-medium{--difficulty-glow: #ffa43b}.difficulty-skull-hard{--difficulty-glow: #f05252}@keyframes difficulty-glow-pulse{0%,to{filter:drop-shadow(0 0 3px var(--difficulty-glow))}50%{filter:drop-shadow(0 0 9px var(--difficulty-glow))}}@media (prefers-reduced-motion: reduce){.difficulty-skull{animation:none}}.guide-availability{margin-left:4px;color:#ffd166;font-size:.85em;display:inline-flex;align-items:center;gap:4px;vertical-align:middle}.guide-availability .criterion-guide-icon{width:1.2rem;height:1.2rem;object-fit:contain;flex-shrink:0}.guide-button-wrapper{display:inline-flex;position:relative}.achievement-card .info .achievement-progress-bars,.achievement-detail .achievement-progress-bars{grid-column:1 / -1;display:grid;gap:.5rem;margin:.6rem 0;width:min(100%,28rem)}.achievement-progress-label{display:block;margin-bottom:.25rem;font-size:.85rem}.achievement-progress-bar{position:relative;height:1.25rem;overflow:hidden;border:1px solid #8b7952;border-radius:4px;background:#10150e;box-shadow:inset 0 0 4px #000,0 0 0 1px #000}.achievement-progress-fill{display:block;height:100%;background:linear-gradient(#438d21,#28760d 45%,#155004 55%,#28760d);box-shadow:inset 0 1px 2px #80c54e}.achievement-progress-value{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff;font-size:.85rem;line-height:1;text-shadow:0 1px 2px #000,1px 0 2px #000}.achievement-card .info .achievement-actions .strategy-indicator{position:relative;bottom:auto;right:auto}.achievement-card .strategy-indicator:disabled{opacity:.4;filter:grayscale(1);cursor:not-allowed;pointer-events:none}.achievement-card .info .strategy-indicator.guide-ready{box-shadow:0 0 4px #ffd16622;animation:guide-pulse 3s ease-in-out infinite}@keyframes guide-pulse{0%,to{box-shadow:0 0 4px #ffd16622}50%{box-shadow:0 0 10px 2px #ffd16655}}@media (prefers-reduced-motion: reduce){.achievement-card .info .strategy-indicator.guide-ready{animation:none}}.achievement-card{color:#edf0fa;background:linear-gradient(110deg,#4a3217,#856027 50%,#49341b);border:1px solid #a57830;border-radius:10px;padding:1rem;margin-bottom:1rem;display:flex;flex-direction:row;position:relative;transition:opacity .3s;box-shadow:0 2px 6px #000c;width:60rem;min-height:7.3rem;transition:box-shadow .3s ease,border .3s ease;animation:fadeIn .3s ease-in;cursor:pointer}.achievement-card:has(.chain-step:hover),.achievement-card:has(.chain-step:focus-visible),.achievement-card:has(.criterion-line.clickable:hover),.achievement-card:has(.criterion-line.clickable:focus-visible){z-index:30}.achievement-card:hover{box-shadow:0 0 .5rem #9e858526,0 0 1rem #a695d733;border:1px solid rgba(166,149,215,.4);transition:box-shadow .3s ease,border .3s ease}.achievement-card .achievement-icon{width:4rem;height:4rem;margin-right:1rem;border-radius:5px;border:solid #a5abc1 1px}.achievement-card .info{display:flex;flex-direction:column;justify-content:flex-start;flex-grow:1;width:47rem;min-height:6rem;padding-left:.4rem}.achievement-card .info .info-header{display:flex;align-items:center;gap:.2rem}.achievement-card .info .info-header .criteria-toggle{cursor:pointer;display:flex;align-items:center}.achievement-card .info .info-header .criteria-toggle .criteria-icon{width:16px;height:16px}.achievement-card .info .info-header .title{flex:1;display:flex;align-items:center;font-weight:700;font-size:1.2rem;margin-bottom:.25rem}.achievement-card .info .info-header .title .title-logo{margin-left:6px;width:1.7rem;height:1.7rem}.achievement-card .info .info-header .title .group-content-indicator{position:relative;display:inline-flex;flex-shrink:0;margin-left:8px}.achievement-card .info .info-header .title .group-content-indicator img{width:2.25rem;height:2.25rem;object-fit:contain}.achievement-card .info .info-header .title .group-content-indicator .group-content-tooltip{display:none;position:absolute;top:calc(100% + 6px);right:0;z-index:10;padding:.4rem .65rem;border-radius:4px;background:#10121e;color:#fff;font-size:.85rem;font-weight:400;white-space:nowrap;pointer-events:none}.achievement-card .info .info-header .title .group-content-indicator:hover .group-content-tooltip,.achievement-card .info .info-header .title .group-content-indicator:focus-visible .group-content-tooltip{display:block}.achievement-card .info .info-header .achievement-completed-check{width:2rem;height:2rem;margin-left:6px;vertical-align:middle}.achievement-card .info .strategy-indicator{position:absolute;bottom:.7rem;right:1rem;color:#edf0fa;padding:.2rem .5rem;border-radius:6px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;cursor:pointer;box-shadow:0 0 #0000;transition:background-color .2s ease,box-shadow .2s ease}.achievement-card .info .strategy-indicator .guide-logo{width:1.5rem;height:1.5rem;flex-shrink:0;object-fit:contain}.achievement-card .info .strategy-indicator:focus-visible{outline:2px solid #efc45a;outline-offset:2px}.achievement-card .info .description{font-size:.95rem;width:90%;color:#a5abc1}.achievement-card .info .child-criteria{display:grid;grid-template-columns:repeat(2,1fr);margin-top:.5rem}.achievement-card .info .child-criteria .criterion-line{position:relative;font-size:.85rem;color:#edf0fa;padding:.4rem .6rem;display:flex;align-items:center}.achievement-card .info .child-criteria .criterion-line:hover .criterion-tooltip,.achievement-card .info .child-criteria .criterion-line:focus-visible .criterion-tooltip{visibility:visible;opacity:1}.achievement-card .info .child-criteria .criterion-line .criterion-tooltip{position:absolute;z-index:20;bottom:calc(100% + 10px);left:0;width:max-content;max-width:min(300px,45vw);padding:8px 12px;border:1px solid rgba(239,196,90,.65);border-radius:6px;background:#14192b;box-shadow:0 4px 14px #000000a6;color:#efc45a;font-size:13px;line-height:1.4;white-space:normal;pointer-events:none;visibility:hidden;opacity:0;transition:opacity .15s ease}.achievement-card .info .child-criteria .criterion-line .criterion-tooltip .criterion-tooltip-date{display:block;margin-top:4px;color:#aaa;font-style:italic}.achievement-card .info .child-criteria .criterion-line .criterion-icon{width:1.5rem;height:1.5rem;margin-right:8px;border-radius:4px;flex-shrink:0}.achievement-card .info .child-criteria .criterion-line .criterion-description{display:inline-flex;align-items:center;gap:4px}.achievement-card .info .child-criteria .criterion-line .criterion-description .criterion-group-icon{width:1.5rem;height:1.5rem}.achievement-card .info .child-criteria .criterion-line .criterion-completed-check{width:1rem;height:1rem;object-fit:contain;flex-shrink:0;margin-right:.4rem}.achievement-card .info .child-criteria .criterion-line.criterion-completed{color:#70d970}.achievement-card .info .child-criteria .criterion-line.criterion-completed .criterion-completed-check{filter:brightness(0) saturate(100%) invert(76%) sepia(48%) saturate(570%) hue-rotate(69deg)}.achievement-card .info .reward{margin-top:auto;color:#2ac443;padding-bottom:.4rem;font-size:.9rem;text-align:center;width:max-content;max-width:70%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.achievement-card .info .achievement-chain{margin-top:.5rem;display:flex;gap:4px;flex-wrap:wrap;justify-content:start}.achievement-card .info .achievement-chain .chain-step{position:relative;display:block;width:30px;height:30px;flex:0 0 30px;margin:4px 8px 12px 0;border-radius:5px}.achievement-card .info .achievement-chain .chain-step.current{outline:2px solid #efc45a;box-shadow:0 0 8px #efc45a73}.achievement-card .info .achievement-chain .chain-step.unearned .chain-icon{filter:grayscale(1) brightness(.6)}.achievement-card .info .achievement-chain .chain-step.unearned .chain-points{border-color:#777;color:#aaa}.achievement-card .info .achievement-chain .chain-step.unearned.current{outline-color:#888;box-shadow:none}.achievement-card .info .achievement-chain .chain-step:hover,.achievement-card .info .achievement-chain .chain-step:focus-visible{outline:2px solid #fff}.achievement-card .info .achievement-chain .chain-step:hover .chain-tooltip,.achievement-card .info .achievement-chain .chain-step:focus-visible .chain-tooltip{visibility:visible;opacity:1}.achievement-card .info .achievement-chain .chain-tooltip{position:absolute;z-index:20;bottom:calc(100% + 10px);left:0;width:max-content;max-width:min(240px,45vw);padding:8px 12px;border:1px solid rgba(239,196,90,.65);border-radius:6px;background:#14192b;box-shadow:0 4px 14px #000000a6;color:#efc45a;font-size:13px;line-height:1.4;white-space:normal;pointer-events:none;visibility:hidden;opacity:0;transition:opacity .15s ease}.achievement-card .info .achievement-chain .chain-tooltip .chain-tooltip-status{display:block;margin-top:4px;color:#aaa;font-style:italic}.achievement-card .info .achievement-chain .chain-points{position:absolute;right:-6px;bottom:-9px;padding:0 4px;border:1px solid rgba(239,196,90,.65);border-radius:3px 3px 8px 8px;background:#14192b;color:#fff;font-size:12px;line-height:18px}.achievement-card .info .achievement-chain .chain-points.star{color:#efc45a}.achievement-card .info .achievement-chain .chain-icon{display:block;width:28px;height:28px;border-radius:4px;border:1px solid #aaa;object-fit:cover;transition:transform .2s ease}.achievement-card .info .achievement-chain .chain-icon.current{border:2px solid #efc45a}.achievement-card .info .achievement-chain .chain-toggle-arrow{width:2rem;height:2rem;cursor:pointer;transition:transform .3s ease}.achievement-card .badge-area{position:absolute;right:1rem;display:flex;flex-direction:column;align-items:center;gap:.25rem}.achievement-card .badge-area .wowhead-logo-wrapper{position:absolute;top:.5rem;right:5.5rem;width:2rem;height:2rem}.achievement-card .badge-area .wowhead-logo-wrapper .wowhead-logo{width:2.5rem;height:auto;border-radius:3px;transition:transform .2s ease}.achievement-card .badge-area .wowhead-logo-wrapper .wowhead-logo:hover{transform:scale(1.05)}.achievement-card .badge-area .achievement-logo-wrapper{position:relative;top:.4rem;width:4rem;height:4rem}.achievement-card .badge-area .achievement-logo-wrapper .achievement-logo{position:absolute;width:100%;height:100%;object-fit:contain}.achievement-card .badge-area .achievement-logo-wrapper .achievement-logo-points{position:absolute;top:50%;left:49%;transform:translate(-50%,-50%);font-size:1.25rem;font-weight:700;color:#edf0fa;pointer-events:none;text-shadow:0 1px 3px #000}.achievement-card .badge-area .difficulty-stars{color:#efc45a;font-size:1.1rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.achievement-chain-expanded{margin-left:2rem;border-left:2px solid #a5abc1;padding-left:1rem;max-height:0;opacity:0;overflow:hidden;transition:max-height .4s ease,opacity .4s ease;pointer-events:none}.achievement-chain-expanded.visible{max-height:1000vh;opacity:1;pointer-events:auto}.criterion-line.clickable:hover{background-color:#edf0fa0d}.achievement-card .info .info-header.account-wide{background:linear-gradient(90deg,#716daa00,#716daa4d 12%,#716daa4d 88%,#716daa00);border-radius:4px}.achievement-card .info .info-header.account-wide .title{color:#cdd5f4;text-shadow:0 1px 2px #171b30}.loader-wrapper{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#101423;background-image:linear-gradient(135deg,#14192bd1,#231b3dc2 55%,#101423eb),url(/assets/wallpaper_df-CsAux3cI.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.loader-wrapper img{width:7rem;height:7rem}.main-content .loader-wrapper{height:100%;min-height:18rem;background:transparent}.app-wrapper{display:flex;flex-direction:column;height:100vh}.app-wrapper .app-container{display:flex;flex:1;overflow:hidden;border-top:2px solid #2b304a}.app-wrapper .app-container .main-content{flex:1;overflow-y:auto;background-color:#101423;background-image:linear-gradient(135deg,#14192bd1,#231b3dc2 55%,#101423eb),url(/assets/wallpaper_df-CsAux3cI.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;box-shadow:inset 0 0 80px #101423a6;border-left:2px solid #2b304a;scroll-behavior:smooth}.app-wrapper .app-container .main-content .main-content-layout{min-height:100%;display:flex;flex-direction:column}.app-wrapper .app-container .main-content .page-content{flex:1;min-width:0}.app-wrapper .app-container .main-content .site-footer{flex-shrink:0}@media (max-width: 768px){.desktop-only{display:none!important}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#101423}::-webkit-scrollbar-thumb{background-color:#626589;border-radius:6px;border:2px solid #101423}::-webkit-scrollbar-thumb:hover{background-color:#8285a6}*{scrollbar-width:thin;scrollbar-color:#626589 #101423}.mobile-sidebar-drawer{background-color:#151b2e;width:80%;max-width:300px;height:100vh;position:fixed;top:0;left:0;transform:translate(-100%);transition:transform .3s ease;z-index:1000;overflow-y:auto;display:flex;flex-direction:column}.mobile-sidebar-drawer.open{transform:translate(0)}.mobile-sidebar-drawer .faction-selector{padding:.8rem 1rem;border-bottom:1px solid #333;text-align:center;color:#ccc}.mobile-sidebar-drawer .faction-selector span{display:block;margin-bottom:.5rem;font-size:.85rem}.mobile-sidebar-drawer .faction-selector .faction-selector{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem 0;border-bottom:1px solid rgba(237,240,250,.1)}.mobile-sidebar-drawer .faction-selector .faction-selector .faction-label{font-size:.9rem;color:#edf0facc;font-style:italic}.mobile-sidebar-drawer .faction-selector .faction-selector .faction-logos-container,.mobile-sidebar-drawer .faction-selector .faction-selector .faction-logos{display:flex;align-items:center;gap:1rem}.mobile-sidebar-drawer .faction-selector .faction-selector .faction-logos-container .faction-logo,.mobile-sidebar-drawer .faction-selector .faction-selector .faction-logos .faction-logo{width:2.7rem;height:2.7rem;cursor:pointer;opacity:.3;transition:opacity .2s,transform .2s,box-shadow .2s;border-radius:6px;border:1px solid transparent}.mobile-sidebar-drawer .faction-selector .faction-selector .faction-logos-container .faction-logo:hover,.mobile-sidebar-drawer .faction-selector .faction-selector .faction-logos .faction-logo:hover{opacity:.7;transform:scale(1.05)}.mobile-sidebar-drawer .faction-selector .faction-selector .faction-logos-container .faction-logo.active,.mobile-sidebar-drawer .faction-selector .faction-selector .faction-logos .faction-logo.active{opacity:1;border:1px solid rgba(237,240,250,.3);background-color:#99afe81a;box-shadow:0 0 10px #99afe833}.mobile-sidebar-drawer .faction-selector .faction-selector .faction-logos-container .faction-separator,.mobile-sidebar-drawer .faction-selector .faction-selector .faction-logos .faction-separator{color:#edf0fa;font-weight:700;font-size:1.2rem;-webkit-user-select:none;user-select:none}.mobile-sidebar-drawer .mobile-sidebar-nav{padding:1rem}.mobile-sidebar-drawer .mobile-sidebar-nav ul{list-style:none;padding-left:0}.mobile-sidebar-drawer .mobile-sidebar-nav ul li{margin-bottom:.3rem}.mobile-sidebar-drawer .mobile-sidebar-nav ul li .category{color:#ffe14a;font-weight:700;cursor:pointer;padding:.4rem .6rem;border-radius:4px;transition:background .2s}.mobile-sidebar-drawer .mobile-sidebar-nav ul li .category:hover{background:#ffc1071a}.mobile-sidebar-drawer .mobile-sidebar-nav ul li .category.selected{background:#ffc10733;color:#fff}.mobile-sidebar-drawer .mobile-sidebar-nav ul li .sub{color:#99afe8;font-size:.9rem;padding:.3rem 1.2rem;border-left:2px solid #99afe8;margin-top:2px;cursor:pointer;transition:background .2s}.mobile-sidebar-drawer .mobile-sidebar-nav ul li .sub:hover{background:#42a5f51a}.mobile-sidebar-drawer .mobile-sidebar-nav ul li .sub.selected{background:#42a5f533;color:#fff}.mobile-sidebar-drawer .mobile-sidebar-pages{margin-top:auto;padding:1.5rem 1rem;border-top:1px solid #333;display:flex;flex-direction:column;gap:.75rem}.mobile-sidebar-drawer .mobile-sidebar-pages button{background:none;border:none;text-align:left;padding:.5rem 0;font-size:1rem;color:#ccc;cursor:pointer;font-weight:500;transition:color .2s ease}.mobile-sidebar-drawer .mobile-sidebar-pages button:hover{color:#fff}.mobile-sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:999;display:none}.mobile-sidebar-overlay.visible{display:block}@media (min-width: 1101px){.mobile-header-bar{display:none}}.search-bar{display:flex;align-items:center;background:transparent;border:none;border-radius:6px;padding:0;width:35rem}.search-bar input{background:transparent;border:none;color:#edf0fa;outline:none;width:100%;font-size:1rem}.search-bar input::placeholder{color:#edf0fa66}.search-bar .clear-btn{background:none;border:none;color:#a5abc1;cursor:pointer;font-size:1rem;margin-left:.5rem}.search-bar .clear-btn:hover{color:#edf0fa}.mobile-header-bar{display:flex;align-items:center;padding:0 1rem;height:50px;background-color:#101523;border-bottom:2px solid #2b304a;color:#fff}.mobile-header-bar .icon-button{background:none;border:none;color:#fff;font-size:1.4rem;cursor:pointer;padding:.5rem}.mobile-header-bar .title-with-logo{display:flex;align-items:center;justify-content:space-between;gap:.5rem;color:#fff}.mobile-header-bar .title-with-logo .mobile-logo{width:38px;height:auto;object-fit:contain;flex-shrink:0}.mobile-header-bar .title-with-logo .title-text{display:flex;flex-direction:column;line-height:1;-webkit-user-select:none;user-select:none}.mobile-header-bar .title-with-logo .title-text .main{font-weight:700;font-size:.9rem;letter-spacing:1px}.mobile-header-bar .title-with-logo .title-text .sub{font-size:.75rem;color:#aaa;text-transform:uppercase}.mobile-header-bar .search-container{flex:1;display:flex;align-items:center}.mobile-header-bar .search-container input{flex:1;padding:.3rem .5rem;font-size:1rem;border-radius:4px;border:none;outline:none}.mobile-header-bar .search-container .icon-button{margin-right:left}.sidebar{width:22.45rem;padding:1rem;overflow-y:auto;background-color:#151b2e;border-right:1px solid #2b304a}@media (max-width: 768px){.sidebar{display:none}}.sidebar ul{list-style:none;padding:0;margin:0}.sidebar .category,.sidebar .sub{display:flex;align-items:center;border-left:3px solid transparent}.sidebar .category{color:#ffe14a;font-size:1.1rem;margin:.5rem 0 .25rem;cursor:pointer;padding:.4rem .6rem;border-radius:4px;transition:background .2s ease}.sidebar .category:hover{background-color:#232940;color:#ffe97d}.sidebar .sub{color:#c3d0f1;font-size:.95rem;margin-left:1rem;margin-top:.5rem;cursor:pointer;padding:.35rem .6rem;border-radius:4px;transition:background .2s ease}.sidebar .sub:hover{background-color:#232940;color:#edf0fa}.sidebar .selected{background-color:#a695d729;border-left:3px solid #a695d7;color:#edf0fa!important}.app-header{display:flex;align-items:center;justify-content:space-between;background-color:#101523;border-bottom:2px solid #2b304a;box-shadow:0 2px 8px #00000080;position:sticky;top:0;z-index:100;height:6.5rem;padding:0 2rem}.app-header .logo-link{display:flex;align-items:center;text-decoration:none;color:#edf0fa;border-right:2px solid #2b304a;padding-right:2rem}.app-header .logo-link .logo{width:4.5rem;height:auto;object-fit:contain;flex-shrink:0;margin-right:1rem}.app-header .logo-link .title .main{font-size:1.8rem;font-weight:700;letter-spacing:1px}.app-header .logo-link .title .sub{font-size:1.1rem;color:#c3c7d6;letter-spacing:2px}.app-header .header-link{display:flex;align-items:center;gap:1rem;margin-left:2rem}.app-header .header-link .nav-link+.nav-link:before{content:"|";color:#99afe873;margin-right:.8rem;font-weight:300}.app-header .header-link .nav-link{color:#99afe8;text-decoration:none;font-weight:500}.app-header .header-link .nav-link:hover{text-decoration:underline}.faction-selector{display:flex;flex-direction:column;align-items:center;gap:.5rem}.faction-selector .faction-label{font-size:.9rem;color:#edf0facc;font-style:italic}.faction-selector .faction-logos-container{display:flex;align-items:center;gap:1rem}.faction-selector .faction-logos-container .faction-logo{width:2.7rem;height:2.7rem;cursor:pointer;opacity:.3;transition:opacity .2s,transform .2s,box-shadow .2s;border-radius:6px;border:1px solid transparent}.faction-selector .faction-logos-container .faction-logo:hover{opacity:.7;transform:scale(1.05)}.faction-selector .faction-logos-container .faction-logo.active{opacity:1;border:1px solid rgba(237,240,250,.3);background-color:#99afe81a;box-shadow:0 0 10px #99afe833}.faction-selector .faction-logos-container .faction-separator{color:#edf0fa;font-weight:700;font-size:1.2rem;-webkit-user-select:none;user-select:none}.user-section{display:flex;align-items:center;gap:.7rem}.user-section .bnet-icon{width:32px;height:32px;object-fit:contain;flex-shrink:0}.user-section .user-battletag{box-sizing:border-box;min-height:36px;background-color:#99afe833;color:#edf0fa;padding:.25rem .65rem;border-radius:8px;font-size:.85rem;font-weight:500;text-decoration:none;transition:background-color .2s,box-shadow .2s;border:1px solid rgba(153,175,232,.4);display:inline-flex;align-items:center;justify-content:center}.user-section .user-battletag:hover{background-color:#99afe859;box-shadow:0 0 6px #99afe84d}.user-section .logout-btn{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:44px;height:44px;flex-shrink:0;background:transparent;font-family:Comfortaa;font-weight:700;color:#edf0fa;border:none;padding:.25rem;border-radius:8px;font-size:.9rem;cursor:pointer;white-space:nowrap}.user-section .logout-btn img{width:32px;height:32px;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(153,175,232,.25));transition:transform .2s ease,filter .2s ease}.user-section .logout-btn:hover img{transform:scale(1.12);filter:brightness(1.15) drop-shadow(0 0 5px rgba(153,175,232,.55))}.user-section .logout-btn:focus-visible{outline:2px solid #99afe8;outline-offset:3px}.user-section .logout-btn:active img{transform:scale(.95)}.user-section .account-language-separator{width:1px;height:26px;flex-shrink:0;margin-inline:.25rem;background:linear-gradient(to bottom,transparent,rgba(153,175,232,.55) 25%,rgba(153,175,232,.55) 75%,transparent)}.user-section .selected-character{font-size:.9rem;color:#fff;margin-right:1rem}.user-section .selected-character .char-name{font-weight:700;color:#99afe8}@media (max-width: 768px){.app-header{display:none}}.app-header>.header-account-language{display:flex;align-items:center;gap:.5rem;margin-left:auto;padding-left:1rem;flex-shrink:0}.site-footer{margin:1.5rem 2rem 1rem;padding-top:1.5rem;border-top:1px solid rgba(165,171,193,.6);color:#a5abc1;font-size:.7rem;line-height:1.3;display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem}.site-footer>div{max-width:45%}@media (max-width: 768px){.site-footer{margin-right:1rem;margin-left:1rem;flex-direction:column;gap:1rem;padding-top:1rem;padding-bottom:env(safe-area-inset-bottom,0px);line-height:1.5;overflow-wrap:anywhere}.site-footer>div{max-width:100%}}.protected-route{padding:2rem;text-align:center;color:#d32f2f}.protected-route h2{font-size:2rem;margin-bottom:1rem}.protected-route p{font-size:1.2rem;margin-bottom:1.5rem}.protected-route a{color:#c3d0f1;text-decoration:underline}.protected-route a:hover{color:#ecf0fb}.home-page{color:#edf0fa;padding:2rem;min-height:86%;scroll-behavior:smooth}.home-page h1{font-size:2.2rem;margin-bottom:1.5rem;color:#efc45a;text-shadow:1px 1px 2px #000}.home-page p{margin-bottom:1.25rem;line-height:1.7;font-size:1rem}.home-page p.database-sync{color:#a6a6a6;font-style:italic}.home-page p.admin-section{margin-top:2em;font-weight:700}.home-page ul{margin-bottom:1.5rem;padding-left:1.5rem}.home-page ul li{margin-bottom:.5rem;line-height:1.6}.home-page a{color:#c3d0f1;text-decoration:underline}.home-page a:hover{color:#ecf0fb}@media (max-width: 768px){.home-page{padding:1rem}.home-page h1{font-size:1.6rem;line-height:1.3;overflow-wrap:anywhere}.home-page p{font-size:.95rem}}.event-card{background:linear-gradient(to bottom right,#080a12,#1a2139);border:2px solid #efc45a;border-radius:12px;padding:.8rem 1.2rem;margin:1rem 0;width:80rem;animation:glowPulse 2.5s infinite ease-in-out;transition:transform .2s ease;cursor:pointer;display:flex;flex-direction:column;gap:.6rem}.event-card:hover{transform:scale(1.01)}@keyframes glowPulse{0%,to{box-shadow:0 0 .5rem #efc45a4d;border-color:#efc45a80}50%{box-shadow:0 0 1rem #efc45a99;border-color:#efc45acc}}.mini-achievement-card{color:#edf0fa;background:linear-gradient(110deg,#4a3217,#856027 50%,#49341b);border:1px solid #a57830;border-radius:10px;padding:.5rem 1rem;margin-bottom:.75rem;display:flex;flex-direction:row;align-items:center;width:20rem;min-height:4.5rem;box-shadow:0 2px 6px #000c;cursor:pointer;transition:box-shadow .3s ease,border .3s ease;animation:fadeIn .3s ease-in;text-decoration:none}.mini-achievement-card:hover{box-shadow:0 0 .5rem #9e858526,0 0 1rem #efc45a33;border:1px solid rgba(239,196,90,.4)}.mini-achievement-card.difficulty-2,.mini-achievement-card.difficulty-3{background:linear-gradient(110deg,#4a3217,#856027 50%,#49341b);border:1px solid #a57830}.mini-achievement-card .achievement-icon{width:3.2rem;height:3.2rem;border-radius:6px;border:solid #a5abc1 1px;margin-right:1rem;object-fit:cover}.mini-achievement-card .info{display:flex;flex-direction:column;justify-content:center;flex-grow:1}.mini-achievement-card .info .name{font-weight:700;font-size:1rem;color:#edf0fa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:14rem;margin-left:1rem}.mini-achievement-card .info .points{font-size:.9rem;font-weight:700;margin-left:1rem;color:#2ac443;margin-top:.15rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.mini-achievement-card .info .name.account-wide{color:#c7eafa;background:linear-gradient(90deg,#1c6d8f00,#1c6d8f7a 12%,#1c6d8f7a 78%,#1c6d8f00);border-radius:4px}.achievement-pop-game{margin-top:2.5rem}.achievement-pop-game .achievement-pop-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;color:#a5abc1;font-size:.8rem;flex-wrap:wrap}.achievement-pop-game .achievement-pop-toolbar output{color:#efc45a;white-space:nowrap;font-variant-numeric:tabular-nums}.achievement-pop-arena{position:relative;container-type:inline-size;height:260px;overflow:hidden}.achievement-pop-mover{position:absolute;top:calc(45px + var(--lane-index) * 64px);left:-64px;animation:achievement-icon-drift 24s linear infinite;animation-delay:var(--delay)}.achievement-pop-icon{width:56px;height:56px;padding:0;border:2px solid #efc45a;border-radius:10px;background:#101423;box-shadow:0 4px 15px #0009,0 0 12px #efc45a33;cursor:crosshair;touch-action:manipulation;transition:transform .15s,opacity .15s}.achievement-pop-icon img{display:block;width:100%;height:100%;border-radius:8px;pointer-events:none}.achievement-pop-icon:focus-visible{transform:scale(1.12) rotate(-5deg);outline:2px solid #edf0fa;outline-offset:3px}.achievement-pop-icon.is-popped{opacity:0;transform:scale(1.5);pointer-events:none}.achievement-pop-burst{position:absolute;pointer-events:none;z-index:2;animation:achievement-burst-life .85s forwards}.achievement-pop-burst span{position:absolute;white-space:nowrap;color:#efc45a;font-size:1.3rem;font-weight:700;text-shadow:0 2px 4px #000;animation:achievement-score-rise .85s ease-out forwards}.achievement-pop-burst i{position:absolute;width:6px;height:6px;border-radius:2px;background:#efc45a;box-shadow:0 0 8px #efc45a;transform:rotate(var(--angle));animation:achievement-spark .65s ease-out forwards}@keyframes achievement-icon-drift{0%{transform:translate(0)}to{transform:translate(calc(100cqw + 64px))}}@media (hover: hover) and (pointer: fine){.achievement-pop-icon:hover{transform:scale(1.12) rotate(-5deg);outline:2px solid #edf0fa;outline-offset:3px}}@media (max-width: 768px){.achievement-pop-game{margin-top:1.5rem}.achievement-pop-game .achievement-pop-toolbar{align-items:flex-start;flex-direction:column;gap:.6rem;line-height:1.5}.achievement-pop-game .achievement-pop-toolbar output{white-space:normal;overflow-wrap:anywhere;font-size:.9rem}.achievement-pop-mover{animation-duration:8s;animation-delay:calc(var(--slot) * -8s / 6)}.achievement-pop-mover:nth-child(n+7){display:none}.achievement-pop-icon{width:52px;height:52px;cursor:pointer}.achievement-pop-icon:active{transform:scale(.92)}}@keyframes achievement-burst-life{0%{opacity:1}to{opacity:0}}@keyframes achievement-score-rise{0%{transform:translate(-50%,-20px) scale(.8)}to{transform:translate(-50%,-80px) scale(1.1)}}@keyframes achievement-spark{0%{transform:rotate(var(--angle)) translate(0);opacity:1}to{transform:rotate(var(--angle)) translate(65px);opacity:0}}@media (prefers-reduced-motion: reduce){.achievement-pop-icon{transition:none}.achievement-pop-burst span{animation:none;transform:translate(-50%,-35px)}.achievement-pop-burst i{display:none}}.guide-locations .guide-location+.guide-location{border-top:1px solid #2b304a;margin-top:1rem;padding-top:1rem}.guide-locations .localisation-header{gap:1rem;flex-wrap:wrap}.guide-locations h3{margin:0;font-size:1rem}.detail-difficulty,.strategy-title{display:flex;align-items:center;gap:.5rem}.strategy-title img{width:36px;height:36px;object-fit:contain}.author-title{display:flex;align-items:center;gap:.5rem}.author-title svg{width:28px;height:28px;color:#efc45a;flex-shrink:0}.strategy-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.strategy-heading .strategy-title{margin:0}.difficulty-section .detail-difficulty{margin:0;gap:.75rem}.difficulty-section .difficulty-skull{width:48px;height:48px}.detail-title-row{display:flex;align-items:center;gap:.85rem}.detail-title-row h1{min-width:0;margin:0}.detail-points-separator{flex:0 0 1px;height:2.5rem;background:linear-gradient(transparent,rgba(239,196,90,.6),transparent)}.detail-points-badge{position:relative;flex:0 0 64px;width:64px;height:64px}.detail-points-badge img{width:100%;height:100%;object-fit:contain}.detail-points-value{position:absolute;top:50%;left:49%;transform:translate(-50%,-50%);font-size:1.25rem;font-weight:700;color:#edf0fa;text-shadow:0 1px 3px #000}.detail-points-value.compact{font-size:1rem}.guide-summary{color:#efc45a}.achievement-detail .reward-link{display:inline-flex;align-items:center;gap:.5rem;vertical-align:middle;color:#efc45a;text-decoration:none}.achievement-detail .reward-link .reward-icon{width:32px;height:32px;object-fit:contain;border-radius:4px}.achievement-detail .reward-link:hover{text-decoration:underline}.strategy-content{line-height:1.7}.strategy-content .strategy-item-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem 1.5rem;list-style:none;padding:0;margin:0}.strategy-content .strategy-item-grid li+li{margin-top:0}.strategy-content .strategy-table-scroll{overflow-x:auto}.strategy-content .strategy-table{width:100%;border-collapse:collapse}.strategy-content .strategy-table th,.strategy-content .strategy-table td{padding:.5rem .75rem;text-align:left;border-bottom:1px solid #2b304a}.strategy-content .strategy-table th{color:#efc45a}@media (max-width: 600px){.strategy-content .strategy-item-grid{grid-template-columns:minmax(0,1fr)}}.strategy-content .strategy-block+.strategy-block{margin-top:1.5rem}.strategy-content h3{margin:0 0 .65rem;color:#efc45a;font-size:1.1rem}.strategy-content p{margin:0}.strategy-content ol{margin:0;padding-left:1.5rem}.strategy-content li+li{margin-top:.65rem}.guide-language-note{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;margin:.75rem 0;color:#a5abc1}.guide-language-note button{padding:.4rem .65rem;border:1px solid rgba(153,175,232,.4);border-radius:5px;background:#99afe81f;color:#edf0fa;font:inherit;cursor:pointer}.achievement-detail{background-color:#101423;padding:2rem;border-radius:12px;color:#edf0fa;box-shadow:0 4px 12px #0000004d}.achievement-detail h1{font-size:2rem;margin-bottom:.5rem}.achievement-icon{width:64px;height:64px;margin-bottom:1rem;border-radius:8px}.section{margin-top:1.5rem;padding:1rem;background-color:#ffffff0d;border-radius:8px}.section .child-criteria{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:.5rem}.section .criterion-line{position:relative;display:grid;grid-template-columns:1rem 32px minmax(0,1fr);column-gap:.6rem;align-items:center;cursor:default}.section .criterion-line .criterion-description{grid-column:3;display:flex;align-items:center;flex-wrap:wrap;gap:4px}.section .criterion-line:hover,.section .criterion-line:focus-visible{z-index:30}.section .criterion-line:hover .criterion-tooltip,.section .criterion-line:focus-visible .criterion-tooltip{visibility:visible;opacity:1}.section .criterion-line .criterion-tooltip{position:absolute;z-index:20;bottom:calc(100% + 10px);left:0;width:max-content;max-width:min(300px,45vw);padding:8px 12px;border:1px solid rgba(239,196,90,.65);border-radius:6px;background:#14192b;box-shadow:0 4px 14px #000000a6;color:#efc45a;font-size:13px;line-height:1.4;pointer-events:none;visibility:hidden;opacity:0;transition:opacity .15s ease}.section .criterion-line .criterion-tooltip .criterion-tooltip-date{display:block;margin-top:4px;color:#aaa;font-style:italic}.section .criterion-line .criterion-completed-check{grid-column:1;width:1rem;height:1rem;margin-right:.4rem;object-fit:contain;flex-shrink:0;filter:brightness(0) saturate(100%) invert(76%) sepia(48%) saturate(570%) hue-rotate(69deg)}.section .criterion-line.criterion-completed{color:#70d970}.section .criterion-line.clickable{cursor:pointer;transition:background .2s}.section .criterion-line.clickable:hover{background:#ffffff0d}.section .criterion-icon{grid-column:2;grid-row:1;width:32px;height:32px;margin-right:0;border-radius:4px}.stars{font-size:1.5rem;color:#efc45a}.gallery{display:flex;flex-wrap:wrap;gap:1rem}.gallery img{height:auto;border-radius:8px}.achievement-chain{list-style:none;padding-left:0}.achievement-chain li{margin-bottom:.5rem}.achievement-chain li a{color:#99afe8;text-decoration:none}.achievement-chain li a:hover{text-decoration:underline}.achievement-detail .achievement-timeline{margin:-.25rem 0 1.25rem}.achievement-detail .achievement-timeline .timeline-scroll{overflow-x:auto;padding:10px 6px 14px}.achievement-detail .achievement-timeline ol{display:flex;align-items:center;gap:18px;width:max-content;margin:0;padding:0;list-style:none}.achievement-detail .achievement-timeline li{position:relative}.achievement-detail .achievement-timeline li:not(:last-child):after{content:"";position:absolute;left:100%;top:50%;width:18px;height:2px;background:#666b7c}.achievement-detail .achievement-timeline .timeline-step{position:relative;display:block;width:36px;height:36px;border:2px solid #777d90;border-radius:8px}.achievement-detail .achievement-timeline .timeline-step img{display:block;width:100%;height:100%;border-radius:6px}.achievement-detail .achievement-timeline .timeline-step:hover,.achievement-detail .achievement-timeline .timeline-step:focus-visible{border-color:#efc45a;outline:2px solid #efc45a;outline-offset:3px}.achievement-detail .achievement-timeline .timeline-step.is-current{width:56px;height:56px;border:3px solid #efc45a;border-radius:12px;box-shadow:0 0 0 3px #efc45a33}.achievement-detail .achievement-timeline .timeline-step.is-current img{border-radius:8px}.achievement-detail .achievement-timeline .timeline-points{position:absolute;right:-5px;bottom:-7px;padding:1px 4px;border:1px solid #aab0c0;border-radius:4px;background:#101423;color:#fff;font-size:.75rem;line-height:1.2}.achievement-detail .header-line{display:flex;align-items:center;gap:.7rem;margin-bottom:1.5rem;flex-wrap:wrap}.achievement-detail .header-line .detail-title{flex:1;min-width:0}.achievement-detail .header-line .detail-title h1{margin-bottom:0}.achievement-detail .header-line .detail-completion-date{margin:.4rem 0 0;color:#a5a9b7;font-size:.9rem;font-style:italic}.achievement-detail .header-line .tracking-buttons{margin-left:auto;flex-shrink:0}.achievement-detail .header-line .back-arrow{width:3rem;height:3rem;cursor:pointer;transition:opacity .2s}.achievement-detail .header-line .back-arrow:hover{opacity:.8}.achievement-detail .header-line .achievement-icon{width:64px;height:64px;margin:0;flex-shrink:0;display:block}.achievement-detail .header-line h1{margin:0;font-size:1.75rem}.localisation-header{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-bottom:.5rem}.localisation-header h2{margin:0}.localisation-header .copy-button{background-color:#2ac443;color:#edf0fa;border:none;padding:.4rem .8rem;border-radius:4px;cursor:pointer;font-weight:600}.localisation-header .copy-button:hover{background-color:#49d860}.guide-addons ul{list-style:none;padding-left:0}.guide-addons ul li+li{margin-top:1rem}.guide-addons ul p{margin:.35rem 0}.localisation-code{background-color:#1a1a2a;padding:.75rem;border-radius:4px;font-family:monospace;white-space:pre-wrap;word-break:break-word;border:1px solid #2b304a}.chain-information{padding:12px 16px;border-left:3px solid #ffd166;border-radius:4px;background:#239bdf1f}.chain-information .meta-achievement-link{display:inline-flex;align-items:center;gap:.4rem;vertical-align:middle}.chain-information .meta-achievement-link img{width:24px;height:24px;border-radius:4px;object-fit:contain;flex-shrink:0}.localisation-code-all{max-height:32rem;overflow-y:auto;line-height:1.6}.location-details{padding-left:1.25rem}.location-details li+li{margin-top:.65rem}.strategy-achievement-link,.strategy-wowhead-link{display:inline-flex;align-items:center;gap:.5rem;max-width:100%;vertical-align:middle}.strategy-achievement-link img,.strategy-wowhead-link img{width:24px;height:24px;flex-shrink:0;border-radius:4px}.strategy-achievement-link span,.strategy-wowhead-link span{min-width:0}.about-page{padding-left:2rem;padding-top:1rem;max-width:65rem;line-height:1.6;color:#edf0fa}.about-page .title{font-size:2rem;font-weight:700;margin-bottom:1.5rem}.about-page .subtitle{font-size:1.5rem;font-weight:700;margin-top:2rem;margin-bottom:1rem}.about-page .paragraph{margin-bottom:1rem}.about-page .wowhead-inline-link{display:inline-flex;align-items:center;gap:.25rem;vertical-align:middle;height:1.25rem}.about-page .wowhead-inline-link img{width:2rem;height:2rem;object-fit:contain;flex-shrink:0}.about-page .icon-legend-title{display:flex;align-items:center;gap:.75rem}.about-page .icon-legend-title .icon-legend-symbol{font-size:2.25rem;line-height:1}.about-page .addons-title{display:flex;align-items:center;gap:.75rem}.about-page .addons-title svg{width:2.25rem;height:2.25rem;color:#99afe8;flex-shrink:0}.about-page .about-addons{list-style:none;padding-left:0}.about-page .about-addons .addon-title{display:inline-flex;align-items:center;gap:.75rem}.about-page .about-addons .addon-logo{width:40px;height:40px;object-fit:contain;border-radius:4px;flex-shrink:0}.about-page .about-addons li{margin-bottom:1rem;scroll-margin-top:5rem}.about-page .about-addons p{margin:.25rem 0 0}.about-page .icon-explanation{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.about-page .icon-explanation .difficulty-skull{width:56px;height:56px;object-fit:contain;flex-shrink:0}.about-page .icon-explanation .about-icon{width:56px;height:56px;object-fit:contain;flex-shrink:0;border-radius:4px}.about-page .incoming-list{list-style:none;padding-left:0}.about-page .incoming-list li{margin-bottom:1rem;font-size:1rem;display:flex;align-items:flex-start}.about-page .incoming-list li .bullet{color:#efc45a;font-weight:700;margin-right:1rem;font-size:1.2rem}.about-page .link{color:#99afe8;text-decoration:none;font-weight:500}.about-page .link:hover{text-decoration:underline}.about-page .contact-section{display:flex;flex-direction:column;gap:.5rem}.about-page .contact-section .contact-item{display:flex;align-items:center;gap:.5rem}.about-page .contact-section .contact-icon{width:24px;height:24px;object-fit:contain}.about-page .partners-section{display:flex;align-items:center;gap:1rem}.about-page .partners-section .partner-icon{display:flex;flex-direction:column;align-items:center;border-right:solid #a5abc1 1px;padding-right:1rem}.about-page .partners-section .partner-icon img{width:10rem;height:auto;border-radius:8px;object-fit:contain}.about-page .partners-section .partner-text a{color:#99afe8;text-decoration:underline}.about-page .partners-section .partner-text a:hover{color:#357abd}.about-page .section-separator{margin:1.5rem 0;border-top:1px solid #a5abc1;opacity:.6}.summary-page{width:100%;margin:0;padding:24px}.summary-page .summary-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,440px);gap:24px;align-items:start;margin-top:24px}.summary-page .summary-main{min-width:0;container-type:inline-size}.summary-page .summary-recent{padding:20px;border:1px solid #776139;border-radius:12px;background:#14192ba6}.summary-page .summary-recent h2{margin-top:0;font-size:20px}.summary-page .summary-recent ul{padding:0;list-style:none}@media (max-width: 1100px){.summary-page .summary-layout{grid-template-columns:minmax(0,1fr)}}@media (max-width: 600px){.summary-page{padding:16px}.summary-page .summary-grid{grid-template-columns:minmax(0,1fr)}}.summary-page .summary-tracked-link{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1rem;margin-bottom:.5rem;border:1px solid #776139;border-radius:8px;color:#d9ac4a;text-decoration:none}.summary-page .summary-tracked-link:hover{background:#d9ac4a1a;border-color:#d9ac4a}.summary-page .summary-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.summary-page progress{width:100%;height:18px;accent-color:#d9ac4a}.summary-page .summary-overview{margin:0 0 24px;padding:24px;border:1px solid #776139;border-radius:12px}.summary-page .summary-overview strong{font-size:36px}.summary-page .summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}@container (max-width: 840px){.summary-page .summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@container (max-width: 620px){.summary-page .summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (max-width: 400px){.summary-page .summary-grid{grid-template-columns:minmax(0,1fr)}}.summary-page .summary-category{display:block;color:inherit;text-decoration:none;padding:20px;border:1px solid #776139;border-radius:10px}.summary-page .summary-category h2{font-size:18px}.summary-page .summary-category:hover{border-color:#d9ac4a}.summary-page li{margin-bottom:12px}.summary-page .summary-recent-achievement{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.summary-page .summary-recent-icon{width:40px;height:40px;object-fit:cover;border:1px solid #b58b42;border-radius:5px;flex:0 0 40px}.user-page .character-level-note{color:#a5abc1;font-style:italic;margin-bottom:1.5rem}.user-page{padding:2rem;color:#edf0fa}.user-page h1{margin-bottom:2rem;font-size:2rem;color:#fff}.character-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:1.5rem}.character-card{display:flex;align-items:center;gap:.75rem;text-align:left;font:inherit;min-width:0;color:#edf0fa;background:linear-gradient(145deg,#1c1f26,#1a1c23);padding:1rem;border-radius:10px;box-shadow:0 4px 10px #0009;cursor:pointer;border:1px solid rgba(237,240,250,.1);transition:all .2s ease}.character-card .character-portrait{flex:0 0 64px;width:64px;height:64px;display:grid;place-items:center;overflow:hidden;border-radius:50%;border:2px solid var(--class-color);background:#111520;color:var(--class-color);font-size:2rem}.character-card .character-portrait img{width:100%;height:100%;object-fit:cover}.character-card .character-details{display:flex;flex-direction:column;gap:.2rem;min-width:0;flex:1;overflow-wrap:anywhere}.character-card .character-name{color:var(--class-color);font-size:1.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.character-card .character-realm{color:#a5abc1;font-size:.9rem}.character-card:focus-visible{outline:2px solid var(--class-color);outline-offset:3px}.character-card h2{margin:0;font-size:1.4rem;color:#99afe8}.character-card p{margin:.3rem 0;color:#e1e3eb}.character-card:hover{box-shadow:0 6px 14px #000c;transform:translateY(-4px);border-color:var(--class-color)}.character-card:active{transform:translateY(0);box-shadow:0 2px 5px #00000080}.back-button{display:inline-block;margin-bottom:1rem;padding:.6rem 1.2rem;border-radius:6px;background-color:#596bb0;color:#edf0fa;font-weight:700;border:none;cursor:pointer;box-shadow:0 2px 6px #0006;transition:all .2s}.back-button:hover{background-color:#7584bd;box-shadow:0 4px 10px #0009}.achievements-section{background-color:#edf0fa0d;border-radius:8px;padding:1rem;max-height:600px;overflow-y:auto}.achievements-section h2{color:#99afe8;margin-bottom:1rem}.achievements-section pre{background-color:#2b2b2b;color:#edf0fa;padding:1rem;border-radius:6px;font-size:.85rem}.achievements-section{margin-top:20px;padding:20px;border-radius:8px;background-color:#1e1e2f;color:#fff;box-shadow:0 4px 10px #00000080}.achievement-progress{margin-top:10px;display:flex;flex-direction:column;gap:8px}.progress-item{font-size:1.1rem;padding:8px;background-color:#2c2c3c;border-radius:5px}.category-progress{margin-top:20px}.category-progress h3{margin-bottom:12px;font-size:1.2rem}.category-progress .category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.category-progress .category-card{background-color:#29293d;border-radius:6px;padding:10px 14px;display:flex;flex-direction:column;justify-content:center;color:#f0f0f0;box-shadow:0 2px 6px #0006;transition:background-color .2s}.category-progress .category-card:hover{background-color:#343454}.category-progress .category-name{font-weight:700;font-size:1.05rem;margin-bottom:6px}.category-progress .badge-area{display:flex;align-items:center;gap:10px}.category-progress .achievement-logo-wrapper{position:relative;display:inline-block}.category-progress .achievement-logo{width:4rem;height:4rem}.category-progress .achievement-logo-points{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.9rem;font-weight:700;color:#fff;text-shadow:0 0 3px #000}.category-progress .category-quantity{font-size:.95rem;color:#ccc}.admin-page{padding:2rem}.admin-page h1{font-size:2rem;margin-bottom:2rem;text-align:center;font-size:2.2rem;margin-bottom:1.5rem;color:#efc45a}.admin-page .admin-options{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap}.admin-page .admin-card{background-color:#1e1e2f;color:#fff;padding:1.5rem;border-radius:1rem;text-decoration:none;width:25rem;box-shadow:0 4px 10px #0003;transition:transform .2s ease,box-shadow .2s ease}.admin-page .admin-card h2{margin-top:0}.admin-page .admin-card p{margin:.5rem 0 0;color:#ccc}.admin-page .admin-card:hover{transform:scale(1.03);box-shadow:0 6px 16px #0000004d}.custom-notes-editor{border:1px solid #2b304a;padding:1.5rem;margin-top:2rem;border-radius:8px;background-color:#151b2e26;color:#edf0fa}.custom-notes-editor h3{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.custom-notes-editor label{display:block;margin-bottom:1rem;font-weight:600}.custom-notes-editor label input[type=checkbox]{margin-right:.5rem}.custom-notes-editor input[type=number],.custom-notes-editor input[type=file]{padding:.5rem;background-color:#102030;border:1px solid #2b304a;border-radius:4px;color:#edf0fa}.custom-notes-editor input[type=number]{width:6rem}.custom-notes-editor input[type=text]{padding:.5rem;width:100%;background-color:#102030;border:1px solid #2b304a;border-radius:4px;color:#edf0fa}.custom-notes-editor select{padding:.5rem;background-color:#102030;border:1px solid #2b304a;border-radius:4px;color:#edf0fa;font-size:1rem}.custom-notes-editor textarea{width:100%;padding:.75rem;background-color:#102030;border:1px solid #2b304a;border-radius:4px;color:#edf0fa;resize:vertical;font-family:inherit;font-size:.95rem}.custom-notes-editor textarea[placeholder*="/way"]{font-family:Courier New,monospace;font-size:.9rem;white-space:pre}.custom-notes-editor .img-preview{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}.custom-notes-editor .img-preview .img-wrapper{position:relative;width:120px;height:120px}.custom-notes-editor .img-preview .img-wrapper img{width:100%;height:100%;object-fit:cover;border-radius:4px;border:1px solid #ccc}.custom-notes-editor .img-preview .img-wrapper .delete-btn{position:absolute;top:-8px;right:-8px;background:#e53935;color:#fff;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;font-size:2rem;line-height:24px;text-align:center;box-shadow:0 0 4px #0000004d}.custom-notes-editor .actions{margin-top:1.5rem;display:flex;gap:.75rem}.custom-notes-editor .actions button{padding:.6rem 1.2rem;background-color:#2ac443;border:none;color:#edf0fa;font-weight:700;border-radius:4px;cursor:pointer}.custom-notes-editor .actions button:disabled{background-color:#73e185;cursor:not-allowed}.custom-notes-editor .actions button:hover:not(:disabled){background-color:#49d860}.custom-notes-editor .actions button.secondary-button{background-color:#596bb0}.custom-notes-editor .actions button.secondary-button:hover{background-color:#7584bd}.custom-notes-editor .error{color:#ffb347;font-weight:600;margin-top:1rem}.custom-notes-editor .loading{font-style:italic;color:#a5abc1}.write-strategy-page{max-width:80rem;padding:2rem;color:#edf0fa}.write-strategy-page .strategy-page-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.write-strategy-page .strategy-page-header .back-arrow{width:2.5rem;height:2.5rem;cursor:pointer;transition:opacity .2s}.write-strategy-page .strategy-page-header .back-arrow:hover{opacity:.8}.write-strategy-page .strategy-page-header .title{font-size:2rem;font-weight:700;margin-bottom:1.5rem}.write-strategy-page form{margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.75rem}.write-strategy-page form label{font-weight:500}.write-strategy-page form input[type=number]{width:12rem;padding:.5rem;border-radius:4px;border:1px solid #2b304a;background-color:#0f1f30;color:#edf0fa}.write-strategy-page form button{width:7rem;font-weight:700;margin-top:.5rem;padding:.6rem 1.2rem;background-color:#596bb0;border:none;color:#fff;border-radius:4px;cursor:pointer}.write-strategy-page form button:hover{background-color:#7584bd}.write-strategy-page .error-message{color:#ffb347;font-weight:600;margin-top:-.5rem}.write-strategy-page .info-guide{margin-top:2rem;margin-bottom:2rem;padding:1rem;background-color:#151b2e4d;border-left:4px solid #efc45a;border-radius:4px}.write-strategy-page .info-guide ul{margin:0;padding-left:1.2rem}.write-strategy-page .info-guide ul li{margin-bottom:.5rem}.create-event-page{padding:2rem;max-width:600px;margin:auto}.create-event-page h1{font-size:2rem;margin-bottom:1.5rem;text-align:center;color:#edf0fa}.create-event-page form{display:flex;flex-direction:column;gap:1rem}.create-event-page form label{color:#edf0fa;font-weight:700}.create-event-page form input,.create-event-page form select,.create-event-page form textarea{padding:.6rem;border-radius:8px;border:1px solid #ccc;font-size:1rem}.create-event-page form .achievements-list{display:flex;flex-wrap:wrap;gap:.5rem}.create-event-page form .achievements-list .achievement-item{display:flex;align-items:center;gap:.5rem}.create-event-page form .achievements-list .achievement-item input[type=checkbox]{transform:scale(1.2)}.create-event-page form button{background-color:#007bff;color:#fff;border:none;padding:.75rem;border-radius:8px;font-size:1rem;cursor:pointer;transition:background-color .3s ease}.create-event-page form button:hover{background-color:#0056b3}body{margin:0;font-family:Comfortaa,sans-serif}*{box-sizing:border-box}html{color-scheme:dark}body{background:#101423;color:#edf0fa}button,input,select,textarea{font:inherit}button,select{cursor:pointer}button{min-height:44px;border:1px solid #3b526c;border-radius:8px;background:#20263d;color:#edf4ff;padding:.5rem .8rem}button:disabled{cursor:wait;opacity:.6}.battle-net-login{background:#596bb0;box-shadow:inset 0 1px #edf0fa1f}.battle-net-login:hover:not(:disabled){background:#7584bd}button[aria-pressed=true]{border-color:#e7bc59;background:#3d341d;color:#ffe4a1}:focus-visible{outline:3px solid #b5a5e9;outline-offset:3px}a{color:#99afe8}img{max-width:100%}.app-wrapper{--sidebar-width: 320px;height:100vh;height:100dvh;min-height:0}.app-wrapper .app-container{min-height:0}.app-wrapper .app-container .main-content{min-width:0;scrollbar-gutter:stable;overflow-x:hidden}.app-header{flex-shrink:0;height:auto;min-height:96px;flex-wrap:wrap;gap:1rem;padding:1rem 1.5rem}.app-header .logo-link{flex:0 0 calc(var(--sidebar-width) - 1.5rem - 8px);padding-right:1rem}.app-header .logo-link .title .main{font-size:1.25rem}.app-header .logo-link .logo{width:64px;height:auto;margin-right:.75rem}.app-header .header-link{flex:1 0 auto;justify-content:center;gap:.8rem;margin-left:0;flex-wrap:wrap}.app-header>.header-account-language{margin-left:0;padding-left:0}.app-header .selected-character,.app-header .faction-label{display:none}.search-bar{position:relative;flex:1 1 260px;width:auto;max-width:620px;min-width:0}.search-bar .header-search{width:100%;min-width:0;min-height:46px;padding:.75rem 2.6rem .75rem .85rem;background:#14192b;border:1px solid #454d70;border-radius:10px;color:#f1f6ff;font-size:16px}.search-bar .clear-btn{position:absolute;top:1px;right:2px;height:44px;min-width:44px;margin:0;color:#fff;background:transparent;border:0}.search-hint{position:absolute;top:100%;left:0;z-index:120;padding:.4rem .6rem;background:#20263d;border-radius:5px}.language-menu{position:relative;font-size:.85rem}.language-menu summary,.language-menu button{display:flex;align-items:center;gap:.6rem;min-height:44px;padding:.4rem .65rem;color:#fff;cursor:pointer;white-space:nowrap}.language-menu summary{list-style:none;border:1px solid #454d70;border-radius:8px;background:#14192b}.language-menu summary::-webkit-details-marker{display:none}.language-menu summary:after{content:"";width:8px;height:8px;flex-shrink:0;align-self:center;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);color:#8da6bd}.language-menu[open] summary:after{transform:translateY(2px) rotate(225deg)}.language-menu .language-options{position:absolute;right:0;top:calc(100% + 6px);z-index:130;min-width:100%;max-height:min(70vh,520px);overflow-y:auto;padding:4px;background:#14192b;border:1px solid #454d70;border-radius:8px;box-shadow:0 6px 20px #0006}.language-menu button{width:100%;justify-content:space-between;border:0;border-radius:4px;background:transparent;font:inherit}.language-menu button:hover,.language-menu button[aria-pressed=true]{background:#30334f}.language-flag{width:24px;height:16px;flex-shrink:0;border-radius:2px}.sidebar{flex:0 0 var(--sidebar-width);width:var(--sidebar-width);padding:1rem .85rem}.sidebar .category{font-size:1.15rem}.sidebar .sub{font-size:1rem;line-height:1.5}.sidebar .category,.sidebar .sub{min-height:44px}.achievement-list{overflow:visible;max-height:none;padding:1.5rem}.achievement-list .category-header{width:100%;max-width:1100px}.achievement-card{width:100%;max-width:1100px;gap:.7rem;padding:1rem}.achievement-card .achievement-icon{flex:0 0 48px;width:48px;height:48px;margin:0}.achievement-card .info{width:auto;min-width:0;flex:1;padding:0;gap:.5rem}.achievement-card .info .info-header .title{flex-wrap:wrap;overflow-wrap:anywhere;gap:.2rem}.achievement-card .info .info-header .criteria-toggle{min-width:32px;min-height:44px;padding:.3rem;background:transparent;border:0}.achievement-card .info .description{width:100%;color:#d2dbe6;line-height:1.6}.achievement-card .info .strategy-indicator{position:static;align-self:flex-start;order:10}.achievement-card .info .reward{max-width:100%;width:auto;white-space:normal;text-align:left}.achievement-card .badge-area{position:static;flex:0 0 52px}.achievement-card .badge-area .wowhead-logo-wrapper{position:static;width:44px;height:44px;display:grid;place-items:center}.achievement-card .badge-area .achievement-logo-wrapper{top:0;width:48px;height:48px}.tracking-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.tracking-buttons button{font-size:.8rem}.load-more{display:block;margin:1rem auto}.feature-page{padding:clamp(1rem,3vw,2rem)}.feature-page h1,.home-page h1{font-size:clamp(1.5rem,3vw,2.2rem)}.world-event-banner{background:linear-gradient(120deg,#302b40,#202a40);border:1px solid #a8833b;border-radius:14px;padding:1.25rem;margin-bottom:1.5rem}.world-event-banner h2{color:#ffda8b;margin-top:0}.event-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:1rem}.calendar-card{border:1px solid #414966;background:#1b2137;border-radius:12px;padding:1.25rem}.calendar-card small{display:block;margin-top:.8rem;color:#b5c6d9}.event-status{color:#ffda8b;font-weight:700}.service-notice{margin:1rem;padding:.9rem;background:#302b40;border:1px solid #a8833b;border-radius:8px}.mobile-header-bar{display:none}.mobile-sidebar-drawer:not(.open){visibility:hidden}.mobile-sidebar-drawer .faction-logo{width:44px;height:44px}.drawer-close{margin:1rem;align-self:flex-end}.achievement-detail,.about-page,.user-page{overflow-wrap:anywhere}pre{max-width:100%;overflow-x:auto}@media (max-width: 1100px){.app-header,.sidebar.desktop-only{display:none}.mobile-header-bar{display:flex;flex-direction:column;height:auto;padding:.5rem 1rem .8rem;gap:.6rem;flex-shrink:0}.mobile-top-row{width:100%;display:flex;align-items:center;gap:.5rem;justify-content:space-between}.mobile-header-bar .search-bar{flex:none;max-width:none;width:100%}.mobile-header-bar .title-with-logo{text-decoration:none;font-size:.85rem;min-width:0;flex:1;overflow:hidden}.mobile-header-bar .title-with-logo>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-header-bar .language-menu{flex-shrink:0}.mobile-sidebar-drawer{height:100vh;height:100dvh}.app-wrapper .app-container .main-content{border-left:0}}@media (max-width: 600px){.achievement-list{padding:.75rem}.achievement-list .category-header .category-name{font-size:1.3rem;overflow-wrap:anywhere}.achievement-card{padding:.75rem;gap:.5rem}.achievement-card .achievement-icon{flex-basis:36px;width:36px;height:36px}.achievement-card .info .info-header .title{font-size:1rem}.achievement-card .info .child-criteria{grid-template-columns:minmax(0,1fr)}.achievement-card .badge-area{flex-basis:36px}.achievement-card .badge-area .achievement-logo-wrapper{width:36px;height:36px}.achievement-chain-expanded{margin-left:.4rem;padding-left:.4rem}.achievement-list .achievement-empty-message{margin:0;padding:1rem;font-size:1rem}.achievement-list .achievement-empty-message .achievement-logo{width:48px;height:48px}.mobile-header-bar{padding-inline:.5rem}.mobile-header-bar .title-with-logo .mobile-logo{display:none}.home-page,.user-page,.achievement-detail{padding:1rem}.user-page .character-grid,.user-page .category-grid{grid-template-columns:minmax(0,1fr)}.achievement-detail .header-line{flex-wrap:wrap}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.achievement-card{border:1px solid #a57830;border-radius:4px;background:radial-gradient(ellipse at 50% 0%,#bc872b88,transparent 75%),linear-gradient(110deg,#4a3217,#856027 50%,#49341b);box-shadow:inset 0 0 0 2px #101423,inset 0 0 0 3px #d3a65355,0 3px 8px #0008;padding-bottom:1.2rem}.achievement-card:hover{border-color:#d3a653;box-shadow:inset 0 0 0 2px #101423,inset 0 0 0 3px #d3a65388,0 0 12px #e5b84733}.achievement-card .achievement-icon{border:2px solid #c29a51;border-radius:5px;box-shadow:0 0 0 2px #16110b,0 0 10px #e9b64a40}.achievement-card .info .info-header .title{color:#fff;text-shadow:0 2px 2px #000}.achievement-card .info .description{color:#f0dfb9}.achievement-card .info .reward{order:20;margin:.6rem -.25rem -.25rem;padding:.6rem 1rem;width:auto;max-width:none;overflow:visible;white-space:normal;text-align:center;color:#efc45a;text-shadow:0 1px 2px #000;border-top:1px solid #b882354d;background:linear-gradient(90deg,#29130700,#291307cc 18%,#492008dd,#291307cc 82%,#29130700);box-shadow:0 -1px #1014234d}.achievement-card .reward-link{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;color:#efc45a;text-decoration:none}.achievement-card .reward-link:hover{color:#f4deb0;text-decoration:underline}.achievement-card .reward-icon{width:32px;height:32px;border:1px solid #c29a51;border-radius:3px;box-shadow:0 0 6px #0009}.calendar-event-title{display:flex;align-items:center;gap:.8rem}.calendar-event-icon{width:44px;height:44px;flex:0 0 44px;border:1px solid #b58b42;border-radius:5px;box-shadow:0 0 0 2px #090e16,0 2px 6px #0006}.achievement-card{display:grid;grid-template-columns:48px minmax(0,1fr) 52px;gap:.7rem;padding:1rem 1rem 0}.achievement-card .info{padding-bottom:.9rem}.achievement-card .achievement-icon{grid-column:1;grid-row:1}.achievement-card .info{grid-column:2;grid-row:1}.achievement-card .badge-area{grid-column:3;grid-row:1}.achievement-card .info .achievement-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:.4rem}.achievement-card .info .achievement-actions .strategy-indicator{position:static;order:0;align-self:auto}.achievement-card .achievement-actions .tracking-buttons{gap:.35rem}.achievement-card .info .achievement-actions .strategy-indicator,.achievement-card .info .achievement-actions .tracking-buttons button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;font-size:.85rem;font-weight:600;line-height:1;height:34px;min-height:34px;padding:.25rem .6rem;border-radius:4px}.achievement-card .achievement-actions .wowhead-logo-wrapper{display:inline-flex;align-items:center;justify-content:center;width:30px;height:28px;flex:0 0 30px}.achievement-card .achievement-actions .wowhead-logo{width:28px;height:auto}.achievement-card>.reward{grid-column:1 / -1;margin:0 -1rem;padding:.55rem 1rem;color:#efc45a;text-shadow:0 1px 2px #000;text-align:center;font-size:.9rem;border-top:1px solid #a695d733;border-radius:0 0 3px 3px;background:linear-gradient(90deg,#181b3000,#181b30cc 12%,#181b30cc 88%,#181b3000);box-shadow:0 -1px #1014234d}@media (max-width: 600px){.achievement-card{grid-template-columns:36px minmax(0,1fr) 36px;gap:.5rem;padding:.75rem .75rem 0}.achievement-card>.reward{margin-inline:-.75rem;padding-inline:.75rem}.achievement-card .info .achievement-actions{justify-content:flex-start}}.achievement-card{grid-template-columns:48px minmax(0,1fr) 72px;align-items:start}.achievement-card .info{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;column-gap:1rem}.achievement-card .info .info-header{grid-column:1;grid-row:1;min-width:0;min-height:34px;align-self:center}.achievement-card .info .achievement-actions{grid-column:2;grid-row:1;flex-wrap:nowrap;min-height:34px;align-items:center}.achievement-card .info .achievement-actions .tracking-buttons{flex-wrap:nowrap}.achievement-card .info .achievement-actions button{white-space:nowrap}.achievement-card .info .description,.achievement-card .info .child-criteria,.achievement-card .info .achievement-chain{grid-column:1 / -1}.achievement-card .achievement-actions .wowhead-logo-wrapper{width:52px;height:52px;flex-basis:52px}.achievement-card .achievement-actions .wowhead-logo{width:50px}.achievement-card .badge-area .achievement-logo-wrapper{width:72px;height:72px;top:-4px}.achievement-card .badge-area .achievement-logo-wrapper .achievement-logo-points{font-size:1.25rem}.achievement-card .badge-area .achievement-logo-wrapper .achievement-logo-points.compact{font-size:1rem}@media (max-width: 800px){.achievement-card{grid-template-columns:36px minmax(0,1fr) 64px}.achievement-card .info{grid-template-columns:minmax(0,1fr)}.achievement-card .info .achievement-actions{grid-column:1;grid-row:auto;justify-content:flex-start;flex-wrap:wrap;min-height:34px}.achievement-card .badge-area .achievement-logo-wrapper{width:64px;height:64px}.achievement-card .badge-area .achievement-logo-wrapper .achievement-logo-points{font-size:1.1rem}.achievement-card .badge-area .achievement-logo-wrapper .achievement-logo-points.compact{font-size:.9rem}}.achievement-card .badge-area{gap:.15rem}.achievement-card .badge-area .achievement-logo-wrapper{top:0}.achievement-card .badge-area .wowhead-logo-wrapper{position:static;width:52px;height:40px;display:flex;align-items:center;justify-content:center}.achievement-card .badge-area .wowhead-logo-wrapper .wowhead-logo{width:50px;height:auto}.achievement-card .info .info-header.account-wide{background:linear-gradient(90deg,transparent,#1c6d8f7a 12%,#1c6d8f7a 88%,transparent)}.achievement-card .info .info-header.account-wide .title{color:#fff}.achievement-card .info .strategy-indicator{background:#30261b;border:1px solid #a57830;color:#f7dfaa}.achievement-card .info .strategy-indicator:hover{background:#4a3820}.achievement-card .achievement-completion-date{display:flex;align-items:center;gap:6px;grid-column:2 / -1;justify-self:end;padding-bottom:.5rem;color:#c1beb6;font-size:.75rem;font-style:italic}.achievement-card .achievement-completion-date .achievement-completed-check{width:16px;height:16px;object-fit:contain}.achievement-card .achievement-difficulty{position:relative;display:inline-flex;gap:3px;color:#ebd5a9;font-size:14px}.achievement-card.is-incomplete{border-color:#62605b;background:radial-gradient(ellipse at 50% 0%,#77756a55,transparent 75%),linear-gradient(110deg,#282829,#44433e 50%,#29292a);box-shadow:inset 0 0 0 2px #191a1c,inset 0 0 0 3px #a5a09233,0 3px 8px #0008}.achievement-card.is-incomplete:hover{border-color:#aaa493}.achievement-card.is-incomplete .info .info-header.account-wide{background:linear-gradient(90deg,transparent,#1c6d8f7a 12%,#1c6d8f7a 88%,transparent)}.achievement-card.is-incomplete .info .info-header .title{color:#fff}.achievement-card.is-incomplete .info .description{color:#dad8d2}.achievement-card.is-incomplete .achievement-icon,.achievement-card.is-incomplete .achievement-logo{filter:saturate(.4)}.achievement-card.is-incomplete .achievement-icon{border-color:#827d70}.achievement-card.is-incomplete>.reward{color:#cfcbc2;border-color:#77726755;background:linear-gradient(90deg,transparent,#252525cc 12%,#252525cc 88%,transparent)}.achievement-card.is-incomplete .reward-link{color:#cfcbc2}.achievement-card .info .info-header .title{color:#fff}.achievement-card>.reward{color:#ffe14a;border-top:1px solid #b8823566;background:linear-gradient(90deg,#29130700,#291307cc 12%,#492008dd,#291307cc 88%,#29130700);box-shadow:inset 0 1px #e7b74b12,0 -1px #0d08084d}.achievement-card .reward-link{color:#ffe14a}.achievement-card .reward-link:hover{color:#fff0ac}.achievement-card.is-incomplete>.reward{color:#ffe14a;border-color:#b8823566;background:linear-gradient(90deg,#29130700,#291307aa 12%,#3c2918cc,#291307aa 88%,#29130700)}.achievement-card.is-incomplete .reward-link{color:#ffe14a}.achievement-card .info .info-header{align-self:center;padding-block:2px}.achievement-card .info .info-header .title{margin-bottom:0;line-height:1.3}.achievement-card .info .info-header .criteria-toggle{min-height:30px}.achievement-card>.reward{border-top:0;box-shadow:none;background:linear-gradient(90deg,#29130700,#291307cc 18%,#492008dd,#291307cc 82%,#29130700)}.achievement-card.is-incomplete>.reward{background:linear-gradient(90deg,#29130700,#291307aa 18%,#3c2918cc,#291307aa 82%,#29130700)}.achievement-wrapper.has-tracking-tab{position:relative;isolation:isolate;--tracking-tab-width: 6.5rem;width:100%;max-width:calc(1100px + var(--tracking-tab-width));box-sizing:border-box;padding-right:var(--tracking-tab-width)}.achievement-wrapper.has-tracking-tab .achievement-clickable-wrapper{position:relative;z-index:1}.achievement-wrapper.has-tracking-tab .achievement-tracking-tab{position:absolute;top:1rem;right:0;width:var(--tracking-tab-width);padding:.4rem .4rem .4rem 0;box-sizing:border-box;transform:translate(-100%);transition:transform .22s ease;pointer-events:none}.achievement-wrapper.has-tracking-tab .achievement-tracking-tab .tracking-buttons button{width:100%;min-height:40px;white-space:nowrap;border-radius:0 6px 6px 0;box-shadow:2px 2px 6px #0008}.achievement-wrapper.has-tracking-tab:has(.achievement-clickable-wrapper:hover) .achievement-tracking-tab,.achievement-wrapper.has-tracking-tab:has(.achievement-tracking-tab:hover) .achievement-tracking-tab,.achievement-wrapper.has-tracking-tab:focus-within .achievement-tracking-tab{transform:translate(0);pointer-events:auto}@media (hover: none),(max-width: 800px){.achievement-wrapper.has-tracking-tab{padding-right:0;display:flex;flex-direction:column}.achievement-wrapper.has-tracking-tab .achievement-tracking-tab{position:static;order:1;align-self:flex-end;transform:none;pointer-events:auto;padding:0;margin-top:-.75rem;margin-bottom:1rem}.achievement-wrapper.has-tracking-tab .achievement-tracking-tab .tracking-buttons button{border-radius:6px}}@media (prefers-reduced-motion: reduce){.achievement-wrapper.has-tracking-tab .achievement-tracking-tab{transition:none}}