/* Small usability improvements using the existing Saudi palette and ornaments. */
.home-page .welcome h1{font-size:clamp(37px,4.1vw,61px);line-height:1.45;max-width:14ch}
.home-page .welcome-copy>p{font-size:16px;max-width:43ch}
.home-page .welcome-details{font-size:13px;flex-wrap:wrap;color:#f2dfb9}
.home-page .join-entry summary,.home-page .room-form-top label,.home-page .session-heading p{font-size:14px;min-height:44px}
.home-page .session-footnote{font-size:12px}.hero-carousel-tip{font-size:12px}
.catalog-refine{display:flex;gap:16px;flex-wrap:wrap;margin-top:18px}.catalog-refine label{display:grid;gap:5px;font-size:14px;flex:1;min-width:170px}
.catalog-refine select,.report-form select,.report-form textarea{font:inherit;min-height:48px;border:1px solid var(--j-line,#c9b58e);background:#fffaf0;color:#55202a;padding:10px 14px;border-radius:3px;width:100%;box-sizing:border-box}
.site-page .gc-mode{font-size:12px;line-height:1.8;color:#315e4e;width:100%}
.sjSetup .sjSetupActions .btn:not(.ghost){background:#6b2737;color:#fff8e9;border:1px solid #6b2737}
.sjSetup .sjSetupActions .btn:disabled{background:#e3d2b6;color:#6b5348;opacity:.65;cursor:not-allowed}
body.quiz-pending #app button{pointer-events:none;opacity:.7}#quiz-status{position:fixed;bottom:12px;inset-inline:20px;margin:auto;max-width:700px;z-index:1000;padding:12px 18px;background:#fff8e9;color:#55202a;border:1px solid #c9b58e;box-shadow:0 3px 15px #0002;font:15px/1.8 'IBM Plex Sans Arabic',Tahoma,sans-serif}#quiz-status:empty{display:none}
.report-form{display:grid;gap:18px;max-width:740px}.report-form label{display:grid;gap:6px}.report-form textarea{min-height:140px;resize:vertical}.report-actions{display:flex;gap:12px;flex-wrap:wrap}.report-status{padding:12px;border-inline-start:4px solid #315e4e;background:#eee2cf}.report-status:empty{display:none}.report-trap{display:none!important}
.game-editorial{max-width:1120px;margin:40px auto;padding:26px;background:#fff8e9;border:1px solid #c9b58e;border-top:6px solid #55202a;color:#352820;font:16px/1.9 'IBM Plex Sans Arabic',Tahoma,sans-serif}.game-editorial h2{font-size:24px;color:#6b2737}.game-editorial h3{font-size:19px;margin-block:22px 6px}.game-editorial p{max-width:80ch}.game-editorial .editorial-facts{display:flex;flex-wrap:wrap;gap:12px}.editorial-facts span{background:#eee2cf;padding:7px 12px}.game-editorial a{color:#6b2737;text-underline-offset:5px}.game-editorial details{border-top:1px solid #dbc6a5;margin-top:18px;padding-top:12px}.game-editorial summary{cursor:pointer;min-height:44px}.jalsa-active .game-editorial,body:has(#party-game) .game-editorial{display:none}
.end-support{max-width:700px;margin:24px auto;padding:18px 24px;background:#fff8e9;border:1px solid #c9b58e;border-inline-start:5px solid #315e4e;color:#55202a;font:15px/1.8 'IBM Plex Sans Arabic',Tahoma,sans-serif}.end-support a{color:#315e4e;font-weight:bold;text-underline-offset:5px}.end-support p{margin:5px 0}
.sjSetupSteps{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.sjSetupSteps span{padding:9px 15px;border-bottom:3px solid #d8c7b4}.sjSetupSteps [aria-current]{color:#6b2737;border-color:#6b2737;font-weight:bold}.sjSetupActions{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.sjSetupActions .btn{min-height:48px}.sjIdentityGuide{padding:12px 16px;border-inline-start:4px solid #315e4e;background:#f3ead7}
@media(max-width:720px){.home-page .welcome h1{font-size:clamp(33px,8.5vw,45px);max-width:none}.home-page .welcome-copy>p{font-size:14px}.home-page .welcome-details{font-size:12px;gap:12px}.home-page .join-entry summary,.home-page .room-form-top label,.home-page .session-heading p{font-size:13px}.home-page .hero-start{font-size:14px;min-height:48px}.game-editorial{margin:24px 16px;padding:18px}.catalog-refine{gap:10px}.catalog-refine label{min-width:130px}.end-support{margin:18px 14px}.sjSetupSteps{font-size:13px}}
