@font-face{font-family:Geist Sans;src:url(/build/assets/Geist-Regular-B1wb-odA.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Geist Sans;src:url(/build/assets/Geist-Bold-D5ckTPaB.woff2) format("woff2");font-weight:900;font-style:normal;font-display:swap}:root{--background: rgb(9, 9, 11);--text: rgb(161, 161, 170);--black: rgb(9, 9, 11);--white: rgb(242, 242, 242);--light-gray: rgba(113, 113, 122, .3);--dark-gray: rgba(0, 0, 0, .9);--highlight: rgb(245, 159, 10);--warning: rgb(171, 0, 0);--common: #fff;--uncommon: #1eff00;--rare: #0070dd;--epic: #a335ee;--legendary: #ff8000;--deathknight: #C41E3A;--demonhunter: #A330C9;--druid: #FF7C0A;--evoker: #33937F;--hunter: #AAD372;--mage: #3FC7EB;--monk: #00FF98;--paladin: #F48CBA;--priest: #ffffff;--rogue: #FFF468;--shaman: #0070DD;--warlock: #8788EE;--warrior: #C69B6D}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:Geist Sans,system-ui,sans-serif;line-height:1.6;min-height:100vh;background:var(--background);padding-top:3.9375rem;padding-bottom:3rem;color:var(--text)}img,video,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}input[type=text]{padding:.5rem;border:1px solid #e0e0e0;min-width:20rem}button{background:none;border:none;cursor:pointer;padding:0;color:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{color:inherit;text-decoration:none}.default-input input[type=text],.default-input textarea{width:100%;padding:.5rem;border:1px solid var(--text);border-radius:.5rem;font-size:.875rem;line-height:1.5;font-size:1.125rem}.button{padding:1.1rem 2rem;background:#e0e0e0;transition:all .4s ease;display:inline-block;line-height:1;border-radius:.5rem;font-size:.875rem}.button--small{padding:.5rem 1rem}.button--primary{background-color:var(--highlight);color:var(--black);cursor:pointer;text-transform:uppercase;font-weight:900;border:1px solid var(--highlight)}.button--primary:hover{background-color:color-mix(in srgb,var(--highlight) 80%,white);color:var(--black)}.button--secondary{background-color:#0000004d;color:var(--white);cursor:pointer;text-transform:uppercase;font-weight:900;border:1px solid var(--text)}.button--secondary:hover{background-color:color-mix(in srgb,var(--text) 80%,white);color:var(--black)}.button--danger{background-color:var(--warning)}.button--danger:hover{background-color:color-mix(in srgb,var(--warning) 80%,white);color:var(--white)}.button--disabled{opacity:.5;cursor:not-allowed}h1,.h1{font-size:4rem;font-weight:900;line-height:1.1;margin-bottom:1rem;color:var(--white)}h2,.h2{font-size:2rem;font-weight:900;line-height:1.1;margin-bottom:1rem;color:var(--white);text-transform:uppercase}h3,.h3{font-size:1.1rem;font-weight:900;line-height:1.3;margin-bottom:.5rem;color:var(--white)}h4,.h4{font-size:1rem;font-weight:900;line-height:1.1;margin-bottom:.5rem;color:var(--white)}.alert{padding:1rem;border-radius:.5rem;border:5px solid var(--light-gray);margin-bottom:1rem}.alert a,.alert button{cursor:pointer;text-decoration:underline}:is(.alert a,.alert button):hover{text-decoration:none}.alert-title{font-size:1.25rem;font-weight:900;margin-bottom:.5rem}.alert-warning{background-color:#ab000033;border-color:#ab000080}.alert-suggestion{position:relative;padding-right:7rem;background-color:var(--light-gray)}.alert-suggestion form{position:absolute;top:50%;right:1rem;transform:translateY(-50%);border-left:1px solid var(--text);padding:1rem 0 1rem 1rem}.container{max-width:1200px;margin:0 auto}.container--narrow{max-width:720px}.subpage{padding:2rem}.subpage h1,.subpage .h1{font-size:3rem;margin-top:2rem}.subpage h2,.subpage .h2,.subpage h3,.subpage .h3{margin-top:2rem}.subpage p{line-height:1.7;margin-bottom:1rem}.subpage ul{margin-left:1rem;margin-bottom:1rem}.subpage ul li{margin-bottom:1rem}.menu-container{display:flex;justify-content:space-between;align-items:center}header{padding:1rem;border-bottom:1px solid rgb(41,41,46);position:fixed;top:0;left:0;right:0;color:var(--text);background-color:var(--background);z-index:10}header .identity{font-weight:900;text-transform:uppercase;color:var(--white);font-size:1.125rem}header .identity span{color:var(--highlight)}header #mobile-menu-toggle,header .menu-container__hamburger{display:none}header ul{display:flex;gap:1rem;list-style:none;font-size:.875rem;align-items:center}header ul input{display:none}header ul a,header ul label{cursor:pointer;transition:color .4s ease}:is(header ul a,header ul label):hover{color:var(--highlight)}header ul .menu__divider{border-left:1px solid var(--light-gray);padding-left:1rem}header ul .button{background-color:var(--highlight);color:var(--black);cursor:pointer;text-transform:uppercase;font-weight:900}header ul .button:hover{background-color:color-mix(in srgb,var(--highlight) 80%,white);color:var(--black)}header ul ul{display:block;position:absolute;background-color:var(--background);top:63px;border:1px solid var(--light-gray);animation:pulse-glow 2s infinite;transform:translateY(200px);transition:all .2s ease-in-out;opacity:0;pointer-events:none}header ul ul a{padding:.5rem 1rem;display:block}header ul ul a:hover{background-color:var(--light-gray)}header ul input:checked~ul{display:block;transform:translateY(0);opacity:1;pointer-events:auto}main{min-height:70vh}section{margin-bottom:5rem;padding:0 2rem}section+section{margin:5rem 0}footer{border-top:1px solid var(--light-gray);padding:2rem}footer .footer__content{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}footer .footer__workshop,footer .footer__challenges{width:25%;padding:1rem}:is(footer .footer__workshop,footer .footer__challenges) ul{list-style:none}:is(footer .footer__workshop,footer .footer__challenges) ul li{margin:1rem 0;line-height:1.3}footer .footer__text{width:50%;padding:1rem}footer .footer__text p{font-size:.875rem;line-height:1.7;margin-bottom:1rem}footer .footer__text a{text-decoration:underline}footer .footer__text a:hover{text-decoration:none}footer a{color:var(--highlight);transition:color .4s ease}footer a:hover{color:color-mix(in srgb,var(--highlight) 80%,white)}.challenges .challenges__challenge{border:1px solid var(--light-gray);padding:1rem;display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;transition:all .2s ease-in-out;border-radius:.5rem}.challenges .challenges__challenge svg path{fill:var(--text)}.challenges .challenges__challenge--published{background-color:var(--light-gray);border-color:var(--highlight);color:var(--white)}.challenges .challenges__challenge--published svg path{fill:var(--white)}.challenges .challenges__challenge--published .challenges__actions button{background:var(--evoker)}.challenges .challenges__challenge--published .challenges__actions button:before{left:1rem}.challenges .challenges__container{position:relative;overflow:hidden;flex-grow:1}.challenges .challenges__container svg{width:1.5rem;position:absolute;top:50%;left:0;transform:translate(-2rem,-50%);transition:transform ease-in-out .2s}.challenges .challenges__container:hover svg{transform:translateY(-50%)}.challenges .challenges__container:hover .challenges__label,.challenges .challenges__container:hover .challenges__characters{transform:translate(2rem)}.challenges .challenges__label{font-weight:900;font-size:1.25rem;transition:transform ease-in-out .2s}.challenges .challenges__characters{transition:transform ease-in-out .2s}.challenges .challenges__actions button{width:2.5rem;height:1rem;border-radius:.5rem;position:relative;background:#e0e0e0}.challenges .challenges__actions button:before{content:"";position:absolute;top:0;left:0;width:1.5rem;height:1rem;border-radius:.5rem;background:#fff;transition:all ease-in-out .2s;box-shadow:0 0 .25rem #00000040}.challenges .challenges__empty{text-align:center;border:1px solid var(--light-gray);padding:1rem;border-radius:.5rem}.challenges .challenges__add{margin-top:1.5rem}.add-challenge .add-challenge__type-list{display:flex;flex-wrap:wrap;gap:1rem}.add-challenge .add-challenge__type-list .add-challenge__types-description{width:100%}.add-challenge .add-challenge__type-list .add-challenge__type-item{width:calc(50% - .5rem);flex-grow:1;border:2px solid var(--light-gray);padding:1rem;border-radius:.5rem;transition:all .2s ease-in-out;position:relative;overflow:hidden}.add-challenge .add-challenge__type-list .add-challenge__type-item:hover{background-color:var(--light-gray);border-color:var(--highlight)}.add-challenge .add-challenge__type-list .add-challenge__type-label{font-size:1.25rem;font-weight:900;text-transform:uppercase;margin-bottom:.5rem;color:var(--highlight)}.add-challenge .add-challenge__type-list .add-challenge__type-divider{width:100%;height:1px;background-color:var(--light-gray);margin:1rem 0}.add-challenge .add-challenge__type-list .add-challenge__type-item--supreme:before{content:"The Original";position:absolute;top:12px;right:-28px;background:var(--highlight);color:var(--black);font-size:11px;font-weight:700;padding:4px 32px;transform:rotate(35deg);pointer-events:none}.add-challenge .add-challenge__slots{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.add-challenge .add-challenge__slot{width:calc(20% - 1rem);border:1px solid #e0e0e0;padding:1rem;min-height:15rem;position:relative;color:var(--white);text-align:center;border-radius:.5rem;overflow:hidden;opacity:.5;cursor:not-allowed;pointer-events:none}.add-challenge .add-challenge__slot button{position:absolute;bottom:0;left:0;right:0;text-align:center;cursor:pointer;background-color:var(--dark-gray);z-index:2;height:0;transition:all .2s ease-in-out;font-weight:700;text-transform:uppercase}.add-challenge .add-challenge__slot strong,.add-challenge .add-challenge__slot span{z-index:2;position:relative;text-shadow:0 0 .5rem rgba(0,0,0,.5)}.add-challenge .add-challenge__slot:hover button{height:100%}.add-challenge .add-challenge__character-display{margin-top:1rem}.add-challenge .add-challenge__slot:first-child,.add-challenge .add-challenge__slot--active+.add-challenge__slot{opacity:1;pointer-events:auto;cursor:pointer}.add-challenge .add-challenge__slot:not(.add-challenge__slot--active):hover{background-color:#f0f0f0;cursor:pointer}.add-challenge .add-challenge__slot--active{border-color:var(--highlight)}.add-challenge .add-challenge__slot-underlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,#000000d9 40%,#0000004d);z-index:1}.add-challenge .add-challenge__overlay{position:absolute;top:63px;left:0;width:100%;height:calc(100vh - 103px);background-color:#00000080;z-index:20;padding:4rem 2rem}.add-challenge .add-challenge__overlay-content{background:var(--black);border:2px solid var(--highlight);display:flex;flex-wrap:wrap;padding:1rem;max-height:calc(100vh - 8rem - 103px);overflow-y:scroll;position:relative}.add-challenge .add-challenge__overlay-content .add-challenge__character{border:1px solid #e0e0e0;padding:1rem;cursor:pointer;width:calc(20% - 1rem);margin:.5rem;background-color:var(--light-gray);position:relative}.add-challenge .add-challenge__overlay-content .add-challenge__character:hover{background-color:#f0f0f0}.add-challenge .add-challenge__character-display{position:relative;z-index:2}.add-challenge .add-challenge__character-name{font-weight:900;color:var(--white)}.add-challenge .add-challenge__class-name{font-weight:900}.character-class--warrior :is(.add-challenge .add-challenge__class-name){color:var(--warrior)}.character-class--paladin :is(.add-challenge .add-challenge__class-name){color:var(--paladin)}.character-class--hunter :is(.add-challenge .add-challenge__class-name){color:var(--hunter)}.character-class--priest :is(.add-challenge .add-challenge__class-name){color:var(--priest)}.character-class--deathknight :is(.add-challenge .add-challenge__class-name){color:var(--deathknight)}.character-class--shaman :is(.add-challenge .add-challenge__class-name){color:var(--shaman)}.character-class--mage :is(.add-challenge .add-challenge__class-name){color:var(--mage)}.character-class--warlock :is(.add-challenge .add-challenge__class-name){color:var(--warlock)}.character-class--monk :is(.add-challenge .add-challenge__class-name){color:var(--monk)}.character-class--druid :is(.add-challenge .add-challenge__class-name){color:var(--druid)}.character-class--demonhunter :is(.add-challenge .add-challenge__class-name){color:var(--demonhunter)}.character-class--evoker :is(.add-challenge .add-challenge__class-name){color:var(--evoker)}.add-challenge .add-challenge__character-level{color:var(--legendary)}.add-challenge .add-challenge__underlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,#000000d9 40%,#0000004d);z-index:1;transition:background .2s ease-in-out}.add-challenge .add-challenge__character:hover{border-color:var(--highlight)}.add-challenge .add-challenge__character:hover .add-challenge__underlay{background:linear-gradient(to top,#000000d9 100%,#0000004d)}.add-challenge .add-challenge__overlay-content-search{width:100%;margin:.5rem}.add-challenge .add-challenge__overlay-content-search input{width:100%;padding:.5rem;border:1px solid #e0e0e0}.add-challenge .add-challenge__slot-close{position:absolute;top:0;right:0;cursor:pointer;background:none;border:none;padding:.5rem 2rem;background:#fff}.add-challenge .add-challenge__slot-close:hover{background:#f0f0f0}.add-challenge .add-challenge__buttons{display:flex;gap:1rem;margin-top:2rem}.profile .profile__section{padding-bottom:2rem}.profile .profile__section+.profile__section{padding-top:2rem;border-top:1px solid #e0e0e0;margin-top:2rem}.profile .profile__section-item{margin-bottom:1rem}.profile .profile__section-item label{display:block}.profile .profile__discord-status a,.profile .profile__discord-status button{border:1px solid #e0e0e0;padding:1rem;width:20rem;text-align:center;display:inline-block}:is(.profile .profile__discord-status a,.profile .profile__discord-status button):hover{background-color:#f0f0f0}.profile .profile__discord-status--connected a,.profile .profile__discord-status--connected button{background-color:#f0f0f0;border-color:#000}:is(.profile .profile__discord-status--connected a,.profile .profile__discord-status--connected button):hover{background-color:#e0e0e0}.profile .profile__discord-example{margin-top:2rem}.profile .profile__discord-example h4{margin-bottom:1rem}.profile .profile__discord-example .profile__discord-example-container{display:flex;gap:1rem;background:#19191c;padding:1.5rem;border-radius:.5rem;border:1px solid var(--text)}.profile .profile__discord-example p:last-child{margin-bottom:0}.profile .profile__discord-example .profile__discord-example-portrait{width:4rem;flex-shrink:0}.profile .profile__discord-example .profile__discord-example-portrait img{width:4rem;height:4rem;border-radius:50%}.profile .profile__discord-example .profile__discord-example-name{font-size:1rem;font-weight:600;margin-bottom:.5rem;color:#718586}.profile .profile__discord-example .profile__discord-example-name span{background:#7289da;color:var(--white);padding:.25rem .5rem;border-radius:.25rem;font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.profile .profile__discord-example .profile__discord-example-message{color:var(--white)}.profile .profile__discord-example .profile__discord-example-message span{background:#222a4e;padding:2px;color:#99b4fc;border-radius:.25rem}.profile .profile__discord-example .profile__discord-example-message span:hover{background:#7289da;color:var(--white)}.supline{font-size:.75rem;color:var(--highlight);text-transform:uppercase;letter-spacing:.2em}.supline--green{color:var(--evoker)}.supline--gray{color:var(--text)}.divider{color:var(--text);margin:0 .5rem}.topbanner{background-image:linear-gradient(var(--light-gray) 1px,transparent 1px),linear-gradient(90deg,var(--light-gray) 1px,transparent 1px);background-size:40px 40px;border-bottom:1px solid var(--light-gray)}.topbanner .container{height:100%}.topbanner .topbanner__content{display:flex;justify-content:space-between;align-items:center;height:100%}.topbanner .topbanner__title h1{font-size:6rem;font-weight:900;color:var(--white);line-height:.95em;letter-spacing:-.04em;margin:0;text-transform:uppercase}.topbanner .topbanner__title h1 span{color:var(--highlight)}.topbanner .topbanner__text{margin:1.5rem 0;font-size:1.125rem;max-width:30rem}.topbanner .topbanner__buttons{display:flex;gap:1rem;padding-bottom:3rem}.topbanner .topbanner__image img{max-height:calc(100vh - 3.9375rem);width:auto}.usp .usp__header{text-align:center;max-width:38rem;margin:0 auto}.usp .usp__content{display:flex;gap:1.2rem;margin-top:4rem}.usp .usp__item{background:var(--light-gray);padding:1.5rem;border-radius:.5rem;width:25%}.usp .usp__item svg{height:4rem}.usp .usp__item h4{margin:1rem 0}.usp .usp__item h4 span{position:relative}.usp .usp__item h4 span:before{content:"";width:107%;height:3px;background:var(--highlight);position:absolute;left:50%;top:calc(50% + 3px);transform:rotate(4deg) translate(-50%) translateY(-50%)}.usp .usp__item p{font-size:.875rem;line-height:1.7;margin-bottom:1rem}.usp .usp__item p:last-child{margin-bottom:0}.tip{border-top:1px solid var(--light-gray);border-bottom:1px solid var(--light-gray);padding:5rem 0}.tip .tip__content{max-width:38rem;margin:0 auto;background:var(--light-gray);padding:2rem;border-radius:.5rem}.tip .tip__text{font-size:1.125rem;line-height:1.7;margin:1rem 0;color:var(--white);font-style:italic}.tip .tip__subtitle{font-size:.875rem;letter-spacing:.1em}.workshop .workshop__header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2rem}.workshop .workshop__header a{color:var(--highlight);text-transform:uppercase;font-size:.875rem;transition:color .4s ease}.workshop .workshop__header a:hover{color:color-mix(in srgb,var(--highlight) 80%,white)}.workshop .workshop__content{display:flex;gap:2rem}.workshop .workshop__content a{width:33.3333%;display:block;background:var(--light-gray);padding:2rem;border-radius:.5rem;transition:background-color .4s ease}.workshop .workshop__content a:hover{background-color:color-mix(in srgb,var(--light-gray) 95%,white)}.workshop .workshop__meta{margin-bottom:1rem}.workshop p{font-size:.875rem;line-height:1.7;margin:1rem 0}.ticker{position:fixed;bottom:0;left:0;right:0;z-index:100;display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:color-mix(in srgb,var(--black) 95%,var(--highlight));border-top:2px solid var(--highlight);color:var(--text);font-size:.875rem;box-shadow:0 -2px 12px #0006}.ticker .ticker__prefix{flex-shrink:0;font-weight:900;color:var(--highlight);text-transform:uppercase;letter-spacing:.05em}.ticker .ticker__text{flex:1;min-height:1.5em;opacity:1;transform:translateY(0);transition:opacity .35s ease,transform .35s ease}.ticker .ticker__text.ticker__text--out{opacity:0;transform:translateY(6px)}.ticker .ticker__text.ticker__text--in{opacity:0;transform:translateY(-6px)}.ticker .ticker__text.ticker__text--in.ticker__text--visible{opacity:1;transform:translateY(0)}.post .post__header{background-image:linear-gradient(var(--light-gray) 1px,transparent 1px),linear-gradient(90deg,var(--light-gray) 1px,transparent 1px);background-size:5% 25%;border-bottom:1px solid var(--light-gray);padding:2rem;margin:-2rem -2rem 0}.post .post__header h1{margin:0 0 1rem}.post .post__content{border-top:1px solid var(--light-gray);padding-top:2rem}.post .post__content>p:first-child{font-size:1.25rem;border-bottom:1px solid var(--light-gray);padding-bottom:2rem;margin-bottom:2rem}.post .post__content a{text-decoration:underline}.post .post__content a:hover{text-decoration:none}.post .post__content hr{border:0;margin:2rem 0;border-top:1px solid var(--light-gray)}.post .post-list__item{display:block;background:var(--light-gray);padding:1rem;border-radius:.5rem;transition:background-color .4s ease}.post .post-list__item:hover{background-color:color-mix(in srgb,var(--light-gray) 95%,white)}.post .post-list__item+.post-list__item{margin-top:1rem}.post .post-list__item-title{font-size:1.125rem;font-weight:900;color:var(--white);text-transform:uppercase;letter-spacing:.05em}.dashboard{padding:2rem}.tips-index .tips-index__list{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.tips-index .tips-index__item{display:flex;justify-content:space-between;align-items:center;border-radius:.5rem;border:1px solid var(--light-gray);padding-right:1rem;transition:background-color .4s ease}.tips-index .tips-index__item a{padding:1rem;display:block;width:100%}.tips-index .tips-index__item:hover{background-color:var(--light-gray)}.tips-index .tips-index__item button{color:var(--highlight);transition:color .4s ease}.tips-index .tips-index__item button:hover{color:color-mix(in srgb,var(--highlight) 80%,white);text-decoration:underline}.tips-index .tips-index__item--active{border-color:var(--highlight)}.highlights-list{list-style:none;padding:0;margin:1.5rem 0 0}.highlights-list .highlights-list__item{margin-bottom:.75rem;border:1px solid var(--light-gray);border-radius:.5rem;overflow:hidden}.highlights-list .highlights-list__details[open] .highlights-list__summary{border-bottom:1px solid var(--light-gray)}.highlights-list .highlights-list__summary{cursor:pointer;padding:.75rem 1rem;list-style:none;display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem 1rem}.highlights-list .highlights-list__summary::-webkit-details-marker{display:none}.highlights-list .highlights-list__summary:before{content:"▶";display:inline-block;margin-right:.35rem;font-size:.65em;opacity:.7;transition:transform .15s ease}.highlights-list .highlights-list__details[open] .highlights-list__summary:before{transform:rotate(90deg)}.highlights-list .highlights-list__meta{color:var(--text);opacity:.85;font-size:.9rem}.highlights-list .highlights-list__messages{padding:.75rem 1rem 1rem;display:flex;flex-direction:column;gap:1rem}.highlights-list .highlights-list__message{padding:.75rem;background:#71717a26;border-radius:.35rem}.highlights-list .highlights-list__message-author{font-weight:700;font-size:.85rem;margin-bottom:.35rem;color:var(--white)}.highlights-list .highlights-list__message-body{white-space:pre-wrap;word-break:break-word}.highlights-list .highlights-list__message-meta{margin-top:.35rem;font-size:.75rem;opacity:.7}.tips-edit .tips-edit__buttons{display:flex;gap:1rem;position:absolute}.tips-edit .tips-edit__delete{display:flex;margin-top:1rem;justify-content:flex-end}.invite-code{text-align:center}.invite-code label{display:block;margin-bottom:.5rem}.invite-code .invite-code__input{margin-bottom:1rem}.invite-code p{margin-bottom:0}.invite-code span{display:inline-block;margin-top:1rem}.character-class--warrior{background:url(/images/classes/warrior.avif) no-repeat center center;background-size:cover}.character-class--paladin{background:url(/images/classes/paladin.avif) no-repeat center center;background-size:cover}.character-class--hunter{background:url(/images/classes/hunter.webp) no-repeat center center;background-size:cover}.character-class--rogue{background:url(/images/classes/rogue.avif) no-repeat center center;background-size:cover}.character-class--priest{background:url(/images/classes/priest.avif) no-repeat center center;background-size:cover}.character-class--deathknight{background:url(/images/classes/deathknight.avif) no-repeat center center;background-size:cover}.character-class--shaman{background:url(/images/classes/shaman.avif) no-repeat center center;background-size:cover}.character-class--mage{background:url(/images/classes/mage.avif) no-repeat center center;background-size:cover}.character-class--warlock{background:url(/images/classes/warlock.avif) no-repeat center center;background-size:cover}.character-class--monk{background:url(/images/classes/monk.avif) no-repeat center center;background-size:cover}.character-class--druid{background:url(/images/classes/druid.avif) no-repeat center center;background-size:cover}.character-class--demonhunter{background:url(/images/classes/demonhunter.avif) no-repeat center center;background-size:cover}.character-class--evoker{background:url(/images/classes/evoker.avif) no-repeat center center;background-size:cover}.post-admin input[type=text],.post-admin textarea{width:100%;padding:.5rem;border:1px solid var(--light-gray);border-radius:.5rem;margin-bottom:1rem}.leaderboard .leaderboard-list{display:flex;flex-direction:column;gap:2rem;margin-top:2rem}.leaderboard .leaderboard-list__item{padding:1rem;border-radius:.5rem}.leaderboard .leaderboard-list__item.legendary .leaderboard-fire-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.leaderboard .leaderboard-list__item.legendary .leaderboard-list__item-characters,.leaderboard .leaderboard-list__item.legendary .leaderboard-list__item-score,.leaderboard .leaderboard-list__item.legendary strong{position:relative;z-index:1}.leaderboard .leaderboard-list__item strong{color:var(--white);font-weight:900;text-transform:uppercase;letter-spacing:.05em;font-size:1.5rem;margin-bottom:.5rem;display:block;text-align:center}.leaderboard .leaderboard-list__item-characters{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:1rem}.leaderboard .leaderboard-list__item-character{min-height:5rem;position:relative;border-radius:.5rem;overflow:hidden}.leaderboard .leaderboard-list__item-character.character-class--mage{border:2px solid var(--mage)}.leaderboard .leaderboard-list__item-character.character-class--mage .leaderboard-list__character-class{color:var(--mage)}.leaderboard .leaderboard-list__item-character.character-class--warlock{border:2px solid var(--warlock)}.leaderboard .leaderboard-list__item-character.character-class--warlock .leaderboard-list__character-class{color:var(--warlock)}.leaderboard .leaderboard-list__item-character.character-class--priest{border:2px solid var(--priest)}.leaderboard .leaderboard-list__item-character.character-class--priest .leaderboard-list__character-class{color:var(--priest)}.leaderboard .leaderboard-list__item-character.character-class--shaman{border:2px solid var(--shaman)}.leaderboard .leaderboard-list__item-character.character-class--shaman .leaderboard-list__character-class{color:var(--shaman)}.leaderboard .leaderboard-list__item-character.character-class--deathknight{border:2px solid var(--deathknight)}.leaderboard .leaderboard-list__item-character.character-class--deathknight .leaderboard-list__character-class{color:var(--deathknight)}.leaderboard .leaderboard-list__item-character.character-class--hunter{border:2px solid var(--hunter)}.leaderboard .leaderboard-list__item-character.character-class--hunter .leaderboard-list__character-class{color:var(--hunter)}.leaderboard .leaderboard-list__item-character.character-class--rogue{border:2px solid var(--rogue)}.leaderboard .leaderboard-list__item-character.character-class--rogue .leaderboard-list__character-class{color:var(--rogue)}.leaderboard .leaderboard-list__item-character.character-class--warrior{border:2px solid var(--warrior)}.leaderboard .leaderboard-list__item-character.character-class--warrior .leaderboard-list__character-class{color:var(--warrior)}.leaderboard .leaderboard-list__item-character.character-class--paladin{border:2px solid var(--paladin)}.leaderboard .leaderboard-list__item-character.character-class--paladin .leaderboard-list__character-class{color:var(--paladin)}.leaderboard .leaderboard-list__item-character.character-class--monk{border:2px solid var(--monk)}.leaderboard .leaderboard-list__item-character.character-class--monk .leaderboard-list__character-class{color:var(--monk)}.leaderboard .leaderboard-list__item-character.character-class--druid{border:2px solid var(--druid)}.leaderboard .leaderboard-list__item-character.character-class--druid .leaderboard-list__character-class{color:var(--druid)}.leaderboard .leaderboard-list__item-character.character-class--demonhunter{border:2px solid var(--demonhunter)}.leaderboard .leaderboard-list__item-character.character-class--demonhunter .leaderboard-list__character-class{color:var(--demonhunter)}.leaderboard .leaderboard-list__item-character.character-class--evoker{border:2px solid var(--evoker)}.leaderboard .leaderboard-list__item-character.character-class--evoker .leaderboard-list__character-class{color:var(--evoker)}.leaderboard .leaderboard-list__character-info{position:relative;z-index:2;padding:1rem}.leaderboard .leaderboard-list__box-1{display:flex;align-items:center;gap:.5rem}.leaderboard .leaderboard-list__box-3{text-align:right}.leaderboard .leaderboard-list__character-role{text-transform:uppercase;color:var(--white);font-weight:900;letter-spacing:.05em;font-size:.75rem;display:inline-block;padding:.25rem .5rem;border-radius:.5rem;background-color:var(--light-gray)}.leaderboard .leaderboard-list__character-class{text-transform:uppercase;color:var(--white);font-weight:900;letter-spacing:.05em;white-space:nowrap;font-size:.75rem}.leaderboard .leaderboard-list__character-name{font-weight:900;color:var(--highlight);font-size:1.5rem}.leaderboard .leaderboard-list__character-score{font-weight:900;color:var(--white);text-transform:uppercase;letter-spacing:.05em;font-size:2rem;line-height:1;margin-top:1rem}.leaderboard .leaderboard-list__character-snapshot-range{margin-top:.35rem;font-size:.85rem;font-weight:600;color:var(--text);letter-spacing:.02em}.leaderboard .leaderboard-list__underlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000c;z-index:1}.leaderboard .leaderboard-list__item-score{text-align:center;font-weight:900;color:var(--black);text-transform:uppercase;letter-spacing:.05em;margin-top:1rem;padding:.5rem;border-radius:.5rem;position:relative;overflow:hidden}.common :is(.leaderboard .leaderboard-list__item-score){border-color:var(--common);background-color:var(--common);color:var(--black)}.uncommon :is(.leaderboard .leaderboard-list__item-score){border-color:var(--uncommon);background-color:var(--uncommon);color:var(--black)}.rare :is(.leaderboard .leaderboard-list__item-score){border-color:var(--rare);background-color:var(--rare)}.epic :is(.leaderboard .leaderboard-list__item-score){border-color:var(--epic);background-color:var(--epic)}.legendary :is(.leaderboard .leaderboard-list__item-score){border-color:var(--legendary);background-color:var(--legendary)}.leaderboard .leaderboard-list__item-score-progress-bar{position:absolute;top:0;right:0;height:100%;background-color:var(--white)}.leaderboard .leaderboard-list__item-score-label{position:relative;z-index:2}@keyframes pulse-glow{0%,to{box-shadow:0 0 #f0a500,0 0 5px #f0a500}50%{box-shadow:0 0 6px #f0a500,0 0 6px #f0a500,0 0 6px #f0a500}}@media screen and (max-width:768px){h1,.h1,h2,.h2{font-size:2rem}input[type=text]{min-width:100%}header .menu-container{justify-content:center}header .menu-container__hamburger{display:block;position:fixed;bottom:1rem;right:1rem;z-index:10;width:40px;height:40px;background:var(--black);border:1px solid var(--highlight);border-radius:50%;cursor:pointer;transition:transform .3s ease-in-out;display:flex;justify-content:center;align-items:center}header .menu-container__hamburger span{display:block;width:20px;height:2px;background:var(--white);position:relative}header .menu-container__hamburger span:before,header .menu-container__hamburger span:after{content:"";display:block;width:20px;height:2px;background:var(--white);position:absolute;left:0}header .menu-container__hamburger span:before{top:-6px}header .menu-container__hamburger span:after{bottom:-6px}header ul{display:block;position:fixed;top:auto;bottom:0;left:0;width:100%;background:var(--black);padding:2rem;border-top:1px solid var(--highlight);transform:translate(-100%);transition:transform .3s ease-in-out;padding-bottom:80px;box-shadow:0 -10px 10px #00000080}header ul a,header ul label{padding:1rem!important;display:block;text-align:center;border-bottom:1px solid var(--light-gray)}header ul form{width:100%;display:block}header ul button,header ul .button{width:100%;padding:1rem!important}header ul ul{display:none;position:relative;top:auto;border:0;animation:none;padding:0;background:var(--light-gray)}header ul input:checked~ul{display:block}header ul .menu__divider{border:0;border-top:1px solid var(--white)}header #mobile-menu-toggle:checked~ul{transform:translate(0)}.topbanner .topbanner__content{flex-direction:column}.topbanner .topbanner__title h1{font-size:4rem}.topbanner .topbanner__buttons{flex-direction:column;text-align:center;padding-bottom:0}.usp .usp__content{flex-direction:column}.usp .usp__item{width:100%}.tip{padding:4rem 2rem}.workshop h2{margin:0}.workshop .workshop__content{flex-direction:column}.workshop .workshop__content a{width:100%}footer{padding:1rem}footer .footer__content{flex-direction:column}footer .footer__workshop,footer .footer__challenges,footer .footer__text{width:100%}.ticker{display:none}.add-challenge .add-challenge__type-list .add-challenge__type-item{width:100%}.add-challenge .add-challenge__slots{flex-direction:column}.add-challenge .add-challenge__slot{width:100%;min-height:11rem}.add-challenge .add-challenge__overlay-content .add-challenge__character{width:100%}.add-challenge .add-challenge__overlay{position:fixed;height:calc(100vh - 63px)}.leaderboard .leaderboard-list__item{padding:0}.leaderboard .leaderboard-list__item-characters{grid-template-columns:1fr}.subpage h1,.subpage .h1{font-size:2rem}}