html{scroll-behavior:smooth}#app{min-height:100vh;display:flex;flex-direction:column;position:relative}header{z-index:100;border-top:none!important;border-left:none!important;border-right:none!important}.header-blur{position:absolute;inset:0;background:rgba(1,11,19,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.header{display:flex;align-items:center;justify-content:space-between;gap:1rem;position:relative;z-index:101}.header a{text-decoration:none}.header-link{display:flex;align-items:center;gap:1rem}.header-link img{height:40px;margin-bottom:5px}header img{max-width:40px}.header,footer,main{max-width:1440px;margin:0 auto;width:100%;padding:2rem}.header-ctas{display:flex;align-items:center;gap:1rem}.header-ctas button{padding:.5rem 1rem}.hidden-btn{display:none}main{display:flex;flex-direction:column;gap:2rem;flex:1 1}section{display:flex;flex-direction:column;padding:0}.full-line{height:1px;background:var(--color-link-transparent);width:100%}#hero{display:flex;flex-direction:column;gap:2rem}.dwarf-hunter{position:absolute;top:0;left:0;width:100%;opacity:.6;z-index:-2;max-height:100vh;object-fit:cover}.hero-text{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center;max-width:1000px;margin:0 auto}.hero-text span{font-family:inherit}.how-it-works{display:flex;flex-direction:column;gap:2rem;margin:2rem 0}.how-it-works>div{display:flex;align-items:center;gap:1rem}.hero-ctas{margin:1rem auto;align-items:stretch;max-width:-moz-fit-content;max-width:fit-content}.hero-ctas,.hero-ctas button{display:flex;gap:1rem;justify-content:center}.hero-ctas button{padding:1rem 1.5rem;align-items:center}.section-grid{display:grid;grid-gap:1rem;gap:1rem}.section-grid-1,.section-grid-2,.section-grid-3{grid-template-columns:repeat(1,minmax(0,1fr))}#how-to{display:flex;flex-direction:column;gap:2rem;position:relative;margin:2rem 0}#how-to:after{content:"";position:absolute;width:100vw;top:0;left:50%;transform:translate(-50%);z-index:-1;height:100vh;background:linear-gradient(to top,var(--background-primary) 70%,transparent)}.section-header{position:relative;overflow:hidden;padding:2rem 0;display:grid;place-items:center}.section-header img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;min-width:740px}.work-container{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));grid-gap:1rem;gap:1rem;background:transparent!important}.step-card{display:flex;flex-direction:column;gap:1rem}.translucent{color:var(--color-link);opacity:.3}.card-content{display:flex;flex-direction:column;gap:1rem}.work-container>img{order:-1}.check-mark{display:flex;align-items:center;gap:1rem}.cta-container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:1rem;gap:1rem;width:-moz-fit-content;width:fit-content;margin:0 auto}.cta-container button{width:100%;display:grid;place-items:center}#examples{gap:3rem}.listing-container{padding:1rem!important;display:flex!important;flex-direction:column;gap:1rem;max-width:1000px;width:100%;margin:0 auto}.no-listings{margin:4rem auto!important;padding:2rem!important;flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.no-listings a{width:100%;text-decoration:none}.no-listings button{margin-top:2rem;width:100%;display:grid;place-items:center;padding:1rem}.listing-status{display:flex;align-items:center;justify-content:space-between;gap:1rem}.listing-status p{text-transform:uppercase}.listing-content{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));grid-gap:1rem;gap:1rem}.listing-info{gap:1rem}.listing-info,.listing-info>div{display:flex;flex-direction:column}.contents-container{display:flex;flex-direction:row!important;gap:1rem;flex-wrap:wrap}.item-tag{flex:1 1;display:grid;place-items:center}.item-tag h6{white-space:nowrap}.claim-btns{justify-content:space-between;gap:1rem}.claim-btns,.claim-btns button{display:flex;align-items:center}.claim-btns button{gap:.5rem}#trust{position:relative;margin:2rem 0;padding:3rem 0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem}#trust .bg-tag{position:absolute;width:100vw;left:50%;height:100%;top:0;transform:translateX(-50%);z-index:-1}#trust h2,#trust h6{text-align:center}#trust .claim-btns button{padding:1rem 2rem}#login{flex:1 1;max-width:600px;margin:0 auto;width:100%;gap:1rem;padding:2rem}#login,#login .header-link{display:flex;flex-direction:column;align-items:center}#login .header-link{text-decoration:none;margin:2rem 0;padding:1.5rem;justify-content:center}.login-form{display:flex;flex-direction:column;gap:1rem;width:100%;flex:1 1}.login-form label{width:100%;max-width:unset}.char-input input,.char-input select,.login-form label input{width:100%;max-width:unset;padding:1rem;background-color:var(--background-muted);border-color:var(--border-primary);transition-duration:.2s}.login-form label input:focus,.login-form label input:hover{border-color:var(--color-link)}.login-form .submit-btn{width:100%;display:grid;place-items:center;padding:1rem}.login-form .submit-btn:disabled{box-shadow:none;border-color:transparent}.login-form .full-line{margin:.5rem 0}#login small{font-family:Barlow,sans-serif;text-transform:uppercase;font-weight:600;text-align:center}#dashboard{flex:1 1;display:flex;padding:0!important;max-width:1440px;margin:0 auto;width:100%}#dashboard,.side-nav{flex-direction:column}.side-nav{gap:1rem;padding:1rem;background:var(--background-primary);height:100vh;position:-webkit-sticky;position:sticky;top:0;border-right:1px solid var(--color-link-transparent)}.side-nav:not(.show-menu){display:none}.show-menu{position:fixed;top:0;left:0;height:100vh;width:80%;display:flex;z-index:10;border-right:1px solid var(--color-link-transparent)}.side-nav:not(.show-menu) .menu-underlay{display:none}.show-menu .menu-underlay{position:absolute;height:100vh;width:20vw;z-index:-1;opacity:.8;border:none;transform:unset;box-shadow:unset;top:0;left:100%}.side-nav .header-link{display:flex;flex-direction:column;align-items:flex-start;gap:0}.side-nav .header-link h6{color:var(--color-primary)}.side-nav a{text-decoration:none}.side-nav button{width:100%;max-width:unset}.second-header{display:flex;align-items:center;gap:1rem;padding:1rem;border-bottom:1px solid var(--background-muted)}.second-header button{padding:.5rem 1.5rem}.breadcrumbs{display:flex;align-items:center;gap:.25rem}.breadcrumbs a{text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.nav-header h1{text-align:center}nav{display:flex;flex-direction:column;gap:2px;flex:1 1}.nav-tile{padding:1rem;border-radius:0;cursor:pointer;transition:background-color .2s ease;background-color:rgba(146,202,254,.08);color:#92cafe;text-shadow:0 0 2px rgba(146,202,254,.3);display:flex;align-items:center;justify-content:space-between;gap:1rem;border:none}.nav-tile,.nav-tile:hover{box-shadow:none;transform:none}.nav-tile:hover{background-color:rgba(255,255,255,.02)}.nav-tile:disabled,.nav-tile:disabled:hover{box-shadow:none;border:none}.logout-btn{display:flex;align-items:center;justify-content:space-between;gap:1rem}.dashboard-container{padding:1rem;display:flex;flex-direction:column;gap:2rem}.dashboard-header{display:none;flex-direction:column;gap:1rem}.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:1rem;border-radius:var(--border-radius-small)}.character-stats,.dashboard-stats{display:grid;gap:1rem;overflow:hidden}.character-stats{grid-template-columns:repeat(1,minmax(0,1fr));grid-gap:1rem}.character-stats>div,.dashboard-stats>div{background:var(--background-tertiary)}.stat-card{display:flex;flex-direction:column}.stat-card small{text-transform:uppercase}.stat-card h6{flex:1 1}.stat-card h6,.stat-card small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.stat-card button{margin-top:1rem}.subsection-header{display:flex;flex-direction:column;gap:.5rem}.subsection-header h2{white-space:nowrap;width:100%;text-overflow:ellipsis;overflow:hidden}.subsection-header h6{color:#92cafe}.listings-container{display:flex;flex-direction:column;gap:1rem}.pagination-container{display:flex;margin:0 auto;align-items:center;justify-content:center;gap:.5rem;padding:2rem 0}.pagination-container button{padding:unset;border:none;box-shadow:none;background:none;transform:unset}.pagination-container button:hover{transform:unset;box-shadow:unset}.pagination-container h6{color:#92cafe}.character-container{background:var(--background-tertiary);border-radius:var(--border-radius-small);padding:1rem;display:flex;flex-direction:row;align-items:center;gap:1rem}.character-item{display:flex;flex-direction:column}.character-container small{text-transform:uppercase}.character-container .realm{margin-left:auto;width:-moz-fit-content;width:fit-content}.alliance,.horde{text-shadow:none}.filler-footer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;flex:1 1;color:#92cafe;opacity:.4;padding:4rem;text-align:center}.sub-item{display:flex;flex-direction:column;gap:.5rem}.sub-item p{font-weight:300}.table-container{max-width:100%;overflow-x:auto;text-transform:uppercase;display:flex;flex-direction:column}.text-align{display:flex;align-items:center;gap:.5rem}.table-container table{width:100%}.table-container td{font-family:Barlow,sans-serif;font-weight:600}.table-container th{white-space:nowrap;padding:.5rem 1.25rem}.table-container td{padding:1rem 1.25rem;white-space:nowrap}table .tag{width:100%!important;text-align:center}.row-btn{display:flex;align-items:center;gap:1rem}.post-width .full-line{margin:.5rem 0}.post-checklist{display:flex;flex-direction:column;gap:1rem}.checklist-item{display:flex;align-items:center;gap:1rem}.checklist-item .check-line{width:20px;height:2px;border-radius:4px;background:var(--color-tertiary)}.uppercase{text-transform:uppercase}.font-bold{font-weight:600}.file-upload-box{position:relative;border-radius:var(--border-radius-large);margin-top:.5rem}.upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;width:100%;max-width:unset;min-height:200px;cursor:pointer;overflow:hidden}.placeholder-text,.upload-placeholder i{color:#92cafe;text-shadow:none}.placeholder-text{font-size:1rem}.preview-img{width:100%;height:100%;object-fit:cover}.item-input-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:.5rem;gap:.5rem}.item-input-row button{width:100%;display:grid;place-items:center}.item-input-row select,.item-input-row>div:not(:last-of-type){grid-column:span 2/span 2}.item-input-row input,.item-input-row select{border-color:var(--border-primary);background:var(--color-link-transparent);padding:.75rem 1.25rem}.row-header small{font-family:Barlow,sans-serif;text-transform:uppercase;font-weight:600}.add-item{display:flex;align-items:center;gap:1rem;margin-top:.5rem}.post-cache{padding:1rem 2rem}.char-input{gap:1rem;background:transparent!important}.char-input,.char-input>div{display:flex;flex-direction:column}.char-input>div{gap:.5rem}.save-btn{display:flex;align-items:center;gap:1rem;padding:.75rem 1.25rem}.big-listing{display:flex;flex-direction:column;gap:2rem}.big-listing .contents-container,.big-listing .full-line,.big-listing img{grid-column:span 2}.submission-img-container{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));grid-gap:1rem;gap:1rem}.big-listing .tag{width:-moz-fit-content;width:fit-content}.big-listing .item-tag{flex:unset;padding:.5rem 1.5rem}.listing-header{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:1rem;gap:1rem}.listing-status-container{display:flex;flex-direction:column;gap:.5rem}.listing-header small{text-transform:uppercase;font-weight:400}.listing-status-container .tag{width:-moz-fit-content;width:fit-content}.bad-btn{padding:2rem 3rem;background-color:rgba(255,78,122,.1)!important;color:#ff4e7a!important}.claim-btn{max-width:unset;width:100%;display:grid;place-items:center;grid-column:span 2}.submission-container{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.submission-container button{padding:1rem 2rem}.welcome-text .full-line{margin:.5rem 0}.level-container{display:flex;align-items:flex-end;gap:1rem}.level{height:30px;display:flex;align-items:stretch;gap:1px;border-radius:var(--border-radius-small);overflow:hidden;position:relative;width:100%;color:var(--border-primary)}.level-bar{flex:1 1;height:100%;background:var(--background-tertiary)}.xp{position:absolute;height:100%;background:var(--border-secondary)}.tag{display:inline-block;padding:.1rem .5rem;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.tag.good{background-color:rgba(94,233,181,.1);color:#5ee9b5;border:1px solid rgba(94,233,181,.2)}.tag.warning{background-color:rgba(242,201,76,.1);color:#f2c94c;border:1px solid rgba(242,201,76,.2)}.tag.bad{background-color:rgba(255,78,122,.1);color:#ff4e7a;border:1px solid rgba(255,78,122,.2)}.tag.rank{background-color:rgba(146,202,254,.08);color:#92cafe;border:1px solid rgba(146,202,254,.2);text-shadow:0 0 2px rgba(146,202,254,.3)}.tag.common{background-color:rgba(240,240,240,.04);color:#f0f0f0;border:1px solid rgba(240,240,240,.08)}.tag.uncommon{background-color:rgba(130,230,170,.05);color:#82e6aa;border:1px solid rgba(130,230,170,.12)}.tag.rare{background-color:rgba(80,130,255,.05);color:#50a5ff;border:1px solid rgba(80,130,255,.12)}.tag.epic{background-color:rgba(120,90,240,.05);color:#8372ff;border:1px solid rgba(120,90,240,.12)}.tag.legendary{background-color:rgba(255,180,100,.05);color:#ffb464;border:1px solid rgba(255,180,100,.12)}.animate-spin{animation:spin 1s linear infinite}.portal-container{position:fixed;left:0;top:0;width:100vw;height:100vh;z-index:1001}.portal-underlay{position:absolute;inset:0;z-index:0;background:rgba(2,7,22,.3);border:none;padding:none}.portal-content{position:absolute;z-index:1005;top:50%;left:50%;transform:translate(-50%,-50%);width:700px;min-height:400px;max-width:90vw;max-height:80vh;overflow-y:auto;background:rgba(3,6,21,.9);border:1px solid rgba(0,234,255,.3);border-radius:var(--border-radius-small);box-shadow:0 0 0 1px rgba(0,234,255,.2),inset 0 1px 0 rgba(145,224,255,.2)}.misc-page,.portal-content{display:flex;flex-direction:column;gap:1rem}.misc-page{flex:1 1;justify-content:center;align-items:center}.misc-page div{display:flex;align-items:center;gap:1rem}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.saas-footer{border-top:1px solid var(--border-primary);margin-top:4rem}.footer-content{max-width:1440px;margin:0 auto;padding:3rem 2rem 2rem;width:100%}.footer-sections{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:2rem;gap:2rem;margin-bottom:2rem}.footer-section{display:flex;flex-direction:column;gap:.75rem}.footer-section h6{font-weight:600;color:var(--color-primary);margin-bottom:.5rem;text-transform:uppercase;font-size:.8rem;letter-spacing:.05em}.footer-link,.footer-section a{color:var(--color-muted);text-decoration:none;font-size:.9rem;background:none;border:none;padding:0;text-align:left;cursor:pointer;transition:color .2s ease}.footer-link:hover,.footer-section a:hover{color:var(--color-link)}.footer-bottom{gap:1.5rem;padding-top:2rem;border-top:1px solid var(--border-primary)}.footer-bottom,.footer-brand{display:flex;flex-direction:column}.footer-brand{gap:.5rem}.footer-logo{text-decoration:none}.footer-logo h6{color:var(--color-primary);font-weight:600}.footer-brand p{color:var(--color-muted);font-size:.85rem;margin:0}.footer-social{gap:1rem}.footer-social,.social-link{display:flex;align-items:center}.social-link{justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--background-muted);color:var(--color-muted);text-decoration:none;transition:all .2s ease}.footer-contact-btn,.social-link:hover{background:var(--color-link);color:white}.footer-contact-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:2rem;font-size:.85rem;cursor:pointer;transition:all .2s ease}.footer-contact-btn:hover{background:var(--color-accent);transform:translateY(-1px)}@media (min-width:768px){.footer-sections{grid-template-columns:repeat(4,1fr)}.footer-bottom{flex-direction:row;justify-content:space-between;align-items:center}}footer:not(.saas-footer){display:flex;flex-direction:column;gap:.5rem;align-items:center;padding:3rem 0 4rem}footer:not(.saas-footer) button{display:flex;align-items:center;gap:.75rem;padding:.3rem .5rem .3rem .3rem;background:var(--background-muted);border-radius:4rem;border:1px solid var(--color-link-transparent);transition-duration:.2s;text-decoration:none;transform:none;box-shadow:none}footer:not(.saas-footer) button:hover{border:1px solid var(--color-link);transform:none}footer:not(.saas-footer) button img{max-width:30px;aspect-ratio:1/1;border-radius:100%}.assistance-container .notification-box{margin-bottom:1rem}.help-div{width:100%;display:flex;flex-direction:column;gap:.5rem;text-align:left}.help-div a{width:-moz-fit-content;width:fit-content}.close-btn{margin-top:.5rem;display:flex;align-items:center;gap:.5rem}.support-btns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:1rem;gap:1rem;flex:1 1}.support-btns button{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem}.graphic-display-container{display:flex;flex-direction:column;overflow:hidden;border-radius:0 0 .5rem .5rem;width:100%;margin:0 auto}.graphic-display-default,.graphic-display-sm{max-width:1200px}.graphic-display-shadow{filter:drop-shadow(-10.8923px 14.523px 35.0973px rgba(29,140,242,.25))}.graphic-display-shadow-light{filter:drop-shadow(-10.8923px 14.523px 35.0973px rgba(29,140,242,.16))}.graphic-display-header{border-radius:.75rem .75rem 0 0;padding:.5rem 1rem;overflow:hidden;position:relative;display:flex;align-items:center;gap:.5rem}.graphic-display-header:after{content:"";position:absolute;inset:0;opacity:.5;z-index:-1;background:white}.graphic-display-dot{border-radius:50%;aspect-ratio:1/1;position:relative;z-index:1;background-color:#a5b4fc}.graphic-display-dot-xs{width:.625rem}.graphic-display-dot-sm{width:.75rem}.graphic-display-dot-default{width:.625rem}.graphic-display-url{color:#94a3b8;padding-left:.5rem;position:relative;z-index:1;font-weight:300}.graphic-display-url-no-link{font-size:.75rem;display:none}.graphic-display-url-xs{font-size:.875rem}.graphic-display-url-sm{font-size:1rem}.graphic-display-url-default{font-size:.875rem}.graphic-display-body{display:flex;flex-direction:column;background:white;gap:1rem;overflow:auto;position:relative}.graphic-display-img{width:100%;object-fit:cover}@media (min-width:640px){.graphic-display-dot-xs{width:.75rem}.graphic-display-dot-sm{width:.875rem}.graphic-display-dot-default{width:.75rem}.graphic-display-url-no-link{font-size:1rem;display:inline}.graphic-display-url-xs{font-size:1rem}.graphic-display-url-sm{font-size:1.125rem}.graphic-display-url-default{font-size:1rem}.graphic-display-body-sm-height{max-height:400px}.graphic-display-body-auto-height{height:500px}}@media (min-width:768px){.graphic-display-dot-default{width:.875rem}.graphic-display-url-default{font-size:1.125rem}}@media (min-width:640px){section{padding:1rem 0}.hidden-btn{display:block}#hero{padding:3rem 0}.section-header img{min-width:900px;max-width:1200px}.character-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.graphic-display-header{padding:1rem}}@media (min-width:768px){section{padding:2rem 0}.how-it-works{align-items:center;flex-direction:row}#hero{padding:3.5rem 0}.section-grid-1{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}.section-grid-2{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}.section-grid-2 div:not(.graphic-display){grid-column:span 2}.section-grid-3{grid-template-columns:repeat(7,minmax(0,1fr));gap:2rem}.section-grid-3 div:not(.graphic-display){grid-column:span 5}.section-grid-3 .graphic-display{grid-column:span 2}.work-container{grid-template-columns:repeat(3,minmax(0,1fr));margin:0 auto}.work-container-reverse>img{order:0}.listing-content{grid-template-columns:repeat(2,minmax(0,1fr))}#dashboard{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:unset}.dashboard-header{display:flex}.show-menu{position:relative;top:unset;left:unset;height:auto;width:unset;display:unset;z-index:10}.side-nav,.side-nav:not(.show-menu){display:flex}#dashboard .dashboard-container{grid-column:span 2/span 2}.menu-underlay,.second-header{display:none}.dashboard-container{gap:2rem}.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.character-stats{grid-template-columns:repeat(1,minmax(0,1fr))}.submission-img-container{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}.claim-btn{margin-left:auto;max-width:-moz-fit-content;max-width:fit-content;padding:1rem 3rem}}@media (min-width:1024px){#hero{padding:4rem 0}.character-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1280px){#dashboard{grid-template-columns:repeat(4,minmax(0,1fr))}#dashboard .dashboard-container{grid-column:span 3/span 3}}.scroll-banner-container{position:relative;width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.scroll-banner{display:flex;width:-moz-fit-content;width:fit-content;gap:2rem}.scroll-1{animation:scroll-infinite-1 60s linear infinite}.scroll-2{animation:scroll-infinite-2 60s linear infinite}.scroll-content{display:flex;gap:2rem;flex-shrink:0}.scroll-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--border-primary);border-radius:var(--border-radius-small);padding:1rem;min-width:200px;max-width:200px;text-align:center;flex-shrink:0;gap:.5rem;position:relative}.scroll-tile i{font-size:1.5rem;color:var(--color-accent)}.scroll-tile h4{margin:0;font-size:.9rem;font-weight:600;color:var(--color-primary);line-height:1.2}.scroll-tile p{margin:0;font-size:.75rem;color:var(--color-muted);line-height:1.3}.scroll-tile .tag.category-tag{font-size:.5rem;padding:.1rem .3rem;text-transform:uppercase;font-weight:600;letter-spacing:.03em;border-radius:9999px;line-height:1}.scroll-tile .emoji-icon{font-size:1.5rem;font-style:normal;background:none;border:none;padding:0;margin:0;color:inherit;text-shadow:none}.scroll-fade-left,.scroll-fade-right{position:absolute;top:0;height:100%;width:100px;pointer-events:none;z-index:2}.scroll-fade-left{left:0;background:linear-gradient(to right,var(--background-primary) 0,transparent 100%)}.scroll-fade-right{right:0;background:linear-gradient(to left,var(--background-primary) 0,transparent 100%)}@keyframes scroll-infinite-1{0%{transform:translateX(50%)}to{transform:translateX(calc(-50% - 2rem))}}@keyframes scroll-infinite-2{0%{transform:translateX(50%)}to{transform:translateX(calc(-50% - 2rem))}}@media (max-width:640px){.scroll-banner-container{height:120px;margin:3rem 0 1rem}.scroll-tile{min-width:160px;max-width:160px;height:120px;padding:1rem}.scroll-tile h4{font-size:.8rem}.scroll-tile p{font-size:.7rem}.scroll-banner,.scroll-content{gap:1.5rem}@keyframes scroll-infinite{0%{transform:translateX(0)}to{transform:translateX(calc(-50% - .75rem))}}.scroll-fade-left,.scroll-fade-right{width:60px}}:root{--background-primary:#030615;--background-secondary:rgb(23 37 84);--background-tertiary:#121424;--background-accent:#09121f;--background-compliment:#070d15;--background-gradient:linear-gradient(145deg,#0b111e,#101826);--background-muted:#0e1625;--color-primary:#cfedff;--color-secondary:#91e0ff;--color-tertiary:#d0f1ff;--color-accent:#00eaff;--color-compliment:#0088cc;--color-gradient:linear-gradient(90deg,#91c4ff,#00eaff);--color-muted:#6c9fbf;--color-link:#60a5fa;--color-link-transparent:rgba(37,99,235,0.1);--gradient-start:#0084ff;--gradient-end:#00fffb;--border-primary:#29325b;--border-secondary:#93c5fd;--border-highlight:#4649af;--border-tertiary:#23334a;--shadow-dark:0 0 12px rgba(0,234,255,0.2);--shadow-light:0 0 18px rgba(145,224,255,0.35);--shadow-text:0 0 6px rgba(0,234,255,0.4);--text-shadow-subtle:0 0 8px rgba(146,202,254,0.3);--box-shadow-icy:0 0 4px rgba(146,202,254,0.08),0 0 1px rgba(184,229,242,0.05);--box-shadow-panel-glow:0 -6px 12px rgba(146,202,254,0.3),0 -2px 8px rgba(146,202,254,0.2),0 6px 12px rgba(146,202,254,0.3),0 2px 8px rgba(146,202,254,0.2);--text-selection:#00eaff;--color-success:#3fffa5;--color-warning:#f7cb4d;--color-error:#ff4e7a;--color-info:#33d2ff;--color-highlight:#00ffe5}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif;font-weight:300}body{background:var(--background-primary);color:var(--color-primary);font-size:.875rem;line-height:1.6rem}.clock-value,body,h1,h2,h3,h4,h5,h6,p{text-shadow:var(--text-shadow-subtle)}.text-gradient{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-image:linear-gradient(180deg,var(--gradient-start) 0,var(--gradient-end) 100%);background-size:100%;-webkit-box-decoration-break:clone}.special-shadow{color:#ffffff;text-shadow:0 0 2px #91e0ff,0 0 4px #00eaff,0 0 8px #00eaff,1px 1px 10px #0022ffbf,2px 2px 16px #0022ffbf}.notification-box{border:1px solid var(--border-secondary);color:var(--color-primary);padding:var(--padding-large);border-radius:var(--border-radius-small);text-shadow:var(--shadow-text)}.notification-box,.special-box-shadow{box-shadow:var(--shadow-light)}.special-box{border:1px solid #00eaff;box-shadow:inset 0 0 4px #91e0ff,0 0 8px #00eaff,0 0 12px #00eaff,2px 2px 20px #0022ffbf}.glow{animation:pulseGlow 2s ease-in-out infinite}.text-large{font-size:2.5rem;line-height:2.5rem}.castoro{font-family:Castoro Titling,serif;font-weight:600}.barlow,button,h1,h2,h3,h4,h5,h6{font-family:Barlow,sans-serif;text-transform:uppercase;font-weight:600;width:-moz-fit-content;width:fit-content}h1{font-size:2.25rem;line-height:2.25rem}.text-medium,h2{font-size:2rem;line-height:2rem}h3{font-size:1.25rem}.text-small,h3,h4{line-height:1.75rem}.text-small,h4{font-size:1.125rem}h5,h6{font-size:1rem;line-height:1.5rem}p{display:block;width:-moz-fit-content;width:fit-content}span{font-weight:inherit;font-size:inherit;line-height:inherit}.bold{font-weight:500}address{font-style:normal}aside{float:right;width:40%;padding:.75rem;margin:.5rem;font-style:italic;color:var(--color-primary);background-color:var(--background-muted);border-radius:var(--border-radius-large)}blockquote{position:relative;padding-left:1.5rem;margin:0}blockquote:after{content:"";display:block;position:absolute;left:0;top:0;height:100%;border-left:7px solid var(--border-primary);border-radius:6px}blockquote footer{padding-top:1rem}dd{padding-bottom:11px}dt{font-weight:700}figcaption{padding-top:10px;font-size:.8rem}ol,ul{list-style-position:inside;padding-left:1rem}li{line-height:1.6em}a{color:var(--color-link)}a:active,a:focus,a:hover{text-decoration:none}.link-button{border:none;color:var(--color-primary);background:var(--background-primary);box-shadow:none;padding:.5rem 1rem}.link-button:hover{box-shadow:none;transform:unset;text-decoration:underline}code,kbd,mark,samp,time{border-radius:var(--highlight-border-radius,4px);box-decoration-break:clone;-webkit-box-decoration-break:clone}mark{padding:0 4px}samp{font-weight:700;padding:.5rem 1rem}kbd,samp,time{background-color:var(--background-muted);color:var(--color-primary)}kbd,time{padding:0 .5rem}code,pre{font-size:.9em;padding:.2rem .5rem;background:var(--background-muted);border:1px solid var(--border-primary);max-width:-moz-fit-content;max-width:fit-content;overflow-x:auto}pre>code{padding:10px;border:0;display:block;overflow-x:auto}pre{border-radius:var(--border-radius-large)}sub,sup{line-height:normal}audio{width:100%}audio,img,video{border-radius:var(--border-radius-large);max-width:100%}img{height:auto}table{width:-moz-fit-content;width:fit-content;background:var(--background-primary);overflow:hidden}table tr:last-child td:first-child{border-bottom-left-radius:8px}table tr:last-child td:last-child{border-bottom-right-radius:8px}table tr:first-child th:first-child{border-top-left-radius:8px}table tr:first-child th:last-child{border-top-right-radius:8px}thead tr{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;background-color:rgba(146,202,254,.08);color:#92cafe;text-shadow:0 0 2px rgba(146,202,254,.3)}td{background:var(--background-tertiary)}td,th{text-align:left;padding:8px}thead{border-collapse:collapse}tfoot{border-top:1px solid black}table tr:hover td:not(.tag),tbody tr:nth-child(2n):hover td:not(.tag){background-color:var(--background-secondary);cursor:pointer}button,input[type=button],input[type=checkbox],input[type=radio],input[type=range],input[type=submit],select{cursor:pointer}button{width:-moz-fit-content;width:fit-content;font-family:inherit;font-size:inherit;font-weight:400;padding:.25rem 1.25rem;border:1.5px solid var(--border-secondary);border-radius:var(--border-radius-small);box-shadow:2px 2px 0 0 var(--border-secondary);transition-duration:.2s}button:hover{box-shadow:0 0 0 0 var(--border-secondary);transform:translate(2px,2px)}button[disabled]:hover{box-shadow:2px 2px 0 0 var(--border-secondary)}button:disabled,button[disabled]{border:1.5px solid var(--border-secondary);cursor:auto;opacity:.55}label{display:block;max-width:-moz-fit-content;max-width:fit-content;font-weight:500}input,select,textarea{font-size:1em;background-color:var(--background-secondary);padding:.5rem .75rem;border-radius:var(--border-radius-small);width:100%;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}input:disabled{cursor:not-allowed;opacity:.6}input[type=number].buttonless{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}input[type=number].buttonless::-webkit-inner-spin-button{display:none;-webkit-appearance:none;appearance:none}input[type=number].buttonless::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=checkbox],input[type=radio]{padding:.5rem;width:-moz-fit-content;width:fit-content;vertical-align:middle;position:relative;margin:.5rem .25rem .5rem .5rem}input[type=checkbox]{border-radius:7px;margin-left:0}input[type=radio]{border-radius:100%}input[type=checkbox]:checked,input[type=radio]:checked{background:var(--border-secondary)}input[type=range]{vertical-align:middle;padding:0}input[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline-style:none;padding:initial;max-width:none;height:2rem;width:3rem}select:is([multiple]){background:none;height:-moz-fit-content;height:fit-content}fieldset:focus-within,input:focus-within,select:focus-within,textarea:focus-within{border-color:var(--border-highlight)}fieldset:hover,input:hover,select:hover,textarea:hover{border-color:var(--border-highlight)}progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:1rem;margin:.75rem 0}progress::-webkit-progress-bar{background:var(--background-main);border:1px solid var(--border-primary);border-radius:var(--highlight-border-radius)}progress::-webkit-progress-value{background-color:var(--color-link);border-radius:var(--border-radius-small)}progress::-moz-progress-bar{background-color:var(--color-link);border-radius:var(--border-radius-small)}fieldset{margin:0 0 6px;padding:1rem;max-width:-moz-fit-content;max-width:fit-content}details,fieldset{border:1px solid var(--border-primary);border-radius:var(--border-radius-small)}details{padding:.5rem .75rem}summary{font-weight:700}details[open] summary{border-bottom:1px solid var(--border-primary);margin-bottom:.5rem}.card,.card-button{background:var(--background-muted);color:var(--color-primary);padding:1rem}.card{border:1px solid var(--color-link-transparent);border-radius:var(--border-radius-small)}.card-button{box-shadow:none}.card-button:hover{transform:translate(0);box-shadow:none;border-color:var(--border-highlight)}.card-button-primary,.card-button-secondary{border:none!important;box-shadow:none!important}.card-button-primary{color:var(--background-primary)}.card-button-secondary{color:var(--color-link);background:var(--color-link-transparent)}.card-button-primary:hover,.card-button-secondary:hover{transform:none;opacity:.6}@media (min-width:640px){body{font-size:1rem;line-height:1.5rem}.text-large{font-size:3rem;line-height:3rem}.text-medium,h2{font-size:2.5rem;line-height:2.5rem}h3{font-size:1.5rem;line-height:2rem}.text-small,h4{font-size:1.25rem;line-height:1.75rem}h5,h6{font-size:1.125rem;line-height:1.75rem}button{width:-moz-fit-content;width:fit-content}input{max-width:600px}}:root{--background-primary:#ffffff;--background-secondary:#f8fafc;--background-tertiary:#f1f5f9;--background-accent:#e2e8f0;--background-compliment:#f8fafc;--background-gradient:linear-gradient(145deg,#ffffff,#f8fafc);--background-muted:#f1f5f9;--color-primary:#1e293b;--color-secondary:#334155;--color-tertiary:#475569;--color-accent:#3b82f6;--color-compliment:#2563eb;--color-gradient:linear-gradient(90deg,#3b82f6,#2563eb);--color-muted:#64748b;--color-link:#2563eb;--color-link-transparent:rgba(37,99,235,0.08);--gradient-start:#3b82f6;--gradient-end:#60a5fa;--border-primary:#e2e8f0;--border-secondary:#cbd5e1;--border-highlight:#3b82f6;--border-tertiary:#e2e8f0;--shadow-dark:0 1px 3px rgba(0,0,0,0.1);--shadow-light:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-text:none;--text-shadow-subtle:none;--box-shadow-icy:0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06);--box-shadow-panel-glow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--padding-small:1rem;--padding-large:2rem;--border-radius-small:0.5rem;--border-radius-large:0.75rem;--highlight-border-radius:0.5rem;--text-selection:#3b82f6;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--color-highlight:#fbbf24}.clock-value,body,h1,h2,h3,h4,h5,h6,p{text-shadow:none!important}.special-shadow{color:var(--color-primary);text-shadow:none;font-weight:700}.notification-box{background:var(--background-secondary);border:1px solid var(--border-primary)}.special-box{border:2px solid var(--color-accent);box-shadow:var(--shadow-light)}@keyframes pulseGlow{0%,to{box-shadow:0 0 0 0 rgba(59,130,246,.4)}50%{box-shadow:0 0 0 8px rgba(59,130,246,0)}}mark{background-color:var(--color-highlight)}button,mark{color:var(--color-primary)}button{background-color:var(--background-secondary);border:1px solid var(--border-secondary);box-shadow:var(--shadow-dark);font-weight:500}button:hover{background-color:var(--background-tertiary);box-shadow:var(--shadow-light);transform:translateY(-1px)}button[disabled]:hover{box-shadow:var(--shadow-dark);transform:translate(0)}.card-button-primary{color:white;background:var(--color-link)}.tag.good{background-color:#dcfce7;color:#166534;border:1px solid #bbf7d0}.tag.warning{background-color:#fef3c7;color:#92400e;border:1px solid #fde68a}.tag.bad{background-color:#fee2e2;color:#991b1b;border:1px solid #fecaca}.tag.rank{color:#1e40af;border:1px solid #bfdbfe;text-shadow:none}.tag.common{background-color:#f3f4f6;color:#4b5563;border:1px solid #e5e7eb}.tag.uncommon{background-color:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.tag.rare{background-color:#dbeafe;color:#1e40af;border:1px solid #bfdbfe}.tag.epic{background-color:#e9d5ff;color:#6b21a8;border:1px solid #d8b4fe}.tag.legendary{background-color:#fed7aa;color:#9a3412;border:1px solid #fdba74}.nav-tile{background-color:var(--background-secondary);color:var(--color-primary);text-shadow:none}.nav-tile:hover,thead tr{background-color:var(--background-tertiary)}thead tr{color:var(--color-primary);text-shadow:none}td{background:var(--background-secondary)}input,select,textarea{background-color:white;border:1px solid var(--border-secondary);color:var(--color-primary)}input:focus,select:focus,textarea:focus{border-color:var(--color-accent);outline:2px solid transparent;outline-offset:2px;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.card{background:white;border:1px solid var(--border-primary)}.card-button{background:var(--background-secondary);border:1px solid var(--border-secondary)}.side-nav{border-right:1px solid var(--border-primary)}.character-stats>div,.dashboard-stats>div{background:white}.pagination-container h6,.subsection-header h6{color:var(--color-accent)}.filler-footer{color:var(--color-muted);opacity:.7}.portal-underlay{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.portal-content{background:rgba(255,255,255,.9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(59,130,246,.2);box-shadow:0 0 0 1px rgba(59,130,246,.1),inset 0 1px 0 rgba(255,255,255,.4)}.translucent{color:var(--color-muted)}.horde{color:var(--color-error)}.alliance{color:var(--color-info)}.bad-btn{background-color:#fee2e2!important;color:#dc2626!important}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-gradient{font-weight:600}.glow{animation:none;box-shadow:var(--shadow-light)}