.App{text-align:center}.game{overflow-x:auto;width:100%}.game-inner-wrapper{display:flex;justify-content:center;gap:40px;min-width:max-content;margin:0 auto;padding:20px;box-sizing:border-box}.game-inner2{display:flex;flex-direction:column;align-items:center}.game-inner1{display:flex;flex-direction:column;align-items:center;width:600px}.ai-spinner{position:absolute;z-index:8000;display:flex;align-items:center;justify-content:center}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:800;background-color:#ffffff80;display:flex;align-items:center;justify-content:center;flex-direction:column}.loading-overlay{pointer-events:none}.share-game-code{padding:.75rem 1.25rem;margin-bottom:1rem;border-radius:.375rem}.error{padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.375rem;color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.collapsible-container{display:flex;flex-direction:column;align-items:flex-start;width:100%}.collapsible-header{display:flex;padding:20px;cursor:pointer;align-self:left;width:100%;justify-content:flex-start;text-align:left;color:#007362}.collapsible-content{padding:10px;display:none;overflow:hidden;transition:max-height .3s ease-out}.collapsible-content.open{display:block}.player-hand{display:flex;flex-direction:column;gap:20px;position:relative;margin:15px}.wonders{display:flex;position:relative;height:110px;gap:15px}.player-cards{display:flex;position:relative;justify-content:center;width:640px}.card-column{display:flex;position:relative;flex-direction:column;width:120px}.card-column span{margin-top:-110px}.card-column span:first-child{margin-top:0}.player-card img{width:95px;height:auto}.active-card{cursor:pointer}.token{display:flex;width:70px;height:auto}.tokens{display:flex;flex-direction:row;justify-content:center}.tooltip-container{position:relative}.tooltip{position:absolute;background-color:#fff;text-align:center;border-radius:6px;padding:5px 10px;z-index:600;transform:translate(-10%);opacity:.9;width:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.wonder{display:flex;flex-direction:column;align-items:center;width:195px;height:50px;position:relative;flex-shrink:0}.wonder-card{position:absolute;z-index:2;width:185px;height:auto;cursor:pointer}.wonder-back{position:absolute;z-index:1;top:25px;left:98px}.coin-container{position:relative;width:30px}.coin{width:100%;height:auto;display:block}.coin-amount{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.coin-amount-text{font-size:15px;font-weight:700;text-align:center}.player-moves{display:flex;flex-direction:column;margin:10px}.previousMove{font-style:italic}.instructions-container{padding:10px;margin-top:20px;margin-bottom:10px}.instructions-container strong{padding-right:10px;color:#007362}.instructions-container span{font-size:14px;color:#666}.selection-wonders{display:flex;position:relative;height:110px}.button-6{align-items:center;background-color:#fff;border:1px solid rgba(0,0,0,.1);border-radius:.25rem;box-shadow:#00000005 0 1px 3px;box-sizing:border-box;color:#000000d9;cursor:pointer;display:inline-flex;font-family:system-ui,-apple-system,system-ui,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:12px;font-weight:600;justify-content:center;line-height:1.25;margin:0;min-height:3rem;padding:calc(.875rem - 1px) calc(1.5rem - 1px);position:relative;text-decoration:none;transition:all .25s;user-select:none;-webkit-user-select:none;touch-action:manipulation;vertical-align:baseline;width:auto}.button-6:hover,.button-6:focus{border-color:#00000026;box-shadow:#0000001a 0 4px 12px;color:#000000a6}.button-6:hover{transform:translateY(-1px)}.button-6:active{background-color:#f0f0f1;border-color:#00000026;box-shadow:#0000000f 0 2px 4px;color:#000000a6;transform:translateY(0)}.board{position:relative;height:820px;width:610px}.board img{width:95px;height:auto}.row1{position:absolute;top:10px;z-index:1}.row2{position:absolute;top:80px;z-index:2}.row3{position:absolute;top:150px;z-index:3}.row4{position:absolute;top:220px;z-index:4}.row5{position:absolute;top:290px;z-index:5}.row6{position:absolute;top:360px;z-index:6}.row7{position:absolute;top:430px;z-index:7}.c1{position:absolute;left:10px}.c2{position:absolute;left:65px}.c3{position:absolute;left:115px}.c4{position:absolute;left:165px}.c5{position:absolute;left:215px}.c6{position:absolute;left:265px}.c7{position:absolute;left:315px}.c8{position:absolute;left:365px}.c9{position:absolute;left:415px}.c10{position:absolute;left:465px}.c11{position:absolute;left:515px}.sel{border:2px solid gold}.discard-pile img{height:150px;width:auto}.progress{position:relative}.progress0,.progress1,.progress2,.progress3,.progress4{position:absolute;top:20px;cursor:pointer;width:65px}.progress0{left:155px}.progress1{left:215px}.progress2{left:275px}.progress3{left:340px}.progress4{left:395px}.military-9,.military-8,.military-7,.military-6,.military-5,.military-4{position:absolute;top:85px}.military-3,.military-2,.military-1,.military0,.military1,.military2,.military3,.military4,.military5,.military6{position:absolute;top:80px}.military7,.military8,.military9{position:absolute;top:75px}.military-9{left:35px}.military-8{left:65px}.military-7{left:95px}.military-6{left:125px}.military-5{left:155px}.military-4{left:185px}.military-3{left:215px}.military-2{left:245px}.military-1{left:275px}.military0{left:305px;top:80px}.military1{left:330px}.military2{left:360px}.military3{left:390px}.military4{left:418px}.military5{left:445px}.military6{left:475px}.military7{left:502px}.military8{left:532px}.military9{left:560px}.loot5-player1-available{position:absolute;top:142px;left:70px}.loot5-player2-available{position:absolute;top:135px;left:480px}.loot2-player1-available{position:absolute;top:142px;left:167px}.loot2-player2-available{position:absolute;top:137px;left:400px}.score-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background-color:#00000080;z-index:999;flex-direction:column;gap:20px}.score{width:370px;border-collapse:collapse;text-align:left;box-shadow:0 0 20px}.score thead{background-color:#fff}.score th,.score td{padding:8px 12px;border:1px solid rgb(226,224,224)}.score tr.civilianScore{background-color:#90c0cf}.score tr.scienceScore{background-color:#9cb9aa}.score tr.commercialScore{background-color:#f1ecc7}.score tr.guildScore{background-color:#9299ae}.score tr.wonderScore{background-color:#acb8c2}.score tr.progressScore{background-color:#9cb9aa}.score tr.moneyScore{background-color:#f1ecc7}.score tr.militaryScore{background-color:#b4a09d}.score tr.totalScore{background-color:#fff}.win-summary{background-color:#fff;border:1px solid;padding:20px;border-radius:15px}.spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;border:.25em solid currentColor;border-right-color:transparent;border-radius:50%;animation:spinner-border .75s linear infinite;color:#007362}@keyframes spinner-border{to{transform:rotate(360deg)}}.set-active{display:flex;flex-direction:column;gap:20px;background:#fff;border:solid 2px #007362;border-radius:25px;padding:20px}.new-game-setup{margin:90px auto;display:flex;flex-direction:column;gap:30px;justify-content:center;align-items:center}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s;width:60px}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s}input:checked+.slider{background-color:#000}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translate(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.slider-container{margin-right:40px;display:flex;align-items:center}header{top:0;left:0;width:100%;background:#007362;position:relative;z-index:1000;padding:20px;display:flex;justify-content:flex-end;align-items:center}.title{font-size:30px;color:#e0a038;font-family:Optimus Princeps,serif;margin-right:auto}header span{color:#fff;font-size:20px;margin-right:30px}header .link{cursor:pointer}header input{font-size:15px;padding:.5em;outline:none;border:2px solid rgb(200,200,200);background-color:#fff;border-radius:10px;width:150px}nav{margin-right:30px}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;overflow-x:auto}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:Optimus Princeps;src:url(/assets/OptimusPrinceps-DXwCJVC-.ttf) format("truetype");font-weight:400;font-style:normal}