/* V10.8.1632 Social Hall games: visible Back (below the View-As banner), themed backgrounds, Leave this game? confirm. TEST only. */
body:has(#vas1508-bar) #sg742{top:44px}
.sg-back{background:#0F2557;color:#fff;border-color:#0F2557;min-height:40px;padding:8px 16px}
.sg-back:hover{background:#1a3a7a}
.sg-top{box-shadow:0 2px 10px rgba(15,37,87,.08)}
/* themed backgrounds: soft light overlay keeps text and cards readable; the picture only loads when a game opens */
.sc53[data-gx],#sg742[data-gx]{background:linear-gradient(180deg,rgba(247,249,253,.72) 0,rgba(247,249,253,.5) 38%,rgba(247,249,253,.66) 100%),var(--gxb) center/cover no-repeat}
.sc53[data-gx]{border-radius:20px;padding:18px 20px 30px;min-height:calc(100vh - 9rem)}
#sg742[data-gx]{background-attachment:local}
.sc53[data-gx=lab],#sg742[data-gx=lab]{--gxb:url(/static/student-portal/img/gx/gx-lab.webp)}
.sc53[data-gx=debate],#sg742[data-gx=debate]{--gxb:url(/static/student-portal/img/gx/gx-debate.webp)}
#sg742[data-gx=puzzle]{--gxb:url(/static/student-portal/img/gx/gx-puzzle.webp)}
#sg742[data-gx=club]{--gxb:url(/static/student-portal/img/s2/club-room.webp)}
.sc53[data-gx] h1,.sc53[data-gx]>.sub{text-shadow:0 1px 10px rgba(255,255,255,.9)}
#sg742[data-gx] .sg-eb,#sg742[data-gx] h1{text-shadow:0 1px 10px rgba(255,255,255,.9)}
@media (max-width:640px){
 .sc53[data-gx=lab],#sg742[data-gx=lab]{--gxb:url(/static/student-portal/img/gx/gx-lab-phone.webp)}
 .sc53[data-gx=debate],#sg742[data-gx=debate]{--gxb:url(/static/student-portal/img/gx/gx-debate-phone.webp)}
 #sg742[data-gx=puzzle]{--gxb:url(/static/student-portal/img/gx/gx-puzzle-phone.webp)}
 .sc53[data-gx]{padding:12px 12px 24px;border-radius:14px}
}
/* Leave this game? */
#gxcf{position:fixed;inset:0;z-index:9600;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(16,33,74,.28);font-family:Inter,system-ui,sans-serif}
#gxcf .gxc{background:#fff;border-radius:18px;max-width:400px;width:100%;padding:24px 22px 20px;box-shadow:0 18px 50px rgba(15,37,87,.25);color:#10214a}
#gxcf h2{margin:0 0 6px;font:800 22px Inter,system-ui,sans-serif;letter-spacing:-.02em}
#gxcf p{margin:0 0 18px;color:#44506e;font-size:15px;line-height:1.4}
#gxcf .gxr{display:flex;gap:10px;flex-wrap:wrap}
#gxcf button{flex:1;min-height:46px;border-radius:12px;font:700 15px Inter,system-ui,sans-serif;cursor:pointer;border:1.5px solid #d5dbe8;background:#fff;color:#0F2557}
#gxcf button.go{background:#0F2557;border-color:#0F2557;color:#fff}
#gxcf button:focus-visible{outline:3px solid #2f6fd6;outline-offset:2px}
/* V10.8.1651 multiplayer game page: Back button under the header, and the knight puzzle card themed with the club room */
.ghall .gback{position:absolute;z-index:4;left:calc(127*var(--u));top:6px;display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 16px 0 12px;border-radius:999px;border:1.5px solid #cfd8ea;background:#fff;color:#0F2557;font:700 14px Inter,system-ui,sans-serif;cursor:pointer;box-shadow:0 2px 8px rgba(15,37,87,.12)}
.ghall .gback svg{width:16px;height:16px}
.ghall .gback:hover{background:#f1f5fc}
.ghall .gback:focus-visible{outline:3px solid #2f6fd6;outline-offset:2px}
@media (min-width:601px){
 .world:has(.ghall) .ghall{top:66px}
 body:has(#vas1508-bar) .world:has(.ghall) .ghall{top:110px}
}
@media (max-width:600px){ .ghall .gback{position:relative;left:auto;top:auto;align-self:flex-start;margin:2px 0 14px} .gtitle{margin-top:0!important} }
.s2solo{background:linear-gradient(rgba(255,255,255,.9),rgba(255,255,255,.82)),url(/static/student-portal/img/s2/club-room.webp) center/cover no-repeat}