.csbg{--navy:var(--theme-palette-color-7,#12354e);--paper:var(--theme-palette-color-4,#f4f6ef);--green:var(--theme-palette-color-1,#afd472);--orange:var(--theme-palette-color-9,#f37420);box-sizing:border-box;position:relative;isolation:isolate;max-width:none;margin-top:0!important;margin-bottom:0!important;padding:0!important;border:0!important;background:var(--navy);color:var(--paper);font-family:var(--theme-font-family,Manrope,sans-serif);font-size:15px;line-height:1.6}
.csbg :is(div,section,button,span){box-sizing:border-box}.csbg p{margin-top:0;margin-bottom:0}.csbg [hidden]{display:none!important}
.csbg .csbg-play{box-sizing:border-box;margin:0!important;border:0!important;padding:0 var(--wp--spacing--side,min(4.45vw,64px)) 8px;background:var(--navy)}
.csbg .csbg-board{--air:10%;position:relative;width:var(--wp--style--global--wide-size,1200px);max-width:min(100%,var(--theme-normal-container-max-width,1200px))!important;aspect-ratio:2/1;margin:0 auto;padding:0;border:0;background:var(--navy);overflow:hidden;line-height:0}
.csbg .csbg-board:focus{outline:none}
.csbg .csbg-grid{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));grid-template-rows:repeat(8,minmax(0,1fr));position:absolute;top:var(--air);left:0;width:100%;height:calc(100% - var(--air));margin:0;padding:0}
.csbg button{font:inherit;cursor:pointer;border-radius:0;box-shadow:none;text-transform:none;letter-spacing:normal;background-image:none}
.csbg .csbg-cell{position:relative;min-width:0;min-height:0;width:100%;height:100%;margin:0!important;padding:0!important;border:1px solid #21465c!important;background:transparent;color:var(--navy);outline-offset:-3px;line-height:1}
.csbg .csbg-cell:not(:disabled):hover{background:#345b6a}.csbg .csbg-cell[data-kind="placed"]{overflow:hidden;background:var(--green);border-color:var(--green)!important}.csbg .csbg-cell[data-kind="placed"]:hover{background:#98c359}
.csbg .csbg-cell[data-kind="placed"]:before{content:attr(data-short);position:absolute;top:8px;right:6px;max-width:calc(100% - 12px);z-index:1;color:var(--navy);font-size:clamp(5px,.625vw,9px);font-weight:600;line-height:1.15;letter-spacing:.2px;text-align:right;white-space:normal;overflow-wrap:anywhere}
.csbg .csbg-cell[data-kind="placed"]:after{content:'';position:absolute;left:0;right:0;bottom:0;height:6px;background:#98c359}
.csbg .csbg-cell[data-kind="fixed"]{background:linear-gradient(to bottom,#0d293d 0 74%,#173d54 74% 100%);border:0!important}
.csbg .csbg-cell[data-kind="fixed"]:before{content:'';position:absolute;left:0;right:0;top:0;height:12px;background:var(--green)}
.csbg .csbg-cell[data-kind="fixed"]:after{content:'';position:absolute;top:-5px;left:0;right:0;height:6px;background-image:linear-gradient(90deg,var(--green) 0 6px,transparent 6px 12px,var(--green) 12px 18px,transparent 18px 30px);background-size:30px 6px}
.csbg .csbg-cell[data-kind="earth"]{background:#21465c;border-color:#21465c!important}.csbg .csbg-cell:disabled{cursor:default;opacity:1}
.csbg .csbg-cell[data-hint="true"]{box-shadow:inset 0 0 0 2px var(--green);background:#254c60}.csbg .csbg-cell[data-order-error="true"]{box-shadow:inset 0 0 0 2px var(--orange)}.csbg .csbg-cell:focus-visible{outline:2px solid var(--orange);z-index:4}
.csbg .csbg-block-number{position:absolute;left:-4%;bottom:-16%;width:78%;height:78%;fill:#567b32;opacity:.22;pointer-events:none}
.csbg .csbg-player{position:absolute;left:3.125%;top:66.25%;width:2.75%;height:8.1%;transform:translate(-50%,-100%);pointer-events:none;z-index:3}.csbg .csbg-player svg{display:block;width:100%;height:100%;overflow:visible}
.csbg .csbg-flag{position:absolute;left:90.625%;top:21.25%;width:3%;height:auto;aspect-ratio:30/54;transform:translate(-50%,-100%);pointer-events:none;line-height:0}.csbg .csbg-flag svg{display:block;width:100%;height:auto;aspect-ratio:30/54;overflow:visible}.csbg .csbg-flag-cloth{transform-box:fill-box;transform-origin:0% 50%}.csbg .csbg-board[data-won="true"] .csbg-flag svg path[fill]{fill:var(--green)}
.csbg .csbg-scenery{position:absolute;inset:0;pointer-events:none;z-index:1}.csbg .csbg-cloud{position:absolute;height:auto;opacity:.1}.csbg .csbg-cloud-one{left:14%;top:3%;width:10%}.csbg .csbg-cloud-two{left:43%;top:10%;width:8%}.csbg .csbg-cloud-three{left:68%;top:2%;width:6%}
.csbg .csbg-tree{position:absolute;width:3%;height:auto;transform:translate(-50%,-100%);transform-origin:50% 100%}.csbg .csbg-tree-one{left:14%;top:calc(var(--air) + (100% - var(--air)) * .625)}.csbg .csbg-tree-two{left:94%;top:calc(var(--air) + (100% - var(--air)) * .125)}.csbg .csbg-tree-three{left:88%;top:calc(var(--air) + (100% - var(--air)) * .125)}
.csbg .csbg-terrain-cracks{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}
.csbg .csbg-cue{position:absolute;transform:translate(-50%,-100%);padding:5px 9px;background:var(--green);color:var(--navy);font-size:11px;line-height:1.4;white-space:nowrap;pointer-events:none;z-index:4}.csbg .csbg-cue:after{content:'';position:absolute;bottom:-4px;left:calc(50% - 4px);width:8px;height:8px;background:var(--green);transform:rotate(45deg)}
.csbg .csbg-bonus{position:absolute;transform:translateX(-50%);width:44px;height:44px;min-height:0;margin:0;padding:8px;background:var(--orange);border:0;box-shadow:inset 0 calc(-1 * var(--csbg-bonus-depth,5px)) 0 #d75f14;z-index:6;line-height:0}.csbg .csbg-bonus svg{width:100%;height:100%}.csbg .csbg-bonus:hover{background:#ff8b35}.csbg .csbg-bonus[data-used="true"]{background:var(--green);box-shadow:inset 0 calc(-1 * var(--csbg-bonus-depth,5px)) 0 #98c359}
.csbg .csbg-reward{position:absolute;transform:translate(-50%,-100%);color:var(--paper);background:var(--navy);padding:4px 7px;font-size:12px;line-height:1.4;white-space:nowrap;z-index:7;pointer-events:none}.csbg .csbg-bonus-prompt{display:none!important}
.csbg .csbg-fragment{position:absolute;width:8px;height:8px;z-index:8;pointer-events:none}.csbg .csbg-success{position:absolute;top:12px;left:50%;max-width:95%;transform:translateX(-50%);color:var(--navy);background:var(--green);padding:8px 16px;font-size:13px;line-height:1.4;font-weight:600;text-align:center;z-index:9}.csbg .csbg-success[data-kind="order"]{background:var(--orange)}
.csbg .csbg-touch{display:none;position:absolute;bottom:10px;right:12px;gap:6px;z-index:8}.csbg .csbg-touch button{display:flex;justify-content:center;align-items:center;width:44px;height:44px;min-height:44px;margin:0;border:0;background:var(--green);padding:13px;touch-action:none;line-height:0}.csbg .csbg-touch button:focus-visible,.csbg .csbg-bonus:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
.csbg .csbg-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px!important;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.csbg noscript p{padding:16px 0;line-height:1.6}
@media(max-width:700px),(pointer:coarse){.csbg .csbg-touch{display:flex}.csbg .csbg-cell[data-kind="fixed"]:before{height:4px}.csbg .csbg-cell[data-kind="fixed"]:after{top:-2px;height:3px;background-size:15px 3px}}
@media(max-width:540px){.csbg .csbg-board{--air:28%}.csbg .csbg-cell{border-width:.5px!important}.csbg .csbg-cell[data-kind="placed"]:after{height:2px}.csbg .csbg-cell[data-kind="placed"]:before{top:3px;right:2px;max-width:calc(100% - 4px);font-size:clamp(3px,.95vw,5px);letter-spacing:0}.csbg .csbg-cue{font-size:9px;padding:3px 6px}.csbg .csbg-success{font-size:10px;padding:5px 8px;top:4px}.csbg .csbg-reward{font-size:10px}.csbg .csbg-player{top:73%;height:6.48%}}
@media(max-width:375px){.csbg .csbg-cell[data-kind="placed"]:before{top:1px;right:1px;max-width:calc(100% - 2px)}}