*,:after,:before{box-sizing:border-box}:root{--font-sans:system-ui,sans-serif;--font-condensed:system-ui,sans-serif}body,html{font-family:var(--font-body),system-ui,sans-serif}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading),system-ui,sans-serif;font-weight:700}h1 span,h2 span,h3 span,h4 span,h5 span,h6 span{font-family:var(--font-sub-heading),system-ui,sans-serif;font-weight:400}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;padding:0;margin:0}blockquote,body,dd,dl,figure,h1,h2,h3,h4,p{margin-block-end:0}ol[role=list],ul[role=list]{list-style:none}body{min-height:100vh;line-height:1.5;padding:0;margin:0;color:#222}button,h1,h2,h3,h4,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}button,input,select,textarea{font-family:inherit;font-size:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:rgba(0,0,0,0)}::-webkit-scrollbar-thumb{border-radius:4px}::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#988067,#988067)}*{scrollbar-width:thin;scrollbar-color:#988067 rgba(0,0,0,0)}::selection{background:rgba(42,32,33,.3);color:#e2e8f0}::-moz-selection{background:rgba(42,32,33,.3);color:#e2e8f0}.login-screen{width:100vw;height:100vh;display:flex;flex-flow:row nowrap;align-items:center;justify-content:center;background-color:#f5f5f5}.login-screen .login-left{background-size:cover;background-position:50%}.login-screen .login-left,.login-screen .login-right{height:100%;width:50%;display:flex;flex-flow:column nowrap;align-items:center;justify-content:center}.login-screen .login-form__header{max-width:400px;text-align:center;color:#fff;background-color:rgba(0,0,0,.6);padding:30px;border-radius:5px;text-shadow:0 0 4px #000}.login-screen .login-form__header p{line-height:18px}.login-screen .login-form{max-width:400px;display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;border-radius:8px;background-color:#f5f5f5;padding:30px;box-shadow:0 0 40px 0 #d1d1d1}.login-screen .login-form .login-form__help-text{font-size:12px;line-height:14px;text-align:center;font-style:italic;max-width:240px;margin:8px 0 20px}.login-screen .login-form__footer-text{padding-top:30px}.login-screen .login-icon{position:absolute;top:20%;left:50%;transform:translate(-50%)}.button,button,input[type=submit]{padding:8px 20px;text-align:center;width:100%;max-width:300px;min-width:240px;margin:4px auto 20px;background:linear-gradient(180deg,rgb(73,44,0),rgb(55,33,0));border:1px solid #c9a44f;box-shadow:0 0 0 2px #2c190a,inset 0 0 1px 2px #3d2918;border-radius:8px;color:#d7b98d;text-transform:uppercase;display:flex;flex-flow:row nowrap;align-items:center;justify-content:center;outline:0;box-shadow:none;font-family:var(--font-sub-heading)}.button img,.button svg,button img,button svg,input[type=submit] img,input[type=submit] svg{margin-right:8px}.button:hover,button:hover,input[type=submit]:hover{cursor:pointer;background:radial-gradient(circle,rgb(97,58,0) 1%,rgb(56,43,35) 100%)}.button:last-child,button:last-child,input[type=submit]:last-child{margin-bottom:0}.button.small,button.small,input[type=submit].small{min-width:200px;width:auto;padding:14px 0}.button.icon-right img,.button.icon-right svg,button.icon-right img,button.icon-right svg,input[type=submit].icon-right img,input[type=submit].icon-right svg{margin-left:8px;margin-right:0}.button.icon-button,button.icon-button,input[type=submit].icon-button{min-width:0;padding:10px;width:48px;height:48px;display:flex;flex-flow:row nowrap;align-items:center;justify-content:center}.button.icon-button img,.button.icon-button svg,button.icon-button img,button.icon-button svg,input[type=submit].icon-button img,input[type=submit].icon-button svg{margin:0}.button.icon-only-button,button.icon-only-button,input[type=submit].icon-only-button{background:none;min-width:0;padding:0;width:48px;height:48px;display:flex;flex-flow:row nowrap;align-items:center;justify-content:center;font-size:34px;border:none}.button.icon-only-button img,.button.icon-only-button svg,button.icon-only-button img,button.icon-only-button svg,input[type=submit].icon-only-button img,input[type=submit].icon-only-button svg{margin:0}.button.icon-only-button:hover,button.icon-only-button:hover,input[type=submit].icon-only-button:hover{background:none;opacity:.8}.button.disabled,button.disabled,input[type=submit].disabled{color:#c9a44f;background-color:rgba(0,0,0,0)}.button.disabled:hover,button.disabled:hover,input[type=submit].disabled:hover{color:#c9a44f;background-color:rgba(0,0,0,0);cursor:default}.input-email,.input-text,input[type=email],input[type=text],textarea{padding:10px;text-align:left;border-radius:5px;width:100%;max-width:300px;min-width:240px;margin:0 auto;background:radial-gradient(circle,rgb(247,236,212) 0,rgb(247,218,173) 100%);border:2px solid #372100}.input-email:last-child,.input-text:last-child,input[type=email]:last-child,input[type=text]:last-child,textarea:last-child{margin-bottom:0}.input-email:hover,.input-text:hover,input[type=email]:hover,input[type=text]:hover,textarea:hover{outline:0;border:2px solid #372100;box-shadow:0 0 10px -2px #c9a44f}.input-email:focus,.input-text:focus,input[type=email]:focus,input[type=text]:focus,textarea:focus{outline:0;border:2px solid #372100;box-shadow:0 0 10px 0 #c9a44f}.input-email.small,.input-text.small,input[type=email].small,input[type=text].small,textarea.small{font-size:13px;width:141px;min-width:0;padding:8px 28px 8px 8px}select{padding:10px;text-align:left;border-radius:5px;width:100%;max-width:300px;min-width:240px;margin:0 auto;background:radial-gradient(circle,rgb(247,236,212) 0,rgb(247,218,173) 100%);border:2px solid #372100}select:last-child{margin-bottom:0}select:hover{box-shadow:0 0 10px -2px #c9a44f}select:focus,select:hover{outline:0;border:2px solid #372100}select:focus{box-shadow:0 0 10px 0 #c9a44f}.button_social-login{padding:8px 12px;text-align:center;border-radius:5px;width:100%;max-width:300px;margin:4px auto 20px;background:#e5e5e5;border:0 solid #0b1419;color:#0b1419;display:flex;flex-flow:row nowrap;align-items:center;justify-content:center;font-family:var(--font-body);font-size:14px;text-transform:none}.button_social-login:hover{cursor:pointer;background:#dddcdb}.button_social-login:last-child{margin-bottom:0}.button_social-login .login-logo{margin-right:5px}.game-page{width:100vw;height:100vh;flex-flow:column nowrap;background-image:url(/village.png);background-size:cover;background-position:50%}.game-page,.game-page .game-layout{display:flex;align-items:center;justify-content:center}.game-page .game-layout{width:1280px;height:720px;margin:0 auto;flex-flow:row nowrap;border:2px solid #c9a44f;box-shadow:0 0 0 2px #2c190a,inset 0 0 1px 2px #3d2918;border-radius:10px;overflow:hidden}.game-page .game-layout__content{margin:2px;height:calc(100% - 4px);width:calc(100% - 120px - 280px - 4px);padding:4px;background:#fff;background:linear-gradient(210deg,rgb(255,255,255),rgba(255,255,255,.4));display:flex;flex-flow:column nowrap;align-items:center;justify-content:center}.game-page .game-layout__content__scroll{overflow-x:hidden;overflow-y:scroll;padding:40px 20px;width:100%;min-height:100%}.chat{height:100%;width:280px;border-left:2px solid #c9a44f;box-shadow:-1px 0 0 1px #2c190a,inset -1px 0 1px 1px #3d2918;background:#382b23;background:linear-gradient(180deg,rgb(56,43,35),rgb(34,28,30));color:#f7ecd4}.chat,.chat__header{position:relative;z-index:10}.chat__header{flex:0 0 auto;display:flex;align-items:center;justify-content:center;text-align:center;padding:18px 10px}.chat__header__title{display:flex;align-items:center;gap:.5rem}.chat__header__title .chat__header__title__online-users{position:relative;min-width:50px}.chat__header__title .chat__header__title__online-users .count{position:absolute;top:-2px;right:2px;width:12px;height:12px;background:#c9a44f;color:#372100;border-radius:50%;display:block;font-size:12px;display:flex;align-items:center;justify-content:center;text-align:center}.chat__header__title .chat__header__title__online-users .icon,.chat__header__title .chat__header__title__online-users svg{width:1.25rem;height:1.25rem;flex:0 0 auto}.chat__header__title h3{margin-top:0}.chat__messages{height:calc(100% - 61px - 60px);display:flex;flex-direction:column;min-height:0}.chat__messages__scroll-view{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;overscroll-behavior:contain;scroll-padding-bottom:2.5rem;margin:2px;width:calc(100% - 4px)}.chat .message{display:flex;align-items:flex-start;gap:.75rem;width:100%;padding:12px 10px}.chat .message:hover{background-color:hsla(0,0%,100%,.1)}.chat .message__avatar{flex:0 0 auto;width:30px;height:30px;border-radius:50%;overflow:hidden}.chat .message__content{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:.25rem}.chat .message__content__details{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap;min-width:0;font-size:14px;line-height:14px}.chat .message__content__details__username{font-size:14px}.chat .message__content__details__badge{line-height:1}.chat .message__content__details__time{margin-left:auto;white-space:nowrap;font-size:10px}.chat .message__content__text{white-space:pre-wrap;overflow-wrap:anywhere;color:#f7ecd4;font-weight:400;font-size:14px;line-height:16px;margin-top:0}.chat__send{padding:6px;background:#382b23;height:60px;position:relative;z-index:10}.chat__send__form{display:flex;align-items:stretch}.chat__send__form button{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;margin-top:0;border-radius:0 0 3px 0}.chat__send__form button .icon{width:1.25rem;height:1.25rem}.chat__send__form__input{flex:1 1 auto;min-width:0;height:48px;border:none;padding:12px;background-color:hsla(0,0%,100%,.1);color:#f7ecd4}.chat__send__form__input:focus,.chat__send__form__input:hover{border:none;outline:0}.main-nav{width:120px;height:100%;background:#382b23;background:linear-gradient(180deg,rgb(56,43,35),rgb(34,28,30));border-right:2px solid #c9a44f;box-shadow:1px 0 0 1px #2c190a,inset 1px 0 1px 1px #3d2918;position:relative;z-index:10}.main-nav__container{width:100%;height:calc(100% - 80px)}.main-nav__content,.main-nav__menu{width:100%;height:100%}.main-nav__menu{display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;padding:20px}.main-nav__menu .main-nav__link{margin:22px;transition:all .4s;filter:grayscale(100%)}.main-nav__menu .main-nav__link:hover:not(.main-nav__link--active){transform:scale(1.2) rotate(-10deg);filter:grayscale(0)}.main-nav__menu .main-nav__link.main-nav__link--active{filter:grayscale(0);transform:scale(1.6)}.main-nav__sign-out{margin-top:0;width:calc(100% - 4px);height:78px;display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;border-radius:0 0 0 6px;border-top:2px solid #c9a44f;box-shadow:0 -1px 0 2px #2c190a,inset 0 1px 1px 1px #3d2918;min-width:0}.screen__game-quests .game-page .game-layout__content{padding:0}.screen__game-quests .game-page .game-layout__content__scroll{padding:40px 0;overflow:hidden;position:relative}.quests__list{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch;justify-content:flex-start;gap:30px;overflow-x:auto;overflow-y:hidden;padding:40px 8px 6px;min-width:0;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}.quests__list .no-quests-text{padding:0 18px;margin-top:0}.quest{flex:0 0 220px;scroll-snap-align:start;width:220px;min-height:300px;padding:8px;border:2px solid #c9a44f;box-shadow:0 0 0 2px #2c190a,inset 0 0 1px 2px #3d2918;border-radius:10px;background:#382b23;background:linear-gradient(180deg,rgb(73,44,0),rgb(55,33,0));text-align:center;display:flex;flex-flow:column nowrap;align-items:stretch;justify-content:center;position:relative;margin-left:6px}.quest.quest--active{background:linear-gradient(180deg,rgb(56,43,35),rgb(34,28,30))}.quest.quest--active:hover{cursor:auto}.quest:hover{cursor:pointer}.quest .quest-inner-border{padding:12px;border:1px solid #c9a44f;box-shadow:0 0 0 2px #2c190a,inset 0 0 1px 2px #3d2918;border-radius:6px;width:100%;justify-content:center}.quest .quest-header,.quest .quest-inner-border{flex:1 1 auto;min-height:0;display:flex;flex-flow:column nowrap;align-items:center}.quest .quest-header{justify-content:space-between}.quest .quest-header__title{text-transform:uppercase;color:#f7ecd4;font-family:var(--font-heading);font-size:18px;line-height:20px;margin-top:8px}.quest .quest-header__type{text-transform:uppercase;font-family:var(--font-sub-heading);position:absolute;top:-6px;right:-6px;font-size:14px;transform:rotate(5deg);background:#ebb96c;color:#372100;padding:4px 6px;border-radius:2px;line-height:12px}.quest .quest-header__description{color:#d7b98d;font-family:var(--font-body);font-style:italic;font-size:14px;line-height:16px}.quest .quest-header__duration{font-family:var(--font-body);color:#f7ecd4;display:flex;flex-flow:row nowrap;align-items:center;justify-content:center}.quest .quest-header__duration svg{margin-right:6px;color:#d7b98d}.quest .quest-header__duration span{font-size:22px}.quest .quest-header__status{text-transform:uppercase;font-family:var(--font-sub-heading);font-size:14px;color:#d7b98d;line-height:12px}.selected-quest .quest-details__title{margin-top:0;margin-bottom:10px;font-size:36px;padding-right:30px}.selected-quest .quest-details__type{margin-top:0;margin-bottom:10px;font-size:16px;padding-right:30px;text-transform:uppercase;color:#3d2918;line-height:14px}.selected-quest .quest-details__description{margin-top:0;margin-bottom:12px;padding-bottom:12px;border-bottom:2px solid #c9a44f;font-size:14px}.selected-quest .quest-details__time{margin-bottom:10px}.selected-quest .quest-details__time svg{margin-right:6px}.selected-quest .quest-details__time span{color:#3d2918;font-family:var(--font-sub-heading),system-ui,sans-serif;font-size:16px;text-transform:uppercase;font-weight:700}.selected-quest .quest-details__reward svg{margin-right:6px}.selected-quest .quest-details__reward span{color:#3d2918;font-family:var(--font-sub-heading),system-ui,sans-serif;font-size:16px;text-transform:uppercase;font-weight:700}.selected-quest .character__details.empty p{font-size:20px;line-height:22px;height:100%;width:100%;text-align:center;display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;color:#d7b98d}.selected-quest .selected-character .character-card--edit__archetype{margin-top:0}.selected-quest .selected-character .character-card--edit__name{margin-bottom:14px}.selected-quest .selected-character .character-card--edit__avatar{width:156px}.selected-quest .selected-character .character-card--edit__equipment{top:17%;row-gap:8px}.selected-quest .selected-character .character-card--edit__equipment .item-slot{width:48px;height:48px}.selected-quest .selected-character .character-card--edit__equipment .item-slot:hover .icon{display:flex!important}.selected-quest .selected-character .character-card--edit__equipment .item-slot:hover .unequip{display:none!important}.selected-quest .selected-character .character-card--edit__stats{padding-top:38px}.qip{justify-content:space-between;height:100%}.qip,.qip__character{display:flex;flex-flow:column nowrap;align-items:center}.qip__character{justify-content:center}.qip__character__avatar{border-radius:8px}.qip__character__name{color:#f7ecd4}.qip__character__label{color:#d7b98d;font-size:11px;font-style:italic}.qip__progress img,.qip__progress svg{margin-right:6px}.qip__progress__text{color:#f7ecd4}.quests .tabs__navigation{margin:0 20px;width:calc(100% - 40px)}.quests .tabs__navigation button svg{width:26px;height:26px}.screen__game-characters .game-page .game-layout__content{padding:0}.screen__game-characters .game-page .game-layout__content__scroll{padding:40px 0;position:relative}.characters{height:100%}.characters .characters__container{height:calc(100% - 97px);display:flex;flex-flow:column nowrap;align-items:center;justify-content:center}.character-select{position:absolute;bottom:49px;left:50%;transform:translateX(-50%)}.character-select>label{color:#000}.character-select__grid{flex-flow:row wrap;align-items:flex-end;height:114px}.character,.character-select__grid{display:flex;justify-content:center}.character{padding:4px;border:1px solid #c9a44f;box-shadow:0 0 0 2px #2c190a,inset 0 0 1px 2px #3d2918;border-radius:4px 4px 0 0;background:#382b23;background:linear-gradient(180deg,rgb(56,43,35),rgb(34,28,30));text-align:center;flex-flow:column nowrap;align-items:center;position:relative;margin:0 8px}.character.selected .character__avatar{width:80px;height:auto;filter:grayscale(0)}.character:hover{cursor:pointer}.character__avatar{width:50px;height:auto;transition:all .4s;filter:grayscale(100%)}.character__details{width:100%;display:flex;flex-flow:column nowrap;align-items:center;justify-content:flex-start;text-align:left}.character__details .character__avatar{margin-bottom:30px;display:block;width:150px!important;filter:grayscale(0)!important}.character__details__name{color:#f7ecd4;font-weight:400;letter-spacing:1px;margin-top:0;margin-bottom:10px;font-size:24px}.character__details__stats{color:#d7b98d}.characters__creator .left .character-creation__appearance{height:100%;display:flex;flex-flow:column nowrap;align-items:center;justify-content:center}.characters__creator .left .character-creation__appearance h2{color:#d7b98d;font-weight:400;margin-bottom:12px}.characters__creator .right .stats-container{height:100%;width:100%;display:flex;flex-flow:column nowrap;align-items:center;justify-content:center}.characters__creator .right .stats-container select{max-width:100%;width:100%;margin-bottom:8px}.characters__creator .character-creation__avatar-image{max-width:180px;border-radius:10px;border:1px solid #2c190a;margin-bottom:12px}.characters__creator .character-creation__input{margin-bottom:12px!important}.character-creation__stats{display:flex;flex-flow:row nowrap;align-items:center;justify-content:flex-end;width:100%}.character-creation__stat{width:220px;display:flex;flex-flow:row wrap;margin-bottom:2px}.character-creation__stat-label{width:100%;height:28px;text-transform:uppercase;border-radius:4px 4px 0 0}.character-creation__stat-label,.character-creation__stat-value{display:flex;flex-flow:row wrap;align-items:center;justify-content:center;text-align:center;background:linear-gradient(180deg,rgb(56,43,35),rgb(34,28,30));color:#d7b98d;font-family:var(--font-sub-heading)}.character-creation__stat-value{width:calc(100% - 38px - 38px);height:38px}.character-creation__stat .icon-button{width:38px;height:38px;margin:0;background:linear-gradient(180deg,rgb(56,43,35),rgb(34,28,30));color:#d7b98d;border:none}.character-creation__stat .icon-button:first-of-type{border-radius:0 0 0 4px}.character-creation__stat .icon-button:last-of-type{border-radius:0 0 4px 0}.character-creation__stat .icon-button:hover{background:radial-gradient(circle,rgb(97,58,0) 1%,rgb(56,43,35) 100%);color:#d7b98d}.character-creation__stats__ap{margin-right:2px}.character-creation__stats__ap__label{font-size:14px;padding:6px 12px;border-radius:8px 0 0 0}.character-creation__stats__ap__label,.character-creation__stats__ap__points{display:flex;flex-flow:row wrap;align-items:center;justify-content:center;text-align:center;background:linear-gradient(180deg,rgb(56,43,35),rgb(34,28,30));color:#d7b98d;font-family:var(--font-sub-heading);text-transform:uppercase}.character-creation__stats__ap__points{font-size:80px;border-radius:0 0 0 8px}.characters__creator .modal .modal-split-screen .left{width:48%}.characters__creator .modal .modal-split-screen .right{width:52%}.characters__grid{margin-bottom:20px;padding-bottom:20px}.character-card{display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;padding:0 0 20px;background:radial-gradient(circle,rgb(247,236,212) 0,rgb(247,218,173) 100%);border:2px solid #c9a44f;box-shadow:0 0 0 2px #2c190a,inset 0 0 1px 2px #3d2918;border-radius:10px;position:relative}.character-card:hover{cursor:pointer;transform-origin:50% 50%;transform:scale(1.1)}.character-card__avatar-image{max-width:200px;border-radius:7px 7px 0 0}.character-card__name{font-family:var(--font-heading);font-size:24px;font-weight:700;width:calc(100% + 20px);position:absolute;bottom:-10px;left:-10px;background:linear-gradient(180deg,rgb(73,44,0),rgb(55,33,0));border:2px solid #c9a44f;box-shadow:0 0 0 2px #2c190a,inset 0 0 1px 2px #3d2918;padding:10px 16px;text-align:center;border-radius:8px;color:#d7b98d}.character-card__name span{font-family:var(--font-heading);font-size:14px;font-weight:700}.character-card .character-card__actions{width:calc(100% - 4px);position:absolute;top:1px;left:2px;height:42px;display:flex;flex-flow:row nowrap;align-items:center;justify-content:flex-end;padding:0 1px 2px}.character-card .character-card__actions button{margin:0;width:38px;height:38px;opacity:0;pointer-events:none}.character-card:hover .character-card__actions button{opacity:1;pointer-events:auto}.modal.character-edit .modal-split-screen{height:100%}.modal.character-edit .modal-split-screen .left{background:radial-gradient(circle,rgb(247,236,212) 0,rgb(247,218,173) 100%)}.modal.character-edit .modal-split-screen .right{background:radial-gradient(circle,rgb(97,58,0) 1%,rgb(56,43,35) 100%)}.character-card--edit{width:100%;position:relative}.character-card--edit__archetype{text-align:center;color:#9f8358;font-family:var(--font-sub-heading);font-weight:400;font-size:16px;display:block;margin:12px auto 4px}.character-card--edit__name{text-align:center;color:#d7b98d;font-size:28px;display:block;margin:0 auto 20px}.character-card--edit__name span{font-size:16px}.character-card--edit .hr{border-top:2px solid #9f8358;max-width:60%;margin:0 auto}.character-card--edit__avatar{max-width:200px;margin:20px auto 0;border-radius:8px}.character-card--edit .character-card--edit__equipment{width:100%;position:absolute;top:14%;left:50%;transform:translateX(-50%);display:grid;grid-template-columns:repeat(2,1fr);row-gap:12px}.character-card--edit .character-card--edit__equipment .item-slot{justify-self:start;display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;background:linear-gradient(180deg,rgb(73,44,0),rgb(55,33,0));border:1px solid #c9a44f;box-shadow:0 0 0 2px #2c190a,inset 0 0 1px 2px #3d2918;width:64px;height:64px;color:#c9a44f;border-radius:3px}.character-card--edit .character-card--edit__equipment .item-slot img,.character-card--edit .character-card--edit__equipment .item-slot svg{margin:0}.character-card--edit .character-card--edit__equipment .item-slot:nth-child(2n){justify-self:end}.character-card--edit__stats{display:flex;flex-flow:row nowrap;align-items:center;justify-content:center;padding-top:60px}.character-card--edit__stats .stat{width:60px}.character-card--edit__stats .stat .label{text-align:center;font-family:var(--font-heading);font-weight:700;font-size:22px;color:#9f8358}.character-card--edit__stats .stat .value{text-align:center;font-family:var(--font-sub-heading);color:#d7b98d}.inventory{width:100%;height:100%;display:flex;flex-flow:column nowrap;align-items:center;justify-content:flex-start}.tabs{width:100%}.tabs__navigation{width:100%;padding-bottom:5px;margin-bottom:25px;border-bottom:2px solid #9f8358}.tabs__navigation,.tabs__navigation__menu{display:flex;flex-flow:row nowrap;align-items:center;justify-content:flex-start}.tabs__navigation__menu{width:calc(100% - 141px - 150px - 30px)}.tabs__navigation__menu button{margin:0;gap:12px;color:#9f8358;padding:0;position:relative}.tabs__navigation__menu button:after{display:block;content:"";position:absolute;width:40px;height:2px;background-color:#492c00;display:none;bottom:-2px}.tabs__navigation__menu button svg{height:32px;width:32px}.tabs__navigation__menu button[aria-selected=true],.tabs__navigation__menu button[data-state=active]{transform:scale(1.2);color:#492c00}.tabs__navigation__menu button[aria-selected=true]:after,.tabs__navigation__menu button[data-state=active]:after{display:block}.tabs__navigation__search{position:relative;margin-left:15px}.tabs__navigation__search__icon{position:absolute;top:50%;right:6px;transform:translateY(-50%);height:18px}.tabs__navigation__rarity{margin-left:15px}.tabs__navigation__rarity button{min-width:150px;width:auto;padding:4px 0;margin:0;font-size:14px}.tabs__navigation__rarity button svg{margin-right:0;margin-left:12px}.item-grid{display:flex;flex-flow:row wrap;align-items:flex-start;justify-content:flex-start;row-gap:8px;column-gap:8px}.item-slot{min-width:0;min-height:0;width:84px;height:84px;background:radial-gradient(circle,rgba(97,58,0,.9) 1%,rgba(56,43,35,.9) 100%);padding:0;margin:0;border:2px solid #372100;position:relative;border-radius:6px}.item-slot .badge{display:block;position:absolute;top:-4px;right:-4px;transform:rotate(-5deg);border-radius:5px;background:#c9a44f;color:#2c190a;padding:2px 6px}.item-slot>button{min-width:0;background:none;border:none;margin:0;padding:0}.item-slot .icon,.item-slot>button{width:100%;height:100%;display:flex;flex-flow:row nowrap;align-items:center;justify-content:center}.item-slot .icon img{height:90%;width:90%;margin:0;border-radius:4px}.item-slot .icon svg{height:80%;width:80%;margin:0}.item-slot .icon svg.unequip{display:none}.item-slot .unequip{display:none;margin-right:0;height:44px;width:44px}.item-slot:hover{box-shadow:0 0 8px 0 #c9a44f;border:2px solid #6a4309}.item-slot:hover .icon{display:none}.item-slot:hover .unequip{display:block}.item-tooltip{width:200px;background:linear-gradient(180deg,rgb(56,43,35),rgb(34,28,30));padding:12px;color:#d7b98d;border-radius:8px;border:2px solid #c9a44f;box-shadow:0 0 0 2px #2c190a,inset 0 0 1px 2px #3d2918}.item-tooltip__meta{color:#ebb96c;font-family:var(--font-sub-heading);margin-bottom:6px;display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;text-transform:uppercase;font-size:14px}.item-tooltip__name{margin-top:0;margin-bottom:8px;font-size:20px}.item-tooltip__description{font-size:14px;line-height:16px}.item-tooltip__stats{margin-bottom:0;padding-bottom:0}.tabs__tab-content .item-slot .unequip{display:none}.tabs__tab-content .item-slot:hover .icon{display:flex}.tabs__tab-content .item-slot:hover .unequip{display:none}.notify-popup{position:fixed;display:flex;left:50%;top:50%;transform:translate(-50%)!important;width:320px;padding:20px;border:2px solid #c9a44f;box-shadow:0 0 0 2px #2c190a,inset 0 0 1px 2px #3d2918;background:radial-gradient(circle,rgb(97,58,0) 1%,rgb(56,43,35) 100%);color:#d7b98d;border-radius:6px;text-align:center}.notify-popup .heading{font-size:40px;font-family:var(--font-heading)}.notify-popup .description{font-size:14px}.stat-panel{display:flex;flex-flow:row wrap;align-items:center;justify-content:space-between;width:100%;border:2px solid #c9a44f;box-shadow:0 0 0 2px #2c190a,inset 0 0 1px 2px #3d2918;margin:16px 0 26px;padding:16px;border-radius:8px;background:radial-gradient(circle,rgb(97,58,0) 1%,rgb(56,43,35) 100%);color:#f7ecd4}.stat-panel h2{flex:0 0 100%;margin-top:0;margin-bottom:12px;color:#d7b98d}.stat-panel__block{width:calc(25% - 10px);text-align:center;background:linear-gradient(180deg,rgb(73,44,0),rgb(55,33,0));border-radius:6px;padding:12px;box-shadow:inset 0 0 8px #6a4309;border:1px solid #2c190a}.stat-panel__block__value{font-size:48px;font-family:var(--font-heading);line-height:48px}.stat-panel__block__label{font-size:14px;font-family:var(--font-sub-heading);text-transform:uppercase;color:#d7b98d}.stat-panel.stat-panel-three .stat-panel__block{width:calc(33.333% - 10px)}.leaderboard-card{position:relative}.leaderboard-card .badge{position:absolute;left:-4px;top:-4px}.leaderboard-card__content__avatar,.leaderboard-card__content__rank{width:84px}.leaderboard-card__content__username{font-weight:700;text-align:left}.leaderboard-card__content__metric{font-size:14px}.hero-title{text-transform:uppercase;margin-bottom:20px;text-align:center;color:#372100}.hero-title span{padding-top:4px;font-size:16px;display:block;color:#492c00;font-family:var(--font-sub-heading),system-ui,sans-serif;font-weight:400}.screen-title{max-width:360px;text-align:center;margin:0 auto 30px}.screen-title h2{text-transform:uppercase;margin-top:0;margin-bottom:10px;padding-bottom:10px;text-align:center;color:#372100;border-bottom:2px solid #6a4309}.screen-title p{font-size:16px;margin-top:0;display:block;color:#492c00;font-family:var(--font-sub-heading),system-ui,sans-serif;font-weight:400;line-height:18px}.modal{top:50%;left:50%;transform:translate(-50%,-50%);width:90%;height:70%;overflow:visible;border:2px solid #c9a44f;display:flex;flex-flow:column nowrap;align-items:center;justify-content:flex-start;border-radius:10px;background:radial-gradient(circle,rgb(247,236,212) 0,rgb(247,218,173) 100%);z-index:12}.modal,.modal .close-button{position:absolute;box-shadow:0 0 0 2px #2c190a,inset 0 0 1px 2px #3d2918}.modal .close-button{top:-21px;right:-21px;width:42px;height:42px;font-size:28px;background:linear-gradient(180deg,rgb(73,44,0),rgb(55,33,0));color:#d7b98d;border-radius:50%;border:2px solid #c9a44f}.modal .close-button:hover{background:radial-gradient(circle,rgb(97,58,0) 1%,rgb(56,43,35) 100%);opacity:1}.modal .modal-split-screen{width:100%;height:calc(100% - 52px);display:flex;flex-flow:row nowrap;align-items:stretch;justify-content:stretch;border-radius:8px;overflow:hidden}.modal .modal-split-screen .left{width:40%;padding:20px;background:radial-gradient(circle,rgb(97,58,0) 1%,rgb(56,43,35) 100%)}.modal .modal-split-screen .right{width:60%;padding:20px;display:flex;flex-flow:column nowrap;align-items:flex-start;justify-content:flex-start;text-align:left;border-left:1px solid #c9a44f;box-shadow:-1px 0 0 1px #2c190a,inset -1px 0 1px 1px #3d2918;background:radial-gradient(circle,rgb(247,236,212) 0,rgb(247,218,173) 100%)}.modal .modal-actions{position:absolute;bottom:2px;left:2px;width:calc(100% - 4px);background:linear-gradient(180deg,rgb(56,43,35),rgb(34,28,30));overflow:hidden;border-radius:0 0 7px 7px;display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;height:50px;border-top:1px solid #c9a44f;box-shadow:0 -1px 0 2px #2c190a,inset 0 1px 1px 1px #3d2918;z-index:10}.modal .modal-actions span{font-style:italic;padding:0 12px;font-size:11px;color:#d7b98d}.modal .modal-actions button{margin:2px 0 0;border-radius:0 0 7px 0}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:11;background-color:hsla(0,0%,100%,.8)}table{width:100%;border-collapse:separate;border-spacing:0;background:hsla(0,0%,100%,.6);border-radius:12px;overflow:hidden}table thead{background:var(--muted,#f8fafc)}table thead th{text-align:left;font-weight:600;font-size:.875rem;line-height:1.4;color:var(--muted-foreground,#6b7280);padding:.75rem 1rem;border-bottom:1px solid var(--border,#e5e7eb)}table thead th:first-child{padding-left:1.25rem}table thead th:last-child{padding-right:1.25rem}table tbody tr{transition:background-color .15s ease}table tbody tr:nth-child(odd){background:var(--background-alt,#fafafa)}table tbody tr:not(:last-child) td{border-bottom:1px solid var(--border,#e5e7eb)}table tbody tr:hover{background:rgba(0,0,0,.02)}table tbody tr.is-selected{background:rgba(59,130,246,.06)}table td{padding:.75rem 1rem;vertical-align:middle;color:#372100;text-align:center}table td:first-child{padding-left:1.25rem}table td:last-child{padding-right:1.25rem}table td.cell--right{text-align:right}table td.cell--center{text-align:center}table td.cell--nowrap{white-space:nowrap}table.table--compact td,table.table--compact thead th{padding:.5rem .75rem}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-scroll table{min-width:600px}