.kgb,.kgb *{box-sizing:border-box}.kgb{width:100%;max-width:var(--kgb-width,1200px);margin:0 auto;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:24px;padding:var(--kgb-padding,40px);background:var(--kgb-bg,#7c7b5c);color:var(--kgb-color,#ecebe1);border:var(--kgb-border,0px) solid var(--kgb-border-color,#373a30);border-radius:var(--kgb-radius,5px);box-shadow:var(--kgb-box-shadow,0 8px 18px #373a3026);font-family:var(--kgb-font,Montserrat),Arial,sans-serif;container-type:inline-size}.kgb-copy{min-width:0}.kgb .kgb-logo{width:130px;max-width:100%;height:48px;object-fit:contain;object-position:left center;margin-bottom:20px}.kgb .kgb-title{font:700 var(--kgb-title,48px)/1.12 var(--kgb-font,Montserrat),Arial,sans-serif;color:inherit;margin:0 0 14px;letter-spacing:-.035em;overflow-wrap:anywhere}.kgb .kgb-description{font:400 16px/1.65 var(--kgb-font,Montserrat),Arial,sans-serif;color:inherit;max-width:420px;margin:0 0 26px;overflow-wrap:anywhere}.kgb .kgb-open{display:inline-flex;align-items:center;justify-content:center;gap:36px;min-height:42px;padding:12px 24px;background:var(--kgb-button,#373a30);color:var(--kgb-button-color,#ecebe1);border:0;border-radius:var(--kgb-radius,5px);font:600 14px/1.3 var(--kgb-font,Montserrat),Arial,sans-serif;cursor:pointer;transition:transform .25s,background .25s,color .25s;box-shadow:0 4px 12px #373a3026}.kgb .kgb-open:hover{transform:translateX(5px);background:var(--kgb-button-color,#ecebe1);color:var(--kgb-button,#373a30)}.kgb button:focus-visible{outline:2px solid currentColor;outline-offset:4px}.kgb-art{min-width:0}.kgb-art svg,.kgb-art img{display:block;width:100%;max-height:320px;object-fit:contain}.kgb-animated .kgb-shape{animation:kgb-float var(--kgb-speed,5s) ease-in-out infinite}.kgb-animated .kgb-shape-b{animation-delay:-1.8s}.kgb-animated .kgb-shape-c{animation-delay:-3.2s}@keyframes kgb-float{50%{transform:translateY(-10px)}}.kgb-dialog{position:fixed;inset:0;width:calc(100% - 32px);max-width:1160px;max-height:calc(100dvh - 32px);padding:48px 16px 16px;border:0;border-radius:5px;background:#ecebe1;overflow:auto;overscroll-behavior:contain;color:#373a30;margin:auto}.kgb-dialog::backdrop{background:#191c16c7;backdrop-filter:blur(5px)}.kgb-dialog:not([open]){display:none}.kgb .kgb-close{position:sticky;float:right;top:0;z-index:30;width:40px;height:40px;min-height:40px;margin-top:-40px;border:0;border-radius:5px;background:#373a30;color:#ecebe1;font:28px/1 Arial,sans-serif;cursor:pointer}.kgb-game-host{clear:both}.kgb-game-host .rcr{margin:0 auto}@media(max-width:600px){.kgb{grid-template-columns:1fr;padding:min(var(--kgb-padding,40px),24px);gap:20px}.kgb .kgb-title{font-size:var(--kgb-mobile-title,32px)}.kgb-art{grid-row:2;max-width:320px;justify-self:center;width:100%}.kgb .kgb-description{font-size:14px}.kgb-dialog{width:calc(100% - 12px);max-height:calc(100dvh - 12px);padding:48px 6px 6px}}@container(max-width:480px){.kgb .kgb-title{font-size:var(--kgb-mobile-title,32px)}}@media(prefers-reduced-motion:reduce){.kgb .kgb-shape{animation:none}.kgb .kgb-open{transition:none}}

.kgb-image-left .kgb-art{grid-column:1;grid-row:1}.kgb-image-left .kgb-copy{grid-column:2;grid-row:1}.kgb-art img{border-radius:5px;box-shadow:0 10px 24px #373a3026;max-height:none}.kgb-open{max-width:100%;overflow-wrap:anywhere}.kgb-art{max-width:100%;overflow:hidden}@media(max-width:600px){.kgb-image-left .kgb-art,.kgb-image-left .kgb-copy{grid-column:1;grid-row:auto}.kgb-art{max-width:100%}}

.kgb-animated .kgb-art{animation:kgb-float var(--kgb-speed,5s) ease-in-out infinite}.kgb-art{overflow:visible}.kgb-art img{max-width:100%;object-fit:contain}.kgb-logo{display:block}.kgb .kgb-title,.kgb p,.kgb button,.kgb img{border:0 solid transparent}@media(prefers-reduced-motion:reduce){.kgb-animated .kgb-art{animation:none}}

/* Compact centered layout, version 1.0.1. */
.kgb{grid-template-columns:1fr 1fr;gap:24px;border-radius:5px}
.kgb .kgb-copy{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0}
.kgb .kgb-logo{width:220px;height:88px;object-position:center;margin:0 auto 14px;box-shadow:none}
.kgb .kgb-title{margin:0 0 12px;text-align:center}
.kgb .kgb-description{margin:0 auto 18px;text-align:center;max-width:360px;font-size:15px;line-height:1.5}
.kgb .kgb-open{width:auto;min-width:0;min-height:38px;gap:0;padding:10px 20px;align-self:center;border-radius:5px;box-shadow:0 6px 18px #373a3026}
.kgb .kgb-art{padding:18px;background:var(--kgb-image-bg,#ECEBE1);border-radius:5px;box-shadow:0 6px 18px #373a3026;width:100%;max-width:100%;overflow:hidden}
.kgb .kgb-art img{width:100%;height:240px;object-fit:contain;border-radius:5px;box-shadow:none}
.kgb .kgb-dialog{border-radius:5px;box-shadow:0 12px 36px #191c164d}
@media(max-width:600px){.kgb{grid-template-columns:1fr;gap:20px;padding:min(var(--kgb-padding,24px),20px)}.kgb .kgb-logo{width:180px;height:72px;margin-bottom:12px}.kgb .kgb-art{padding:14px;max-width:360px}.kgb .kgb-art img{height:190px}.kgb .kgb-description{font-size:14px}.kgb .kgb-open{padding:10px 18px}}

/* Banner dimensions, 1.0.2. */
.kgb{height:var(--kgb-height,auto);border-width:0}
.kgb .kgb-copy,.kgb .kgb-art,.kgb .kgb-art img,.kgb .kgb-open,.kgb .kgb-dialog,.kgb .kgb-logo{border-width:0}
@media(max-width:600px){.kgb{width:var(--kgb-mobile-width,100%);max-width:100%;height:var(--kgb-mobile-height,auto)}}
/* Typography and motion controls, 1.0.3. */
.kgb{gap:var(--kgb-gap,24px)}
.kgb .kgb-art img{object-fit:var(--kgb-image-fit,contain)}
.kgb-animated .kgb-art{animation:none}
.kgb[data-image-motion="float"] .kgb-art img{animation:kgb-float var(--kgb-speed,5s) ease-in-out infinite}
.kgb[data-image-motion="sway"] .kgb-art img{animation:kgb-sway var(--kgb-speed,5s) ease-in-out infinite}
.kgb[data-image-motion="pulse"] .kgb-art img{animation:kgb-pulse var(--kgb-speed,5s) ease-in-out infinite}
.kgb .kgb-open{transition:transform var(--kgb-button-duration,250ms),background var(--kgb-button-duration,250ms),color var(--kgb-button-duration,250ms)}
.kgb .kgb-open:hover{transform:none}
@media(hover:hover){
.kgb[data-button-motion="shift"] .kgb-open:hover{transform:translateX(var(--kgb-motion-amount,5px))}
.kgb[data-button-motion="lift"] .kgb-open:hover{transform:translateY(calc(-1 * var(--kgb-motion-amount,5px)))}
.kgb[data-button-motion="zoom"] .kgb-open:hover{transform:scale(1.06)}
.kgb[data-button-motion="pulse"] .kgb-open:hover{animation:kgb-pulse calc(var(--kgb-button-duration,250ms) * 4) ease-in-out infinite}
.kgb[data-button-motion="wobble"] .kgb-open:hover{animation:kgb-sway calc(var(--kgb-button-duration,250ms) * 4) ease-in-out infinite}
}
.kgb.kgb-enter-pending{opacity:0}
.kgb.kgb-enter-visible{animation-duration:var(--kgb-enter-duration,700ms);animation-delay:var(--kgb-enter-delay,0ms);animation-timing-function:ease-out;animation-fill-mode:both}
.kgb[data-enter="fade"].kgb-enter-visible{animation-name:kgb-fade}
.kgb[data-enter="fade-up"].kgb-enter-visible{animation-name:kgb-enter-up}
.kgb[data-enter="slide-left"].kgb-enter-visible{animation-name:kgb-enter-left}
.kgb[data-enter="zoom"].kgb-enter-visible{animation-name:kgb-enter-zoom}
@keyframes kgb-fade{from{opacity:0}to{opacity:1}}
@keyframes kgb-enter-up{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes kgb-enter-left{from{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:translateX(0)}}
@keyframes kgb-enter-zoom{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}
@keyframes kgb-sway{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}
@keyframes kgb-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}
@media(max-width:600px){.kgb{gap:var(--kgb-mobile-gap,20px)}}
@media(prefers-reduced-motion:reduce){.kgb.kgb-enter-pending{opacity:1}.kgb.kgb-enter-visible,.kgb .kgb-art img,.kgb .kgb-open:hover{animation:none!important;transform:none!important}.kgb .kgb-open{transition:none}}

.kgb.kgb-inherit-font,.kgb.kgb-inherit-font .kgb-title,.kgb.kgb-inherit-font .kgb-description,.kgb.kgb-inherit-font .kgb-open{font-family:inherit!important}
