/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */*{box-sizing:border-box}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--black: #000;--white: #fff;--primary-color: #ffbb00;--full-border: #22a1cb;--modal-outer-background: #0000004d;--modal-inner-background: #292929;--modal-primary-text-color: #ddd;--modal-close-hover: #dddddd52;--dialog-close-hover: #0a3d7781;--modal-submit-background: #0000006e;--main-text-color: #cecece;--disabled-button: rgba(239, 239, 239, .3);--character-content-background: rgba(0, 0, 0, .6);--header-border-btn: #444;--dropdown-menu-border: #2c2c2c;--dropdown-box-shadow: rgba(0, 0, 0, .35);--header-btn-hover: #dddddd17;--footer-gradient: rgb(34, 161, 203);--dialog-highlight: #fc973a;--dialog-background: hsla(0, 0%, 0%, .9);--dialog-black-gradient: #00000076;--dialog-dark-blue-gradient: #0a3d7776;--preloader-border-color: #888}*{-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5{font-family:Comic Relief,system-ui}h2{font-weight:500}.page{background:linear-gradient(to bottom,var(--modal-inner-background) 0%,var(--black) 80%);color:var(--white)}.page__content{display:grid;grid-template-rows:minmax(72px,80px) auto 200px;max-width:1360px;margin:0 auto;min-height:100vh;font-family:"Exo 2",sans-serif}@media screen and (width < 620px){.page__content{grid-template-rows:minmax(72px,80px) auto 230px}}@media screen and (width < 500px){.page__content{grid-template-rows:minmax(72px,180px) auto 250px}}.card{border:1px solid var(--modal-inner-background);border-radius:1rem;outline:none;transition-property:border;transition-duration:.5s;transition-timing-function:ease;transition-delay:0s}.card:hover,.card:focus{border:1px solid var(--modal-primary-text-color)}.dialog{padding:0;background-color:transparent;border:none;border-radius:10px;color:var(--white)}.dialog::backdrop{background-color:var(--dialog-background)}.dialog__content{display:flex;flex-direction:column;background-color:transparent;height:auto;width:450px;max-height:80vh;border-radius:10px;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;border:1px solid var(--modal-primary-text-color);outline:none}.dialog__header{position:relative;grid-template-columns:3fr .5fr;color:var(--white);text-shadow:0 0 10px var(--primary-color);font-size:1.4rem;border:none}.dialog__title{margin:0;text-align:center}.dialog__close_container{display:inline-flex;position:absolute;top:50%;left:calc(100% - 40px);transform:translateY(-50%)}.dialog__close{position:relative;width:30px;height:30px;background:inherit;border:none;cursor:pointer;padding:0}.dialog__close:before,.dialog__close:after{content:"";position:absolute;top:50%;left:50%;width:30px;height:3px;border-radius:10px;background-color:var(--white);box-shadow:0 0 5px var(--primary-color);transform-origin:center}.dialog__close:hover:before,.dialog__close:hover:after{background-color:var(--dialog-close-hover);box-shadow:0 0 5px var(--white)}.dialog__close:before{transform:translate(-50%,-50%) rotate(45deg)}.dialog__close:after{transform:translate(-50%,-50%) rotate(-45deg)}.dialog__dynamic-content{background-image:linear-gradient(to bottom,var(--dialog-black-gradient) 0%,var(--dialog-dark-blue-gradient) 40%,var(--dialog-black-gradient) 100%);padding:20px}body:has(.dialog[open]){overflow:hidden}@media screen and (width < 600px){.dialog__content{width:400px}.dialog__dynamic-content{padding:15px}.dialog__title{font-size:1.5rem;padding:8px}}@media screen and (width < 450px){.dialog__content{width:280px}.dialog__dynamic-content{padding:5px}.dialog__title{font-size:1.2rem}}.char-modal{border:none}.char-modal__img{width:350px;height:270px;border-radius:10px;display:block;margin-inline:auto;height:auto}.char-modal__title{margin:10px 0;color:var(--modal-primary-text-color)}.char-modal__key{color:var(--dialog-highlight);margin:0}.char-modal__value{color:var(--modal-primary-text-color);font-weight:200}@media screen and (width < 600px){.char-modal__img{width:260px;height:auto}}.circle-preloader{display:block;width:50px;height:50px;border:4px solid var(--header-border-btn);border-bottom-color:var(--preloader-border-color);border-radius:50%;position:absolute;inset:0;margin:auto;animation:spin .75s infinite linear}@keyframes spin{to{transform:rotate(360deg)}}.characters__content{display:flex;flex-direction:column;align-items:center;border-radius:10px;gap:15px;margin:30px 0 50px}.characters__title{color:var(--white);text-align:center;margin:0;font-size:2.5rem;text-shadow:0 0 10px var(--primary-color);position:relative}.characters__title:after{position:absolute;content:"";left:50%;transform:translate(-50%);bottom:0;width:50%;height:1px;background-color:var(--primary-color);pointer-events:none}.character__list{display:grid;justify-content:center;grid:auto / repeat(auto-fit,minmax(300px,400px));gap:15px;width:100%;list-style:none;padding:0;margin:0}.character__item{position:relative;width:100%;max-width:400px;min-width:300px;height:320px;overflow:hidden;display:flex;justify-content:center;align-items:center;cursor:pointer}.character__item:before{content:"";position:absolute;inset:0;background:inherit;background-size:cover;background-position:center;filter:blur(5px);z-index:0;transition-property:filter;transition-duration:.5s;transition-timing-function:ease;transition-delay:0s}.character__item:hover:before,.character__item:focus:before{filter:blur(0)}.character__content{position:relative;z-index:1;border-radius:10px;width:100%;height:100%;background-color:var(--character-content-background);padding:15px;overflow:hidden;display:flex;flex-direction:column}.character__title{text-align:center;z-index:10;margin:0;color:var(--primary-color);text-shadow:0 0 5px var(--primary-color)}.character__subtitles{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,110px));gap:10px;width:100%;height:100%;justify-content:center;margin-top:20px}.character__subtitle{font-weight:500;border:1px solid var(--full-border);border-radius:10px;text-align:center;place-content:center}.pagination{font-size:1.5rem;display:flex;align-items:center;gap:12px;color:var(--modal-primary-text-color)}.pagination__btn{border-radius:10px;border:1px solid var(--primary-color);padding:.3em 1.3em;cursor:pointer;background-color:inherit;color:var(--primary-color);transition:all .3s ease-in-out}.pagination__btn:hover{border:1px solid var(--modal-primary-text-color);color:var(--modal-primary-text-color)}.pagination__btn:disabled{color:var(--disabled-button)}.pagination__btn:disabled:hover{background-color:transparent;cursor:default;border:1px solid var(--primary-color)}.pagination__page,.pagination__total{color:var(--primary-color)}@media screen and (width < 1300px){.character__list{width:90%}}@media screen and (width < 1020px){.characters__content{gap:25px}}@media screen and (width < 800px){.characters__content{margin-bottom:20px}.characters__title{min-width:300px;max-width:400px;margin-inline:auto}.characters__title:after{width:90%}.pagination{font-size:1rem}.pagination__btn{padding:1em;font-size:1rem}}.header{display:flex;justify-content:space-between;align-items:center;margin:0;padding:15px;color:var(--white);gap:25px}.header__logo{display:block;border-radius:50%;width:65px;height:65px}.dropdown__link{display:block;padding:10px 12px;border-radius:10px;width:100%;color:var(--white);text-decoration:none;position:relative}.dropdown__link:after{content:"";position:absolute;bottom:0;left:0;width:0%;height:2px;background-color:var(--primary-color);transition:width .4s ease}.dropdown__link:hover:after{width:100%}.dropdown__link--active:after{width:100%}.header__right{display:flex;align-items:center;gap:24px}.header__auth{display:flex;gap:8px}.header__menu{position:relative}.dropdown{position:absolute;right:0;top:calc(100% + 8px);min-width:180px;list-style:none;margin:0;padding:8px;background:var(--modal-inner-background);border:1px solid var(--dropdown-menu-border);border-radius:10px;box-shadow:0 6px 24px var(--dropdown-box-shadow);z-index:999}.header__auth_btn{border:1px solid var(--header-border-btn);border-radius:10px;cursor:pointer;font-size:1.2rem}.header__menu_btn{font-size:1.2rem;cursor:pointer;background-color:inherit;color:var(--white);padding:.5em 1.2em;border:none;border-radius:0;border-bottom:1px solid var(--primary-color)}.header__menu_btn:hover{color:var(--primary-color)}.header__signup-btn,.header__login-btn{padding:.5em 1.4em;background-color:inherit;color:var(--primary-color)}.header__signup-btn:hover,.header__login-btn:hover,.header__signout-btn:hover{background-color:var(--header-btn-hover)}@media screen and (width < 500px){.header{padding:10px 0 0;margin-inline:auto;flex-direction:column;gap:0}.header__right{flex-direction:column;gap:8px}.dropdown{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);width:100%}}.main{display:grid;border-radius:10px;grid-template-columns:1fr 2fr;grid-template-areas:"hero hero" "title title" "naruto-intro history" "naruto-intro curiosities";gap:15px;padding:15px 15px 30px;color:var(--main-text-color)}.main__hero{background:url(/shinobiarchives/assets/landscape1-CYdtcjtc.webp) no-repeat center center;background-size:cover;width:100%;height:300px;position:relative;grid-area:hero;border-radius:10px}.main__title{grid-area:title;margin:10px 0;line-height:.9;color:var(--white);text-shadow:0 0 10px var(--primary-color);position:relative;font-weight:500}.main__title:after{position:absolute;content:"";left:50%;transform:translate(-50%);bottom:0;width:50%;height:1px;background-color:var(--primary-color);pointer-events:none}.naruto,.history,.curiosities,.stats{border:1px solid var(--full-border);border-radius:10px;padding:15px;font-size:1.2rem;font-weight:300}.naruto__title,.history__title,.curiosities__title,.stats__title{margin:0 0 10px;color:var(--primary-color)}.naruto{grid-area:naruto-intro;display:flex;flex-direction:column;align-items:center}.naruto__intro{margin:0;text-align:center}.naruto__title,.stats__title,.main__title{text-align:center}.naruto__title,.history__title,.stats__title{font-size:1.5rem}.naruto__content{flex:1;display:grid;gap:10px;align-items:center;height:80%}.naruto__content:before{content:"";width:100%;height:1px;background-color:var(--full-border)}.naruto__content:after{content:"";width:100%;height:1px;background-color:var(--full-border)}.naruto__img-container{display:flex;justify-content:center}.naruto__image{border-radius:10px;width:100%;max-width:200px;height:auto;background-color:transparent}.history{grid-area:history}.history__paragraph{margin-top:0}.curiosities{grid-area:curiosities}.curiosities__list{padding-left:15px;display:grid;gap:10px;margin:0}.stats,.main__title{grid-column:1 / 3}.stats__list{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;width:80%;margin:0 auto;list-style:none;padding:0}.stats__item{padding:10px;border:1px solid var(--full-border);border-radius:10px;display:grid;justify-content:center}.stats__name,.stats__number{text-align:center}.stats__name{font-size:1.2rem;font-weight:400}.stats__number{font-size:2rem;font-weight:100;color:var(--primary-color)}@media screen and (width < 1115px){.main{grid-template-columns:minmax(0,2fr) minmax(0,1.5fr);grid-template-areas:"hero hero" "title title" "naruto-intro naruto-intro" "history curiosities"}.naruto__content{grid-template-columns:1fr 3fr}.naruto__content:before{content:none}.naruto__content:after{content:none}.naruto__intro{text-align:start}}@media screen and (width < 900px){.main{grid-template-areas:"hero hero" "title title" "naruto-intro naruto-intro" "history history" "curiosities curiosities"}.main__hero{height:200px}.naruto__content{grid-template-columns:100%}}@media screen and (width < 650px){.main__hero{height:160px}}@media screen and (width < 500px){.main__hero{height:100px}.naruto__intro{text-align:center}.stats__list{grid-template-columns:100%}}.footer{position:relative;display:grid;grid-template-columns:minmax(200px,40%) 1fr;font-family:Gluten,cursive;background-image:linear-gradient(to left,var(--black) 0%,var(--footer-gradient) 40%,var(--footer-gradient) 80%,var(--black) 90%);place-content:center;border-top-left-radius:10px;border-top-right-radius:10px;padding:0 10px}.footer__message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;font-size:2rem;width:370px;margin:0;color:var(--black)}.footer__media{background-image:linear-gradient(to right,var(--black) 0%,transparent 30%,var(--footer-gradient) 95%),url(/shinobiarchives/assets/itachi-1-D4Np0tIJ.webp);background-size:cover;background-position:top left;border-top-left-radius:10px;width:100%}.footer__list{display:flex;flex-direction:column;gap:10px;list-style:none;padding:5px 0;margin:0}.footer__item{display:flex;justify-content:end;gap:10px}.footer__icon{width:40px}.footer__link{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--primary-color);width:25%;padding-inline:10px}@media screen and (width < 1300px){.footer{width:100%}}@media screen and (width < 1115px){.footer{position:relative;grid-template-columns:100%;grid-template-rows:100%}.footer__media{border-top-right-radius:10px;background-image:linear-gradient(transparent),url(/shinobiarchives/assets/itachi-1-D4Np0tIJ.webp)}.footer__list{flex-direction:row;justify-content:center;width:100%;position:absolute;bottom:10%;left:0}.footer__item{justify-content:start;display:inline-flex}.footer__links{display:inline-flex;justify-content:center}.footer__link{box-shadow:inset 0 0 20px var(--black);gap:2px;width:100%;color:var(--white);border:1px solid var(--primary-color);border-radius:10px;text-shadow:0 0 5px var(--black);padding:.3em .5em}.footer__message{top:30%;color:var(--white);text-shadow:0 0 5px var(--black)}}@media screen and (width < 680px){.footer__list{gap:5px}.footer__icon{width:40px}}@media screen and (width < 620px){.footer__list{display:grid;grid-template-columns:repeat(2,auto);padding:0 0 10px;gap:10px}.footer__message{width:90%;top:20%;font-size:1.3rem}}@media screen and (width < 450px){.footer__media{background-position:center}.footer__list{display:grid;justify-items:start;gap:5px;bottom:0}.footer__link{border:none}}.modal__form.register__form input[type=email],.modal__form.register__form input[type=password],.modal__form.register__form input[type=text],.modal__form.register__form input[type=url]{width:100%;padding:10px;outline:none;border:none;border-radius:10px;border-bottom:1px solid var(--white);background-color:var(--modal-primary-text-color)}.modal__form.register__form input[type=email],.modal__form.register__form input[type=password],.modal__form.register__form input[type=text]{margin:8px 0 24px}.modal__form.register__form input[type=url]{margin-top:8px}@media screen and (width < 900px){.modal__form.register__form input[type=email],.modal__form.register__form input[type=password],.modal__form.register__form input[type=text]{margin:8px 0 15px}}.modal{position:fixed;inset:0;background-color:var(--modal-outer-background);display:flex;justify-content:center;align-items:center;visibility:hidden;z-index:999;color:var(--modal-primary-text-color)}.modal__opened{visibility:visible}.modal__close{position:absolute;top:20px;right:28px;cursor:pointer;border:none;background-color:transparent;border-radius:4px;padding:0;display:flex}.modal__close:hover{background-color:var(--modal-close-hover)}.modal__close-btn{width:30px;height:auto}.modal__content{background-color:var(--modal-inner-background);box-shadow:inset 0 0 5px var(--full-border);position:relative;padding:28px 28px 36px;box-sizing:border-box;max-width:496px;width:100%;border-radius:16px;overflow:hidden;font-weight:700;font-size:16px}.modal__title{margin:0 0 24px;font-size:16px;color:var(--primary-color)}.modal__form{display:flex;flex-direction:column;width:100%}.modal__submit{display:inline-block;padding:.5em 1.5em;cursor:pointer;border-radius:10px;border:none;background-color:var(--modal-submit-background);color:var(--full-border);font-weight:lighter}.modal__button-container{display:flex;gap:12px;margin-top:32px}@media screen and (width < 600px){.modal__content{width:90%;padding:15px;margin-bottom:0}.modal__close{top:10px;right:10px}.modal__button-container{margin-top:15px}}.modal__form.login__form input[type=email],.modal__form.login__form input[type=password]{width:100%;padding:10px;border:none;outline:none;border-bottom:1px solid var(--white);border-radius:10px;background-color:var(--modal-primary-text-color)}.modal__form.login__form input[type=email]{margin:8px 0 24px}.modal__form.login__form input[type=password]{margin-top:8px}.secondary__option{margin:0;padding:0;background-color:inherit;color:var(--modal-primary-text-color);align-self:center}@media screen and (width < 600px){.modal__form.login__form input[type=email]{margin:8px 0 15px}}