*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;background-color:#ececec;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:100vw;height:90vh}h1{font-size:3.2em;line-height:1.1}.background-graphics{position:absolute;top:0;left:0;width:100vw;height:100vh;background-image:url(/catan_board_generator/assets/water-BMPNezXl.png);background-size:cover;clip-path:polygon(0% 0%,75% 0%,48% 100%,0% 100%,0% 0%);align-items:center}.second-background-graphic{position:absolute;top:0;left:0;width:100vw;height:100vh;background-color:#275bb53d;clip-path:polygon(48% 0%,100% 0%,100% 100%,75% 100%,48% 0%)}.window{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:right}.title{position:absolute;display:flex;flex-direction:column;align-items:center;width:40vw;height:30vw;color:#404040;left:58%;top:5%;padding-top:5%;margin:0}.title h1,h2{margin:0;font-weight:600}.catan-logo{position:absolute;top:-5%;right:-5%}.button{position:relative;border-radius:8px;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#404040;cursor:pointer;transition:border-color .25s;color:#e2e2e2;min-height:fit-content;min-width:fit-content;transition:background-color .25s,color .25s;box-shadow:0 0 5px #0003;margin-top:39%;right:2%;scale:1.5}.button:hover{background-color:#e2e2e2;color:#404040}.back-button{position:relative;padding:.6em 1.2em;font-size:1em;font-weight:800;font-family:inherit;cursor:pointer;transition:border-color .25s;color:#404040;min-height:fit-content;min-width:fit-content;transition:scale .25s,color .25s;margin-top:3%;right:2%}.back-button:hover{scale:1.1}.board-container{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;left:10%;padding:15% 5% 5%;width:100%;height:100%}.row-1,.row-2,.row-3,.row-4,.row-5{position:relative;display:flex;flex-direction:row;margin:-19px}.tile-stone,.tile-clay,.tile-hay,.tile-wood,.tile-sheep,.tile-desert{position:relative;width:10vw;height:11vw;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);display:flex;justify-content:center;align-items:center;color:#fff;font-weight:700;margin-left:-3px;margin-right:-3px}.tile-stone{display:flex;background-size:contain;background-repeat:no-repeat;background-image:url(/catan_board_generator/assets/stone-CAfpkHDf.png);background-position-y:-1px;background-position-x:4px}.tile-clay{display:flex;background-size:contain;background-repeat:no-repeat;background-image:url(/catan_board_generator/assets/clay-CgZiWLjg.png);background-position-y:-1px;background-position-x:4px}.tile-hay{display:flex;background-size:contain;background-repeat:no-repeat;background-image:url(/catan_board_generator/assets/hay-DwBiTfer.png);background-position-y:-1px;background-position-x:4px}.tile-wood{display:flex;background-size:contain;background-repeat:no-repeat;background-image:url(/catan_board_generator/assets/wood-BPH1qOI5.png);background-position-y:-1px;background-position-x:4px}.tile-sheep{display:flex;background-size:contain;background-repeat:no-repeat;background-image:url(/catan_board_generator/assets/sheep-CMLTDPG5.png);background-position-y:-1px;background-position-x:4px}.tile-desert{display:flex;background-size:contain;background-repeat:no-repeat;background-image:url(/catan_board_generator/assets/desert-DoQjF9Ip.png);background-position-y:-1px;background-position-x:4px}.value{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0;padding:0}.value{outline:2px solid rgb(107,91,70);width:4vw;height:4vw;border-radius:50%;color:#404040;display:flex;justify-content:center;align-items:center;background-color:#fcca4b;font-size:xx-large}.pips{position:absolute;margin:0;padding:0;bottom:1.7vw;justify-self:center;font-size:xx-large;color:#fff}.red-number{outline:2px solid rgb(107,91,70);width:4vw;height:4vw;border-radius:50%;color:red;display:flex;justify-content:center;align-items:center;background-color:#fcca4b}.ownership{position:absolute;font-weight:800;font-size:small;top:96%;left:87%;color:#969696}.dark-page{background-color:#fff;display:flex;flex-direction:row;align-items:center;justify-items:center;width:100vw;height:100vh;margin-top:5%;overflow:hidden}.dark-page-image{position:fixed;top:-.5%;left:0;width:100vw;height:100vh;object-fit:fill;justify-content:left;justify-items:left}.dark-buttons-box{position:fixed;width:22vw;height:16.5vh;left:69vw;top:81vh;z-index:9999;display:flex;flex-direction:column}.dark-reload-and-back{display:flex;flex-direction:row;height:49%}.dark-reload-button{position:relative;width:53%;height:100%;left:2.7%;cursor:pointer}.dark-reload-button:hover{background-color:#ffffff6d;cursor:pointer}.dark-back-button{position:relative;width:41.5%;height:100%;left:3.5%;cursor:pointer}.dark-back-button:hover{background-color:#ffffff6d}.dark-content{width:68%;height:90%;position:fixed}.dark-save-buttons{position:relative;top:2%;left:2.5%;padding:0;width:96%;height:47%;display:flex;flex-direction:row}.dark-save-1,.saved-1,.empty-save-1,.dark-save-2,.saved-2,.empty-save-2,.dark-save-3,.saved-3,.empty-save-3{width:33.3%;height:100%}.saved,.empty-save{cursor:pointer}.saved:hover,.empty-save:hover{background-color:#ffffff6d}.empty-save{background-image:url(/catan_board_generator/assets/save-C_zdmrWx.png);background-size:60%;background-repeat:no-repeat;background-position:50% 42%}.saved-1{background-image:url(/catan_board_generator/assets/load1-CdRwtrvU.png);background-size:62%;background-repeat:no-repeat;background-position:50% 42%}.saved-2{background-image:url(/catan_board_generator/assets/load2-rSra37Dm.png);background-size:62%;background-repeat:no-repeat;background-position:50% 42%}.saved-3{background-image:url(/catan_board_generator/assets/load3-OXaTPtko.png);background-size:62%;background-repeat:no-repeat;background-position:50% 42%}.dark-board-container{position:fixed;display:flex;flex-direction:column;gap:0;margin-left:5%;margin-right:5%;width:50%;height:90%;justify-content:center}.dark-row{position:relative;display:flex;flex-direction:row;gap:0;margin-top:1%;justify-content:center;align-items:center}.dark-row-magnified-view{position:relative;display:flex;flex-direction:row;gap:0;margin-top:-5%;justify-content:center;align-items:center}.dark-row-magnified-view-1{margin-top:0}.dark-tile{position:relative;width:9vw;height:10.5vw;margin:-2.5% .5%;padding:0;box-sizing:border-box}.dark-value{position:absolute;width:35%;height:30%;margin-left:40%;margin-top:15%}.dark-red-value{outline:2px solid red;border-radius:50%}.dark-tile-sheep{background-image:url(/catan_board_generator/assets/dark-sheep-CZJgBnox.png);background-repeat:no-repeat;background-size:contain}.dark-tile-hay{background-image:url(/catan_board_generator/assets/dark-hay-Bp7gcoTv.png);background-repeat:no-repeat;background-size:contain}.dark-tile-clay{background-image:url(/catan_board_generator/assets/dark-brick-BoDvzVYb.png);background-repeat:no-repeat;background-size:contain}.dark-tile-stone{background-image:url(/catan_board_generator/assets/dark-stone-CPpNA55P.png);background-repeat:no-repeat;background-size:contain}.dark-tile-wood{background-image:url(/catan_board_generator/assets/dark-wood-BXCnJWNd.png);background-repeat:no-repeat;background-size:contain}.dark-tile-desert{background-image:url(/catan_board_generator/assets/dark-desert-CkEurAA4.png);background-repeat:no-repeat;background-size:contain}.dark-tile-hay .dark-value{top:32%;left:15%}.dark-tile-sheep .dark-value{top:-1.5%;left:-.5%}.dark-tile-stone .dark-value{top:-4.5%;left:-1%}.dark-tile-clay .dark-value{left:-23%;top:2%}.dark-magnifying-glass{position:absolute;width:5%;height:10%;background-image:url(/catan_board_generator/assets/house-BQtpJJx8.png);background-repeat:no-repeat;background-size:contain;margin-left:5%;color:#fff;text-align:center;z-index:999;cursor:pointer;font-size:x-large;transition:transform .2s ease-in}.dark-mag-icon{margin-top:35%;margin-left:8%}.dark-magnifying-glass:hover{transform:scale(1.1)}@keyframes scaleUp{0%{transform:scale(.8);opacity:80%}to{transform:scale(1);opacity:1}}.dark-magnified-view{position:absolute;width:80vw;height:90vh;background-color:#fff;box-shadow:0 0 8px #00000085;left:10vw;bottom:2.5vh;border-radius:5px;z-index:999}.dark-magnifier-close{position:absolute;color:#000;margin-top:2%;margin-left:2%;font-size:x-large;font-weight:900;cursor:pointer}.dark-download-button{background-color:#000;border-radius:4px;width:8%;height:8%;margin-left:80%;margin-top:20%;font-weight:600;align-items:center;justify-content:center}.dark-download-button:hover{background-color:#4b4b4b}.dark-magnified-view .dark-board-container{scale:.9}