/* CrazySal.com public layout — full-width navy/steel/gold skin. */
:root{
  --cs-bg:#061721;--cs-bg2:#08222f;--cs-panel:#0a2c3b;--cs-panel2:#10394a;--cs-panel3:#123f51;
  --cs-line:#2a5a6d;--cs-line-soft:#173f50;--cs-text:#f4f8fa;--cs-muted:#9fb6c1;--cs-gold:#f1c44d;--cs-gold2:#d9a92e;
  --cs-cyan:#8fd1e7;--cs-green:#48b65d;--cs-red:#d94343;--cs-shadow:0 18px 50px rgba(0,0,0,.32)
}
html,body{background:var(--cs-bg)}
.cs-guest-body{margin:0;min-height:100vh;background:radial-gradient(circle at 78% 8%,rgba(55,108,129,.16),transparent 33%),linear-gradient(180deg,#081d28 0,#061721 48%,#04121a 100%);color:var(--cs-text);font-family:Arial,Helvetica,sans-serif}
.cs-guest-main{width:100%;max-width:none;padding:0!important;margin:0;display:block;flex:1}
.cs-topbar{position:relative;z-index:40;box-sizing:border-box;width:100%;min-height:92px;padding:13px clamp(14px,2.1vw,38px);display:flex;align-items:center;gap:28px;background:linear-gradient(180deg,#103b4d,#0a2a38);border-bottom:1px solid #285568;box-shadow:0 8px 24px rgba(0,0,0,.25)}
.cs-brand{display:flex;align-items:center;text-decoration:none;min-width:0}.cs-brand-logo{display:block;width:clamp(250px,21vw,365px);height:66px;max-width:100%;object-fit:contain;object-position:left center}
.cs-nav{margin-left:auto;display:flex;align-items:center;gap:5px}.cs-nav a{padding:11px 14px;border-radius:5px;color:#d8e6ec;text-decoration:none;font-size:13px;font-weight:800;letter-spacing:.3px}.cs-nav a:hover,.cs-nav a.active{background:#143b4a;color:#fff}.cs-nav .cs-nav-login{border:1px solid #315d6e}.cs-nav .cs-nav-register{margin-left:5px;background:linear-gradient(#f4ce64,#d5a62f);border:1px solid #ffe28c;color:#182027;box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}
.cs-mobile-menu{display:none;position:relative;margin-left:auto}.cs-mobile-menu summary{list-style:none;width:48px;height:43px;padding:8px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;gap:6px;cursor:pointer;border:1px solid #315c6e;border-radius:5px;background:#0c3040}.cs-mobile-menu summary::-webkit-details-marker{display:none}.cs-mobile-menu summary span{height:3px;width:100%;border-radius:99px;background:var(--cs-gold)}.cs-mobile-menu nav{position:absolute;right:0;top:49px;min-width:210px;display:grid;padding:8px;background:#071e2a;border:1px solid #315c6e;box-shadow:var(--cs-shadow)}.cs-mobile-menu nav a{padding:12px 13px;color:#edf5f8;text-decoration:none;font-weight:800;border-bottom:1px solid #123747}.cs-mobile-menu nav a:last-child{border-bottom:0;color:var(--cs-gold)}
.cs-home{width:100%}.cs-shell{box-sizing:border-box;width:100%;padding:18px clamp(12px,1.8vw,30px) 34px}.cs-hero{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}.cs-story-panel{order:1}.cs-login-card{order:2}.cs-sal-card{order:3}
.cs-story-panel,.cs-login-card,.cs-sal-card{position:relative;overflow:hidden;border:1px solid var(--cs-line);border-radius:7px;background:linear-gradient(180deg,rgba(15,53,68,.96),rgba(7,31,43,.98));box-shadow:var(--cs-shadow)}
.cs-story-panel{padding:clamp(28px,3vw,54px);display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 0 0,rgba(99,171,196,.12),transparent 38%),linear-gradient(180deg,#0d3444,#082532)}.cs-kicker{margin:0 0 17px;color:var(--cs-gold);font-size:11px;font-weight:900;letter-spacing:2.3px}.cs-story-panel h1{margin:0 0 20px;font:800 clamp(42px,4.2vw,76px)/.93 Georgia,'Times New Roman',serif;letter-spacing:-2px;color:#f5f8fa;text-transform:uppercase}.cs-story-panel h1 span{display:block;color:var(--cs-gold)}.cs-story-lead{margin:0 0 15px;font-size:clamp(17px,1.35vw,22px);line-height:1.55;color:#e1ebef;font-weight:700}.cs-story-copy{margin:0;color:#a9bfca;line-height:1.72;font-size:14px;max-width:62ch}.cs-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.cs-btn{display:inline-flex;align-items:center;justify-content:center;min-height:47px;padding:0 20px;border-radius:4px;text-decoration:none;font-size:13px;font-weight:900;letter-spacing:.6px;text-transform:uppercase}.cs-btn-gold{background:linear-gradient(#f7d36f,#d6a72f);color:#1d2428;border:1px solid #ffe8a1}.cs-btn-ghost{color:#e8f0f4;border:1px solid #3a6678;background:#0a2836}.cs-rule{margin-top:32px;padding-top:20px;border-top:1px solid #255064;display:grid;gap:5px}.cs-rule span{color:var(--cs-gold);font-size:9px;font-weight:900;letter-spacing:2px}.cs-rule strong{font-family:Georgia,'Times New Roman',serif;font-size:17px;color:#fff}
.cs-sal-card{margin:0;min-height:0;background:#170909}.cs-sal-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(4,17,24,.08) 58%,rgba(4,17,24,.94) 100%);pointer-events:none}.cs-sal-card img{width:100%;height:100%;min-height:0;display:block;object-fit:cover;object-position:center 20%}.cs-sal-card figcaption{position:absolute;z-index:2;left:24px;right:24px;bottom:23px;display:flex;flex-direction:column;gap:5px}.cs-sal-card figcaption small{color:#d5e4ea;font-size:9px;font-weight:800;letter-spacing:2.3px}.cs-sal-card figcaption strong{font:900 clamp(32px,3vw,52px)/1 Georgia,'Times New Roman',serif;color:var(--cs-gold);text-shadow:0 2px 8px #000}
.cs-login-card{padding:clamp(25px,2.4vw,42px);align-self:stretch;min-height:0;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(180deg,#103a4b 0,#082532 100%)}.cs-login-card>header{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #315b6b}.cs-login-card>header small{display:block;color:var(--cs-gold);font-size:9px;font-weight:900;letter-spacing:2.2px}.cs-login-card>header h2{margin:7px 0 5px;font:800 clamp(30px,2.5vw,43px)/1 Georgia,'Times New Roman',serif;text-transform:uppercase}.cs-login-card>header p{margin:0;color:#9eb4bf;font-size:13px}.cs-login-form{display:grid;gap:13px}.cs-login-form label{display:grid;gap:6px;color:#cfe0e7;font-size:11px;font-weight:900;letter-spacing:.55px;text-transform:uppercase}.cs-login-form input{box-sizing:border-box;width:100%;height:52px;border:1px solid #3a6678;border-radius:4px;background:#071e2a;color:#fff;padding:0 14px;font-size:15px;outline:0}.cs-login-form input:focus{border-color:var(--cs-gold);box-shadow:0 0 0 2px rgba(241,196,77,.12)}.cs-login-form input::placeholder{color:#748d99}.cs-login-row{text-align:right;margin-top:-3px}.cs-login-row a,.cs-register-link a{color:var(--cs-gold);text-decoration:none;font-weight:800}.cs-login-submit{height:53px;border:1px solid #ffe594;border-radius:4px;background:linear-gradient(#f7d269,#d4a32a);color:#1a2227;font-size:16px;font-weight:900;letter-spacing:1px;text-transform:uppercase;cursor:pointer}.cs-or{display:flex;align-items:center;gap:10px;margin:16px 0 13px;color:#8da5af;font-size:10px;font-weight:800}.cs-or:before,.cs-or:after{content:"";height:1px;flex:1;background:#2a5263}.cs-google.google-oauth-button{box-sizing:border-box;width:100%;min-height:50px;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid #3a6678!important;border-radius:4px!important;background:#071e2a!important;color:#fff!important;text-decoration:none!important;box-shadow:none!important}.cs-google .google-oauth-g{flex:0 0 27px;width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#4285f4;font:bold 18px Arial,sans-serif}.cs-google strong{color:#fff!important}.cs-register-link{text-align:center;margin:16px 0 0;color:#9eb3bd;font-size:13px}
.cs-feature-strip{margin-top:14px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.cs-feature-strip article{min-height:112px;padding:18px 13px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:11px;align-content:center;border:1px solid var(--cs-line);border-radius:5px;background:linear-gradient(180deg,#10394a,#092b39)}.cs-feature-strip article>span{grid-row:1/3;align-self:center;color:var(--cs-gold);font-size:25px}.cs-feature-strip strong{align-self:end;color:#fff;font-size:13px}.cs-feature-strip small{align-self:start;margin-top:5px;color:#8fa8b3;line-height:1.35;font-size:10px}
.cs-bottom-story{margin-top:14px;padding:27px clamp(20px,3vw,48px);display:grid;grid-template-columns:minmax(260px,.7fr) minmax(320px,1.3fr);gap:40px;align-items:center;border:1px solid var(--cs-line);border-radius:5px;background:linear-gradient(90deg,#0b3040,#082430)}.cs-bottom-story small{color:var(--cs-gold);font-size:9px;font-weight:900;letter-spacing:2px}.cs-bottom-story h2{margin:8px 0 0;font:800 clamp(26px,2.3vw,39px)/1.05 Georgia,'Times New Roman',serif}.cs-bottom-story p{margin:0;color:#a9bdc6;font-size:14px;line-height:1.75}
.cs-footer{box-sizing:border-box;width:100%;margin:0;padding:26px clamp(18px,2.3vw,42px) 18px;background:#05141c;border-top:1px solid #244b5d;color:#dbe8ed}.cs-footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:28px}.cs-footer-grid section{display:grid;align-content:start;gap:8px}.cs-footer-grid strong{color:var(--cs-gold);font-family:Georgia,'Times New Roman',serif}.cs-footer-grid p{margin:0;max-width:44ch;color:#8fa6b1;line-height:1.55;font-size:12px}.cs-footer-grid a{color:#afc2ca;text-decoration:none;font-size:12px}.cs-footer-grid a:hover{color:#fff}.cs-footer-bottom{margin-top:24px;padding-top:14px;border-top:1px solid #173847;display:flex;justify-content:space-between;gap:15px;color:#6f8a96;font-size:10px;letter-spacing:.5px}
/* CrazySal auth pages */
.cs-auth-page,.guest-register-stage.px-auth-page{box-sizing:border-box;min-height:calc(100vh - 92px);padding:46px clamp(14px,2vw,30px);display:grid;place-items:center;background:radial-gradient(circle at 80% 20%,rgba(79,134,156,.18),transparent 30%),linear-gradient(180deg,#092633,#061721)}.cs-auth-page:before,.guest-register-stage.px-auth-page:before{content:"";position:fixed;z-index:0;right:-7vw;bottom:-20vh;width:min(52vw,760px);aspect-ratio:1;background:url('/assets/img/guest/crazy-sal.jpg?v=1') center/cover no-repeat;opacity:.09;filter:saturate(.4);border-radius:50%;pointer-events:none}.cs-auth-page>.guest-register-card,.guest-register-stage.px-auth-page>.guest-register-card{position:relative;z-index:1;width:min(100%,680px)!important;margin:0!important;padding:30px!important;background:linear-gradient(180deg,#10394a,#082633)!important;border:1px solid var(--cs-line)!important;border-radius:6px!important;box-shadow:var(--cs-shadow)!important;color:#fff!important}.cs-auth-page>.guest-register-card.wide,.guest-register-stage.px-auth-page>.guest-register-card.wide{width:min(100%,820px)!important}.cs-auth-page .auth-brand h1,.guest-register-stage.px-auth-page .auth-brand h1{color:#fff!important;font-family:Georgia,'Times New Roman',serif!important;text-transform:uppercase}.cs-auth-page .auth-brand p,.guest-register-stage.px-auth-page .auth-brand p{color:#9fb3bd!important}.cs-auth-page .player-made-tagline strong,.guest-register-stage.px-auth-page .player-made-tagline strong{color:var(--cs-gold)!important}.cs-auth-page .player-made-tagline small,.guest-register-stage.px-auth-page .player-made-tagline small{color:#bdd0d8!important}.cs-auth-page form>label,.guest-register-stage.px-auth-page form>label{color:#d9e6eb!important}.cs-auth-page input,.guest-register-stage.px-auth-page input,.cs-auth-page select,.guest-register-stage.px-auth-page select{background:#071e2a!important;border:1px solid #396579!important;color:#fff!important;border-radius:4px!important}.cs-auth-page input,.guest-register-stage.px-auth-page input:focus,.cs-auth-page select,.guest-register-stage.px-auth-page select:focus{border-color:var(--cs-gold)!important;box-shadow:0 0 0 2px rgba(241,196,77,.13)!important}.cs-auth-page button.primary,.guest-register-stage.px-auth-page button.primary{background:linear-gradient(#f7d36f,#d5a62e)!important;border-color:#ffe69a!important;color:#1a2328!important}.cs-auth-page .password-row button,.guest-register-stage.px-auth-page .password-row button{background:#0b2d3c!important;border-color:#3d687a!important;color:#dce9ee!important}.cs-auth-page .auth-foot,.guest-register-stage.px-auth-page .auth-foot,.cs-auth-page .auth-foot,.guest-register-stage.px-auth-page .auth-foot a{color:#b8cbd3}.cs-auth-page .auth-foot,.guest-register-stage.px-auth-page .auth-foot a{color:var(--cs-gold)!important}.cs-auth-page .google-oauth-button,.guest-register-stage.px-auth-page .google-oauth-button{background:#071e2a!important;border-color:#3b6679!important;color:#fff!important}
/* Existing public/legal content adopts the same full-width blue system. */
.cs-guest-body .guest-page-wrap{box-sizing:border-box;width:100%;max-width:none;margin:0;padding:32px clamp(16px,3vw,48px) 48px}.cs-guest-body .guest-page-hero,.cs-guest-body .guest-content-card{max-width:1500px;margin-left:auto;margin-right:auto}.cs-guest-body .guest-page-hero{background:linear-gradient(180deg,#10394a,#0a2a38);border-color:var(--cs-line)}.cs-guest-body .guest-content-card{background:#092632;border-color:var(--cs-line)}

/* Contact: single centered form, no side information panel. */
.cs-guest-body .guest-contact-single-page{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:calc(100vh - 92px);padding-top:40px;padding-bottom:54px}.cs-guest-body .guest-contact-single-page .guest-contact-title{box-sizing:border-box;width:min(100%,680px);margin:0 auto 18px;padding:0;background:transparent;border:0;box-shadow:none}.cs-guest-body .guest-contact-single-page .guest-contact-title small{margin-bottom:8px;color:var(--cs-gold)}.cs-guest-body .guest-contact-single-page .guest-contact-title h1{margin:0;font-size:38px}.cs-guest-body .guest-contact-form-centered{box-sizing:border-box;width:min(100%,680px);max-width:680px;margin:0 auto;padding:28px}.cs-guest-body .guest-contact-form-centered .guest-contact-form{width:100%}.cs-guest-body .guest-contact-form-centered .guest-contact-form button{min-height:44px;font-weight:800}
/* Desktop home: keep the three hero panels compact so more of the outgame page is visible above the fold. */
@media(min-width:981px){
  .cs-story-panel{padding:34px clamp(30px,2.2vw,40px)}
  .cs-kicker{margin-bottom:11px}
  .cs-story-panel h1{margin-bottom:15px;font-size:clamp(42px,3.3vw,60px);line-height:.9}
  .cs-story-lead{margin-bottom:11px;font-size:clamp(16px,1.1vw,19px);line-height:1.45}
  .cs-story-copy{font-size:13px;line-height:1.55}
  .cs-hero-actions{margin-top:18px}
  .cs-btn{min-height:43px}
  .cs-rule{margin-top:20px;padding-top:14px}
  .cs-login-card{padding:30px clamp(28px,2vw,36px)}
  .cs-login-card>header{padding-bottom:14px;margin-bottom:14px}
  .cs-login-card>header h2{font-size:clamp(29px,2.1vw,38px)}
  .cs-login-form{gap:10px}
  .cs-login-form input{height:46px}
  .cs-login-submit{height:47px}
  .cs-or{margin:12px 0 10px}
  .cs-google.google-oauth-button{min-height:45px}
  .cs-register-link{margin-top:12px}
  .cs-sal-card figcaption{bottom:18px}
}
@media(max-width:980px) and (min-width:821px){.cs-hero{grid-template-columns:1fr 1fr}.cs-story-panel{grid-column:1/-1;min-height:auto}.cs-login-card,.cs-sal-card{min-height:520px}.cs-feature-strip{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.cs-guest-body .guest-contact-single-page{min-height:calc(100vh - 78px);padding:24px 12px 36px}.cs-guest-body .guest-contact-form-centered{padding:20px 16px}.cs-guest-body .guest-contact-single-page .guest-contact-title h1{font-size:31px}.cs-topbar{min-height:78px;padding:11px 14px}.cs-brand-logo{width:min(64vw,260px);height:54px}.cs-nav{display:none}.cs-mobile-menu{display:block}.cs-shell{padding:10px 10px 24px}.cs-hero{grid-template-columns:1fr;gap:10px}.cs-login-card{order:1;min-height:auto;padding:25px 20px}.cs-story-panel{order:2;grid-column:auto;padding:27px 22px}.cs-sal-card{order:3;min-height:0;aspect-ratio:1/1}.cs-story-panel h1{font-size:44px}.cs-story-lead{font-size:17px}.cs-sal-card img{min-height:0;height:100%;object-position:center 16%}.cs-feature-strip{grid-template-columns:repeat(2,1fr)}.cs-bottom-story{grid-template-columns:1fr;gap:16px}.cs-footer-grid{grid-template-columns:1fr 1fr}.cs-auth-page,.guest-register-stage.px-auth-page{min-height:calc(100vh - 78px);padding:24px 10px}.cs-auth-page>.guest-register-card,.cs-auth-page>.guest-register-card.wide,.guest-register-stage.px-auth-page>.guest-register-card.wide{padding:22px 16px!important}}
@media(max-width:500px){.cs-brand-logo{width:min(65vw,235px);height:50px}.cs-story-panel h1{font-size:38px;letter-spacing:-1px}.cs-story-panel{padding:25px 18px}.cs-feature-strip{grid-template-columns:1fr 1fr}.cs-feature-strip article{min-height:102px;padding:14px 10px}.cs-feature-strip small{font-size:9px}.cs-footer-grid{grid-template-columns:1fr}.cs-footer-bottom{display:grid}.cs-bottom-story{padding:22px 18px}.cs-login-card>header h2{font-size:31px}}

/* Public Gameplay screenshot slider / gallery. Screenshots are loaded from /assets/img/gameplay-gallery/. */
.cs-gameplay-gallery{box-sizing:border-box;max-width:1500px;margin:0 auto 18px;padding:22px;border:1px solid var(--cs-line);border-radius:6px;background:linear-gradient(180deg,#0d3343,#082530);box-shadow:var(--cs-shadow)}
.cs-gameplay-gallery-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:16px}.cs-gameplay-gallery-head>div{min-width:0}.cs-gameplay-gallery-head small{display:block;margin-bottom:5px;color:var(--cs-gold);font-size:9px;font-weight:900;letter-spacing:2px}.cs-gameplay-gallery-head h2{margin:0;color:#fff;font:800 clamp(25px,2vw,36px)/1.05 Georgia,'Times New Roman',serif}.cs-gameplay-gallery-head p{max-width:560px;margin:0;color:#9fb6c0;font-size:13px;line-height:1.55;text-align:right}
.cs-gameplay-gallery-stage{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;gap:10px;align-items:center}.cs-gameplay-gallery-viewport{min-width:0;overflow:hidden;border:1px solid #315a6a;border-radius:5px;background:#04151d;outline:none}.cs-gameplay-gallery-viewport:focus-visible{box-shadow:0 0 0 2px rgba(241,196,77,.5)}.cs-gameplay-gallery-track{display:flex;width:100%;transition:transform .28s ease;will-change:transform}.cs-gameplay-gallery-slide{box-sizing:border-box;flex:0 0 100%;min-width:0;margin:0}.cs-gameplay-gallery-open{display:block;width:100%;padding:0;border:0;background:#04151d;cursor:zoom-in}.cs-gameplay-gallery-open img{display:block;width:100%;height:auto;max-height:min(68vh,760px);aspect-ratio:16/9;object-fit:contain;background:#04151d}.cs-gameplay-gallery-slide figcaption{display:flex;justify-content:space-between;gap:16px;padding:11px 14px;border-top:1px solid #254b5b;background:#082430}.cs-gameplay-gallery-slide figcaption strong{color:#fff;font-size:13px}.cs-gameplay-gallery-slide figcaption span{color:#7896a3;font-size:11px}
.cs-gameplay-gallery-arrow{width:48px;height:72px;border:1px solid #3c6879;border-radius:5px;background:#0a2b39;color:#fff;font:700 42px/1 Arial,sans-serif;cursor:pointer}.cs-gameplay-gallery-arrow:hover,.cs-gameplay-gallery-arrow:focus-visible{border-color:var(--cs-gold);background:#123b4b;color:var(--cs-gold);outline:none}.cs-gameplay-gallery[data-gallery-count="1"] .cs-gameplay-gallery-arrow{visibility:hidden}
.cs-gameplay-gallery-thumbs{display:flex;gap:8px;margin-top:12px;padding:2px 1px 7px;overflow-x:auto;scrollbar-width:thin}.cs-gameplay-gallery-thumbs button{flex:0 0 150px;padding:5px;border:1px solid #2a5161;border-radius:4px;background:#071f2a;color:#adc1ca;text-align:left;cursor:pointer}.cs-gameplay-gallery-thumbs button:hover,.cs-gameplay-gallery-thumbs button.active{border-color:var(--cs-gold);color:#fff}.cs-gameplay-gallery-thumbs img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#03131b}.cs-gameplay-gallery-thumbs span{display:block;padding:6px 4px 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:800}.cs-gameplay-gallery-status{margin:4px 0 0;color:#7896a3;font-size:10px;text-align:right}
.cs-gameplay-lightbox{width:min(94vw,1500px);max-width:none;padding:12px;border:1px solid #456f80;border-radius:6px;background:#03131b;color:#fff;box-shadow:0 30px 100px #000}.cs-gameplay-lightbox::backdrop{background:rgba(0,0,0,.88)}.cs-gameplay-lightbox img{display:block;max-width:100%;max-height:82vh;margin:auto;object-fit:contain}.cs-gameplay-lightbox p{margin:10px 46px 2px;color:#b9cbd2;text-align:center;font-size:12px}.cs-gameplay-lightbox-close{position:absolute;top:10px;right:10px;z-index:2;width:38px;height:38px;border:1px solid #557887;border-radius:50%;background:#071e29;color:#fff;font-size:26px;line-height:1;cursor:pointer}.cs-gameplay-lightbox-close:hover{border-color:var(--cs-gold);color:var(--cs-gold)}
@media(max-width:820px){.cs-gameplay-gallery{padding:14px}.cs-gameplay-gallery-head{display:block}.cs-gameplay-gallery-head p{margin-top:8px;text-align:left}.cs-gameplay-gallery-stage{grid-template-columns:38px minmax(0,1fr) 38px;gap:6px}.cs-gameplay-gallery-arrow{width:38px;height:58px;font-size:34px}.cs-gameplay-gallery-open img{max-height:62vh}.cs-gameplay-gallery-thumbs button{flex-basis:118px}.cs-gameplay-gallery-slide figcaption{display:block}.cs-gameplay-gallery-slide figcaption span{display:block;margin-top:3px}.cs-gameplay-lightbox{width:96vw;padding:8px}}
@media(max-width:520px){.cs-gameplay-gallery{padding:10px}.cs-gameplay-gallery-stage{grid-template-columns:1fr}.cs-gameplay-gallery-arrow{position:absolute;z-index:3;width:36px;height:52px;background:rgba(4,24,33,.9)}.cs-gameplay-gallery-stage{position:relative}.cs-gameplay-gallery-arrow.prev{left:5px}.cs-gameplay-gallery-arrow.next{right:5px}.cs-gameplay-gallery-thumbs button{flex-basis:96px}.cs-gameplay-gallery-thumbs span{display:none}.cs-gameplay-gallery-status{text-align:center}}