@import"https://fonts.googleapis.com/css?family=MedievalSharp";@import"https://fonts.googleapis.com/css?family=Cinzel";*{font-family:Lilita One,sans-serif;-webkit-user-select:none;user-select:none}body{width:100vw;height:100vh;overflow:clip}body:not(.darkMode){--panel-bg-selected: #f6e8d0;--panel-bg-primary: #eed2a2;--panel-bg-secondary: #dcb072;--panel-bg-tertiary: #8a7653;--panel-contrast-selected: #7c7b75;--panel-contrast-primary: #26231a;--panel-contrast-secondary: #3a3324;--panel-contrast-tertiary: #504834}body.loadBackground{background:#4099b9 url(/assets/splash_page_small-c2b33282.png);background-size:cover;background-position-x:center}body.fullBackground{background-image:url(/assets/splash_page-47e60e3e.webp),url(/assets/splash_page_small-c2b33282.png);background-size:cover;background-position-x:center}#root{overflow:clip;width:100%;height:100%}table{border-spacing:0}div.markdownRender p,strong,li,a{font-size:large;-webkit-user-select:text;user-select:text;color:#d3d3d3}div.markdownRender p,li{font-family:"Averia Serif Libre",serif;font-weight:400}div.markdownRender strong,a{font-family:Lilita One,sans-serif;font-weight:bolder;color:#fff}html{scrollbar-color:#fff8 #38382b00;scrollbar-width:inherit}::-webkit-scrollbar{width:8px;height:8px;background:#38382b22}::-webkit-scrollbar-thumb{background:#fff0;border-radius:4px}.statsTabContainer{display:flex;height:50px;border-radius:10px 10px 0 0;border-bottom-width:2px;border-bottom-style:solid}.statsTab{display:flex;height:50px;border-radius:10px 10px 0 0;border-bottom-width:2px;border-style:solid solid solid solid}.statsTab{background:#222;cursor:pointer}.statsTab.selected{border-bottom-width:2px;border-bottom-color:#111;border-bottom-style:solid;background:#1b1d1f;filter:drop-shadow(0px 1px 0px #1b1d1f)}.statsTab:active{background:#111a}.statsTab:hover:not(.selected){filter:brightness(1.2)}.statsTab:active:hover{background:#555}circle.animatedCircle{transform-box:fill-box;transform-origin:initial;animation:1.25s ease-in-out alternate infinite 0s circleAnimation}@keyframes circleAnimation{0%{scale:.95;opacity:1}50%{scale:1.05;opacity:1}to{scale:.95;opacity:1}}svg g.land{fill-opacity:.95;stroke-opacity:.95}svg g.land:hover{fill-opacity:1;stroke-opacity:1}svg g:hover text{fill-opacity:1}g.land polygon{stroke:#e3b46a;stroke-width:.05}g.ocean polygon{fill:#fff;fill-opacity:0;transition:.25s fill-opacity}g.ocean.selectable polygon:hover{fill-opacity:.05}svg.hexGrid,svg.grid{background-image:radial-gradient(#4887ad,#006d94,#225b72)}svg.hexGrid{position:absolute;width:100%;height:100%}svg.hexGrid:hover{cursor:grab}svg.hexGrid:active{cursor:grabbing}g.hexagon text{font-size:.22em;fill:#fff;fill-opacity:.7;transition:fill-opacity .5s}path.hexagon{fill:none;stroke:#7be3f6;stroke-width:.2em;stroke-opacity:.7;stroke-linecap:round;stroke-linejoin:round}path.building{stroke:#000;stroke-width:2em;stroke-linejoin:round;stroke-linecap:butt;transition:fill-opacity .5s;fill-rule:evenodd}path.buildingDetail{stroke:#000;stroke-width:.5em;stroke-linejoin:round;stroke-linecap:butt;transition:fill-opacity .5s;fill-rule:evenodd}circle.woodCoin{fill:url(#coin-wood-2)}circle.brickCoin{fill:url(#coin-brick-2)}circle.sheepCoin{fill:url(#coin-sheep-1)}circle.wheatCoin{fill:url(#coin-wheat-1)}circle.oreCoin{fill:url(#coin-ore-1)}.buildButton{height:100px;display:block;opacity:.3}.buildButton:hover{opacity:.4}.buildButton.selectable{opacity:.85;cursor:pointer}.buildButton.selectable:hover{opacity:.95}.buildButton.selectable:active:hover{opacity:1;transform:scale(1.1)}.buildCost{position:absolute;display:inline-flex;left:50%;transform:translate(-50%,48px);padding:5px;background:black;border-radius:20px}.devCardButton{opacity:.5;padding:0 10px 0 20px}.devCardButton.selectable{opacity:1;cursor:pointer}.devCardButton.selectable:hover{filter:brightness(1.1)}.devCardButton.selectable:active:hover{transform:translateY(-5px)}.buildButtonImg,.shieldImg,.flagImg{position:relative;height:50px;width:50px;left:50%;transform:translate(-50%);overflow:visible}g.port,g.numberSquare{pointer-events:none}g.fishNumberSquare.selectable,g.numberSquare.selectable,g.port.selectable{cursor:pointer;pointer-events:all}g.numberSquare,g.buildConfirmSquare{fill:#e7e8e1}g.fishNumberSquare{fill:#add8e6}.pips{font-family:Lilita One,sans-serif;font-size:17px;-webkit-user-select:none;user-select:none;fill:#242424}.pips.red{fill:#cb0000}g.buildConfirmSquare:hover{fill:#fff}g.buildConfirmImg{pointer-events:none}g.actionSquare{fill:#edaf6a}g.numberSquare.selected{fill:#ff0}g.port.selected .rightBoat,g.port.selected .leftBoat{stroke:#ff0;stroke-width:7}g.smellyRobber{transition:all 1s}.fade-component{transition:opacity 30s linear}.toggleButton:hover{filter:brightness(1.25)}.diceButton{display:none}.diceButton.visible{display:inherit;cursor:pointer;transition:all .5s;opacity:.9}.diceButtonActive:hover{opacity:1}.diceButtonActive:active:hover{transform:scale(1.1);transition:0s}.diceButtonInactive{pointer-events:none;scale:.8;opacity:.5;transform-origin:bottom right;transition:all 1s}.endTurnButton{pointer-events:none;position:absolute;bottom:20px;right:0;opacity:.7;transition:bottom 1s,opacity 2s;transition-delay:1s}.endTurnButton.hidden{opacity:0;pointer-events:none;bottom:-10px;transition:bottom 1s,opacity 1s;transition-delay:.5s}.endTurnButton.clickable{pointer-events:auto}.endTurnButton.clickable:hover{opacity:.8;transition:bottom 1s,opacity 0s}.endTurnButton:active:hover{transform:scale(1.1)}div.dragHandle{background-image:radial-gradient(var(--panel-bg-primary),var(--panel-bg-secondary));border:3px var(--panel-bg-secondary) outset;color:#000b;border-radius:8px}div.dragHandle:hover{filter:brightness(1.1)}.dragHandleV:hover{cursor:ns-resize}.dragHandleVH:hover{cursor:nesw-resize}.logText{text-align:left;vertical-align:baseline;margin-block-end:5px;margin-block-start:0;font-family:"Averia Serif Libre",serif;font-weight:600;color:var(--panel-contrast-tertiary)}.logText.playerName{font-family:Lilita One,sans-serif}.logText.stats{display:block;font-size:1.25rem;margin:auto;overflow:clip;text-overflow:ellipsis;text-align:center;white-space:nowrap}.spinning-dashed-circle{border:2px dashed white;animation:spin 4s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.scoreHeader{height:50px;background-image:linear-gradient(0deg,var(--panel-bg-primary),var(--panel-bg-secondary))}.rightBackground{background-image:linear-gradient(0deg,var(--panel-bg-primary),var(--panel-bg-secondary))}.scoreSelected{background-image:linear-gradient(0deg,var(--panel-bg-selected),var(--panel-bg-primary))}.scoreName{position:relative;float:left;margin-left:40px;text-shadow:#000a 1px 1px,#000a -1px 1px,#000a -1px -1px,#000a 2px -2px;font-size:22px;font-weight:700;letter-spacing:.025em;text-align:center;overflow:clip;text-overflow:ellipsis;white-space:nowrap}.scoreName.small{font-size:18px}.resourceTradeIcon{cursor:pointer}.resourceTradeIcon:hover{filter:brightness(1.1)}div.darkPanel{background-color:var(--panel-bg-tertiary)}div.fadePanel{background-color:var(--panel-bg-primary)}div.clickableChat{cursor:pointer}div.clickableChat:hover{filter:brightness(1.1)}div.clickableChat:hover:after{content:"Click to Chat";position:absolute;top:0;right:0;width:100%;height:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;pointer-events:none;font-size:30px;color:var(--panel-contrast-tertiary);background-color:color-mix(in srgb,var(--panel-bg-primary) 70%,transparent);animation:fadeIn 1s}@keyframes fadeIn{0%,75%{opacity:0}to{opacity:1}}div.bottomRightPanel{display:flex;flex-direction:column;overflow-y:hidden;border-top:var(--panel-bg-secondary) 4px outset;border-left:var(--panel-bg-secondary) 4px outset;padding:0 2px}div.topPanel{display:flex;flex-direction:column;width:100%;overflow-x:visible;background-color:var(--panel-bg-primary);border-left:var(--panel-bg-secondary) 6px ridge}div.scorePanel{display:flex;flex-direction:column;width:100%;overflow-x:visible;background-color:var(--panel-bg-primary)}div.bankCount{position:absolute;top:90%;left:50%;transform:translate(-50%,-50%);min-width:65%;height:65%;padding:8%;background-color:var(--panel-contrast-primary);border-radius:50%;z-index:3}h4.bankCount.hideCounts{font-size:25px;margin:1px}h4.bankCount{position:relative;min-width:100%;min-height:100%;left:50%;top:50%;text-align:center;padding-top:2%;font-size:20px;margin:auto;transform:translate(-50%,-50%)}h4.bankCount.small{font-size:15px}.portText{font-size:.065em}.victoryName{font-size:60px;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke-width:.02em;font-weight:bolder;filter:drop-shadow(2px 4px 2px black)}.betaTag{-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke-width:.025em;background-image:-webkit-linear-gradient(#0890cc 25%,#fff);filter:drop-shadow(3px 3px 3px black)}.svgDefs{position:absolute;width:0;height:0;z-index:-1}.divider{padding:8px 0;opacity:1}.divider:before,.divider:after{background-color:var(--panel-bg-secondary)}.dividerText{font-family:"Averia Serif Libre",serif;font-size:14px;margin:5px;opacity:1;color:var(--panel-bg-secondary)}.eventMsg{display:inline-block;word-wrap:normal;width:95%}div.endGameScreen{transition:width .1s,height .2s,opacity 2s;opacity:1;overflow:clip}div.endGameScreen.hidden{opacity:0}div.endGameScreenMenu{top:50%;opacity:1;transition:opacity 3s,top 3s}div.endGameScreenMenu.hidden{top:45%;opacity:0}.resourceToken{z-index:3}.resourceToken.fade .cardToken.fade{opacity:.2}.resourceToken.fadeOnHover:hover{opacity:.05}div.circleToken{position:absolute;width:inherit;height:inherit;border-radius:50%;pointer-events:none}div.cardToken{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}div.tokenShadow{background-color:#0008}.firebase-emulator-warning{display:none}div.tradeResponse{position:absolute;border-radius:50%;border:black 2px solid;width:22px;height:22px;bottom:0;right:0}img.tradeArrow{width:22px;height:22px;margin:auto 2px}div.accept{background-image:linear-gradient(#319900,#5fb559)}div.decline{background-image:linear-gradient(#b55959,#992600)}div.edit{background-image:linear-gradient(#996600,#b5a359)}div.tradeButton{position:relative;width:42px;height:42px;margin:2px;border-radius:50%;border:3px var(--panel-contrast-primary) solid}div.tradeButton.large{width:65px;height:65px;margin:5px}div.tradeButton.selected{filter:brightness(1.3)}div.tradeButton.unSelected{filter:brightness(.5)}div.tradeButton.disabled{filter:saturate(0);pointer-events:none}div.tradeButton{transition:all .1s;cursor:pointer}div.tradeButton.disabled{cursor:auto}div.tradeButton:not(.disabled):hover{filter:brightness(1.3)}div.tradeButton:active:hover{filter:brightness(.9)}div.buttonHighlight{position:absolute;width:65%;height:30%;top:3%;left:50%;background-color:#ffffff50;border-radius:50%;transform:translate(-50%)}img.buttonImg{position:absolute;width:100%;height:100%;left:50%;top:50%;transform:translate(-50%,-50%)}img.buttonImg.decline{transform:translate(-48%,-50%)}div.tradePanel{height:fit-content;min-width:fit-content;border-radius:10px;flex-wrap:nowrap;display:flex;flex-direction:row;background-color:var(--panel-bg-primary);padding:5px;outline:var(--panel-bg-secondary) 4px outset}div.shieldRowsContainer{width:fit-content;height:100%;display:flex;flex-direction:column;margin:auto 20px auto 10px;row-gap:20px}div.shieldRow{position:relative;width:fit-content;display:flex;flex-wrap:nowrap;justify-content:center;gap:5px;margin:auto}li.discordBanner{color:#667bc4}.panel{background-color:#1b1d1f;border-style:solid;border-width:3px}div.panel{border-radius:15px}div.panel.opaque{background-color:#fff8}div.panel.blue{background-color:#024d78dd;color:#d3d3d3}div.panel.black{background-color:#022236dd;color:#d3d3d3}.row.selectable:hover>td{background-color:#fff1}.row.selectable:hover:active>td{background-color:#0001}.adminDiv{padding:30px;height:100vh;width:100vw;overflow-y:auto;background-color:#212121}div.sitePageWrapper{position:absolute;width:100%;height:100%;overflow:clip;display:flex;text-align:center;background-image:radial-gradient(#fff,#fff0 70%)}div.surveyParent{background-color:#000c;transition:background-color .5s}div.surveyParent.isNew{background-color:#0000}div.survey{opacity:1;margin-top:0;transition:all .2s ease,top 0s}div.survey.isNew{margin-top:15px;opacity:0}div.survey.maximized.isNew{margin-top:50px}div.survey button{background-color:#add8e6}div.survey.minimized{overflow:hidden;background-image:linear-gradient(#fff,yellow)}div.survey button{overflow:hidden;background-image:linear-gradient(#ffd041,#fcca00)}div.survey button:hover{background-image:linear-gradient(#ffefb3 30%,#fcca00)}div.survey.minimized{animation:bounce 10s infinite;animation-delay:10s}@keyframes bounce{0%,2%,4%,6%,to{margin-top:0}1%,5%{margin-top:-2px}3%{margin-top:-4px}}div.survey.minimized:before{content:"";position:absolute;background-image:linear-gradient(#fff,#fffa,#fff0);width:50px;height:100px;top:-50px;rotate:10deg;animation:gleam 5s infinite}@keyframes gleam{0%,to{left:0}10%,99%{left:100%}}div.eventsTabButton{position:relative;flex-grow:1;height:fit-content;border-radius:5px 5px 0 0;background-color:var(--panel-bg-secondary);color:var(--panel-contrast-secondary);border:var(--panel-bg-primary) outset 2px;border-bottom:none}div.feedTabContent{border:var(--panel-bg-primary) outset 2px;border-top:none;overflow-y:hidden;flex:100px 1 1;position:relative;display:flex}div.eventsTabButton.open{background-color:var(--panel-bg-primary);border-bottom:var(--panel-bg-primary) solid 1px}div.eventsTabButton:not(.open){border-bottom:var(--panel-bg-secondary) solid 1px}div.eventsTabButton:not(.open):hover{filter:brightness(1.1)}div.eventsTab{background-color:var(--panel-bg-primary)}div.feedsTabbed{position:relative;flex:100% 0 1;display:flex;flex-direction:column;z-index:1;justify-content:start}div.feedsStack{position:relative;flex:100% 0 1;display:flex;flex-direction:column;overflow-y:visible;z-index:1;justify-content:start;background-color:var(--panel-bg-tertiary)}div.feed{min-height:28px;display:flex;flex:100px 1 1;flex-direction:column;overflow:clip;border:var(--panel-bg-primary) outset 2px;border-radius:5px 5px 0 0}div.feedBank{min-height:28px;max-height:95px;display:flex;flex:0 0 95px;flex-direction:column;overflow:clip;border:var(--panel-bg-primary) outset 2px;border-radius:5px 5px 0 0}div.feedBank.small{min-height:28px;max-height:75px;display:flex;flex:0 0 75px;flex-direction:column;overflow:clip;border:var(--panel-bg-primary) outset 2px;border-radius:5px 5px 0 0}div.feed.hidden{flex:0;overflow-y:visible}div.feedBar{position:relative;width:100%;background-color:var(--panel-bg-secondary);height:28px;padding:3px;flex-shrink:0;border-bottom:var(--panel-bg-primary) solid 1px}div.feedButton{position:absolute;padding:2px;width:22px;height:22px;border-radius:2px;margin-top:-1px}div.feedButton:hover{background-color:#0003}h3.feedTitle{position:absolute;text-align:center;color:var(--panel-contrast-primary);margin:auto;line-height:1;left:50%;transform:translate(-50%)}.feedBarButton{color:var(--panel-contrast-secondary)}div.feedNotificationCircle{position:absolute;left:50%;border-radius:11px;top:-5px;height:22px;width:fit-content;min-width:22px;line-height:12px;padding:.25em;background-image:radial-gradient(#f80606,#a10303);color:#fff;border:1px solid var(--panel-contrast-primary);text-align:center;z-index:1000;animation:bounce 10s infinite}.boardStructure{animation:.1s ease-in-out alternate 0s placeStructure}@keyframes placeStructure{0%{transform:translateY(-4%) scale(1);opacity:.25}50%{transform:translateY(-2.5%) scale(.5,1.5)}90%{transform:translateY(.5%) scale(1.05,.9)}to{transform:translate(0) scale(1);opacity:1}}.boardRoad{animation:.1s ease-in-out alternate 0s placeRoad}@keyframes placeRoad{0%{transform:translateY(-4%) scale(1);opacity:.25}50%{transform:translateY(-2.5%) scale(.7)}90%{transform:translateY(.5%) scale(1.1)}to{transform:translate(0) scale(1);opacity:1}}body.darkMode{--panel-bg-primary: #afa193;--panel-bg-secondary: #8a755a;--panel-bg-tertiary: #3d382f;--panel-contrast-primary: #252018;--panel-contrast-secondary: #252018;--panel-contrast-tertiary: #2f2920}body.darkMode.loadBackground{background:#4099b9 url(/assets/splash_page_dark_small-73aa656b.png)}body.darkMode.fullBackground{background-image:url(/assets/splash_page_dark-72f86891.webp),url(/assets/splash_page_dark_small-73aa656b.png)}body.darkMode img.discordLogo{filter:drop-shadow(0px 0px 15px #07080f)}body.darkMode div.panel.opaque{background-color:#000a}body.darkMode div.sitePageWrapper{background-image:radial-gradient(#000c,#0000 70%)}body.darkMode svg.hexGrid,svg.grid{background-image:radial-gradient(#4887ad,#006186,#1c4657)}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}[draggable]{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;user-select:none;-moz-user-drag:none;-webkit-user-drag:none;-khtml-user-drag:none;user-drag:none}