@import"https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap";@layer components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-black:#000;--color-white:#fff;--spacing:.25rem;--font-weight-bold:700;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.grid{display:grid}.hidden{display:none}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-5{border-style:var(--tw-border-style);border-width:5px}.border-solid{--tw-border-style:solid;border-style:solid}.border-white{border-color:var(--color-white)}.bg-black{background-color:var(--color-black)}.bg-white{background-color:var(--color-white)}.pr-5{padding-right:calc(var(--spacing)*5)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.text-black{color:var(--color-black)}.text-white{color:var(--color-white)}}html,body{-webkit-user-select:none;user-select:none;min-height:100%}body{font-family:Space Mono,monospace;font-style:normal;font-weight:400}.page-default-alignment{flex-direction:row;min-height:100%;display:flex}@media(max-width:800px){.page-default-alignment{flex-direction:column-reverse;width:100%}}button{cursor:pointer}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}.main-interface{width:100%;height:auto;min-height:100vh;background:#000;display:flex}@media(max-width:1000px){.main-interface{width:100%;height:fit-content;padding-bottom:10px}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#5e5c5c}::-webkit-scrollbar-thumb{background:#939191}.nav-bar{background:#000;height:auto;align-self:stretch;display:flex;border-right:white solid 2px;color:#fff;flex-direction:column;width:150px;z-index:999}@media(max-width:1000px){.nav-bar{flex-direction:row;width:100%;justify-content:center;position:fixed;bottom:0;height:70px}}.nav-bar button{padding:10px 10px 0;width:100%;white-space:nowrap;display:flex;justify-content:center;align-items:center}@media(max-width:1000px){.nav-bar button{height:100%}}.nav-bar button:hover:not(.selected){background:#fff3;color:#fff}.management-staff-tab,.development-tab{display:flex;flex-direction:column;height:100%;flex-grow:1}.staff-management-tab-header,.development-tab-header{display:flex;flex-direction:row;justify-content:space-between;background:#f4f3f3;padding-inline:10px;padding-top:10px;height:130px;width:100%;padding-right:30px}.tab-title-display{display:flex;justify-content:space-between;margin-bottom:50px}.tab-title-display h1{background-color:#000;color:#fff;padding:5px 30px 5px 2px;display:inline-block;font-size:2em;height:fit-content}.staff-management-tab-body,.development-tab-body{border-top:2px solid #000000;position:relative;height:100%}.staff-management-department-tab-list,.development-type-tab-list{display:flex;flex-direction:row;gap:0;position:absolute;bottom:100%;padding-left:5px}.staff-management-department-tab-list li button,.development-type-tab-list li button{border:2px solid black;border-top-left-radius:4px;border-top-right-radius:4px;padding:5px;border-bottom:none}.main-management-container,.main-development-container{height:100%;background:#000;padding-top:1px}@media(max-width:1000px){.main-management-container,.main-development-container{padding-bottom:100px}}.staff-Details{display:flex;justify-content:space-between;width:100%;padding-inline:100px;margin-top:10px;gap:10px}@media(max-width:1000px){.staff-Details{padding-inline:40px;flex-wrap:wrap}}@media(max-width:1000px){.members-list-view{flex-grow:1}}.members-list-box{height:300px;width:400px;display:flex;flex-direction:column}@media(max-width:1160px){.members-list-box{height:200px;width:100%;flex-grow:1}}.members-list{background:#e2e2dd60;overflow-y:auto;height:100%;flex:1;width:100%;border:2px solid #e2e2dd90;border-top:none}.members-list-box-heading{color:#fff;display:flex;justify-content:center;width:100%;padding-block:5px;border:2px solid #e2e2dd90}.member-list-names{padding-block:2px;border-bottom:2px solid #e2e2dd90;width:100%;display:flex;padding:0}.member-list-names button{flex:1;height:100%;width:100%;border:none;margin:0;text-align:left;padding:0 0 0 10px}.member-list-names:not(.selected){color:#fff}.member-list-names:not(.selected):hover{background:#d5ccda80;color:#000}.members-stats-box{min-width:50px;height:fit-content;display:flex;flex-direction:column;justify-content:center;gap:10px;align-self:center;flex-grow:1}.skill-progress-bars{width:100%;display:flex;flex-direction:column;gap:5px}.progress-bar-label{white-space:nowrap;padding-left:10px}.life-label{color:#fff;padding-block:7px}.base-ap-label{font-size:10px}.base-ap-value{font-size:25px}.base-ap{color:#fff;background:#b90005;padding-right:15px;padding-left:5px}.life{flex:1}.life-and-base-ap{display:flex;gap:5px}.member-profile-image-box{max-width:fit-content;min-width:fit-content;max-height:fit-content;min-height:fit-content;display:flex;flex-direction:column;justify-content:center;align-items:center;align-self:flex-end}@media(max-width:565px){.member-profile-image-box{align-self:flex-start}}@media(max-width:1000px){.member-profile-img{width:200px}}@media(max-width:565px){.member-profile-img{width:150px}}@media(max-width:400px){.member-profile-img{width:100%}}.department-name-and-level-and-head-count{margin-top:20px;margin-left:10px;display:flex;justify-content:space-between;padding-inline:30px;color:#fff;font-size:30px}@media(max-width:1000px){.department-name-and-level-and-head-count{flex-direction:column;font-size:30px}}.level-and-member-count{display:flex;gap:30px}@media(max-width:1000px){.level-and-member-count{font-size:20px}}.member-count-img{height:40px}@media(max-width:1000px){.member-count-img{height:30px}}.member-count{display:flex;gap:5px}.staff-operations{display:flex;flex-direction:row;justify-content:center;gap:20px;margin-top:20px}@media(max-width:1000px){.staff-operations{margin:40px}}.staff-operations button{padding:5px;padding-inline:10px}.transfer-buttons li button{background-color:#02c602;margin-bottom:10px;width:100%;text-align:left;padding-inline:10px;box-shadow:-5px 5px #037a03}.transfer-buttons li button:disabled{cursor:not-allowed;background-color:#087108;box-shadow:none}.kick-out-button{background-color:#d11010;color:#fff;height:fit-content;box-shadow:-5px 5px #870404}.sort-drop-down{display:flex;gap:7px;justify-content:flex-end;margin-bottom:10px}.drop-down-selection-box{background:#ffffff60;border:2px solid #ffffff;color:#fff;outline:none;padding-right:10px}.development-type-name-and-item-type{margin-top:30px;margin-left:10px;display:flex;justify-content:space-between;padding-inline:30px;color:#fff;font-size:30px}@media(max-width:800px){.development-type-name-and-item-type{flex-direction:column}}.item-type-name{margin-right:20px;color:#fff}@media(max-width:800px){.item-type-name{font-size:20px}}.item-type-list{display:flex;align-items:flex-end;border-bottom:2px solid #ffffff}.item-type-list li{align-self:flex-end;display:flex}.item-type-list li button{color:#fff;border-bottom:none;padding:10px;align-self:flex-end}.item-tab-selected{background:#ffffff60;border:2px solid #ffffff}.item-tab-unselected{border:2px solid transparent}.items-development-box{display:flex;flex-direction:column;height:450px;margin-inline:40px;margin-top:10px}.items-to-develop{flex-grow:1;background:#ffffff60;border:2px solid #ffffff;border-top:none;color:#fff;overflow-y:auto;padding:15px}.items-to-develop-list{display:grid;gap:10px}@media(min-width:1000px){.items-to-develop-list{grid-template-columns:1fr 1fr 1fr 1fr}}.item-card{background:#ffffff60;border:2px solid #ffffff;color:#fff;display:flex;min-width:300px;height:fit-content;gap:10px;padding:5px;overflow:hidden}@media(min-width:1000px){.item-card{height:200px}}.item-name{background:#000;color:#fff;width:fit-content;padding-left:2px;padding-right:10px;white-space:normal}.item-details{padding:2px;display:flex;flex-direction:column;color:#000;width:100%}.item-card-btn{background:#000;border:2px solid #ffffff;padding:10px;font-size:14px;color:#fff;width:100%}.item-card-btn:first-child{border-bottom:0}.item-card-btn-developed{background:#2461fb;border:2px solid #ffffff;padding:10px;font-size:14px;color:#fff;width:100%}.item-card-btn-unmet-requirements{background:#959697;border:2px solid #ffffff;padding:10px;font-size:14px;color:#000;width:100%}.item-desc{font-size:15px;width:100%;display:flex;flex-direction:column;justify-content:space-between;flex:1}.start-development-and-see-reqs-btn{margin-top:auto}.close-show-req-btn{background:#ffffff60;border:.5px solid #ffffff;padding-left:5px;padding-right:10px}.all-requirements{font-size:13px;display:flex;flex-direction:column}.items-resources-requirements{max-height:80px;overflow-y:auto;padding-right:10px}.cycling-button{display:flex;justify-content:space-between;padding-inline:100px}.cycling-button button{color:#000;background-color:#34da34;padding:10px;border:black solid 1px}.item-card-btn-developing{border:2px solid #ffffff;padding:10px;font-size:14px;color:#000;width:100%;text-decoration:none;transition:.4s;background-image:linear-gradient(131deg,#ffd680 25%,#eba422 25% 50%,#ffd680 50% 75%,#eba422 75% 100%);background-size:53px 60px;animation:stripes 4s linear infinite}@keyframes stripes{0%{background-position:0 0}to{background-position:160px 0}}.toolbox{display:flex;justify-content:center;width:100%;max-width:calc(100vw - 60px)}.toolbox button{margin-left:10px;width:2em;background-color:red}.mission-select-screen{height:100%;background-color:#000;color:#fff;position:relative;display:flex;align-items:center;justify-content:center;padding:10px;width:100%;flex-grow:1}.selected-scout-profile{background:#b30b0b;display:flex;width:fit-content;margin-right:20px;border:1px solid white}.scout-face{background:#fff;border:1px solid white;border-right:none;display:flex;flex-direction:column;justify-content:space-between;color:#000}.scout-face-and-name{width:91px}.name-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scout-inventory{background:#000;display:flex;flex-direction:column;color:#fff}.scout-inventory li{flex-grow:1;border:1px solid white;width:70px;display:flex;padding:1.5px}.scout-inventory li button{flex-grow:1;background-color:#000;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:2px;font-size:14px}.scout-inventory li button.item-in-inventory{background-color:#fff;color:#000}.selected-members-showcase{display:flex;flex-wrap:wrap}.team-members-and-start{display:flex;align-items:center;margin-top:100px;width:100%;flex-wrap:wrap;justify-content:center}.mission-start-btn{align-self:flex-end;appearance:none;background-color:#000;border:1px solid white;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-family:Clarkson,Helvetica,sans-serif;font-size:14px;font-weight:500;letter-spacing:0;line-height:1em;margin:0;opacity:1;outline:0;padding:1.5em 2.2em;position:relative;text-align:center;text-decoration:none;text-rendering:geometricprecision;text-transform:uppercase;transition:opacity .3s cubic-bezier(.694,0,.335,1),background-color .1s cubic-bezier(.694,0,.335,1),color .1s cubic-bezier(.694,0,.335,1);user-select:none;-webkit-user-select:none;touch-action:manipulation;vertical-align:baseline;white-space:nowrap}.mission-start-btn.fill-enabled:before{animation:opacityFallbackOut .5s step-end forwards;backface-visibility:hidden;background-color:#fff;clip-path:polygon(-1% 0,0 0,-25% 100%,-1% 100%);content:"";height:100%;left:0;position:absolute;top:0;transform:translateZ(0);transition:clip-path .5s cubic-bezier(.165,.84,.44,1),-webkit-clip-path .5s cubic-bezier(.165,.84,.44,1);width:100%}.mission-start-btn.fill-enabled:hover:before{animation:opacityFallbackIn 0s step-start forwards;clip-path:polygon(0 0,101% 0,101% 101%,0 101%)}.mission-start-btn.fill-enabled:after{background-color:#fff}.mission-start-btn.fill-enabled span{z-index:1;position:relative;transition:color .2s cubic-bezier(.694,0,.335,1)}.mission-start-btn.fill-enabled:hover span{color:#000}.mission-start-btn.fill-enabled span{z-index:1;position:relative}.inventory-weapons-select-overlay{width:100%;height:100%;position:absolute;z-index:5;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.inventory-items-select-container{max-width:500px;min-width:500px;min-height:fit-content;width:fit-content;background:#3c3c3be6;border:2px solid #e2e2dd90;padding:10px;overflow-y:hidden;display:flex;flex-direction:column;z-index:6}.inventory-items-select-container-title{display:flex;justify-content:space-between;margin-bottom:5px}.close-inventory-items-select-container{padding:3px;padding-inline:10px;border:.5px solid transparent}.close-inventory-items-select-container:hover{border:.5px solid #e2e2dd90;background-color:#fbfbf933}.inventory-items-select-list{display:flex;align-items:flex-end;border-bottom:2px solid rgba(244,244,241,.56)}.inventory-items-select-list li{align-self:flex-end;display:flex}.inventory-items-select-list li button{color:#fff;border-bottom:none;padding:10px;align-self:flex-end}.inventory-items-inactive-tab{border:2px solid transparent}.active-tab{border:2px solid #e2e2dd90}.all-developed-items{max-height:280px;min-height:280px;overflow-y:auto}.item-category{margin-top:5px}.item-category-heading{display:flex;justify-content:space-between;background-color:#fff;color:#000;padding:10px}.item-category-heading h3{align-self:center}.item-category-expand-collapse-btn{font-size:20px;transition:transform .3s ease-in-out}.after-click{transform:rotate(90deg)}.items-table{margin-top:0;width:100%}td,th{border:1px solid #dddddd;text-align:left;padding:8px}.clear-selection-btn{margin-top:10px;background:#000;border-radius:1.5rem;padding:8px;font-size:13px;cursor:pointer}.clear-selection-btn-and-label{align-self:flex-end}.clear-selection-btn:hover{background:#fff;color:#000}.team-selection-and-mission-start{width:100%}.team-members-and-mission-select-section{display:flex;align-items:stretch;justify-content:center;height:300px;gap:20px;flex-wrap:wrap}.select-mission-header{background-color:#d11010;color:#fff;position:absolute;bottom:90%;padding:10px 30px 30px 10px;margin-left:25px;font-size:30px}.mission-select-section{padding:0;display:flex;border:1px solid white;justify-content:flex-start}.map-window{width:500px;border:2px solid #e2e2dd90;overflow:hidden;position:relative;display:flex;background-color:#000;border-right:none}.header-and-map-and-missions{position:relative;height:300px}.mission-name-and-description{background-color:#d11010;position:absolute;top:80%;left:38%;padding:10px}.mission-desc{width:500px;height:50px;overflow:hidden;text-overflow:ellipsis}.map-and-missions{display:flex;height:100%;justify-content:space-between;flex:1;margin-left:50px}.mission-list-div{border:2px solid #e2e2dd90;padding:3px}.missions-list{display:flex;flex-direction:column;border:.5px solid #e2e2dd90;overflow:auto;height:230px;width:300px}.mission-list-item-active{background-color:#d11010}.mission-list-item{padding-block:2px;width:100%;display:flex;padding:0;border-bottom:1px solid #e2e2dd90}.mission-list-item-btn{flex:1;height:100%;width:100%;border:none;margin:0;text-align:left;padding:0 10px 0 5px}.gameboard-header{display:flex;align-items:center;padding:2px}.gameboard-header div{padding-left:10px}.gameplay-area{display:flex;flex-direction:column}.game-and-panel{display:flex;background:#ff3375;box-shadow:-10px 10px #add8e6}.player-control-panel{border:3px solid black;margin-block:1px;margin-left:2px;width:400px;padding:10px}.board{height:100vh;width:100vw;background-color:#fff;color:#000;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column}.game-over-screen{max-width:500px;min-width:500px;min-height:fit-content;width:fit-content;position:absolute;background:#3c3c3be6;border:2px solid #e2e2dd90;padding:10px;overflow-y:hidden;display:flex;flex-direction:column;z-index:1;justify-content:center;align-self:center;color:#fff}.cell{background-color:#d88e45;border:.5px solid white;height:75px;width:75px;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.cell:hover{background-color:#eda45b}.board-columns{width:fit-content;display:flex}.player-cell{background-color:#34da34;width:80px;height:80px;display:flex;justify-content:center;align-items:center}.enemy-cell{background-color:#2b7cea;width:80px;height:80px;display:flex;justify-content:center;align-items:center}.playerSelectBorder{border:5px solid #45ed45;background-color:#eda45b}.enemySelectBorder{border:5px solid #ff0026;background-color:#eda45b}.attackLocationsSelectBorder{border:1px solid #fae800;background-color:#eda45b}.end-turn-btn{width:120px;height:60px;border:1px solid black;color:#fff;background-color:#000}.img-flip{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.inventory-items{display:flex;flex-direction:row}.inventory-items-btn{padding:20px;border:1px solid black}.active-click{background-color:#34da34;border:1px solid black}.go-back-button{padding:10px;border:1px solid black;background-color:#000;color:#fff}.home-tab{width:100%;min-height:100%;flex-direction:column;position:relative}.home-header{display:flex;justify-content:space-between;align-items:center;padding-inline:20px;padding-block:30px;background:#3c3c3be6;border-bottom:2px solid #e2e2dd90;z-index:1}.user-name-handle{border-left:2px solid #ffffff;padding-inline:10px;color:#fff}.home-title{color:#fff}.home-screen{position:relative;width:100%;height:calc(100vh - 86px);background-color:#000;overflow:hidden}.resources-display{color:#fff;width:fit-content;position:absolute;bottom:7%;left:3%;min-height:fit-content;background:#3c3c3be6;border:2px solid #e2e2dd90;padding:10px;overflow-y:hidden;display:grid;grid-template-columns:1fr 1fr 1fr;flex-direction:column;z-index:1}.resources-display li{padding-right:10px}.canvas{align-self:stretch;height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;position:absolute}@media(max-width:1250px){.canvas{top:0;left:-300px}}@media(max-width:1000px){.canvas{top:0;left:-400px}}
