/* Every panel shares one grid cell: the tallest panel reserves the same height for all five games. */
.modern-site .cs-game-hero{--scene-gold:#c48b4f;background:#fffdf9;box-shadow:0 12px 32px #64513b0a}
.cs-game-hero__head{background:linear-gradient(110deg,#fffefa,#fcf6eb)}
.cs-game-hero__collection{border-radius:9px;background:#fff9ee;box-shadow:inset 0 1px 0 #fff}
.cs-game-hero__tabs>a{transition:background .2s,color .2s;isolation:isolate}
.cs-game-hero__tab-icon{transition:transform .24s cubic-bezier(.2,.7,.2,1),filter .24s}
.cs-game-hero__tabs>a:hover .cs-game-hero__tab-icon,.cs-game-hero__tabs>a:focus-visible .cs-game-hero__tab-icon{transform:translateY(-2px) rotate(-4deg);filter:drop-shadow(0 3px 3px #956a3426)}
.cs-game-hero__panels{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto;position:relative;background:#fbf7ed}
.cs-game-hero__panels>.cs-game-hero__panel{grid-area:1/1;position:relative;isolation:isolate;min-height:540px;height:100%;box-sizing:border-box;overflow:hidden;padding:32px 34px 0;background:transparent}
.cs-game-hero__panels>.cs-game-hero__panel[hidden]{display:grid!important;visibility:hidden;pointer-events:none}
.cs-game-hero__panel>.cs-game-hero__scene{position:absolute;inset:0 0 0 27%;z-index:0;overflow:hidden;pointer-events:none;mask-image:linear-gradient(90deg,transparent 0%,#00000020 12%,#000000c9 28%,#000 42%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#00000020 12%,#000000c9 28%,#000 42%)}
.cs-game-hero__scene>img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:var(--map-position,65% center);border:0;border-radius:0;filter:none}
.cs-game-hero__scene:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,#4932191c,transparent 45%,#fff8ec0d);pointer-events:none}
.cs-game-hero__scene>canvas{position:absolute;inset:0;z-index:2;display:block;width:100%;height:100%;max-width:none;pointer-events:none}
.cs-game-hero__panel>.cs-game-hero__copy{position:relative;z-index:3;align-self:center;padding:0 0 30px;max-width:540px}
.cs-game-hero__copy h2{max-width:510px;text-wrap:balance;text-shadow:0 2px 12px #fff9ef50}
.cs-game-hero__lead{max-width:445px;color:#696358}
.cs-game-hero__download,.cs-game-hero__selection{background:#fffdf8ed;border-color:#dfd1bd;box-shadow:0 8px 26px #6b4b2410,inset 0 1px 0 #fff}
.cs-game-hero__kicker{display:inline-flex;align-items:center;gap:8px;font-size:9px;letter-spacing:.12em}
.cs-game-hero__kicker:before{content:"";width:5px;height:5px;border-radius:50%;background:#c48041;box-shadow:0 0 0 3px #d4944d1c}
.cs-game-hero__quicklinks{gap:7px 8px;margin-top:14px}
.cs-game-hero__quicklinks>a{padding:6px 9px;border:1px solid #dfd2bc;border-radius:6px;background:#fffaf0e8!important;color:#80613e}
.cs-game-hero__quicklinks>a:hover{background:#ffe9cc!important;text-decoration:none;color:#94501c}
.cs-game-hero__panel>.cs-game-hero__visual{position:relative;z-index:2;height:500px;width:100%;align-self:end;isolation:auto}
.cs-game-hero__visual>.cs-game-hero__halo,.cs-game-hero__visual>.cs-game-hero__watermark{display:none}
.cs-game-hero__figure{transition:opacity .35s,filter .35s;transform-origin:center bottom}
.cs-game-hero__figure--source{max-width:415px}
.cs-game-hero__stamp{bottom:18px;right:0;display:flex;flex-direction:column;gap:4px;min-width:135px;padding:11px 13px;border:1px solid #fff9eeaa;border-left:3px solid #d58e4b;border-radius:8px;background:#fffaf0ef;box-shadow:0 5px 22px #2b1d1923;color:#514333}
.cs-game-hero__stamp>small{font-size:8px;letter-spacing:.11em;text-transform:uppercase;color:#9a7550}
.cs-game-hero__stamp>strong{font-size:13px;font-weight:600;color:#3f3b34}
.cs-game-hero__stamp>span{font-size:9px;color:#8d7c69}
.cs-game-hero.is-map-view .cs-game-hero__figure{opacity:0;pointer-events:none;animation:none!important}
.cs-game-hero.is-map-view .cs-game-hero__stamp{background:#fffdf6}
.cs-game-hero__footer{position:relative;z-index:4;min-height:62px;gap:12px;padding:12px 24px;background:#fffdf8}
.cs-game-hero__scene-tools{display:flex;align-items:center;flex-wrap:wrap;gap:7px;min-width:0}
.cs-game-hero__scene-tool{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:7px 10px;border:1px solid #e3d7c5;border-radius:7px;background:#fbf7ef;color:#7c6549;font:inherit;font-size:10px;line-height:1.4;cursor:pointer;white-space:nowrap;transition:background .18s,border-color .18s,transform .18s}
.cs-game-hero__scene-tool svg{display:block;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.cs-game-hero__scene-tool:hover{background:#ffeed8;border-color:#c5a17b;color:#93501e;transform:translateY(-1px)}
.cs-game-hero__scene-tool[aria-pressed=true]{background:#fbe9d3;border-color:#d4ae83;color:#965721}
.cs-game-hero__scene-tool:disabled{cursor:default;opacity:.65;transform:none}
.cs-game-hero__scene-tool[data-hero-effects]{min-width:108px}
.cs-game-hero__scene-tool[data-game-random]{background:#fff0dc;color:#9b5c25}
.cs-game-hero__paging{margin-left:auto}
.cs-game-hero__paging button{background:#fff;border-radius:8px;width:33px;height:33px}
.cs-game-hero.is-effects-off .cs-game-hero__figure,.cs-game-hero.is-effects-off .cs-game-hero__copy{animation:none!important}
@media(min-width:801px) and (max-width:1100px){.cs-game-hero__panels>.cs-game-hero__panel{min-height:570px;padding:27px 27px 0;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr)}.cs-game-hero__panel>.cs-game-hero__visual{height:490px}.cs-game-hero__panel>.cs-game-hero__scene{left:23%}.cs-game-hero__copy h2{font-size:34px}.cs-game-hero__stamp{min-width:112px}.cs-game-hero__scene-tool{font-size:9px}}
@media(max-width:800px){.cs-game-hero__panels>.cs-game-hero__panel{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) 330px;min-height:0;padding:25px 25px 0;gap:0}.cs-game-hero__panel>.cs-game-hero__copy{align-self:start;max-width:none;padding-bottom:20px}.cs-game-hero__panel>.cs-game-hero__visual{height:330px;max-width:550px;justify-self:center}.cs-game-hero__panel>.cs-game-hero__scene{inset:auto 0 0;height:440px;mask-image:linear-gradient(180deg,transparent 0%,#000 30%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 30%)}.cs-game-hero__scene>img{object-position:center center}.cs-game-hero__figure--source{max-width:275px}.cs-game-hero__stamp{right:0;bottom:16px}.cs-game-hero__footer{padding:12px 18px}.cs-game-hero__scene-tools{gap:6px}.cs-game-hero__scene-tool{min-height:36px}.cs-game-hero__copy h2{max-width:none}.cs-game-hero__lead{max-width:540px}.cs-game-hero__selection,.cs-game-hero__download{max-width:560px}}
@media(max-width:480px){.cs-game-hero__panels>.cs-game-hero__panel{padding:24px 17px 0;grid-template-rows:minmax(0,1fr) 290px}.cs-game-hero__panel>.cs-game-hero__visual{height:290px}.cs-game-hero__panel>.cs-game-hero__scene{height:380px}.cs-game-hero__figure--source{max-width:242px}.cs-game-hero__copy h2{font-size:32px}.cs-game-hero__stamp{padding:9px 11px;min-width:112px;font-size:9px}.cs-game-hero__footer{padding:11px 12px;flex-wrap:wrap;gap:9px}.cs-game-hero__scene-tools{flex:1 0 100%;display:grid;grid-template-columns:1.1fr .8fr 1fr;gap:6px}.cs-game-hero__scene-tool{padding:7px 5px;font-size:9px;min-height:38px}.cs-game-hero__scene-tool[data-hero-effects]{min-width:0}.cs-game-hero__paging{justify-content:space-between;width:100%;margin:0}.cs-game-hero__paging>span{font-size:10px}.cs-game-hero__paging button{width:35px;height:32px}.cs-game-hero__quicklinks>a{font-size:9px}}
@media(prefers-reduced-motion:reduce){.cs-game-hero__scene-tool,.cs-game-hero__figure,.cs-game-hero__tab-icon{transition:none!important;animation:none!important}.cs-game-hero__tabs>a:hover .cs-game-hero__tab-icon,.cs-game-hero__scene-tool:hover{transform:none}}
@media(max-width:480px){.cs-game-hero__scene-tool svg{display:none}}
