@charset "UTF-8";.admin-articles{display:flex;flex-direction:column}.admin-articles__creation{display:flex;flex-direction:column;gap:8px}.admin-articles__creation input,.admin-articles__creation textarea{padding:8px}.admin-articles__creation--stack{display:flex;flex-direction:row;gap:8px}.admin-articles__creation textarea{width:100%!important;height:300px!important;box-sizing:border-box;resize:none}.admin-articles__creation button{background-color:var(--button-bg, var(--primary-color));color:var(--text-color);padding:8px 16px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease;width:150px;margin:auto 8px auto auto}.admin-articles__creation button:hover{opacity:.8}.admin-articles ul{list-style:none;margin:0;overflow-y:auto;padding:8px}.admin-articles ul .article-edit{display:flex;flex-direction:column;gap:8px}.admin-articles ul .article-edit--btns{display:flex;flex-direction:row;gap:8px}.admin-articles ul .article-edit--btns button{background-color:var(--button-bg, var(--primary-color));color:var(--text-color);padding:8px 16px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.admin-articles ul .article-edit--btns button:hover{opacity:.8}.admin-articles ul .article-edit .article-header{display:flex;flex-direction:row;justify-content:space-between}.admin-articles ul .article-edit p{margin:0}.admin-articles ul .article-edit--title{font-weight:800;font-size:large;margin:8px auto}.admin-logs{border-bottom:1px solid;padding:16px}.admin-logs__container{display:flex;flex-direction:column;gap:8px;height:300px;background:var(--background-secondary-color);padding:8px;overflow-y:auto}.collapse{border:1px solid;border-radius:6px;margin-bottom:1rem}.collapse__header{background-color:var(--background-secondary-color);padding:.75rem 1rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-weight:700}.collapse__content{padding:0 1rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000}.modal-overlay__inside{text-align:left;position:relative;background:var(--background-color);padding:32px;border-radius:10px;min-width:300px;z-index:10001;max-height:90vh;max-width:80vw;overflow-y:auto}.modal-overlay .modal__close-btn{position:absolute;padding:5px 10px;cursor:pointer;background:none;top:16px;right:16px;color:var(--text-color);border:none;font-size:17px}.modal__buttons{position:relative;display:flex;flex-direction:row;gap:16px;justify-content:right}.modal__buttons button{position:relative;background-color:var(--button-bg, var(--primary-color));color:var(--text-color);padding:8px 16px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease;margin:auto}.modal__buttons button:hover{opacity:.8}.modal__inside--content .character-details{width:730px;height:720px}.modal__inside--content button{background-color:var(--button-bg, var(--primary-color));color:var(--text-color);padding:8px 16px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.modal__inside--content button:hover{opacity:.8}.modal__inside--content .modal-actions,.modal__inside--content .modal__buttons{display:flex;flex-direction:row;justify-content:right;gap:16px;margin-top:16px}.modal__inside--content .modal-actions .confirm-btn,.modal__inside--content .modal__buttons .confirm-btn{background:none;color:red}.modal__inside--content .edit-section{bottom:-32px!important}.modal__actions{display:flex;flex-direction:row;flex-direction:row-reverse;margin-top:8px;gap:16px}.admin .admin-todo{display:flex;flex-direction:column;gap:8px}.admin .admin-todo input,.admin .admin-todo textarea{padding:8px}.admin .admin-todo__form{display:flex;flex-direction:column;gap:8px}.admin .admin-todo__form textarea{height:100px;resize:none}.admin .admin-todo__form button{background-color:var(--button-bg, var(--primary-color));color:var(--text-color);padding:8px 16px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease;width:150px;margin:auto 8px auto auto}.admin .admin-todo__form button:hover{opacity:.8}.admin .admin-todo__form--onSide{display:flex;flex-direction:row;gap:8px}.admin .admin-todo .collapse__content ul{list-style:none;padding:0;margin:0}.admin .admin-todo .collapse__content ul li .todo-list__header{display:flex;flex-direction:row;padding:8px;flex-direction:row-reverse;justify-content:space-between;align-items:baseline;border-bottom:1px solid;margin-bottom:8px}.admin .admin-todo .collapse__content ul li .todo-list__header--title{font-size:large;font-weight:800}.admin .admin-todo .collapse__content ul li .todo-list__header--options{display:flex;flex-direction:row;gap:8px}.admin .admin-todo .collapse__content ul li .todo-list__header--options button{background-color:var(--button-bg, var(--primary-color));color:var(--text-color);padding:8px 16px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.admin .admin-todo .collapse__content ul li .todo-list__header--options button:hover{opacity:.8}.admin .admin-todo .collapse__content ul li .todo-list__desc{display:flex;margin:8px 8px 8px 32px}.modal__inside--content .todo-edit{display:flex;flex-direction:column;gap:8px}.modal__inside--content .todo-edit input,.modal__inside--content .todo-edit textarea{padding:8px}.modal__inside--content .todo-edit textarea{height:85px;resize:none}.modal__inside--content .todo-edit--btns{display:flex;flex-direction:row;gap:8px;justify-content:right}.admin{font-family:Times New Roman,Times,serif}.admin__split{display:flex;flex-direction:row;justify-content:space-evenly}.admin .admin-todo,.admin .admin-articles{width:45%}.news{display:flex;flex-direction:column;padding:8px;gap:8px;width:100%;margin:auto;justify-content:center;background:var(--background-secondary-color)}.news h2{margin:0}.news a{color:inherit;font-weight:500}.news__filters{display:flex;flex-direction:row;gap:8px}.news__filters button{background-color:var(--button-bg, var(--primary-color));color:var(--text-color);padding:8px 16px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.news__filters button:hover{opacity:.8}.news__filters{display:flex;flex-direction:row;justify-content:center;margin-bottom:16px}.news__article{flex:1;border-radius:8px;padding:8px;width:max(75%,250px);margin:auto}.news__article h3,.news__article h4{margin:0}.news__article h3{padding:8px 0}.news__article h4{padding-left:16px;font-style:italic}.news__article--text{background:var(--background-secondary-color);padding:8px;border:1px solid;margin:0;border-radius:8px 0}.articles-container{display:flex}.choose-frame{display:flex;flex-direction:row;position:absolute;bottom:0;z-index:501}.choose-frame__form{display:flex;flex-direction:row!important;z-index:300;gap:8px;align-items:center;background:#00000042}.choose-frame .frame-preview img{height:95px;width:95px}.frame-overlay{position:absolute;padding:0!important;z-index:200}.frame-overlay--creation{bottom:11px;left:-10px}.frame-overlay--edit{top:0;left:-10px}.frame-overlay--small{z-index:801;width:101%;height:101%}.character-details{position:relative;display:flex;flex-direction:column}.character-details .content-wrapper{display:flex;flex-direction:row;gap:16px}@media (max-width: 768px){.character-details .content-wrapper{display:flex;flex-direction:column}}.character-details .edit-section{display:flex;flex-direction:row;flex-direction:row-reverse;position:sticky;gap:8px;bottom:0;right:0;width:100%;background-color:var(--background-color);justify-content:right;padding:16px;box-sizing:border-box;margin:auto auto 0}.character-details .edit-section button{position:relative;text-align:left;border:1px solid transparent;background:none}.character-details .edit-section .danger{background:none;border:1px solid rgb(163,27,27);transition:all .3s}.character-details .edit-section .danger:hover{background:#a31b1b}.character-details button{background-color:var(--button-bg, var(--primary-color));color:var(--text-color);padding:8px 16px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.character-details button:hover{opacity:.8}.character-details table{border-collapse:collapse;padding:16px;margin:auto;min-width:350px}.character-details table tr{border-bottom:1px solid}.character-details table .table-left{text-align:left;padding:8px}.character-details table .table-center{text-align:center;padding:0 15px}.character-details__identity{position:relative;border:1px solid;border-radius:16px;min-width:300px;padding:8px;display:flex;flex-direction:column;text-align:left;align-self:flex-start}@media (max-width: 768px){.character-details__identity{margin:auto}}.character-details__identity--image{display:flex;flex-direction:column;position:relative;border-radius:7px;width:100%;height:330px;margin-bottom:8px}.character-details__identity--image .fa-pen-to-square{position:absolute;width:20px;right:0;bottom:0;font-size:20px}.character-details__identity--image input{position:absolute;top:10px;left:0;border:1px solid;width:100%;height:100%;cursor:pointer;opacity:0;border:1px solid transparent;transition:all .3s;border-radius:7px;z-index:500}.character-details__identity--image input:hover{border:1px solid;opacity:.5}.character-details__identity .character-wrapper{position:relative;display:flex;flex-direction:row;gap:8px}.character-details__identity--stats{display:flex;flex-direction:row;gap:8px;width:100%;box-sizing:border-box;margin:5px 0;font-size:15px;justify-content:center;background:var(--background-secondary-color);border-radius:0 0 8px 8px;padding:5px 0!important}.character-details__identity--status,.character-details__identity--stats{padding:3px}.character-details__identity--status p,.character-details__identity--stats p{margin:0 auto;display:flex;flex-direction:column}.character-details__identity--status{width:50px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;border-right:1px solid}.character-details__identity--text{display:flex;flex-direction:column}.character-details__identity--text h2{margin-top:0}.character-details__identity--text p{margin:0}.character-details__identity--text .text-container{display:flex;flex-direction:row;gap:16px}.character-details__identity--text .text-container label{display:flex;flex-direction:column}@media (min-width: 768px){.character-details__identity--text .text-container{display:flex;flex-direction:column}}.character-details__content{display:flex;flex-direction:column}.character-details__content .character-portrait{width:250px;height:235px;margin:auto;object-fit:cover;border-radius:8px 8px 0 0}.character-details__content--stats,.character-details__content--health{text-align:left}.character-details__content--stats p,.character-details__content--health p{display:flex;flex-direction:row;align-items:baseline}.character-details__content--stats span,.character-details__content--health span{display:flex;align-items:center;justify-content:center;border:1px solid;width:15px;padding:8px;border-radius:50%}@media (min-width: 768px){.character-details__content{display:flex;flex-direction:row;gap:20%}.character-details__content img{margin:0}}.character-details--button-list{display:flex;flex-direction:row;padding:32px;gap:32px;justify-content:center}.character-details--button-list button{background:none;color:var(--text-color);font-size:30px;padding:8px;border:none}.character-details--button-list button:hover{transform:scale(1.1)}.character-details__skills,.character-details__infos{display:flex;flex-direction:column;gap:16px;width:100%;margin-bottom:32px}@media (min-width: 768px){.character-details__skills,.character-details__infos{display:flex;flex-direction:row}}.character-details__skills--back-story .character-story__container,.character-details__skills--inventory .character-story__container,.character-details__infos--back-story .character-story__container,.character-details__infos--inventory .character-story__container{padding:8px;display:flex;flex-direction:column;border:1px solid;height:300px}.character-details__skills--back-story .character-story__container p,.character-details__skills--inventory .character-story__container p,.character-details__infos--back-story .character-story__container p,.character-details__infos--inventory .character-story__container p{margin:8px}.character-details__skills--back-story .character-story__container--text,.character-details__skills--inventory .character-story__container--text,.character-details__infos--back-story .character-story__container--text,.character-details__infos--inventory .character-story__container--text{height:100%;width:100%;white-space:pre-line;resize:none;overflow:auto}@media (min-width: 768px){.character-details__skills--back-story,.character-details__skills--inventory,.character-details__infos--back-story,.character-details__infos--inventory{width:100%}}.character-details__skills{display:flex;flex-direction:row;flex-wrap:wrap}.character-details__skills div{margin:0 auto}.character-details__infos--inventory{display:flex;flex-direction:column;align-items:center;justify-content:flex-start!important;gap:16px}.character-details__infos--inventory button{width:350px}.character-details__infos--inventory table{max-width:350px;margin:0}.character-details__infos--inventory .quantity input{width:50px}.character-details__infos--inventory .item{text-align:left;padding:8px;min-width:200px}@media (min-width: 768px){.character-details__infos--inventory{display:flex;flex-direction:column;width:100%;justify-content:space-evenly}.character-details__infos--inventory table{margin-top:0}}.character-details p{text-align:left}.character-details .magic__death--points,.character-details .magic__death--points label{display:flex;flex-direction:column}.character-mobile{margin-top:20px;display:flex;flex-direction:column;justify-content:space-around;gap:32px}.character-mobile .character-details__content--stats,.character-mobile .character-details__content--health{display:flex;flex-direction:row;flex-wrap:wrap;gap:16px;justify-content:center}.character-mobile .character-details__content--stats p,.character-mobile .character-details__content--health p{display:flex;flex-direction:row;align-items:center;gap:8px;background:#00000062}.character-mobile .character-details__content--stats p .fa-solid,.character-mobile .character-details__content--health p .fa-solid{font-size:35px}@media (min-width: 768px){.character-mobile{display:flex;flex-direction:row}.character-mobile .character-details__content--health{justify-content:initial}.character-mobile .character-details__content--stats,.character-mobile .character-details__content--health{display:flex;flex-direction:column}.character-mobile .character-details__content--stats p,.character-mobile .character-details__content--health p{width:120px;justify-content:space-between}}.character-story{width:100%}.loader-container{display:flex;justify-content:center;align-items:center;height:100vh}.pros-cons{display:flex;flex-direction:row;justify-content:space-evenly;margin-bottom:16px}.pros-cons--pros,.pros-cons--cons{position:relative;display:flex;flex-direction:column;white-space:pre-line;border:1px solid;padding:16px;width:50%;height:100px;overflow:auto}.pros-cons--pros p,.pros-cons--cons p{margin:8px}.pros-cons--pros textarea,.pros-cons--cons textarea{width:100%;resize:none;flex:1}.table-size--small{width:40px;margin:auto 0 auto auto;justify-self:right}.table-size--large{width:200px}.create-sheet-container__options{display:flex;flex-direction:row;gap:16px}.sheet{display:flex;flex-direction:column;position:relative;margin-bottom:50px}.sheet input,.sheet textArea{background:var(--background-dark);color:var(--text-muted)}.sheet .game-logo{width:min(500px,50%);margin:32px auto}.sheet button{background-color:var(--button-bg, var(--primary-color));color:var(--text-color);padding:8px 16px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.sheet button:hover{opacity:.8}.sheet h3{margin:0 0 8px;text-align:left;display:flex;align-items:center;gap:6px;padding:8px}.sheet label{display:flex;flex-direction:column;gap:3px;text-align:left}.sheet__top{display:flex;flex-direction:column;flex-wrap:wrap;gap:8px;justify-content:space-around}@media (min-width: 768px){.sheet__top{display:flex;flex-direction:row}}.sheet__top *{padding:8px}.sheet__bottom{display:flex;flex-direction:column;position:relative;gap:8px;justify-content:space-around}@media (min-width: 768px){.sheet__bottom{display:flex;flex-direction:row;flex-wrap:wrap}}.sheet__bottom--fixed table .table-left{text-align:left}.sheet__bottom--fixed table .table-center{text-align:center}.sheet__bottom--skills .what-skil{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;padding:8px}.sheet__bottom--skills .what-skil--link{display:flex;flex-direction:row;gap:8px}.sheet__bottom--skills .what-skil--link label input{width:70px!important}.sheet__bottom--skills .what-skil input[type=text]{width:240px}.sheet__bottom--skills .what-skil input[type=number]{width:70px}.sheet__bottom--inventory{display:flex;flex-direction:column;padding:8px;flex:1}@media (min-width: 768px){.sheet__bottom--inventory--inventory{max-width:50%}}.sheet__bottom--inventory .gold{display:flex;flex-direction:row;padding:8px;gap:8px}.sheet__bottom--inventory .gold input{width:70px}.sheet__bottom--inventory .item{display:flex;flex-direction:row;gap:8px;padding:8px;width:100%}.sheet__bottom--inventory .item input[type=text]{width:300px}.sheet__bottom--inventory .item input[type=number]{width:50px}.sheet__background{width:100%;margin:0 60px 0 auto}.sheet__background--pros-and-cons{display:flex;flex-direction:row;gap:16px;margin-bottom:16px}.sheet__background--pros-and-cons label{width:50%;height:150px}.sheet__background textarea{height:450px;resize:none}@media (min-width: 768px){.sheet__background{max-width:50%}}.sheet .character__equipment{position:relative}.sheet .character__equipment--weapon{display:flex;flex-direction:row;flex-wrap:wrap}.sheet .character__equipment--weapon .input-weap-name{width:200px}.sheet .character__equipment--weapon .input-weap-dmg{width:50px}.sheet .character-identity{display:flex;flex-direction:column}@media (min-width: 768px){.sheet .character-identity{display:flex;flex-direction:row}}.sheet .character-identity--img{display:flex;flex-direction:column;position:relative;z-index:200}.sheet .character-identity--img input{display:none}.sheet .character-identity--img .image-preview{width:260px;height:260px;border-radius:15px;object-fit:cover;padding:0}.sheet .character-identity--img .img-container{position:relative;display:flex;align-items:center;justify-content:center;flex-grow:1;width:260px;height:260px;background-color:var(--background-dark);transition:all .3s;cursor:pointer}.sheet .character-identity--img .img-container:hover{background:rgba(var(--text-color-rgb),.2)}.sheet .character-identity--img .img-container p{position:absolute;bottom:5px;z-index:800}.sheet .character-identity--img .img-container .image-placeholder{filter:invert(1);width:250px}.sheet .character-points{position:relative;display:flex;flex-direction:column}.sheet .character-points label{padding:16px}.sheet .character-points input{width:50px}.sheet .character-stats{position:relative}.sheet .character-stats label{flex-direction:row;justify-content:space-between;align-items:baseline;gap:8px;width:215px}.sheet .character-stats p{margin:0}.sheet .character-stats input{width:70px}.sheet .btn-container{display:flex;flex-direction:row;justify-content:center;gap:32px;background:var(--background-dark);z-index:201;position:sticky;padding:16px;width:100%;margin-top:5px;box-sizing:border-box;bottom:0}.sheet .btn-container button{background-color:var(--button-bg, var(--primary-color));color:var(--text-color);padding:8px 16px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.sheet .btn-container button:hover{opacity:.8}.sheet .sheet__last-section{display:flex;flex-direction:column;justify-content:space-evenly}@media (min-width: 768px){.sheet .sheet__last-section{display:flex;flex-direction:row}}.game-selector label{display:flex;flex-direction:column;width:190px}.magic-types{display:flex;flex-direction:column;margin-top:16px;gap:16px}.magic-types h3{margin:0}.magic-types label{padding-left:8px}.magic-types label input{width:50px}.magic-types input[type=checkbox]:checked+span{color:var(--primary-color);font-weight:700}.magic-types input[type=checkbox]{display:none}.tooltip-wrapper{position:relative;display:inline-block;font-family:Times New Roman,Times,serif}.tooltip-wrapper .tooltip-text{position:absolute;z-index:1000;background-color:#000c;color:#fff;padding:5px 8px;border-radius:4px;font-size:12px;white-space:pre-line;opacity:0;transition:opacity .3s ease;pointer-events:none}.tooltip-wrapper .tooltip-text span{padding:0}.tooltip-wrapper .tooltip-text ul{list-style:none;padding:0;margin:0}.tooltip-wrapper:hover .tooltip-text{opacity:1}.tooltip-wrapper.tooltip-top .tooltip-text{bottom:100%;left:50%;transform:translate(-50%);margin-bottom:6px}.tooltip-wrapper.tooltip-bottom .tooltip-text{top:100%;left:50%;transform:translate(-50%);margin-top:6px}.tooltip-wrapper.tooltip-left .tooltip-text{top:50%;right:100%;transform:translateY(-50%);margin-right:6px}.tooltip-wrapper.tooltip-right .tooltip-text{top:50%;left:100%;transform:translateY(-50%);margin-left:6px}.tooltip-wrapper .tooltip-ancor{display:flex;align-items:center;justify-content:center;cursor:help;background-color:var(--background-secondary-color);border-radius:50%;width:20px;height:20px;min-width:20px;min-height:20px;line-height:20px;text-align:center;padding:8px;font-size:14px;font-weight:700;color:var(--text-color);border:1px solid;-webkit-user-select:none;user-select:none;box-shadow:0 0 2px #0000004d}.footer{border-top:1px solid;padding:8px}.footer__cta--kofi{box-shadow:6px 6px 15px -8px #d0d0d0;border-radius:8px;max-width:500%;width:50%;margin:16px auto;padding:8px;border:1px solid;transition:all .3s}.footer__cta--kofi:hover{background:var(--background-secondary-color);box-shadow:none}.footer__cta--kofi .kofi-link{display:flex;flex-direction:column}.footer__cta--kofi .kofi-link p{text-align:center;margin:0}.footer__cta--kofi .kofi-link img{width:55px;height:55px;margin:auto}.footer__cta--social ul{display:flex;flex-direction:row;justify-content:center}.footer ul{list-style:none;padding:0;margin:0;gap:8px}.footer ul li a i{width:25px;justify-self:center;align-self:center}.footer a{display:flex;flex-direction:row;padding:5px;gap:8px;text-decoration:none;color:inherit}.footer a:visited{color:inherit}.footer__important{display:flex;flex-direction:row}.footer--CR{text-align:center;font-style:italic}.footer .credit-link{display:inline;text-decoration:underline}.footer-wrapper{display:flex;flex-direction:column;flex-direction:column-reverse;justify-content:center;padding:16px;justify-content:space-evenly}.footer-wrapper .container{display:flex;flex-direction:row;justify-content:center}.auth-container{top:65px;right:15px;height:285px;display:flex;flex-direction:column;margin:auto;padding:8px 16px;text-align:center;border-radius:8px;width:350px;min-height:250px;background-color:var(--background-color)}.auth-container h2{margin:8px}.auth-container__btns{display:flex;flex-direction:row;flex-direction:row-reverse;align-items:center;gap:8px;justify-content:center;background:none}.auth-container__btns button.selected{background-color:var(--button-bg, var(--primary-color));color:var(--text-color);padding:8px 16px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease;cursor:default}.auth-container__btns button.selected:hover{opacity:.8}.auth-container form{display:flex;flex-direction:column;gap:8px}.auth-container form button{width:70%;margin:auto;background-color:var(--button-bg, var(--primary-color));color:var(--text-color);padding:8px 16px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.auth-container form button:hover{opacity:.8}.auth-container form button:hover{border:none}.auth-container input{display:block;flex:1;padding:8px;margin:10px 0;border:1px solid #ccc;border-radius:5px}.auth-container .btn-log{background:none;border:none;color:inherit;cursor:pointer;padding:8px 16px;border-radius:5px;transition:all .3s;margin:auto auto 5px}.auth-container .btn-log:hover{background-color:var(--button-bg, var(--primary-color));color:var(--text-color);padding:8px 16px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.auth-container .btn-log:hover:hover{opacity:.8}.auth-container .toggle-btn{background:none!important;color:#007bff;text-decoration:underline;border:none;cursor:pointer;margin-top:auto}.form__inputs-div{display:flex;flex-direction:column}.tabletop-join-modal ul{display:flex;flex-direction:row;flex-wrap:wrap;list-style:none;padding:0}.tabletop-join-modal li{cursor:pointer;margin:10px}.tabletop-join-modal label{display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid transparent;padding:10px;border-radius:8px;transition:border-color .3s ease,box-shadow .3s ease;cursor:pointer}.tabletop-join-modal img{width:80px;height:80px;object-fit:cover;transition:transform .3s ease}.tabletop-join-modal input[type=radio]{display:none}.tabletop-join-modal input[type=radio]:checked+label{border:1px solid;box-shadow:0 0 10px #0000ff80}.tabletop-join-modal input[type=radio]:checked+label img{transform:scale(1.1)}.tabletop-join-modal .button-container{display:flex;flex-direction:row;flex-direction:row-reverse;justify-content:center;gap:16px}.tabletop-join-modal .button-container button{position:relative;top:0;right:0}.tabletop-browse ul{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-direction:column;gap:8px}.tabletop-browse ul li .table-infos{display:flex;flex-direction:column;justify-content:space-between;width:100%;height:100px;background-color:var(--background-secondary-color);padding:8px}.tabletop-browse ul li .table-infos--name{font-weight:600}.tabletop-browse ul li .table-infos p{margin:0}.tabletop-browse ul li:hover{background:rgba(var(--text-color-rgb),.2)}.tabletop-browse ul li button{width:100%;background:none;display:flex;flex-direction:row;align-items:center;gap:8px;transition:all .3s;color:var(--text-color)}.tabletop-browse ul li .table-banner{display:flex;align-items:center;overflow:hidden}.tabletop-browse ul li .fa-user{margin-right:5px}.tabletop-browse ul li .is-online{width:7px;height:7px;border-radius:50%;border:2px solid green}.tabletop-browse ul li p{text-align:left}.pagination{display:flex;justify-content:center;margin-top:20px}.pagination button{background-color:var(--button-bg, var(--primary-color));color:var(--text-color);transition:background-color .3s ease;border:none;padding:8px 12px;margin:0 5px;cursor:pointer;border-radius:5px}.pagination button:hover{opacity:.8}.pagination .active{background:var(--background-secondary-color)}.table-searchbar{width:260px;margin:auto}.table-searchbar label{display:flex;flex-direction:row;align-items:center}.table-searchbar button{height:30px}.table-searchbar input{all:unset;width:160px;flex:1;border-radius:15px 0 0 15px;padding:5px 15px;border:0px solid;background-color:var(--background-light);cursor:pointer}.table-searchbar input:active{border:none;outline:none}.table-searchbar button{background-color:var(--button-bg, var(--primary-color));color:var(--text-color);border:none;cursor:pointer;transition:background-color .3s ease;border-radius:0 15px 15px 0;padding:6px 10px}.table-searchbar button:hover{opacity:.8}.tabletop-creation{max-width:350px;margin:auto;top:0}.tabletop-creation form,.tabletop-creation label{display:flex;flex-direction:column;text-align:left;gap:8px}.tabletop-creation form{gap:16px}.tabletop-creation form button{position:relative;top:unset;right:unset;background-color:var(--button-bg, var(--primary-color));color:var(--text-color);padding:8px 16px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.tabletop-creation form button:hover{opacity:.8}.tabletop-creation form input{padding:8px}.tabletop-creation form .select-game{display:flex;flex-direction:row}.leave-tables ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.leave-tables ul li{display:flex;flex-direction:column;background:var(--background-secondary-color);padding:8px;border-radius:8px;gap:8px}.leave-tables ul li p{margin:0;font-weight:600}.leave-tables ul li button{width:130px;margin:auto 0 auto auto}.unfold-menu{position:absolute;min-width:150px;padding:5px 0}.unfold-menu ul{background-color:var(--background-color);list-style:none;margin:0;display:flex;flex-direction:column;gap:8px;padding:8px}.unfold-menu ul li{cursor:pointer;padding:8px;border-bottom:1px solid transparent;transform:all .3s}.unfold-menu ul li:hover{border-bottom:1px solid}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.go-premium{display:flex;flex-direction:row;gap:8px;background-color:var(--button-bg, var(--primary-color));color:var(--text-color);padding:8px 16px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease;border:1px solid}.go-premium:hover{opacity:.8}.go-premium i{transition:transform .3s ease}.go-premium:hover{background:var(--background-secondary-color)}.go-premium:hover i{animation:spin 1s linear infinite}.premium-badge{padding:8px 16px!important;background:gold!important;color:#000!important;font-weight:700!important;border-radius:8px!important;font-size:.8rem;border:none!important}.premium-badge:hover{background:#c2aa20!important;color:#fff!important}.modal__inside--content .character-list ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.modal__inside--content .character{position:relative;display:flex;flex-direction:column;border:1px solid;cursor:pointer;width:250px;height:250px;margin:auto}.modal__inside--content .character .game-logo{position:absolute;width:40px;height:20px;z-index:50}.modal__inside--content .character:hover{background:rgba(var(--text-color-rgb),.2);border:1px solid transparent}.modal__inside--content .character h3{margin:0;position:absolute;bottom:0;left:0;z-index:999;width:100%;padding:5px;box-sizing:border-box;background:#242323bd}.modal__inside--content .character--img{position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0}.manage-account{padding:8px}.manage-account form{display:flex;flex-direction:column;gap:16px}.manage-account form div{display:flex;flex-direction:column;text-align:left;gap:8px}.manage-account form div input{width:100%;box-sizing:border-box;padding:8px}.manage-account .validate,.manage-account .dangerous{position:relative;top:unset;right:unset}.manage-account .dangerous{color:red;border:none}.settings .cGagUr{display:flex;flex-direction:column;background:none!important;max-width:200px;margin:auto;gap:32px}.settings .cGagUr label{display:flex;flex-direction:column;text-align:left;gap:8px}.settings .cGagUr label input{width:100%;margin:0}.settings .cGagUr button{width:200px}.main-menu{display:flex;flex-direction:column;z-index:850;gap:16px;background:var(--background-color);z-index:950;position:absolute;right:15px;top:55px;padding:8px;border-radius:16px 0 16px 16px;border:1px solid}.main-menu h2{margin:0;text-align:left}.main-menu ul{display:flex;flex-direction:column;list-style:none;padding:0;margin:0;text-align:left}.main-menu ul li{cursor:pointer;padding:8px;transition:all .3s}.main-menu ul li:hover{background:var(--primary-color);color:var(--background-color)}.header{display:flex;flex-direction:row;position:fixed;justify-content:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:999;width:100%;min-height:85px}.header .auth-btn{position:absolute;top:8px;right:8px;background-color:var(--button-bg, var(--primary-color));color:var(--text-color);padding:8px 16px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease;height:35px;margin:auto 8px}.header .auth-btn:hover{opacity:.8}.header .logo{display:flex;position:absolute;top:2px;left:2px;text-decoration:none;height:100%}.header .logo:visited{color:inherit}.header .logo p{position:relative;display:flex;flex-direction:column;margin:auto;background:#1d2736;padding:8px 16px;border-radius:8px;transition:all 2s;height:45px}.header .logo p:hover{background:none}.header .logo p .bold{font-weight:800;color:#e5b899}.header .logo p .logo--main,.header .logo p .logo--subtitle{font-family:MedievalSharp}.header .logo p .logo--main{font-size:35px;color:#e8dcc3;font-weight:600}.header .logo p .logo--subtitle{position:absolute;width:100%;left:0;bottom:3px;text-align:center;color:#fff;padding:3px 0}.header__content{position:relative;display:flex;flex-direction:row;margin:auto}.header__content .main-nav{all:unset;display:flex;flex-direction:row;gap:8px;margin:auto}.header__content .main-nav button{background:none;border:none;color:var(--text-color);cursor:pointer;border:1px solid transparent;border-bottom:1px solid;transition:all .3s;padding:8px;border-radius:0;min-width:90px}.header__content .main-nav button:hover{border:1px solid;border-radius:8px}.header .menu-toggle{position:absolute;right:0;top:8px;background:none;color:var(--text-color);padding:0 16px;border:none;font-size:30px;cursor:pointer}.header .menu-toggle i{width:30px;height:30px}.admin-btn{position:absolute;top:8px;right:55px;background-color:var(--button-bg, var(--primary-color));color:var(--text-color);padding:8px 16px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.admin-btn:hover{opacity:.8}@media (max-width: 1024px){.header{display:flex;flex-direction:column}.header img,.header .logo{position:relative;margin:auto}.header .menu-toggle{position:absolute}.header .main-menu{top:40px}.header .main-nav{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;padding:16px}.header .auth-btn{margin-top:8px}}.landing{width:100%}.landing__top{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:8px}.pricing-table{width:100%;border-collapse:collapse;margin-top:32px;font-family:var(--font-family);font-size:var(--font-size-base);background-color:rgba(var(--background-color),.95);color:var(--text-color);border-radius:5px;overflow:hidden;box-shadow:0 4px 8px #0003}.pricing-table th,.pricing-table td{padding:16px;text-align:center;border:1px solid var(--background-dark)}.pricing-table th{background-color:var(--background-secondary-color);color:var(--primary-color);font-weight:700;text-transform:uppercase}.pricing-table tr:nth-child(2n){background-color:var(--background-light)}.pricing-table tr:nth-child(odd){background-color:var(--background-secondary-color)}.pricing-table td:first-child{text-align:left;font-weight:600;color:var(--text-secondColor)}.pricing-table i.fa-check{color:green}.pricing-table i.fa-x{color:var(--danger-color)}.pricing-table td:contains("A venir"){font-style:italic;color:var(--text-muted)}.welcome{padding:8px}.welcome__app-name{font-size:55px;color:gold}.welcome>*{position:relative;z-index:2}.welcome h1,.welcome h2{margin:0}.welcome p{margin:0 0 8px;text-align:left}.welcome__unlogged{width:100%}.welcome__unlogged button{background-color:var(--button-bg, var(--primary-color));color:var(--text-color);border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease;background-color:gold;margin:0 auto auto;color:#000;padding:16px;font-weight:600;font-size:large}.welcome__unlogged button:hover{opacity:.8}.welcome__unlogged--bg{display:flex;flex-direction:column;background:url(/assets/3b4fadb9-0bdb-4aca-acda-624513601fc7-hr_MTtSP.png) no-repeat;background-size:cover;height:600px}.welcome__unlogged--bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00000070;z-index:1}.welcome__unlogged--bg>*{position:relative;z-index:2}.welcome__unlogged--bg h1{width:500px;display:flex;flex-direction:column;text-align:center;margin:25px auto auto}.welcome__unlogged--cta{display:flex;flex-direction:row;margin:auto;gap:32px}.welcome__logged{width:100%}.welcome__features{list-style:none;margin:0;display:flex;flex-direction:row;padding:8px;justify-content:center;gap:16px}.welcome__features--desc{display:flex;flex-direction:row;gap:8px;align-items:flex-start}.welcome__features--desc i{height:25px;width:25px;font-size:20px}.welcome__features--desc h2{font-size:medium}.welcome__features li{display:flex;flex-direction:column;width:200px;padding:16px;background-color:var(--background-secondary-color)}.welcome__features li p{margin:auto}.welcome .pricing-table{width:100%;border-collapse:collapse;margin-top:32px;font-family:var(--font-family);font-size:var(--font-size-base);background-color:rgba(var(--background-color),.95);color:var(--text-color);border-radius:5px;overflow:hidden;box-shadow:0 4px 8px #0003}.welcome .pricing-table th,.welcome .pricing-table td{padding:16px;text-align:center;border:1px solid var(--background-dark)}.welcome .pricing-table th{background-color:var(--background-secondary-color);color:var(--primary-color);font-weight:700;text-transform:uppercase}.welcome .pricing-table tr:nth-child(2n){background-color:var(--background-light)}.welcome .pricing-table tr:nth-child(odd){background-color:var(--background-secondary-color)}.welcome .pricing-table td:first-child{text-align:left;font-weight:600;color:var(--text-secondColor)}.welcome .pricing-table i.fa-check{color:green}.welcome .pricing-table i.fa-x{color:var(--danger-color)}.welcome .pricing-table td:contains("A venir"){font-style:italic;color:var(--text-muted)}@media (max-width: 768px){.pricing-table{font-size:.9rem}.pricing-table th,.pricing-table td{padding:8px}.pricing-table td:first-child{min-width:120px}}.menu{width:100px;border-right:1px solid;padding-right:8px}.menu .character-list ul{display:flex;flex-direction:column;list-style:none;padding:0;margin:0;gap:8px}.menu .character-list ul li{border:1px transparent;border-radius:16px;border:1px solid transparent;cursor:pointer}@media (min-width: 1024px){.menu .character-list ul li{flex-grow:0}}.menu .character-list ul li .small-text{font-size:12px}.menu .character-list ul li .character .fa-trash{position:absolute;top:5px;right:10px}.menu .character-list ul li .character__inside{height:100%;display:flex;flex-direction:column;margin-bottom:0}.menu .character-list ul li .character__inside p{margin:0 0 5px}.menu .character-list ul li .character__inside--image{display:flex;position:relative;align-items:center;justify-content:center;margin-bottom:0;width:95px;height:95px;transition:all .3s}.menu .character-list ul li .character__inside--image:hover{width:142.5px;height:142.5px}.menu .character-list ul li .character__inside--image .character-portrait{width:100%;height:100%;object-fit:cover;box-sizing:border-box;border-radius:7.5px;z-index:800}.menu .character-list ul li .character__inside--stats{display:flex;flex-direction:column-reverse;text-align:left}.menu .character-list ul li .character__inside--stats .character-class{font-style:italic}.character-list__create-new{display:flex;flex-direction:column;border:1px solid!important;padding:8px;transition:all .3s;width:80px;height:80px}.character-list__create-new .fa-plus{font-size:30px;margin:auto;transition:all .3s}.character-list__create-new p{margin:5px 0;text-align:center}.character-list__create-new:hover .fa-plus{font-size:40px}@media (max-width: 768px){.menu{border:none;width:100%;overflow-x:auto;overflow-y:hidden;margin-bottom:16px}.menu .character-list ul{position:relative;flex-direction:row;padding-bottom:8px}.menu .character-list .character-list__create-new{height:80px;width:80px}.menu .character-list .character-list__create-new:hover .fa-plus{font-size:20px}.character__inside--image:hover{width:80px!important;height:80px!important}}.news-panel{margin:0 0 auto auto;border-left:1px solid;padding:10px;height:100%;box-sizing:border-box}.news-panel--more{opacity:0;font-size:12px;transition:all .3s}.news-panel--title{font-size:500}.news-panel h2{margin:0 auto 8px}.news-panel ul{display:flex;flex-direction:column;padding:8px;list-style:none;flex-direction:column-reverse;gap:8px}.news-panel ul li{display:flex;flex-direction:row;cursor:pointer}.news-panel ul li:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900;margin-right:.5em}.news-panel ul li:hover .news-panel--more{opacity:1}.news-panel ul li p{margin:0}@media (max-width: 768px){.news-panel{width:100%;border-left:0}.news-panel h2{border-bottom:1px solid}}.select-character-modal{display:flex;flex-direction:column}.select-character-modal ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}.select-character-modal ul li{display:flex;flex-direction:column;height:auto!important}.select-character-modal ul li input{display:none}.select-character-modal ul li label{cursor:pointer;display:flex;flex-direction:column;padding:8px}.select-character-modal ul li input:checked+label{border-color:var(--primary-color);background-color:var(--text-color);color:var(--background-color);transform:scale(1.03);border-radius:8px}.select-character-modal .button-group{display:flex;flex-direction:row;flex-direction:row-reverse;gap:8px;margin-top:16px}@media (max-width: 768px){.select-character-modal ul{display:flex;flex-direction:column}.select-character-modal ul li{flex:1;padding:16px}.select-character-modal ul li label{box-sizing:border-box;width:100%}}.home,.home-wrapper{display:flex;flex-direction:row;flex:1}@media (max-width: 768px){.home-wrapper{flex-direction:column-reverse}}.home-wrapper__container{display:flex;flex-direction:column}.home__tables-options{display:flex;flex-direction:column;width:100%}.home__tables-options h2{text-align:left}.home__tables-options--div{display:flex;flex-direction:row;width:100%;padding:0 8px;margin-left:0}.home__tables-options--div p{margin:0 auto 8px 0}.home__tables-options--div .tabletop-browse,.home__tables-options--div .tabletop-creation{gap:8px}.home .tabletop-browse__btn button{color:var(--text-color)}.tables-choices{position:relative;display:flex;flex-direction:row;justify-content:space-evenly}.tables-choices .table-top-browse-div,.tables-choices .table-creation-div{width:40%}@media (max-width: 1280px){.tables-choices{display:flex;flex-direction:column;gap:16px}.tables-choices .table-top-browse-div,.tables-choices .table-creation-div{width:100%}.tables-choices .collapse__heading--title{width:100%;text-align:center!important}}.prev-tables{width:100%}.prev-tables .divide{display:flex;flex-direction:row;width:100%;gap:8px}.prev-tables h2{margin:0}.prev-tables ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:row;flex-wrap:wrap;width:100%;gap:8px}.prev-tables ul li{display:flex;flex-direction:column;text-align:left;gap:16px;cursor:pointer;padding:8px;width:350px;border:1px solid;align-items:center;border-radius:16px;background:var(--background-secondary-color);transition:all .3s}.prev-tables ul li:hover{background-color:var(--background-color)}.prev-tables ul li img{width:200px;min-height:125px;margin:auto auto auto 0;object-fit:cover;display:block;border-radius:8px!important}.prev-tables ul li .table__recap{display:flex;flex-direction:column;width:100%;height:100%;margin:auto auto 0}.prev-tables ul li .table__recap--name{font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:360px;display:block;margin:0 auto 0 0}.prev-tables ul li .table__recap p{display:flex;flex-direction:column;margin:0;height:100%;justify-content:space-evenly}.prev-tables__no-game{display:flex;flex-direction:row;gap:32px}.prev-tables__no-game button{background-color:var(--button-bg, var(--primary-color));color:var(--text-color);padding:8px 16px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.prev-tables__no-game button:hover{opacity:.8}@media (max-width: 768px){.home{display:flex;flex-direction:column}.home .prev-tables--item{position:relative;background:none;width:90%;height:250px;border:none}.home .prev-tables--item img{position:absolute;height:100%;z-index:700;width:100%}.home .prev-tables--item .table__recap{position:absolute;z-index:710;bottom:0;width:100%;height:auto;padding:8px}.home .prev-tables--item .table__recap p{background-color:#02020252;border-radius:0 0 8px 8px;padding:8px}.home .prev-tables--item .table__recap p span{display:none}.home .prev-tables--item .table__recap--name{font-size:25px;display:block!important}}.legal-container{max-width:800px;margin:auto;padding:20px;background:#222;color:#fff;border-radius:8px;box-shadow:0 0 10px #0000004d}.legal-container h1{text-align:center;font-size:24px;margin-bottom:20px}.legal-container h2{font-size:18px;margin-top:20px;color:#f39c12}.legal-container p{line-height:1.6}.legal-container ul{margin:10px 0;padding-left:20px}.legal-container ul li{list-style-type:square;margin:5px 0}.page-404{display:flex;flex-direction:column;align-items:center;text-align:center;height:100vh;color:#fff}.page-404 h1{font-size:8rem;font-weight:700;text-shadow:3px 3px 10px rgba(0,0,0,.7)}.page-404 h2{font-size:2rem;margin-bottom:10px}.page-404 p{font-size:1.2rem;margin-bottom:20px}.page-404 .back-home{background-color:var(--button-bg, var(--primary-color));color:var(--text-color);border:none;cursor:pointer;transition:background-color .3s ease;display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:8px;text-decoration:none;color:#fff;font-size:1.2rem;font-weight:700;transition:.3s ease}.page-404 .back-home:hover{opacity:.8}.page-404 .back-home:hover{transform:scale(1.05)}.banner{margin:16px auto 96px;width:100%;background:no-repeat center;box-sizing:border-box;position:relative;background-size:cover}@media (max-width: 768px){.banner{height:300px!important}}.banner h2{position:absolute;top:0;padding:8px}.quest-library{width:100%;max-height:600px;display:flex;flex-direction:column;gap:8px}.quest-library__tabs{display:flex;flex-direction:row;gap:8px;padding:8px 0}.quest-library__tabs button{background-color:var(--button-bg, var(--primary-color));color:var(--text-color);padding:8px 16px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.quest-library__tabs button:hover{opacity:.8}.quest-library__filters{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px}.quest-library__filters select{background-color:var(--button-bg, var(--primary-color));color:var(--text-color);padding:8px 16px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.quest-library__filters select:hover{opacity:.8}.quest-library__list{padding:16px 0}.quest-library__form{display:flex;flex-direction:column;gap:8px;height:100%;overflow:auto}.quest-library__form label{display:flex;flex-direction:column;gap:2px}.quest-library__form textarea{resize:none}.quest-library__form button{background-color:var(--button-bg, var(--primary-color));color:var(--text-color);padding:8px 16px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease;height:32px;width:160px}.quest-library__form button:hover{opacity:.8}.quest-branch-builder{height:100%}.quest-branch-builder__choice{display:flex;flex-direction:column;gap:8px;padding:8px}.quest-branch-builder__choice--input{display:flex;flex-direction:row;gap:8px;align-items:center}.item-listing{display:flex;flex-direction:column;gap:8px}.item-listing__buttons{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px}.item-listing__buttons button{background-color:var(--button-bg, var(--primary-color));color:var(--text-color);padding:8px 16px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.item-listing__buttons button:hover{opacity:.8}.item-listing .item-form{display:flex;flex-direction:row;gap:8px}.item-listing .item-form__column,.item-listing .item-form label{display:flex;flex-direction:column}.item-listing .item-form label input,.item-listing .item-form label select,.item-listing .item-form label textarea{background:var(--background-secondary-color);border-radius:8px;padding:8px;resize:none;border:1px solid var(--text-color);color:var(--text-muted)}.item-listing .item-form label textarea{height:15px}.item-listing .item-form button{background-color:var(--button-bg, var(--primary-color));color:var(--text-color);padding:8px 16px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.item-listing .item-form button:hover{opacity:.8}.item-listing__content{display:flex;flex-direction:column;gap:16px;max-height:300px;overflow-y:auto;margin-top:8px}.item-listing__content h4{margin:0}.item-listing__content .item-listing__item{display:flex;flex-direction:row}.item-listing__content .item-listing__item button{background-color:var(--button-bg, var(--primary-color));color:var(--text-color);border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease;display:flex;padding:0;height:25px;width:25px;background:none;border:1px solid;justify-content:center}.item-listing__content .item-listing__item button:hover{opacity:.8}.item-listing__content .item-listing__item button .fa-x{margin:auto}.item-listing__content .item-listing__item--details{margin-left:8px}.npcs{display:flex;flex-direction:column;max-width:50vh;min-width:480px}@media (max-width: 768px){.npcs{display:flex;flex-direction:column;overflow:auto}}.npcs .form-content{display:flex;flex-direction:row;gap:8px}@media (max-width: 768px){.npcs .form-content{display:flex;flex-direction:column}}.npcs__scroll{position:relative;display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;overflow-y:auto;max-height:500px}.npcs__bar{min-width:150px}.npcs__bar--buttons{list-style:none;margin:0;display:flex;flex-direction:row;gap:16px;padding:8px}.npcs__form{max-height:55vh;overflow-y:auto;padding-right:8px}@media (max-width: 768px){.npcs__form__form{max-height:50vh;overflow-y:auto}}.npcs__form--base,.npcs__form--details{display:flex;flex-direction:column;gap:8px}.npcs__form--base label,.npcs__form--details label{display:flex;flex-direction:column}.npcs h2,.npcs h3,.npcs h4{margin:0}.npcs textarea{resize:none;height:150px}.npcs button{background-color:var(--button-bg, var(--primary-color));color:var(--text-color);padding:8px 16px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.npcs button:hover{opacity:.8}.npcs .create-npc{width:100%;margin:8px 0}.npcs .npcs__list ul{list-style:none;padding:0;margin:0}.npcs .npc{position:relative;display:flex;flex-direction:column;width:110px;height:130px;padding:8px;gap:8px;border:1px solid transparent;cursor:pointer;transition:all .3s}.npcs .npc:hover{border:1px solid;border-radius:8px}.npcs .npc h2{position:absolute;padding:4px;background:#000000b2;width:102px;display:flex;flex-direction:row;flex-direction:row-reverse;justify-content:left;gap:8px;margin:0;font-size:13px;border-radius:8px 8px 0 0}.npcs .npc__image{margin:auto;width:100%}.npcs .npc__btns{display:flex;flex-direction:row;justify-content:space-between;margin:auto 0 0}.npcs .npc .show-btn{width:50px}.modal__inside--content .npc-details{min-width:300px;width:50vw}.modal__inside--content .npc-details--first-block{display:flex;flex-direction:row;justify-content:space-between}.modal__inside--content .npc-details--first-block ul{list-style:none;padding:0;margin:0}.table-user--no-player{padding:16px;font-weight:600}.table-user__buttons{flex-direction:row;flex-direction:row-reverse;display:flex;align-items:center;justify-content:center}.table-user__buttons .fa-gavel,.table-user__buttons .fa-skull{display:flex;align-items:center;justify-content:center;padding:8px;cursor:pointer;font-size:20px}.table-user__buttons .fa-gavel{color:red}.table-user p{text-align:left}.table-user ul{display:flex;flex-direction:column;gap:16px}.table-user ul li{display:flex;flex-direction:row}.table-user__info{text-align:left}.table-user__info p{margin-left:20px}.share-pannel{z-index:700;margin:auto;min-width:410px}.share-pannel h2{margin:0}.share-pannel button{background-color:var(--button-bg, var(--primary-color));color:var(--text-color);padding:8px 16px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.share-pannel button:hover{opacity:.8}.share-pannel--wrapper{display:flex;flex-direction:column}.share-pannel__buttons{display:flex;flex-direction:row;gap:16px;margin:16px 0;padding:8px}.share-pannel__buttons button{background-color:var(--button-bg, var(--primary-color));color:var(--text-color);padding:8px 16px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.share-pannel__buttons button:hover{opacity:.8}.share-pannel__container{display:flex;flex-direction:row;flex-wrap:wrap}.share-pannel__container--box{display:flex;flex-direction:column}.share-pannel__container form{display:flex;flex-direction:row}.share-pannel__container form input[type=text]{width:180px}.share-pannel__container label{margin:8px 0}.share-pannel__container textarea{resize:none;height:160px;margin:auto auto 8px;width:90%}.preview-container .preview-grid{display:flex;flex-direction:row;flex-wrap:wrap;min-height:150px;gap:8px}.preview-container .preview-grid .preview-item{display:flex;flex-direction:column}.preview-container .preview-grid .preview-item__buttons{display:flex;flex-direction:row;gap:16px}.preview-container .preview-grid .preview-item button{width:120px;margin:10px 0}.preview-container .preview-grid .preview-item img{width:200px;height:200px;object-fit:cover;margin:auto}.gallery ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:row;flex-wrap:wrap;width:380px;gap:8px;overflow-y:auto;max-height:345px}.gallery ul li{display:flex;flex-direction:column;align-items:baseline;padding:8px;border:1px solid}.gallery ul li img{width:100%;height:100%}.gallery ul li p{margin:0;white-space:pre-line}.file-item{display:flex;flex-direction:column;position:relative;width:150px;height:150px}.file-item--remove{position:absolute;background:#00000056!important;left:8px;bottom:8px;color:#fff!important}.file-item__header{position:absolute;box-sizing:border-box;padding:8px;background:#00000056}.file-item p{overflow-y:scroll;height:110px;width:100%}.file-item .show-btn{position:absolute;bottom:8px;right:8px}@media (max-width: 768px){.share-pannel{max-height:450px}.share-pannel .share-pannel--wrapper .gallery ul{max-height:300px;overflow:auto}}.rhap_container{box-sizing:border-box;display:flex;flex-direction:column;line-height:1;font-family:inherit;width:100%;padding:10px 15px;background-color:#fff;box-shadow:0 0 3px #0003}.rhap_container:focus:not(:focus-visible){outline:0}.rhap_container svg{vertical-align:initial}.rhap_header{margin-bottom:10px}.rhap_footer{margin-top:5px}.rhap_main{display:flex;flex-direction:column;flex:1 1 auto}.rhap_stacked .rhap_controls-section{margin-top:8px}.rhap_horizontal{flex-direction:row}.rhap_horizontal .rhap_controls-section{margin-left:8px}.rhap_horizontal-reverse{flex-direction:row-reverse}.rhap_horizontal-reverse .rhap_controls-section{margin-right:8px}.rhap_stacked-reverse{flex-direction:column-reverse}.rhap_stacked-reverse .rhap_controls-section{margin-bottom:8px}.rhap_progress-section{display:flex;flex:3 1 auto;align-items:center}.rhap_progress-container{display:flex;align-items:center;height:20px;flex:1 0 auto;align-self:center;margin:0 calc(10px + 1%);cursor:pointer;user-select:none;-webkit-user-select:none}.rhap_progress-container:focus:not(:focus-visible){outline:0}.rhap_time{color:#333;font-size:16px;user-select:none;-webkit-user-select:none}.rhap_progress-bar{box-sizing:border-box;position:relative;z-index:0;width:100%;height:5px;background-color:#ddd;border-radius:2px}.rhap_progress-filled{height:100%;position:absolute;z-index:2;background-color:#868686;border-radius:2px}.rhap_progress-bar-show-download{background-color:#dddddd80}.rhap_download-progress{height:100%;position:absolute;z-index:1;background-color:#ddd;border-radius:2px}.rhap_progress-indicator{box-sizing:border-box;position:absolute;z-index:3;width:20px;height:20px;margin-left:-10px;top:-8px;background:#868686;border-radius:50px;box-shadow:#86868680 0 0 5px}.rhap_controls-section{display:flex;flex:1 1 auto;justify-content:space-between;align-items:center}.rhap_additional-controls{display:flex;flex:1 0 auto;align-items:center}.rhap_repeat-button{font-size:26px;width:26px;height:26px;color:#868686;margin-right:6px}.rhap_main-controls{flex:0 1 auto;display:flex;justify-content:center;align-items:center}.rhap_main-controls-button{margin:0 3px;color:#868686;font-size:35px;width:35px;height:35px}.rhap_play-pause-button{font-size:40px;width:40px;height:40px}.rhap_volume-controls{display:flex;flex:1 0 auto;justify-content:flex-end;align-items:center}.rhap_volume-button{flex:0 0 26px;font-size:26px;width:26px;height:26px;color:#868686;margin-right:6px}.rhap_volume-container{display:flex;align-items:center;flex:0 1 100px;user-select:none;-webkit-user-select:none}.rhap_volume-bar-area{display:flex;align-items:center;width:100%;height:14px;cursor:pointer}.rhap_volume-bar-area:focus:not(:focus-visible){outline:0}.rhap_volume-bar{box-sizing:border-box;position:relative;width:100%;height:4px;background:#ddd;border-radius:2px}.rhap_volume-indicator{box-sizing:border-box;position:absolute;width:12px;height:12px;margin-left:-6px;left:0;top:-4px;background:#868686;opacity:.9;border-radius:50px;box-shadow:#86868680 0 0 3px;cursor:pointer}.rhap_volume-indicator:hover{opacity:.9}.rhap_volume-filled{height:100%;position:absolute;z-index:2;background-color:#868686;border-radius:2px}.rhap_button-clear{background-color:transparent;border:none;padding:0;overflow:hidden;cursor:pointer}.rhap_button-clear:hover{opacity:.9;transition-duration:.2s}.rhap_button-clear:active{opacity:.95}.rhap_button-clear:focus:not(:focus-visible){outline:0}.soundboard__theme-bar ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:row;gap:16px}.soundboard__theme-bar ul li{display:flex;flex-direction:column}.table-style{padding:20px;border-radius:8px;margin:auto;text-align:center}.table-style form{display:flex;flex-direction:column;gap:10px}.table-style .dividing{display:flex;flex-direction:column;gap:8px}.table-style .banner-form{display:flex;flex-direction:row;gap:8px}.table-style .banner-form--right{display:flex;flex-direction:column;gap:8px}.table-style .bg-and-font{margin:8px 0;display:flex;flex-direction:row;justify-content:space-between}.table-style__img-prev{position:relative;height:175px;background-color:var(--background-secondary-color);border-radius:8px;transition:all .3s}.table-style__img-prev:hover{background:none}.table-style__img-prev label{cursor:pointer;height:175px}.table-style__img-prev input{border:1px solid red;height:100%;z-index:999;cursor:pointer;opacity:0;background:var(--background-secondary-color)}.table-style__img-prev .banner-preview{position:absolute;top:10px}.table-style .no-img{position:absolute;top:30%;text-align:center;width:calc(100% - 8px);box-sizing:border-box;margin:auto}.table-style .no-img .fa-solid{font-size:50px}.table-style label{display:flex;flex-direction:column;text-align:left;font-size:14px;gap:5px;text-decoration:underline}.table-style input,.table-style select{padding:5px;border-radius:4px;border:none}.table-style input[type=color]{width:100%}.table-style .banner-preview{width:100%;height:150px;background-size:cover;background-position:center;margin:10px 0;border-radius:5px}.table-style button{background-color:var(--button-bg, var(--primary-color));color:var(--text-color);padding:8px 16px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.table-style button:hover{opacity:.8}.gm-toolbar-container{position:relative}.gm-toolbar-container p{margin:0}.gm-toolbar-container .gm-toolbar__heading{margin:auto 0;position:absolute;top:-15px;left:15px;background-color:var(--background-color);z-index:20;padding:5px}.gm-toolbar-container .gm-toolbar--buttons{position:relative;display:flex;flex-direction:row;flex-wrap:wrap;border-top:1px solid;border-bottom:1px solid;gap:8px;padding:8px}.gm-toolbar-container .gm-toolbar--buttons button{background-color:var(--button-bg, var(--primary-color));color:var(--text-color);padding:8px 16px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease;background:none}.gm-toolbar-container .gm-toolbar--buttons button:hover{opacity:.8}.gm-toolbar-container .gm-toolbar--buttons .delete-btn{margin-left:auto}.gm-tool{position:absolute;left:0;padding:16px;background-color:var(--background-color);z-index:900;box-sizing:border-box;border-radius:0 0 16px;border-right:1px solid;border-bottom:1px solid}.gm-toolbar-container.is-sticky{position:sticky;top:75px;border-top:none!important;z-index:500;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.gm-toolbar-container.is-sticky .gm-toolbar__heading{display:none}@media (max-width: 768px){.gm-toolbar-container .gm-toolbar--buttons span{display:none}.gm-toolbar-container .gm-toolbar--buttons i{font-size:20px}.gm-toolbar-container.is-sticky{position:sticky;top:112px;border-top:none!important;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}}.table-content__media-container{display:flex;padding:8px;z-index:1;position:relative;height:100%;flex:1;min-width:0;max-width:calc(100% - 220px);min-height:560px;background-size:cover;margin:16px 0;border-radius:16px}.table-content__media-container .displayed-text{white-space:pre-line;background-size:cover;word-wrap:break-word;padding:32px;margin:auto;overflow:auto;max-height:560px}.table-content__media-container .media-container,.table-content__media-container .zoom-wrapper{position:relative;display:flex;overflow:hidden;outline:none;height:700px;width:100%;box-sizing:border-box;margin:auto}.table-content__media-container .media-container img,.table-content__media-container .zoom-wrapper img{height:100%;width:100%;z-index:2;margin:auto;object-fit:contain}.table-content__media-container .media-container .zoom-controls,.table-content__media-container .zoom-wrapper .zoom-controls{right:0;display:flex;flex-direction:row;gap:8px;padding:8px;position:absolute;z-index:50;bottom:0}.table-content__media-container .media-container .zoom-controls button,.table-content__media-container .zoom-wrapper .zoom-controls button{background-color:var(--button-bg, var(--primary-color));color:var(--text-color);border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease;height:35px;width:35px;padding:0}.table-content__media-container .media-container .zoom-controls button:hover,.table-content__media-container .zoom-wrapper .zoom-controls button:hover{opacity:.8}.table-content__media-container .media-container .remove-btn-wrapper,.table-content__media-container .zoom-wrapper .remove-btn-wrapper{display:flex;flex-direction:row;gap:8px;position:absolute;top:0;left:0}.table-content__media-container .media-container .remove-doc-btn,.table-content__media-container .media-container .remove-npc-btn,.table-content__media-container .zoom-wrapper .remove-doc-btn,.table-content__media-container .zoom-wrapper .remove-npc-btn{background:#0000002d;border:none;color:#fff;padding:8px;cursor:pointer;width:32px;height:32px;z-index:51}.table-content__media-container .npc-display-list{height:100%;z-index:50;left:0;top:40px;position:absolute;overflow:auto}.table-content__media-container .npc-display-list .npc-card{position:relative;cursor:pointer}.table-content__media-container .npc-display-list .npc-card:hover p{opacity:0}.table-content__media-container .npc-display-list .npc-card img{border-radius:8px;width:100px;height:100px}.table-content__media-container .npc-display-list .npc-card p{position:absolute;bottom:3px;z-index:52;margin:0;padding:8px;width:100%;background:#16161659;box-sizing:border-box;border-radius:0 0 8px 8px;opacity:1;transition:all .3s}.bg-scroll{background:url(/assets/scroll-CcFhGL6d.webp) no-repeat;background-size:cover;background-repeat:no-repeat}.bg-dark{background-color:#50505042}@media (max-width: 768px){.table-content__media-container,.media-container,.zoom-controls{width:auto;flex:1;max-width:100%}.table-content__media-container .npc-display-list{display:flex;flex-direction:row;gap:8px;height:105px;width:100%}.table-content__media-container .npc-display-list .npc-card{height:100px}.table-content__media-container .npc-display-list .npc-card p{bottom:0}}.table__notes-pannel{background:var(--background-dark);z-index:651;display:flex;flex-direction:row;position:absolute;max-height:120px;left:-15px;bottom:50px;border-top:1px solid;border-bottom:1px solid;padding-left:16px;overflow:hidden;transition:height 1.2s cubic-bezier(.4,0,.2,1);border-radius:0 15px 15px 0}.table__notes-pannel.open{max-height:450px;width:300px}.table__notes-pannel.open .notes--opacity{opacity:1;transition:opacity 1.2s cubic-bezier(.4,0,.2,1);pointer-events:none;height:100%}.table__notes-pannel.open .notes--opacity.visible{opacity:1;pointer-events:auto;padding:0 8px}.table__notes-pannel.open .table__notes-pannel--inside{width:100%}.table__notes-pannel .notes--opacity{opacity:0;transition:all .1s}.table__notes-pannel .notes--opacity .notes-section{display:flex;flex-direction:column;height:265px}.table__notes-pannel .notes--opacity .notes-section textarea{resize:none;margin:8px auto;height:100%;width:100%}.table__notes-pannel .notes--opacity .notes-section button{background-color:var(--button-bg, var(--primary-color));color:var(--text-color);padding:8px 16px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease;margin:auto auto 8px}.table__notes-pannel .notes--opacity .notes-section button:hover{opacity:.8}.table__notes-pannel--divider{border-right:1px solid}.table__notes-pannel--inside{display:flex;flex-direction:column;height:100%;width:20px;justify-content:space-between}.table__notes-pannel--inside p{text-align:center}.table__notes-pannel--inside h3{margin:5px 0}.table__notes-pannel--inside .notes-title{transform:rotate(-90deg);margin:65px 0}.table__notes-pannel--inside .notes__btns{padding:8px!important;list-style:none;padding:0;margin:0;display:flex;flex-direction:row;justify-content:space-between}.table__notes-pannel--inside .notes__btns .fa-person,.table__notes-pannel--inside .notes__btns .fa-exclamation,.table__notes-pannel--inside .notes__btns .fa-sack-dollar,.table__notes-pannel--inside .notes__btns .fa-box{display:flex;align-items:center;justify-content:center;border:1px solid;width:15px;padding:8px;border-radius:50%;cursor:pointer}.table__notes-pannel--inside .notes__btns .fa-person:hover,.table__notes-pannel--inside .notes__btns .fa-exclamation:hover,.table__notes-pannel--inside .notes__btns .fa-sack-dollar:hover,.table__notes-pannel--inside .notes__btns .fa-box:hover{transform:scale(115%)}.table__notes-pannel--slide-btn{border-radius:0 15px 15px 0;max-height:100%;display:flex;align-items:center;justify-content:center;border-right:1px solid;cursor:pointer}.table__notes-pannel--slide-btn:hover{background:var(--background-dark)}.table__notes-pannel--slide-btn .fa-solid{padding:16px;margin:auto}.player-hp,.coins{display:flex;flex-direction:row;justify-content:space-evenly;align-items:baseline}.ariaMagic{display:flex;flex-direction:column;gap:8px}.ariaMagic__help{display:flex;flex-direction:row;gap:8px}.ariaMagic .card-draw{width:75px!important;border-radius:8px!important}.death-magic{display:flex;flex-direction:column;gap:8px}.death-magic__controls{display:flex;flex-direction:row;align-items:baseline;justify-content:space-evenly}.players-at-table{position:relative;right:25px;top:0;padding:8px;margin:16px 12px auto auto}@media (max-width: 768px){.players-at-table{margin:auto 0 auto auto;width:100%;right:15px}}.players-at-table--container{display:flex;flex-direction:column;flex-direction:column-reverse;gap:8px;margin:auto 0 auto auto;height:180px}@media (max-width: 768px){.players-at-table--container{flex-direction:row;justify-content:right}}.players-at-table--container .player{position:relative;display:flex;flex-direction:row;margin:auto 0 auto auto}@media (max-width: 768px){.players-at-table--container .player{margin:0}}.players-at-table--container .player__easy-access{display:flex;flex-direction:column;position:absolute;padding:8px;gap:8px;width:220px;margin-right:5px;border:1px solid transparent;right:35px;top:32px;z-index:501;background-color:var(--background-color);border-radius:8px;border:1px solid}.players-at-table--container .player__easy-access--buttons{display:flex;flex-direction:row;justify-content:space-between}.players-at-table--container .player__easy-access--wrapper{position:relative;display:flex;flex-direction:row;flex-direction:row-reverse;height:95px;background:none;padding:8px}@media (max-width: 768px){.players-at-table--container .player__easy-access--wrapper{height:inherit}}.players-at-table--container .player__easy-access--wrapper button{background:none;color:var(--text-color);border:1px solid;height:30px;width:30px;border-radius:50%;cursor:pointer;background:var(--background-color)}.players-at-table--container .player__easy-access--wrapper button:hover{border:1px solid}.players-at-table--container .player__easy-access p{margin:0}.players-at-table--container .player__easy-access--hp,.players-at-table--container .player__easy-access--coins,.players-at-table--container .player__easy-access--inventory,.players-at-table--container .player__easy-access--equipment{position:relative;display:flex;flex-direction:row;flex-direction:row-reverse}.players-at-table--container .player__easy-access--inside{display:flex;flex-direction:row;width:100%;justify-content:center;padding:5px;gap:8px;z-index:600;box-sizing:border-box;min-height:40px;white-space:pre-line}.players-at-table--container .player__easy-access--inside .ariaMagic{display:flex;flex-direction:column;gap:8px}.players-at-table--container .player__easy-access--inside .ariaMagic__help{display:flex;flex-direction:row;gap:8px}.players-at-table--container .player__easy-access--inside .ariaMagic__help span{cursor:help}.players-at-table--container .player__easy-access--inside .ariaMagic .card-draw{background-color:var(--button-bg, var(--primary-color));color:var(--text-color);padding:8px 16px;border:none;cursor:pointer;transition:background-color .3s ease;width:100px;border-radius:8px;height:50px}.players-at-table--container .player__easy-access--inside .ariaMagic .card-draw:hover{opacity:.8}.players-at-table--container .player__easy-access--inside .ariaMagic .card-draw:hover{border:none}.players-at-table--container .player__easy-access--inside table{width:100%;max-width:100%;border-collapse:collapse;word-wrap:break-word;table-layout:fixed}.players-at-table--container .player__easy-access--inside table th,.players-at-table--container .player__easy-access--inside table td{padding:4px;word-break:break-word;overflow-wrap:break-word;text-align:left}.players-at-table--container .player__easy-access--inside table td{border-top:1px solid}.players-at-table--container .player__easy-access--inside table th:nth-child(2),.players-at-table--container .player__easy-access--inside table td:nth-child(2){text-align:center;vertical-align:middle}.players-at-table--container .player__easy-access--inside span{display:flex;align-self:center}.players-at-table--container .player__easy-access--inside .fa-solid{padding:5px}.players-at-table--container .player .character-hp{position:absolute;display:flex;align-items:center;justify-content:center;bottom:0;right:0;width:45px;height:45px;margin:0;transition:all .3s;z-index:500}.players-at-table--container .player .character-hp .fa-regular{font-size:40px;position:absolute}.players-at-table--container .player .character-hp .fa-solid{font-size:40px;color:#00000098}.players-at-table--container .player .character-hp span{position:absolute;font-size:13px;color:#fff}.players-at-table--container .player__image{position:relative;cursor:pointer;height:95px;width:95px;margin:auto 0 auto auto}.players-at-table--container .player__image img{width:100%;height:100%;margin:auto auto 0;object-fit:cover;transition:all .3s}.players-at-table--container .player__image:hover img{transform:scale(1.1)}.players-at-table--container .player__image:hover p{display:none}.players-at-table--container .player__image--name{background:#00000098}.players-at-table--container .player__image p{box-sizing:border-box;position:absolute;bottom:0;padding:5px;margin:0;width:110px;text-align:left}.chevron{width:25px;margin:auto}.health-modifier{display:flex;width:25px;height:25px!important;margin:auto 5px;justify-content:center;align-items:center;border:none!important}@keyframes slideFadeIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.player__easy-access{animation:slideFadeIn .3s ease-out}@keyframes fadeInOpacity{0%{opacity:0}to{opacity:1}}.player__easy-access--inside{animation:fadeInOpacity .7s ease-out}.icon-sword-wrapper svg{width:30px;height:30px;stroke:red;fill:red}.chat{margin-top:16px;width:100%}.chat__header{display:flex;flex-direction:row;align-items:center;gap:16px;cursor:pointer}.chat__label{margin:8px 0;display:flex}.chat__label input{flex:1}.chat__messages{display:flex;flex-direction:column;height:400px;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.chat__messages p{margin:8px 0}.chat__messages--player{padding:8px 0}.chat__box{display:flex;flex-direction:row;border:1px solid var(--button-bg);border-radius:8px;background-color:var(--background-color)}.chat__box input{flex:1;color:var(--text-color);padding:8px;border:none;border-radius:8px 0 0 8px;background:none}.chat__box input:focus{outline:none;box-shadow:none;border:none}.popIn{animation:popIn 1s ease-out}@keyframes popIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.dice-roller{display:flex;flex-direction:row;flex-direction:row-reverse;gap:16px;justify-content:space-between}.dice-roller button{background-color:var(--button-bg, var(--primary-color));color:var(--text-color);padding:8px 16px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease;font-size:35px}.dice-roller button:hover{opacity:.8}.dice-roller .roller-panel{display:flex;flex-direction:column;justify-content:baseline;align-items:baseline;width:170px}.dice-roller .roller-panel label{display:flex;justify-content:center;align-items:center;font-size:13px}.dice-roller .roller-panel div{display:flex;flex-direction:row;gap:8px;justify-content:space-between;width:100%}.dice-roller .roller-panel div select,.dice-roller .roller-panel div input{padding:8px}.dice-roller .roller-panel div input{width:25px}.table-side-pannel{position:absolute;right:0;bottom:40px;border-left:1px solid;border-top:1px solid;border-bottom:1px solid;border-radius:16px 0 0 16px;display:flex;flex-direction:column;padding:16px;z-index:701;background-color:var(--background-color);margin-bottom:16px}.sound-player{display:flex;flex-direction:row;display:none;gap:8px;padding:8px;margin:auto auto 0 0}.table{display:flex;flex-direction:column;position:relative;flex-grow:1}.table__content{position:relative}.table__content--header{display:flex;flex-direction:row;justify-content:space-between;gap:16px}.table__content--header h2,.table__content--header p{margin:0;cursor:default}.table__content--header h2{font-size:40px}.table__content--header .header-container{display:flex;flex-direction:column}@media (max-width: 768px){.table__content--header .header-container{display:none}}.table__content--header .container{display:flex;flex-direction:column;gap:8px;font-style:italic;font-size:12px;text-align:left;margin:auto auto 0 0}.table__content--header .container p{margin-bottom:0}.table__container{width:calc(100vw - 221px);position:relative;display:flex;flex-direction:column}.table .table__content--main-container{display:flex;flex-direction:row;justify-content:space-between;position:relative;margin:auto;gap:16px}@media (max-width: 768px){.table .table__content--main-container{flex-direction:column-reverse}.table .table__content--main-container .table-side-pannel{margin-bottom:20px;border:none}.table .table__content--main-container .table-side-pannel .chat{width:100%;max-height:250px}.table .table__content--main-container .table-side-pannel .chat__messages{height:100%;max-height:215px}}.table__low-bar{display:flex;flex-direction:row;position:sticky;bottom:0;background-color:var(--background-color);z-index:1;padding:4px;height:50px}.table__low-bar button{background-color:var(--button-bg, var(--primary-color));color:var(--text-color);padding:8px 16px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease;margin:auto 0 auto auto}.table__low-bar button:hover{opacity:.8}.reset-container{display:flex;flex-direction:column}.reset-container h2{text-align:center}.reset-container form{display:flex;flex-direction:column;gap:16px;margin:auto}.reset-container form label{display:flex;flex-direction:column;gap:8px}.reset-container button{background-color:var(--button-bg, var(--primary-color));color:var(--text-color);padding:8px 16px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.reset-container button:hover{opacity:.8}.font-uncial{font-family:Uncial Antiqua,cursive}.font-medieval{font-family:MedievalSharp,cursive}.font-pirata{font-family:Pirata One,cursive}.font-cinzel{font-family:Cinzel Decorative,cursive}.font-imfell{font-family:IM Fell English,serif}.font-almendra{font-family:Almendra SC,serif}#root{display:flex;flex-direction:column;width:100%;height:100%;min-height:100vh}html,body{background:var(--background-color);color:var(--text-color);list-style:none;height:100%;margin:0;padding:0;display:flex;flex-direction:column}main{display:flex;flex-direction:column;padding:16px;flex:1;position:relative;margin-top:110px}@media (max-width: 1024px){main{margin-top:185px}}@media (max-width: 480px){main{margin-top:215px}}.app-container{display:flex;flex-direction:column;min-height:100vh}.loader{margin:auto}