:root{--color-primary:#34495e;--color-primary-rgb:52,73,94;--color-primary-contrast:#fff;--color-primary-contrast-rgb:255,255,255;--color-primary-shade:#2e4053;--color-primary-tint:#485b6e;--color-secondary:#f8c471;--color-secondary-rgb:248,196,113;--color-secondary-contrast:#000;--color-secondary-contrast-rgb:0,0,0;--color-secondary-shade:#daac63;--color-secondary-tint:#f9ca7f;--color-tertiary:#5260ff;--color-tertiary-rgb:82,96,255;--color-tertiary-contrast:#fff;--color-tertiary-contrast-rgb:255,255,255;--color-tertiary-shade:#4854e0;--color-tertiary-tint:#6370ff;--color-success:#2dd36f;--color-success-rgb:45,211,111;--color-success-contrast:#000;--color-success-contrast-rgb:0,0,0;--color-success-shade:#28ba62;--color-success-tint:#42d77d;--color-warning:#ffc409;--color-warning-rgb:255,196,9;--color-warning-contrast:#000;--color-warning-contrast-rgb:0,0,0;--color-warning-shade:#e0ac08;--color-warning-tint:#ffca22;--color-danger:#eb445a;--color-danger-rgb:235,68,90;--color-danger-contrast:#fff;--color-danger-contrast-rgb:255,255,255;--color-danger-shade:#cf3c4f;--color-danger-tint:#ed576b;--color-dark:#222428;--color-dark-rgb:34,36,40;--color-dark-contrast:#fff;--color-dark-contrast-rgb:255,255,255;--color-dark-shade:#1e2023;--color-dark-tint:#383a3e;--color-medium:#92949c;--color-medium-rgb:146,148,156;--color-medium-contrast:#fff;--color-medium-contrast-rgb:255,255,255;--color-medium-shade:#808289;--color-medium-tint:#9d9fa6;--color-light:#f4f5f8;--color-light-rgb:244,245,248;--color-light-contrast:#000;--color-light-contrast-rgb:0,0,0;--color-light-shade:#d7d8da;--color-light-tint:#f5f6f9}body{margin:0;padding:0;border:0;font-size:1.1rem;font:62.5%/1.5 Lucida Grande,Lucida Sans,Tahoma,Verdana,sans-serif;background:var(--color-light);color:var(--color-dark);display:flex;flex-direction:column;flex:1 1}body,body li{position:relative}body li{transition:all .35s ease;cursor:pointer}body li:before{content:"";position:absolute;width:100%;height:2px;bottom:0;left:0;background-color:#fff;visibility:hidden;transform:scaleX(0);transition:all .3s ease-in-out 0s}body li:hover:before{visibility:visible;transform:scaleX(1)}header{position:fixed;left:0;right:0}main{height:100%}h1{font-size:2rem}h2{font-size:1.8rem}h3{font-size:1.6rem}img{max-width:100%}form{display:flex;flex-direction:row;padding:30px;background-color:#fff;margin-bottom:5%;border-radius:10px;flex-wrap:wrap;box-shadow:-1px 1px 27px -7px rgba(0,0,0,.75);-webkit-box-shadow:-1px 1px 27px -7px rgba(0,0,0,.75);-moz-box-shadow:-1px 1px 27px -7px rgba(0,0,0,.75)}form .form-field{flex-basis:100%;display:flex;flex-direction:column;margin-bottom:10px}form .form-field.alert{padding:30px;font-size:1.4rem;text-align:center;border-radius:10px}form .form-field.alert i{box-shadow:-1px 1px 27px -7px rgba(0,0,0,.75);-webkit-box-shadow:-1px 1px 27px -7px rgba(0,0,0,.75);-moz-box-shadow:-1px 1px 27px -7px rgba(0,0,0,.75);padding:30px;border-radius:50%;font-size:1.6rem;background-color:var(--color-success);color:var(--color-light)}form .form-field label{font-size:1.3rem;position:relative}form .form-field label:after{content:"*";color:#db2828;margin:-.2 em 0 0}form .form-field input,form .form-field select,form .form-field textarea{margin-top:10px;padding:10px 20px;border-radius:10px;border:1px solid var(--color-medium)}form button{padding:15px;background-color:var(--color-primary);color:var(--color-light);border:none;cursor:pointer;width:100%;border-radius:10px;font-size:1.1rem}form button:disabled,form button[disabled]{border:1px solid #999;background-color:#ccc;color:#666}.joazco--header{color:var(--color-light);font-size:1.1rem;padding:0 10px;transition:background-color .3s ease-in-out;z-index:999}.joazco--header.active{background-color:var(--color-primary);box-shadow:-1px 16px 23px -16px rgba(0,0,0,.75);-webkit-box-shadow:-1px 16px 23px -16px rgba(0,0,0,.75);-moz-box-shadow:-1px 16px 23px -16px rgba(0,0,0,.75)}.joazco--header .joazco--header-navbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.joazco--header .joazco--header-navbar .joazco--header-navbar-left{display:flex;align-items:center;cursor:pointer}.joazco--header .joazco--header-navbar .joazco--header-navbar-right ul{display:flex;flex:1 1;list-style:none}.joazco--header .joazco--header-navbar .joazco--header-navbar-right ul li{flex-grow:1;margin-right:20px;text-decoration:none}.joazco--header .joazco--header-navbar .joazco--header-navbar-right .joazco--header-navbar-right-menu{display:none}.joazco--header .joazco--header-navbar .joazco--header-navbar-right .joazco--header-navbar-right-menu i{cursor:pointer}.joazco--header .joazco--header-navbar .joazco--header-navbar-right-menu-responsive-content{flex-basis:100%;display:none}.joazco--header .joazco--header-navbar .joazco--header-navbar-right-menu-responsive-content ul{flex:1 1;flex-direction:column;list-style:none;max-height:0;overflow:hidden;margin:0;transition:max-height .5s cubic-bezier(0,1,0,1)}.joazco--header .joazco--header-navbar .joazco--header-navbar-right-menu-responsive-content ul.animate{max-height:1000px;transition:max-height .3s ease-in-out}.joazco--header .joazco--header-navbar .joazco--header-navbar-right-menu-responsive-content ul li{flex-basis:100%;margin-bottom:10px}@media screen and (max-width:792px){.joazco--header{background-color:transparent}.joazco--header.active,.joazco--header.full{background-color:var(--color-primary)}.joazco--header .joazco--header-navbar{align-items:start}.joazco--header .joazco--header-navbar .joazco--header-navbar-right ul{display:none}.joazco--header .joazco--header-navbar .joazco--header-navbar-right .joazco--header-navbar-right-menu{display:inherit;font-size:2rem;position:relative}.joazco--header .joazco--header-navbar .joazco--header-navbar-right .joazco--header-navbar-right-menu i{position:absolute;top:10px;right:10px;display:block}.joazco--header .joazco--header-navbar .joazco--header-navbar-right .joazco--header-navbar-right-menu i.icon-default{transition:opacity .3s,transform .3s}.joazco--header .joazco--header-navbar .joazco--header-navbar-right .joazco--header-navbar-right-menu i.icon-hover{transition:opacity .3s,transform .3s;transform:rotate(-180deg) scale(.5);opacity:0}.joazco--header .joazco--header-navbar .joazco--header-navbar-right .joazco--header-navbar-right-menu.animate{transform:scale(1.2);box-shadow:20px 15px rgba(0,0,0,.15)}.joazco--header .joazco--header-navbar .joazco--header-navbar-right .joazco--header-navbar-right-menu.animate .icon-hover{transform:rotate(0deg) scale(1);opacity:1}.joazco--header .joazco--header-navbar .joazco--header-navbar-right .joazco--header-navbar-right-menu.animate .icon-default{transform:rotate(180deg) scale(.5);opacity:0}.joazco--header .joazco--header-navbar .joazco--header-navbar-right-menu-responsive-content{display:inherit}}.joazco--block-1{align-self:center;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;height:100%;position:relative;height:100vh}.joazco--block-1 img{position:absolute;top:0;left:0;right:0;bottom:0;margin:0;padding:0;width:100%;height:100vh;max-width:none;max-height:none;-o-object-fit:fill;object-fit:fill;outline:none;border:none;box-shadow:none}.joazco--block-1 article{padding:25px;text-align:center;z-index:1}.joazco--block-1 article h1{text-transform:uppercase}.joazco--block-1 article p{font-size:1.5rem}@media screen and (max-width:1060px){.joazco--block-1 img{-o-object-fit:cover;object-fit:cover}}.joazco--block-2{display:flex;flex-direction:column;padding:0 20px;font-size:1.1rem;line-height:1.7rem;color:#09041d}.joazco--block-2 .joazco--block-2-header{text-align:center}.joazco--block-2 .joazco--block-2-content{display:flex;flex-direction:row;flex-wrap:wrap}.joazco--block-2 .joazco--block-2-content>div{flex-basis:50%}.joazco--block-2 .joazco--block-2-content-img{text-align:center}.joazco--block-2 .joazco--block-2-content-img img{height:350px}.joazco--block-2 .joazco--block-2-content-2{margin-top:100px}@media screen and (max-width:1060px){.joazco--block-2 .joazco--block-2-header{text-align:left}.joazco--block-2 .joazco--block-2-content>div{flex-basis:100%}.joazco--block-2 .joazco--block-2-content-2{margin-top:30px}}.joazco--block-3{background-color:var(--color-primary);color:var(--color-light);padding:10px 20px;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-evenly}.joazco--block-3 article{overflow-x:hidden}.joazco--block-3 h2{text-align:center}.joazco--block-3 .joazco--block-3-content{display:flex;flex-wrap:wrap;flex-direction:row;width:100%}.joazco--block-3 .joazco--block-3-content>div{flex-basis:45%}.joazco--block-3 .joazco--block-3-content .joazco--block-3-content-project{padding:20px}.joazco--block-3 .joazco--block-3-content .joazco--block-3-content-project p{overflow:hidden;text-overflow:ellipsis;transition:height .3s ease;position:relative;text-decoration:none}.joazco--block-3 p{font-size:1.2rem;line-height:1.8rem;margin-top:0}.joazco--block-3 img{align-self:center;-o-object-fit:cover;object-fit:cover}.joazco--block-3 .joazco--block-3-content-link-content{position:relative}.joazco--block-3 .joazco--block-3-content-link-content div{position:absolute;top:0;width:100%;height:100%;background-color:rgba(var(--color-dark-rgb),.7);display:flex;flex:1 1;justify-content:center;align-items:center;opacity:0;transition:opacity .3s}.joazco--block-3 .joazco--block-3-content-link-content div span{font-size:1.7rem;color:var(--color-light)}.joazco--block-3 .joazco--block-3-content-link-content div:hover{opacity:1}.joazco--block-3 .joazco--block-3-content-link-content img{background-color:var(--color-primary);width:100%}@media screen and (max-width:1145px){.joazco--block-3 .joazco--block-3-content>div{flex-basis:100%}}@media screen and (max-width:1060px){.joazco--block-3 h2{text-align:left}}.joazco--block-4{display:flex;justify-content:center;align-items:center;height:300px}.joazco--block-4 article{flex-basis:60%}.joazco--block-4 article h2{text-align:center}.joazco--block-4 article p{font-size:1.1rem;text-align:center}footer{background-color:var(--color-primary);padding:20px;display:flex;justify-content:space-around}footer,footer a{color:var(--color-light)}footer a{text-decoration:none}.admin-login{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-direction:row;height:100vh;margin:5%}.admin-login .signin-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.admin-login .MuiGrid-root,.admin-login .MuiGrid-root .MuiFormControl-root{width:100%}.admin-login button{width:50ex;margin:2%}.admin-login button,.admin-login button:hover{background-color:var(--color-primary)}.admin-login .input-zone-project{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-direction:row}.admin-login .input-zone-signin{display:flex;flex-direction:column;align-items:center;justify-content:center}.admin-login .input-zone-signin>*{margin:2%}.admin-login .button-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-direction:row}.admin-login h1{font-size:1.5rem}.joazco--admin-navbar{display:flex;flex-direction:row;justify-content:space-between;background-color:var(--color-primary);color:#fff;margin-bottom:10px;box-shadow:0 2px 4px 0 rgba(0,0,0,.2)}.joazco--admin-navbar .joazco--admin-navbar-left{display:flex}.joazco--admin-navbar .joazco--admin-navbar-left>div{display:flex;justify-content:center;align-items:center}.joazco--admin-navbar .joazco--admin-navbar-left>div:nth-child(2){flex:2 1;display:flex}.joazco--admin-navbar .joazco--admin-navbar-left>div:nth-child(2) a{color:#fff;text-decoration:none}.joazco--admin-navbar .joazco--admin-navbar-left>div:nth-child(2) a h1{font-size:1.1rem}.joazco--admin-navbar .joazco--admin-navbar-right{display:flex;justify-content:center;align-items:center;margin-right:10px}.joazco--admin-navbar .joazco--admin-navbar-right button{color:#fff}.admin-table-wrapper{margin-bottom:2%}.admin-table-wrapper button{margin-bottom:1%}.admin-table-label .admin-table-label-1,.admin-table-label .admin-table-label-2,.admin-table-label .admin-table-label-3{font-weight:700}.icone-container{display:flex;align-items:center;justify-content:center;height:100vh}.turn-icone{-webkit-animation:rotation 2s linear infinite;animation:rotation 2s linear infinite;vertical-align:middle}@-webkit-keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}html{scroll-behavior:smooth}@font-face{font-family:Alagard;src:url(/fonts/alagard_by_pix3m-d6awiwp.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Vinque;src:url(/fonts/Vinque\ Rg.otf);font-style:normal;font-display:swap}body.darkbluedungeon-page,html.darkbluedungeon-page{background-color:#1b2340}.darkbluedungeon-main{font-family:Arial,sans-serif;color:#fff;background-color:#000;line-height:1.6;overflow-x:hidden}.darkbluedungeon-main h2{font-family:Vinque,sans-serif;font-size:64px;color:#f2c300}@media(max-width:768px){.darkbluedungeon-main h2{font-size:45px}}.darkbluedungeon-main h3{font-family:Vinque,sans-serif;font-size:40px;font-style:italic}.dbd-header{position:relative;background-repeat:no-repeat;text-align:center}.dbd-header,.dbd-header .dbd-head{background-position:50%;background-size:cover}.dbd-header .dbd-head{height:50vh;background-image:url(https://firebasestorage.googleapis.com/v0/b/joazco-1fd73.appspot.com/o/Dark%20Blue%20Dungeon%2FBANNIERE-HEAD.png?alt=media&token=049f97fb-9636-4b0a-9d10-beb8622adb0f);padding:10% 8%}@media(max-width:768px){.dbd-header .dbd-head{height:80vh;padding-top:8rem}}.dbd-header .dbd-logo img{max-width:40%;margin:0 auto 2rem}@media(max-width:1300px){.dbd-header .dbd-logo img{max-width:60%}}.dbd-header .dbd-buttons{display:flex;justify-content:center;gap:3rem;margin-top:1rem}@media(max-width:768px){.dbd-header .dbd-buttons{flex-direction:column}}.dbd-header .dbd-buttons .dbd-btn{border:none;min-width:250px;padding:1rem 2rem;background-color:#394b88;display:flex;align-items:center;justify-content:center;color:#fff;font-family:Vinque,sans-serif;font-size:32px;border-radius:5px;text-decoration:none;transition:all .3s;transition-duration:.3s!important;cursor:pointer}.dbd-header .dbd-buttons .dbd-btn:hover{min-width:280px;background-color:#1b2340}.dbd-header .dbd-buttons .dbd-btn-white{background-color:#fff;color:#394b88}.dbd-header .dbd-buttons .dbd-btn-white:hover{color:#fff}.dbd-about{padding:10% 8%;background-color:#000}.dbd-about,.dbd-about-container{display:flex;justify-content:center}.dbd-about-container{padding:0 5rem;border-radius:20px;max-height:300px;align-items:center;background:linear-gradient(180deg,#102049,#22376c);gap:5rem}@media(max-width:1300px){.dbd-about-container{padding:2rem 5rem;gap:2rem}}@media(max-width:768px){.dbd-about-container{max-height:100%;flex-direction:column;padding:5rem;gap:2rem}}.dbd-about-mockup img{max-width:250px;border-radius:12px;transition:all .3s}.dbd-about-mockup img:hover{margin-bottom:10px}.dbd-about-text{max-width:500px;text-align:left;color:#fff}@media(max-width:768px){.dbd-about-text{text-align:center}}.dbd-about-text h2{font-size:2rem;margin-bottom:1rem}.dbd-about-text p{font-size:1rem;font-family:Alagard,sans-serif}.dbd-gameplay{background:url(https://firebasestorage.googleapis.com/v0/b/joazco-1fd73.appspot.com/o/Dark%20Blue%20Dungeon%2Fbackground%20footer.png?alt=media&token=59837cc8-4cb6-4de7-8b13-a73d64b30fad),linear-gradient(180deg,#1c1f49,#213864 40%,#192b5b);background-position:bottom;overflow:hidden;position:relative}.dbd-gameplay,.dbd-gameplay-container{background-size:contain;background-repeat:no-repeat}.dbd-gameplay-container{background-image:url(https://firebasestorage.googleapis.com/v0/b/joazco-1fd73.appspot.com/o/Dark%20Blue%20Dungeon%2Fbackgroundgameplay.png?alt=media&token=56d1d290-6c51-49e0-b42f-70484498dc1f);background-position:top;padding:10rem 8rem 4rem;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}@media(max-width:768px){.dbd-gameplay-container{padding:5rem 1.5rem 4rem}}.dbd-gameplay-charac{position:absolute}@media(max-width:1080px){.dbd-gameplay-charac{display:none}}.dbd-gameplay-charac.human{left:-20em;top:-20em;width:30%}@media(max-width:1690px){.dbd-gameplay-charac.human{width:35%;left:-18em}}@media(max-width:1440px){.dbd-gameplay-charac.human{left:-15em;top:-8em;width:35%}}.dbd-gameplay-charac.manboar{top:104em;right:-20em;width:30%}@media(max-width:1690px){.dbd-gameplay-charac.manboar{width:35%;right:-16em}}@media(max-width:1440px){.dbd-gameplay-charac.manboar{right:-14em;width:35%}}.dbd-gameplay-charac.nebe{left:-10em;top:220em;width:25%}@media(max-width:1440px){.dbd-gameplay-charac.nebe{left:-16em;width:32%}}.dbd-gameplay h3{font-size:2rem;color:#f2c300;margin-bottom:3rem}.dbd-gameplay .dbd-feature-cards{display:flex;flex-wrap:wrap;justify-content:space-around;margin-bottom:6rem;width:100%}.dbd-gameplay .dbd-feature-cards .feature{max-width:350px}.dbd-gameplay .dbd-feature-cards .feature-mockup{position:relative;transition:all .3s}.dbd-gameplay .dbd-feature-cards .feature-mockup:hover{bottom:10px}.dbd-gameplay .dbd-feature-cards .feature p{color:#ffdb0a;font-weight:700;margin-bottom:.5rem}.dbd-gameplay .dbd-feature-cards .feature img{width:100%;border-radius:12px}.dbd-gameplay .dbd-store-links{display:flex;align-items:center}@media(max-width:768px){.dbd-gameplay .dbd-store-links{flex-direction:column;gap:2rem}}.dbd-gameplay .dbd-store-links img{width:200px;margin:0 .5rem;transition:transform .2s}.dbd-gameplay .dbd-store-links img:hover{transform:scale(1.05)}.dbd-steam{margin:6rem 0}.dbd-steam h2{color:#f2c300;margin-bottom:2rem}.dbd-steam .steam-mockup img{border-radius:8px;margin-bottom:1rem}.dbd-steam .steam-btn img{width:200px;transition:transform .2s}.dbd-steam .steam-btn img:hover{transform:scale(1.05)}.dbd-plot{width:70%;background-color:#000;text-align:center;border:1px solid #fff;border-radius:20px;padding:4rem;margin:0 auto}@media(max-width:768px){.dbd-plot{padding:2rem;width:unset}}.dbd-plot h2{color:#f2c300;margin-bottom:2rem;margin-top:2rem}@media(max-width:768px){.dbd-plot h2{margin:1rem}}.dbd-plot-text{text-align:left;color:#fff;font-size:25px;line-height:1.8;font-family:Alagard,sans-serif}@media(max-width:768px){.dbd-plot-text{font-size:22px;line-height:1.8em}}.dbd-download{text-align:center;padding:4rem 2rem}.dbd-download h2{color:#f2c300;margin-bottom:2rem}.dbd-download .dbd-store-links img{width:200px;margin:0 .5rem}.dbd-terms{font-size:.85rem;padding:10%;margin:0 auto;text-align:center}.dbd-terms p{font-family:Alagard,sans-serif;font-size:20px;color:#fff}.dbd-terms a{color:#5fa8f5;text-decoration:underline}.dbd-footer{background-color:#000;padding:2rem;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3rem}.dbd-footer .footer-icons{display:flex;gap:1rem}.dbd-footer .footer-icons img{margin:0 .5rem;opacity:.8;transition:opacity .2s}.dbd-footer .footer-icons img:hover{opacity:1}.dbd-footer .footer-copy{font-family:Alagard,sans-serif;font-size:1rem;color:#fff}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{position:relative;width:100%;max-width:1080px;aspect-ratio:16/9;background:#000;border-radius:12px;overflow:hidden}.modal-close{position:fixed;top:15px;right:15px;background:transparent;border:none;font-size:2rem;color:#fff;cursor:pointer}.video-container{width:100%;height:100%}.video-container iframe{border:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}