.cb-splash-box{position:relative;width:min(90vw,44vh);aspect-ratio:1;margin:16px auto}
/* v17: client 21.10 11:15 wants the cards seen whole, so the circle no longer clips them */
.cb-splash{position:absolute;inset:0;z-index:120;border-radius:50%;overflow:visible;isolation:isolate;contain:layout style;touch-action:none;user-select:none;-webkit-user-select:none;background:transparent}
.cb-splash-scene{position:absolute;inset:0}
.cb-splash .cb-splash-item,.cb-splash .cb-splash-pick{position:absolute;left:0;top:0;display:block;min-width:0;min-height:0;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:2px;background:transparent;box-shadow:none;cursor:grab;transform-origin:50% 50%;touch-action:none;-webkit-tap-highlight-color:transparent;overflow:hidden}
.cb-splash .cb-splash-item{will-change:transform}
.cb-splash .cb-splash-pick{width:100%;height:100%;z-index:100;border-radius:50%;opacity:0;pointer-events:none}
.cb-splash[data-mode=pick] .cb-splash-pick{pointer-events:auto;cursor:pointer}
.cb-splash[data-mode=pick] .cb-splash-scene{pointer-events:none}
.cb-splash .cb-splash-item:focus-visible,.cb-splash .cb-splash-pick:focus-visible{outline:2px solid #888;outline-offset:-3px}
.cb-splash .cb-splash-item img,.cb-splash .cb-splash-pick img{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;pointer-events:none}
.cb-splash[data-native=true] .cb-splash-pick img{visibility:hidden}
.cb-splash-brand{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font:200 clamp(16px,5vw,30px)/1.1 Arial,sans-serif;letter-spacing:-.045em;color:#bbb;pointer-events:none;z-index:0}
html[data-cbt=dark] .cb-splash-brand{color:#666}
/* v15: client 21.10 11:04 asked to remove the blue satellite circle above */
.cd-satellite{display:none!important}
.cb-splash-host,.cb-splash-wrap{overflow:visible!important}.cb-splash-host>img{border-radius:50%}
body:has(.cb-splash-wrap){overflow-x:clip}

/* v74: client 21:17 «глобус постоянно мигает»: the site's planet showed ~2 s before the intro on every load, now hidden from the first paint; the script sets it back only when the planet itself is the pick */
.promo-cd .cd > img{opacity:0}

/* v75: client 22:48 «картинка при обновлении серая»: the site's grey disc is gone from the first paint, and a saved game shows its picture before the script runs (snippet in head sets data-cb-pick) */
.promo-cd .cd > .spacer{background:transparent!important}
html[data-cb-pick] .promo-cd .cd{background:var(--cb-pick,none) center/cover no-repeat}
html[data-cb-pick=aion2] .promo-cd .cd > img{opacity:1}
/* v76: client 23:09 «при выборе aion 2 на мобилке синяя рамка снизу при загрузке» = Android Chrome tap highlight / focus ring on the circle and site links while the game page loads */
.promo-cd,.promo-cd *,.cb-splash,.cb-splash *{-webkit-tap-highlight-color:transparent!important}
.promo-cd :focus:not(:focus-visible),.cb-splash:focus:not(:focus-visible),.cb-splash :focus:not(:focus-visible){outline:none!important}