*{padding:0;margin:0}*::-webkit-scrollbar{display:none;scrollbar-width:none;-ms-overflow-style:none}body{height:100%;width:100%;min-height:100vh;box-sizing:border-box;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;background-color:#424d6d;position:relative}.custom-navbar{background-color:#4e4e4e;position:absolute;display:flex;justify-content:center;width:100%;top:0;right:0;left:0;height:70px;z-index:100;border:1px solid black}.custom-navbar .nav-item{margin-top:20px}.custom-navbar .nav-item a{color:#bad3d3;font-size:24px;text-decoration:none;margin-top:40px;margin-left:22px}.custom-navbar .nav-item a:hover{text-decoration:underline;color:gold}.custom-navbar .navbar-brand{color:#bad3d3;font-size:24px;text-decoration:none;margin-top:10px;margin-left:10px}.custom-container{display:flex;justify-content:center}.starIcon{height:50px;width:50px;background-color:beige;padding:1%}@media (max-width: 768px){.custom-navbar{height:60px}.custom-navbar .nav-item a{font-size:20px;margin-top:30px;margin-left:15px}.custom-navbar .navbar-brand{font-size:18px;margin-top:5px;margin-left:5px}}@media (max-width: 600px){.custom-navbar{height:60px}.custom-navbar .nav-item a{font-size:15px;margin-top:30px;margin-left:15px}.custom-navbar .navbar-brand{font-size:18px;margin-top:5px;margin-left:5px}}@media (max-width: 400px){.custom-navbar{height:60px}.custom-navbar .nav-item a{font-size:15px;margin-top:30px;margin-left:15px}.custom-navbar .nav-item .hdtr{display:none}.custom-navbar .navbar-brand{font-size:18px;margin-top:5px;margin-left:5px}}.text-about-us{color:#faebd7;font-size:35px}.centering-container{display:flex;flex-direction:column;justify-content:center;align-items:center}:root{--hd-width: 1280px;--hd-height: 720px;--full-hd-width: 1920px;--full-hd-height: 1080px;--quad-hd-width: 2560px;--quad-hd-height: 1440px;--ultra-hd-width: 3840px;--ultra-hd-height: 2160px}button{cursor:url(/assets/01-HQsQo4EW.png),auto}label{cursor:url(/assets/01-HQsQo4EW.png),auto}select{cursor:url(/assets/01-HQsQo4EW.png),auto}option{cursor:url(/assets/01-HQsQo4EW.png),auto}body{display:flex;justify-content:center;align-items:center;min-height:100vh;margin:0;padding:0;box-sizing:border-box;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.hd-window{display:flex;width:calc(var(--hd-width)+10);height:calc(var(--hd-height)+10);margin:auto;border:10px solid black;font-size:16px;font-family:Sylfaen,"Fantasy";font-weight:700;position:relative;-ms-overflow-style:none;scrollbar-width:none}.hd-window::-webkit-scrollbar{display:none}.hd-window:hover{cursor:url(/assets/01-HQsQo4EW.png),auto}.mainGame{position:relative;display:flex;height:var(--hd-height);width:var(--hd-width)}@keyframes zoom{0%{transform:scale(1)}to{transform:scale(1.1)}}.buttonContainer{margin-top:100%;display:grid}.ButtonIntro{height:80px;width:220px;margin:10px;font-size:24px;text-align:center;outline:none;color:#d3d3d3;background-color:#773939;border:1px solid rgb(73,73,73);border-radius:15px;font-family:Papyrus,"Fantasy";font-weight:700;transition:transform .3s ease-in-out}.ButtonIntro:active{background-color:#61412d;box-shadow:0 5px #666;transform:translateY(4px)}.ButtonIntro:hover{background-color:#311b15;animation:zoom .5s forwards}.speakerIcon{height:20%;position:absolute;margin-bottom:260%;margin-left:230%}.menuContainer{position:relative;height:var(--hd-height);width:var(--hd-width)}.Golder{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;display:grid}.large-panel{position:relative;width:calc(var(--hd-width) * .4);height:var(--hd-height);background-color:#bea576}.small-panel{display:flex;position:relative;width:calc(var(--hd-width) * .2);height:var(--hd-height);background-color:#bea576}.wooden-frame-left{position:absolute;left:0;width:calc(var(--hd-width) * .025);height:var(--hd-height);background-color:#311b15}.wooden-frame-right{position:absolute;right:0;width:calc(var(--hd-width) * .025);height:var(--hd-height);background-color:#311b15}.small-panel button{width:192px;height:36px;background-color:#810808;color:#fff;font-weight:700;border-radius:5px}.small-panel button:hover{background-color:#550707;text-decoration:underline}#map-button,#camp-button,#storage-button{width:140px}.map-container{position:absolute;height:calc(var(--hd-height) * (14/15));top:calc(var(--hd-height) * (1/15));left:calc(var(--hd-width) * .025);right:calc(var(--hd-width) * .025)}.map-box{height:calc(var(--hd-height) * (9/15));position:relative;margin-left:calc(var(--hd-width) * .0125);margin-right:calc(var(--hd-width) * .0125)}#map-image{padding:8px;position:absolute}#map-frame{position:absolute}.map-zones{width:400px;height:400px;position:absolute;left:8px;top:8px;stroke:#000;stroke-width:1}.path-zone{fill:#a0881e;opacity:20%}.path-zone:hover{fill:#a0881e;opacity:40%}.map-location-field{position:relative}.map-location-title{display:flex;width:240px;position:absolute;left:calc(50% - 120px);top:-36px;justify-content:center;background-color:#a0881e;outline:2px solid black;font-size:24px}.map-location-explored{display:flex;width:100px;position:relative;left:calc(50% - 50px);top:-4px;justify-content:center;background-color:#b16610;outline:1px solid black;border-radius:4px}.map-content-container{position:relative;margin-left:calc(var(--hd-width) * .0125);margin-right:calc(var(--hd-width) * .0125)}.map-content-title{font-size:32px}.map-location-content{margin-left:20px;display:grid;grid-template-columns:repeat(2,150px)}.StorageContainer{position:absolute;top:48px;left:20px;right:20px;margin-top:14px;margin-left:40px;margin-right:40px;width:var(--small-screen-width);height:450px;background-color:#79663f;border:4px solid #383737;border-radius:5px}.inventory-grid{display:grid;grid-template-columns:repeat(4,400px);overflow-x:hidden;margin-left:7px;margin-top:5px;height:500px;scrollbar-width:none;-ms-overflow-style:none;width:calc(var(--small-screen-width) * .05)}.inventory-grid::-webkit-scrollbar{display:none}.inventory-item{width:76px;height:76px;margin:3px;border:5px solid rgb(75,72,72);background-color:#1f1f1f;text-align:center;line-height:80px;border-radius:10px}.inventory-item:hover{background-color:#817474}.item-wrapper{position:relative;display:inline-block}.item-quantity{position:absolute;bottom:9px;right:8px;color:#fff;padding:2px 5px}.item-info{height:140px;width:400px;position:absolute;display:flex;margin-top:550px;margin-left:46px;background-color:#636363;border:5px solid #1f1f1f}.item-info-image{height:120px;width:120px;margin:10px}.item-info-text h1,h3{margin:5px}.camp-container{position:absolute;height:calc(var(--hd-height) * (14/15));top:calc(var(--hd-height) * (1/15));left:calc(var(--hd-width) * .025);right:calc(var(--hd-width) * .025)}.camp-map{display:flex;position:relative;justify-content:center}.camp-image{position:absolute;width:400px}#camp-image{top:8px}#camp-frame{width:416px}.building-slot{width:64px;height:64px}.building-slot:hover>.building-icon{stroke:#d2db7f}.building-box{width:64px;height:64px;fill:#8c5a3c;stroke:#000;stroke-width:6;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;paint-order:normal}.building-circle{display:inline;fill-rule:evenodd;stroke:#000;stroke-width:6;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal}.building-diamond{fill:#8c5a3c;fill-opacity:1;stroke:#000;stroke-width:6;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:normal}.building-icon{width:36px;height:36px;display:inline;fill:none;stroke:#a4b28e;stroke-width:6;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1}.building-info-container{position:relative;top:calc(var(--hd-height) * (9/15));margin-left:16px;margin-right:16px}.building-info-title{font-size:24px;font-weight:700}.building-info-details{font-size:16px}.upgrade-building-button{width:64px;height:24px;position:absolute;right:24px;top:24px;text-align:center;background-color:#fcf5e5;border:2px solid #A19D95;border-radius:1px;outline:solid 3px #3F200F;box-shadow:0 0 0 3pt #3f200f}.tab-bar{display:grid;position:absolute;width:calc(var(--hd-width) * .3);height:calc(var(--hd-height) * (1/15));margin-left:calc(var(--hd-width) * .025);margin-right:calc(var(--hd-width) * .025);left:calc(var(--hd-width) * .025);right:calc(var(--hd-width) * .025);grid-template-columns:repeat(3,1fr);align-items:center;justify-content:center}.tab-button{height:20px;width:96px;margin:4px;font-size:12px;text-align:center;outline:none;color:#d3d3d3;background-color:#613414;border:1px solid rgb(73,73,73);border-radius:8px;font-family:Papyrus,"Fantasy";font-weight:700;padding:0}.tab-button:active{background-color:#61412d;box-shadow:0 2px #666;transform:translateY(2px)}.tab-button:hover{background-color:#311b15}.tab-bar button{height:40px;width:192px;margin:4px;font-size:18px;text-align:center;outline:none;color:#d3d3d3;background-color:#613414;border:1px solid rgb(73,73,73);border-radius:3px;font-family:Papyrus,"Fantasy";font-weight:700;padding:0}#tasks-button,#heroes-button,#gods-button{margin-left:16px;margin-right:16px}.hero-container{position:absolute;height:calc(var(--hd-height) * (14/15));top:calc(var(--hd-height) * (1/15));left:calc(var(--hd-width) * .025);right:calc(var(--hd-width) * .025)}.hero-subtitle{height:calc(var(--hd-height) * (1/30));margin-top:calc(var(--hd-height) * (1/60));margin-bottom:calc(var(--hd-height) * (1/60));margin-left:calc(var(--hd-width) * .0125);margin-right:calc(var(--hd-width) * .0125);font-size:24px;font-weight:700}.hero-view{display:flex;height:calc(var(--hd-height) * (6/15));right:0}.hero-portrait{width:144px;height:208px;position:relative;margin-left:calc(var(--hd-width) * .0125);margin-right:calc(var(--hd-width) * .0125)}#hero-background,#hero-image{padding:8px;position:absolute;top:0;left:0}#hero-frame{position:absolute;top:0;left:0}.info-box{display:flex;flex-direction:column;width:calc(var(--hd-width) * .2125);height:calc(var(--hd-height) * (6/15))}.info-pair{display:flex;flex-direction:row;height:22px;align-items:center;gap:5px}.info-label,.info-value{height:22px;align-items:center}.stats-container{display:grid;position:relative;grid-gap:10px;width:calc((var(--hd-width) - 4px) * .3);height:calc((var(--hd-height) - 4px) * (6/15));margin-left:calc(var(--hd-width) * .025);margin-right:calc(var(--hd-width) * .025);background-color:#e3cda2;border:2px solid #A19D95;border-radius:1px;outline:solid 2px #3F200F;box-shadow:0 0 0 3pt #3f200f}.lower-tab-bar{display:grid;position:absolute;grid-template-columns:56px 136px 96px 96px;height:calc(var(--hd-height) * (1/15));left:0;right:0}.lower-tab-title{width:calc(var(--hd-width) * .0375);height:calc(var(--hd-height) * (2/45));margin:2px 2px 0 6px;font-size:24px;font-weight:700}#stats-button,#skills-button,#other-button{width:calc(var(--hd-width) * .06875);height:calc(var(--hd-height) * (2/45));margin:2px 4px 0;border-radius:4px}#other-button{width:calc(var(--hd-width) * .1)}#hero-buttons{height:calc(var(--hd-height) * (1/15));left:0;bottom:0}#create-button,#save-button,#level-button{margin-left:16px;margin-right:16px}.skills-box{display:grid;position:absolute;grid-template-columns:repeat(2,96px);top:calc(var(--hd-height) * (2/15))}#left-skills-box{left:0;right:50%}#right-skills-box{left:50%;right:0}.skill-label{height:22px;margin-top:7px;margin-bottom:7px;align-items:center}.skill-value{height:22px;margin-top:7px;margin-bottom:7px;left:calc(var(--hd-height) * (1/18));align-items:center;text-align:center}.lvl-button{height:26px;width:26px;margin-top:5px;margin-bottom:5px;font-size:16px;text-align:center;cursor:pointer;outline:none;color:#d3d3d3;background-color:#613414;border:1px solid rgb(73,73,73);border-radius:8px;font-family:Papyrus,"Fantasy";font-weight:700;padding:0}.lvl-button:active{background-color:#61412d;box-shadow:0 2px #666;transform:translateY(2px)}.lvl-button:hover{background-color:#311b15}.stats-bar{display:grid;position:absolute;grid-template-columns:repeat(4,96px);height:calc(var(--hd-height) * (1/15));top:calc(var(--hd-height) * (1/15));left:0;right:0}.stats-subtitle{margin:0;width:96px;height:calc(var(--hd-height) * (1/30));text-align:center;font-size:18px}.stats-box{display:grid;position:absolute;grid-template-columns:repeat(4,48px);top:calc(var(--hd-height) * (2/15))}#primary-stats{left:0;right:50%}#secondary-stats{left:50%;right:0}.stat-label{height:22px;margin-top:7px;margin-bottom:7px;align-items:center}.stat-value{height:22px;margin-top:7px;margin-bottom:7px;left:calc(var(--hd-height) * (1/18));align-items:center;text-align:center}#unlvl-con,#unlvl-int,#unlvl-str,#unlvl-dex,#unlvl-wis{margin-left:17px;margin-right:5px}#lvl-con,#lvl-int,#lvl-str,#lvl-dex,#lvl-wis{margin-left:5px;margin-right:17px}.tasks-container{position:absolute;height:calc(var(--hd-height) * (14/15));top:calc(var(--hd-height) * (1/15));left:calc(var(--hd-width) * .025);right:calc(var(--hd-width) * .025)}.tasks-bar{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;justify-content:center;width:calc(var(--hd-width) * .3);height:calc(var(--hd-height) * (1/15));margin-left:calc(var(--hd-width) * .025);margin-right:calc(var(--hd-width) * .025)}.hero-buttons-tab-bar{display:grid;grid-template-columns:repeat(8,1fr);align-items:center;justify-content:center;width:calc(var(--hd-width) * .3);height:calc(var(--hd-height) * (1/15));margin-left:calc(var(--hd-width) * .025);margin-right:calc(var(--hd-width) * .025)}#new-task-button,#delete-task-button,#deploy-task-button{margin-left:16px;margin-right:16px}.task-settings{width:calc(var(--hd-width) * .35);height:calc(var(--hd-height) * (6/15))}.select-label{width:calc(var(--hd-width) * .075)}.select-value{position:absolute;top:13px;left:16px;height:22px;width:calc(var(--hd-width) * (1/8));border:none;font-size:16px;font-family:Sylfaen,"Fantasy";font-weight:700;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;cursor:pointer}.select-dropdown{border:2px solid #A19D94;box-sizing:border-box}.task-settings-lower{display:grid;width:416px;height:192px;grid-template-columns:repeat(2,208px);margin-left:24px}#add-to-inventory,#remove-from-inventory{width:64px;height:24px;margin:0}.select-setting{display:grid;height:calc(var(--hd-height) * (1/15));margin-left:24px;grid-template-columns:repeat(2,auto);align-items:center}.select-name{width:calc(var(--hd-width) * .075)}.select-box{position:relative;width:256px;height:48px;align-items:center;justify-content:center}.select-box-background{position:absolute;top:13px;left:10px}.select-box-frame{top:3px;position:absolute}.value-selector{position:absolute;top:13px;left:16px;height:22px;width:calc(var(--hd-width) * (1/8));border:none;font-size:16px;font-family:Sylfaen,"Fantasy";font-weight:700;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;cursor:pointer}.selected-value{position:absolute;width:calc(var(--hd-width) * (1/8))}.select-dropdown{position:relative;width:calc(var(--hd-width) * (1/8) + 6px);top:22px;left:-3px;border:2px solid #A19D94;box-sizing:border-box;z-index:1}.select-dropdown-option{position:absolute;background-color:#fff;height:22px;width:calc(var(--hd-width) * (1/8));padding:1px;z-index:1}.list-setting{display:grid;width:208px;height:192px;grid-template-rows:repeat(3,auto);align-items:center}.list-label{display:flex;width:calc(var(--hd-width) * .15);height:calc(var(--hd-height) * (1/15));align-items:center;justify-content:center}.list-box{position:relative;width:192px;height:108px}.list-box-background{position:absolute;top:10px;left:10px}.list-box-frame{position:absolute}.list-box-names{display:grid;grid-template-rows:repeat(4,22px);height:88px;width:160px;position:absolute;top:10px;left:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.party-member-name{display:flex;align-items:center;justify-content:flex-start;height:22px;font-size:14px}.party-buttons{display:grid;grid-template-columns:repeat(2,96px);width:192px;height:32px;align-items:center;justify-items:center}#add-to-party,#remove-from-party{width:64px;height:24px;margin:0}.task-board{position:relative;width:calc(var(--hd-width) * .3);height:calc(var(--hd-height) * (7/15));margin-left:calc(var(--hd-width) * .025);margin-right:calc(var(--hd-width) * .025)}.task-board-background{position:absolute;top:10px;left:10px}.task-board-frame{position:absolute}.tasks-list{display:grid;grid-template-rows:repeat(12,22px);width:352px;height:264px;position:absolute;top:10px;left:16px;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none}.task-board-bar{display:grid;grid-template-columns:repeat(2,1fr);align-items:center;justify-content:center;width:calc(var(--hd-width) * .3);height:calc(var(--hd-height) * (1/15));position:absolute;bottom:0}#ongoing-tasks-button,#completed-tasks-button{width:128px;height:32px;margin-left:32px;margin-right:32px;border-radius:4px}.right-panel-bottom-buttons{display:grid;grid-template-rows:repeat(2,calc(var(--hd-height) * .05));position:absolute;height:calc(var(--hd-height) * .1);width:calc(var(--hd-width) * .15);top:calc(var(--hd-height) * .9);left:calc(var(--hd-width) * .025)}.hero-gallery-container{position:absolute;height:calc(var(--hd-height) * .9);width:calc(var(--hd-width) * .15);left:calc(var(--hd-width) * .025);overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none}.hero-gallery-container::-webkit-scrollbar{display:none}.hero-gallery{display:grid;grid-template-columns:repeat(2,88px);grid-template-rows:repeat(1,120px);position:absolute;width:calc(var(--hd-width) * .15);height:calc(var(--hd-height) * .95)}.gallery-portrait{width:72px;height:104px;position:relative;margin-left:16px;margin-top:16px}.gallery-portrait-img{position:absolute;width:64px;height:96px;padding:4px}#gallery-hero-image{top:-4px}#gallery-hero-frame{width:72px;height:104px;padding:0}.gallery-hero-label{position:absolute;width:calc(1 / 1.125 * 100%);height:calc(24 / 104 * 100%);background-color:#fcf5e5;left:calc(1 / 18 * 100%);bottom:calc(1 / 26 * 100%);outline:solid #A19D95 1px}.gallery-hero-value{display:flex;width:100%;height:50%;margin:0;position:relative;justify-content:center;font-size:12px;font-weight:700;opacity:.99}#gallery-hero-name{top:calc(-1 / 24 * 100%)}#gallery-hero-level{top:calc(-2 / 24 * 100%)}@font-face{font-family:bloodCrow;src:url(/assets/bloodcrow-BSI6h6K0.ttf)}.user-input-container{width:var(--hd-width);height:var(--hd-height);display:grid;justify-content:center;align-items:center;position:relative}.user-input-background{position:absolute}.user-input-container label{font-weight:700;color:#252525;padding:10px;font-size:30px}.user-input-container input,select,option{padding:10px;font-size:30px;background-color:#a1a1a1;margin-bottom:20px;font-weight:700;color:#555554;border-radius:10px;box-shadow:inset 10px 10px 5px #0000004d,10px 10px 5px #0000004d}.user-input-container input:hover,select:hover,option:hover{background-color:#afafaf}.user-input-container button{height:90px;width:400px;font-style:italic;font-size:30px;font-weight:700;text-shadow:-2px 0 black,0 2px black,2px 0 black,0 -2px black;background-color:#5a2b2b;border-radius:20px;color:#d4d1d1;box-shadow:5px 5px 10px #000;margin-left:80px;margin-top:90px;position:fixed}.user-input-container button:hover{background-color:#913434}.user-input-title{font-family:bloodCrow;text-shadow:-2px 0 white,0 2px white,2px 0 white,0 -2px white;position:absolute;font-size:60px;margin-top:120px;margin-left:290px}.fading-element{background-color:#252525;opacity:0%;font-size:18px;transition:opacity 3s ease-in,opacity 1s ease-out;width:var(--hd-width);height:var(--hd-height);position:absolute;color:#dbd2d2;display:flex;justify-content:center;align-items:center;font-size:48px;overflow:hidden}.text{font-size:48px;animation:zoomIn 4s forwards}@keyframes zoomIn{0%{transform:scale(1)}to{transform:scale(1.5)}}.leftArrow{height:60px;margin-right:900px;margin-top:200px;position:fixed}.rightArrow{height:60px;margin-left:900px;margin-top:200px;position:fixed}.scenario{background-color:#c5975c;height:80%;width:80%;position:absolute;display:block;margin-left:10%;margin-top:4%;border:4px solid rgb(133,71,1)}.scenarioTop{display:flex;background-color:#e3b554;height:40px;width:100%;padding-top:1%;padding-bottom:1%;border-bottom:2px solid black;justify-content:center}.scenarioTopTitle{font-weight:700;font-size:30px;margin:0}.scenarioTop img{margin-top:0;margin-left:949px;width:35px;height:35px;position:fixed;border:4px solid rgb(117,71,10);border-radius:5px}.scenarioTop img:hover{border:4px solid rgb(216,86,0)}.scenarioBottom{position:absolute;height:514px;width:1024px;display:flex;flex-direction:row;justify-content:center;justify-items:center;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none}.scenarioStory{position:absolute;height:514px;width:760px;display:grid;justify-items:center;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none;background-color:#edc774;border-left:20px solid rgb(136,90,29);border-right:20px solid rgb(136,90,29);border-radius:10px}.scenarioBottom h2{margin:20px 40px 40px;font-size:20px}.scenarioBottom li{margin:0 40px;font-size:20px}.NextDayButton{height:50px;width:200px;font-size:30px;font-weight:700;background-color:#5e4000;color:#cecece;border-radius:10px;margin-bottom:10px}.scenarioBottom button:hover{color:#fff;background-color:#6e4f0c}.scenarioBottom,.scenarioStory{overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.scenarioBottom::-webkit-scrollbar,.scenarioStory::-webkit-scrollbar{display:none}.scenarioContentWrapper{display:flex;flex-direction:column;justify-content:flex-end}.draggable-portrait{width:72px;height:104px;position:absolute}.draggable-portrait-img{position:absolute;width:64px;height:96px;padding:4px}#draggable-hero-image{top:-4px}#draggable-hero-frame{width:72px;height:104px;padding:0}.draggable-hero-label{position:absolute;width:calc(1 / 1.125 * 100%);height:calc(24 / 104 * 100%);background-color:#fcf5e5;left:calc(1 / 18 * 100%);bottom:calc(1 / 26 * 100%);outline:solid #A19D95 1px}.draggable-hero-value{display:flex;width:100%;height:50%;margin:0;position:relative;justify-content:center;font-size:12px;font-weight:700;opacity:.99}#draggable-hero-name{top:calc(-1 / 24 * 100%)}#draggable-hero-level{top:calc(-2 / 24 * 100%)}.heroes-selection-container{width:var(--hd-width);height:var(--hd-height);align-items:center;position:relative;background-color:#b1825c}.heroes-container{position:absolute;width:calc(var(--hd-width) / 3 - 96px);height:calc(var(--hd-height) * .8 - 96px);padding:16px;margin:32px;outline:dashed 4px black;background-color:#e5c38a}#hero-pool-container{left:0}#chosen-heroes-container{right:0}.selected-hero-container{position:absolute;width:calc(var(--hd-width) / 3);height:calc(var(--hd-height) * .8);padding:0;margin:0;outline:dashed 4px black;left:calc(var(--hd-width) / 3);top:32px;background-color:#e5c38a}.set-sail-button{width:128px;height:32px;position:absolute;left:calc(var(--hd-width) * .5 - 64px);bottom:64px;outline:solid 4px black;background-color:#f6ebe5;text-align:center;font-size:24px}.set-sail-button:hover{background-color:#b4c487}.set-sail-button:active{background-color:#83b2bc}.optionsModal{position:absolute;width:100%;height:100%}.optionsBackground{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#282828;opacity:.5}.modalFrame{position:absolute;background-color:#986b2f;height:40%;width:40%;margin-left:29%;margin-top:18%;border:10px solid rgb(79,43,2)}.modalContent{display:flex;flex-direction:column;align-items:center;justify-content:center;height:288px;width:512px}.saveButton{height:40px;width:190px;border:3px solid black;background-color:#5c1d1d;color:#fff;border-radius:7px;margin:5px}.saveButton:hover{background-color:brown}.saveButton:active{background-color:#241811;transform:translateY(4px)}.sliderFrame{display:flex;justify-content:center;align-items:center;flex-direction:column;height:50px;width:185px;border:3px solid black;background-color:#5c1d1d;color:#fff;border-radius:7px;margin:5px}.sliderFrame:hover{background-color:brown}.returnToMenuButton{height:40px;width:190px;border:3px solid black;background-color:#5c1d1d;color:#fff;border-radius:7px;margin:5px}.returnToMenuButton:hover{background-color:brown}.returnToMenuButtonveButton:active{background-color:#241811;transform:translateY(4px)}