:root{--soft-bg:#fcf7ed;--soft-green:#123f32;--soft-ink:#214b3b;--soft-brown:#87674b;--soft-gold:#b99157;font-family:Jammatna,Tahoma,Arial,sans-serif;color:var(--soft-ink);background:var(--soft-bg);--saudi-green:var(--soft-green)}
html{background:var(--soft-bg);scrollbar-color:#c9b28c var(--soft-bg)}
body,body.home-view,body.tv-mode{margin:0;padding:0;background:var(--soft-bg);color:var(--soft-ink);min-height:100svh;overflow-x:clip}
body:before,body.home-view:before,body.playing:before,.home-ambience{display:none!important}
main,body.home-view main,body.tv-mode main,body.playing main{display:flex;flex-direction:column;width:100%;max-width:none;margin:0;padding:0}
.lobby-topbar{order:0;display:flex;align-items:center;gap:20px;width:100%;min-height:88px;padding:10px max(28px,calc((100vw - 1240px)/2));background:#fffbf3f5;border-bottom:1px solid #e3d3b84d;z-index:3}
#brand,body.home-view #brand,body.playing #brand,body.tv-mode #brand{display:block;order:0;width:auto;max-width:none;min-width:118px;flex:none;margin:0 auto 0 0;filter:none;text-align:center;animation:none;padding:0}
#brand h1{margin:0;line-height:1}
.brand-logo-button{display:flex;align-items:center;gap:5px;padding:0;border:0;background:none;box-shadow:none;min-height:0;width:auto;color:#926013;border-radius:8px;animation:none;line-height:1}
.soft-wordmark{font-size:32px;font-weight:700;line-height:1.15}.soft-palm{width:29px;height:35px}
#brand>p,body.home-view #brand>p,body.tv-mode #brand>p{position:static;display:block;clip-path:none;width:auto;height:auto;overflow:visible;white-space:normal;line-height:1.3;font-size:12px;font-weight:400;color:#946d3b;margin:1px 0 0 18px;padding:0;border:0;background:none;box-shadow:none;border-radius:0}
.community-bar,body.home-view .community-bar{order:1;display:flex;width:auto;margin:0;align-self:auto;flex:none}
.community-link{padding:10px 17px;min-height:43px;gap:9px;border:1px solid #164d3d;border-radius:14px;background:linear-gradient(145deg,#285545,#0b382a);box-shadow:0 3px 8px #19392a0f;color:#fff7e7}
.community-discord{width:20px;height:20px}.community-copy strong{font-size:15px;font-weight:700;color:#fff7e7}.community-copy small,.community-arrow{display:none}
.soft-tools{order:2;display:flex;align-items:center;gap:10px}
.soft-icon{display:grid;place-items:center;flex:none;width:42px;height:42px;min-height:42px;border:1px solid #d8c49f;border-radius:50%;background:#fffaf0;color:#174a39;padding:8px;font-size:25px;line-height:1;box-shadow:none;cursor:pointer;transition:background .18s,transform .18s}
.soft-icon img{display:block;width:22px;height:22px;filter:brightness(.5) sepia(.5) hue-rotate(80deg)}
.soft-icon:hover{background:#eee8d7}.soft-icon:active{transform:scale(.94)}
.soft-hero{display:none;order:1;position:relative;isolation:isolate;overflow:hidden;width:100%;height:290px;flex:none}
body.home-view .soft-hero{display:block}
.soft-hero-art{position:absolute;inset:0;background:url('jammatna-soft-hero-v1.webp') center 52%/cover no-repeat;z-index:-2}
.soft-hero:after{content:'';position:absolute;inset:auto 0 0;height:60px;background:linear-gradient(transparent,var(--soft-bg));z-index:1;pointer-events:none}
.soft-hero-copy{position:relative;z-index:2;width:min(100% - 64px,1220px);height:100%;margin:auto;padding-top:52px;text-align:right;pointer-events:none}
.soft-hero-copy h2{font-size:clamp(34px,4.1vw,55px);font-weight:700;line-height:1.45;color:#103e30;margin:0 0 6px;letter-spacing:0}
.soft-hero-copy p{font-size:22px;line-height:1.7;color:#87674b;margin:0}
.soft-clouds{position:absolute;inset:0;z-index:-1;opacity:.14;background:radial-gradient(ellipse at 30% 15%,#fff2cf,transparent 34%),radial-gradient(ellipse at 63% 28%,#ffeac4,transparent 29%);animation:soft-cloud-drift 75s ease-in-out infinite alternate;pointer-events:none}
.soft-hero-art:after{content:'';position:absolute;left:7%;top:67%;width:80px;height:65px;background:radial-gradient(#ffd17545,transparent 65%);animation:soft-lantern-glow 6s ease-in-out infinite alternate;pointer-events:none}
@keyframes soft-cloud-drift{from{transform:translateX(-6%)}to{transform:translateX(8%)}}
@keyframes soft-lantern-glow{from{opacity:.35}to{opacity:.85}}
.ambience-paused .soft-clouds,.ambience-paused .soft-hero-art:after{animation-play-state:paused}
#app,body.home-view #app{order:2;position:relative;width:min(100% - 48px,1200px);margin:24px auto 40px;min-width:0}
body.home-view #app{margin:0 auto 22px;width:min(100% - 64px,1200px)}
body.home-view .home-content{padding:0;border:0;border-radius:0;background:none;box-shadow:none;position:relative}
body.home-view .home-section-heading{display:flex;justify-content:center;align-items:center;gap:24px;margin:0 0 21px;color:#b28644}
body.home-view .home-section-heading>span{font-size:16px;position:relative}
body.home-view .home-section-heading:before,body.home-view .home-section-heading:after{content:'';width:52px;height:1px;background:linear-gradient(90deg,transparent,#c6a56e);flex:none}
body.home-view .home-section-heading:after{transform:rotate(180deg)}
body.home-view .home-section-heading h2{font-size:30px;line-height:1.4;margin:0;padding:0;border:0;border-radius:0;background:none;color:#174936;box-shadow:none;font-weight:700;text-shadow:none;text-align:center}
.category-subtitle{font-size:16px;color:#8c6a4c;text-align:center;margin:4px 0 0;line-height:1.5}
body.home-view .home-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:0;direction:rtl}
body.home-view .home-category-grid>.tile-wrap{position:relative;min-width:0;filter:none;container-type:normal}
body.home-view .home-category-grid .home-category{position:relative;isolation:isolate;display:flex;align-items:center;width:100%;height:145px;min-height:145px;padding:14px 14px 14px 18px;border:1px solid #dfc9a6;border-radius:17px;background:#fffbf4;box-shadow:0 5px 15px #77542e06;overflow:hidden;clip-path:none;mask:none;-webkit-mask:none;transition:transform .22s ease,border-color .22s,box-shadow .22s;text-align:center;gap:0}
.soft-card-art{position:absolute;inset:0 0 0 auto;width:47%;height:100%;background-image:url('jammatna-soft-categories-v1.webp');background-size:300% 200%;background-position:var(--art-x) var(--art-y);background-repeat:no-repeat;z-index:-1;mask-image:linear-gradient(90deg,transparent,#000 18%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%)}
.soft-extra-art .section-icon{width:76px;height:76px;filter:sepia(.5) saturate(.65);opacity:.8}
body.home-view .home-category-body{position:relative;width:100%;flex:1;margin:0;padding:0 43% 0 0;border:0;border-radius:0;background:none;box-shadow:none;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:0}
body.home-view .home-category-grid .home-category strong{font-size:21px;color:#194936;line-height:1.45;font-weight:700}
body.home-view .home-category-grid .home-category small{font-size:14px;line-height:1.7;color:#8c694b;max-width:185px;margin:0;font-weight:400}
.soft-selected{display:none;position:absolute;top:10px;left:10px;width:25px;height:25px;align-items:center;justify-content:center;border-radius:50%;color:#fff8e9;background:#164b38;font-size:17px;line-height:1}
body.home-view .home-category-grid .home-category[aria-pressed=true]{border:1.5px solid #17523b;background:#fffdf7;box-shadow:0 0 0 1px #194b3812,0 6px 16px #194b3807;transform:translateY(-1px)}
body.home-view .home-category[aria-pressed=true] .soft-selected{display:flex}
body.home-view .home-category-grid .home-category[aria-pressed=true]:after{display:none}
body.home-view .home-category-grid .section-info{position:absolute;left:9px;top:auto;bottom:9px;width:22px;height:22px;min-height:22px;padding:0;background:#fff8ecc9;border:1px solid #d9bc8c;border-radius:50%;font-size:13px;line-height:1;color:#a47d44;box-shadow:none;z-index:2}
body.home-view .home-category-grid .home-category:focus-visible{outline:3px solid #9d7b45;outline-offset:3px}
body.home-view .home-more{margin:14px 0 0;text-align:center}
body.home-view .home-more>summary{cursor:pointer;display:inline-flex;align-items:center;gap:8px;list-style:none;font-size:14px;color:#876747;padding:6px 14px;border:1px solid #dfcbae;border-radius:30px;background:#fff9ef}
body.home-view .home-more>summary:before{content:'+';font-size:18px}.home-more[open]>summary:before{content:'−'}
body.home-view .home-extra-grid{margin:14px 0 0;max-width:none;grid-template-columns:repeat(3,minmax(0,1fr))}
body.home-view .home-extra-grid>.tile-wrap:first-child,body.home-view .home-extra-grid>.tile-wrap:last-child{grid-column:auto}
.soft-start-area{display:flex;align-items:center;flex-direction:column;gap:12px;margin:16px 0 0}
body.home-view .home-start,body.tv-mode.home-view .home-start{display:flex;align-items:center;justify-content:center;gap:38px;position:relative;isolation:isolate;width:300px;max-width:100%;height:52px;min-height:52px;margin:0;padding:9px 28px;border:1px solid #153f30;border-radius:17px;background:linear-gradient(125deg,#315b49,#0e392b);box-shadow:0 4px 10px #153d2d12;color:#fffaf0;text-shadow:none;font-size:24px;font-weight:700;transition:transform .18s,box-shadow .18s}
.home-start>span:last-child{font-size:26px;font-weight:400}
.soft-resume{text-align:center;display:flex;align-items:center;gap:14px;justify-content:center;flex-wrap:wrap}
.soft-resume-button{display:flex;align-items:center;gap:7px;background:none;border:0;border-radius:6px;padding:3px 0;min-height:34px;font-size:15px;font-weight:700;text-decoration:underline;text-underline-offset:4px;color:#23513d}
.soft-resume small{font-size:12px;color:#977859}
body.home-view footer{order:5;width:min(100% - 48px,1200px);margin:10px auto 0;text-align:center;padding:36px 12px 15px;font-size:12px;color:#927650;border:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='68' height='25' viewBox='0 0 68 25'%3E%3Cg fill='none' stroke='%23bf9e6355' stroke-width='1'%3E%3Cpath d='m0 23 17-20 17 20L51 3l17 20M7 23 17 11l10 12m14 0 10-12 10 12'/%3E%3C/g%3E%3C/svg%3E");background-repeat:repeat-x;background-position:center top}
body.home-view footer small{font-size:10px;opacity:.7}
.offline-status{order:4;text-align:center;font-size:11px;color:#947a59;margin:0 auto 10px!important}
.offline-status:empty{display:none}#storageWarning{max-width:700px;margin:10px auto}
/* The same palette continues into setup, questions, results and dialogs. */
.panel,.lobby-shell,.question-card,dialog{background:#fffbf4;border:1px solid #e2cfad;border-radius:23px;box-shadow:0 7px 24px #62491f08;color:#294b39}
.section-intro{background:#f4eddf;border:1px solid #e7d6b9;box-shadow:none;border-radius:21px}
.section-intro h2,.players-panel h3,.difficulty-panel h3{color:#174b36}
.primary,.primary.teal,.lobby-begin{background:linear-gradient(130deg,#315c48,#103c2c);border:1px solid #234d37;color:#fff7e8;box-shadow:0 4px 9px #20472d13;text-shadow:none;border-radius:17px}
.secondary,.back{background:#fffaf0;border:1px solid #dfc9a7;color:#705638;border-radius:17px;box-shadow:none}
#finish{background:#fcf1e7;color:#964c39;border:1px solid #d8ae96;border-radius:14px}
.option{border-radius:17px;border-color:#e0cfb1;background:#fffaf1;color:#234d3b}.option.correct{background:#e3efdf;border-color:#59825b}.option.incorrect{background:#f9e9df;border-color:#b77c62}
#settingsDialog{width:min(94vw,470px);max-height:85svh;overflow:auto;padding:24px;border-radius:26px;color:#244936}
.settings-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.settings-heading h2{font-size:28px;margin:0}.settings-heading .soft-icon{font-size:25px}
dialog::backdrop{background:#19382a55;backdrop-filter:blur(5px)}
#settingsDialog .utility{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:10px;margin:18px 0 20px;padding:0;background:none;box-shadow:none;border:0}
#settingsDialog .utility .small-btn{display:flex;align-items:center;justify-content:center;min-height:58px;padding:12px;border:1px solid #deccad;border-radius:15px;background:#fbf4e6;color:#6e583a;font-size:14px;white-space:normal}
#settingsDialog .utility .small-btn[hidden]{display:none}
#settingsDialog .utility .small-btn[aria-pressed=true]{background:#eaf0df;color:#264e37;border-color:#a4b294}
.motion-preference{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 0 0;border-top:1px solid #e4d6be;cursor:pointer}
.motion-preference>span{display:flex;flex-direction:column;gap:4px}.motion-preference strong{font-size:16px}.motion-preference small{font-size:12px;color:#8e7758}.motion-preference input{width:23px;height:23px;min-height:0;accent-color:#22523b}
@media(hover:hover){body.home-view .home-category-grid .home-category:hover{transform:translateY(-3px);border-color:#b99a65;box-shadow:0 8px 19px #71532310}body.home-view .home-category-grid .home-category[aria-pressed=true]:hover{border-color:#17523b}.home-start:hover{box-shadow:0 7px 18px #173d2b22!important;transform:translateY(-2px)}}
@media(min-width:1600px){.soft-hero{height:330px}body.home-view #app{width:min(100% - 100px,1360px)}.lobby-topbar{padding-inline:max(45px,calc((100vw - 1360px)/2))}.soft-hero-copy{width:min(100% - 100px,1360px);padding-top:65px}body.home-view .home-category-grid .home-category{height:158px;min-height:158px}body.home-view .home-category-grid .home-category strong{font-size:24px}}
@media(max-width:900px){.lobby-topbar{padding:10px 22px;gap:14px;min-height:78px}.soft-hero{height:260px}.soft-hero-copy{padding-top:46px}.soft-hero-copy h2{font-size:38px}.soft-hero-copy p{font-size:19px}body.home-view #app{width:calc(100% - 36px)}body.home-view .home-category-grid{gap:12px}body.home-view .home-category-grid .home-category{height:142px;padding:12px 8px}.soft-card-art{width:45%}body.home-view .home-category-body{padding-right:40%}body.home-view .home-category-grid .home-category strong{font-size:18px}body.home-view .home-category-grid .home-category small{font-size:12px}}
@media(max-width:650px){.lobby-topbar{min-height:73px;padding:10px 18px;gap:12px}#brand,body.home-view #brand{min-width:100px}.soft-wordmark{font-size:28px}.soft-palm{width:23px;height:30px}#brand>p,body.home-view #brand>p{font-size:10px}.soft-tools{gap:7px}.soft-icon{width:38px;height:38px;min-height:38px;padding:8px}.community-link{padding:8px 10px;min-height:38px;border-radius:12px}.community-copy strong{font-size:12px}.community-discord{width:17px;height:17px}.soft-hero{height:222px}.soft-hero-art{background-size:auto 100%;background-position:34% center}.soft-hero-art:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#fff4dc99,transparent 65%)}.soft-hero-copy{padding-top:23px;width:calc(100% - 34px)}.soft-hero-copy h2{font-size:32px;line-height:1.5}.soft-hero-copy p{font-size:16px}.soft-hero:after{height:38px}body.home-view #app{width:calc(100% - 28px);margin-top:0}body.home-view .home-section-heading{gap:10px;margin-bottom:16px}body.home-view .home-section-heading h2{font-size:24px}body.home-view .home-section-heading:before,body.home-view .home-section-heading:after{width:25px}.category-subtitle{font-size:13px;margin-top:4px}body.home-view .home-category-grid,body.home-view .home-extra-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}body.home-view .home-category-grid .home-category{height:124px;min-height:124px;border-radius:15px;padding:10px 6px}.soft-card-art{width:51%;opacity:.94}body.home-view .home-category-body{padding:0 37% 12px 0;gap:5px}body.home-view .home-category-grid .home-category strong{font-size:17px;line-height:1.5}body.home-view .home-category-grid .home-category small{font-size:11px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.soft-selected{width:21px;height:21px;top:7px;left:7px;font-size:14px}body.home-view .home-category-grid .section-info{width:19px;height:19px;min-height:19px;bottom:7px;left:7px;font-size:11px}.soft-start-area{margin-top:13px;gap:8px}body.home-view .home-start{width:100%;height:51px;min-height:51px;font-size:23px;border-radius:16px}.soft-resume{gap:3px}.soft-resume small{display:block;width:100%;font-size:11px}.soft-resume-button{font-size:14px}#app{width:calc(100% - 28px);margin:18px auto 25px}.section-intro-art{width:75px}.players-panel,.difficulty-panel,.session-options{padding:19px 15px}body.home-view footer{width:100%;margin-top:0;font-size:11px}}
@media(max-width:370px){.community-copy{display:none}.community-link{padding:8px}.soft-hero-copy h2{font-size:28px}body.home-view .home-section-heading h2{font-size:21px}body.home-view .home-section-heading:before,body.home-view .home-section-heading:after{width:13px}body.home-view .home-category-grid .home-category strong{font-size:15px}}
@media(max-width:300px){body.home-view .home-category-grid,body.home-view .home-extra-grid{grid-template-columns:1fr}.soft-hero-copy h2{font-size:25px}.lobby-topbar{gap:7px;padding:10px}.soft-tools{gap:5px}}
@media(orientation:landscape) and (max-height:600px){.lobby-topbar{min-height:62px;padding-block:7px}.soft-hero{height:190px}.soft-hero-copy{padding-top:24px}.soft-hero-copy h2{font-size:36px}body.tv-mode.home-view .home-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}body.tv-mode.home-view .home-category-grid .home-category{height:125px;min-height:125px}body.tv-mode.home-view .home-start{width:300px;font-size:22px;min-height:48px;height:48px}}
html.reduce-motion *,html.reduce-motion *:before,html.reduce-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Keep selected illustrations visible and the brand at the RTL leading edge. */
#brand,body.home-view #brand,body.playing #brand,body.tv-mode #brand{margin:0 0 0 auto}
body.home-view .home-category-grid .home-category[aria-pressed=true] .home-category-body{background:none;box-shadow:none;border:0;transform:none}
@media(max-width:650px){.soft-icon{width:44px;height:44px;min-height:44px}.community-link{min-height:44px}body.home-view .home-category-grid .home-category[aria-pressed=true] .soft-selected{left:auto;right:7px}.soft-tools{gap:6px}}
@media(max-width:450px){.community-copy{display:none}.community-link{width:44px;height:44px;min-height:44px;padding:10px;justify-content:center}.community-discord{width:21px;height:21px}.lobby-topbar{gap:10px}.soft-hero-copy h2{font-size:clamp(27px,8vw,32px)}}
body.tv-mode.home-view main{padding:0;width:100%;max-width:none;min-height:100svh}
body.tv-mode.home-view .home-category-grid,body.tv-mode.home-view .home-extra-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
body.tv-mode.home-view .soft-hero{height:clamp(180px,27vh,300px)}
.section-intro-art.artwork-religion,.section-intro-art.artwork-mix,.section-intro-art.artwork-culture,.section-intro-art.artwork-sports,.section-intro-art.artwork-scientists,.section-intro-art.artwork-speed{background-image:url('jammatna-soft-categories-v1.webp');background-size:300% 200%;background-color:#fcf7ed}
.section-intro-art.artwork-religion{background-position:0 0}.section-intro-art.artwork-mix{background-position:50% 0}.section-intro-art.artwork-culture{background-position:100% 0}.section-intro-art.artwork-sports{background-position:0 100%}.section-intro-art.artwork-scientists{background-position:50% 100%}.section-intro-art.artwork-speed{background-position:100% 100%}

/* Square atlas cells keep every illustration at its original proportions. */
body.home-view .home-category-grid{gap:18px}
body.home-view .home-category-grid .home-category{height:160px;min-height:160px;padding:16px;border-radius:19px}
.soft-card-art{inset:50% 5px auto auto;width:43%;height:auto;aspect-ratio:1;transform:translateY(-50%);background-size:300% 200%;mask-image:linear-gradient(90deg,transparent,#000 12%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%)}
body.home-view .home-category-body{padding:0 46% 0 0;gap:9px}
body.home-view .home-category-grid .home-category strong{font-size:22px;line-height:1.5}
body.home-view .home-category-grid .home-category small{font-size:14px;line-height:1.8}
.soft-tools{gap:12px}.soft-icon{width:46px;height:46px;min-height:46px;padding:11px}.soft-icon img,.soft-icon svg{width:23px;height:23px;flex-shrink:0}
.lobby-topbar{gap:22px}.community-link{min-height:46px;padding:11px 18px}
body.home-view .home-section-heading{margin-bottom:25px}
.soft-start-area{margin-top:20px;gap:14px}
@media(max-width:900px){body.home-view .home-category-grid{gap:13px}body.home-view .home-category-grid .home-category{height:150px;min-height:150px;padding:12px}.soft-card-art{width:45%}body.home-view .home-category-body{padding-right:44%;gap:7px}body.home-view .home-category-grid .home-category strong{font-size:19px}body.home-view .home-category-grid .home-category small{font-size:12px}}
@media(max-width:650px){.lobby-topbar{padding:12px 16px;gap:12px}.soft-tools{gap:10px}.community-link{min-height:46px}.soft-icon{width:46px;height:46px;min-height:46px}body.home-view #app{width:calc(100% - 30px)}body.home-view .home-category-grid,body.home-view .home-extra-grid{gap:12px}body.home-view .home-category-grid .home-category{height:190px;min-height:190px;padding:12px;border-radius:18px;align-items:flex-start}.soft-card-art{inset:auto auto 3px 50%;width:112px;height:112px;aspect-ratio:1;transform:translateX(-50%);mask:none;-webkit-mask:none;background-size:300% 200%}body.home-view .home-category-body{padding:0;width:100%;gap:5px;justify-content:flex-start}body.home-view .home-category-grid .home-category strong{font-size:18px;line-height:1.5;padding-inline:8px}body.home-view .home-category-grid .home-category small{font-size:11px;line-height:1.6;max-width:100%;display:-webkit-box;-webkit-line-clamp:2;min-height:0}body.home-view .home-category-grid .section-info{bottom:10px;left:10px;width:23px;height:23px;min-height:23px;font-size:13px}body.home-view .home-category-grid .home-category[aria-pressed=true] .soft-selected{top:auto;bottom:10px;left:auto;right:10px;width:23px;height:23px}body.home-view .home-section-heading{margin-bottom:19px}.soft-extra-art .section-icon{width:74px;height:74px}}
@media(max-width:450px){.community-link{width:46px;height:46px;min-height:46px;padding:10px}.lobby-topbar{gap:10px}.soft-tools{gap:9px}}
@media(max-width:370px){.lobby-topbar{padding-inline:12px;gap:8px}.soft-tools{gap:7px}body.home-view #app{width:calc(100% - 24px)}body.home-view .home-category-grid{gap:10px}body.home-view .home-category-grid .home-category{height:195px;min-height:195px;padding:12px 7px}body.home-view .home-category-grid .home-category strong{font-size:17px}.soft-card-art{width:106px;height:106px}}
@media(min-width:1600px){body.home-view .home-category-grid .home-category{height:170px;min-height:170px}}
@media(orientation:landscape) and (max-height:600px) and (min-width:651px){body.tv-mode.home-view .home-category-grid .home-category{height:145px;min-height:145px}.soft-card-art{width:40%}}

/* Extra illustrations share the main cards' square sizing and seamless cream finish. */
.soft-extra-art{background-image:url('jammatna-soft-extra-v1.png');background-size:300% 100%;border:0;border-radius:0;box-shadow:none;mask-image:radial-gradient(ellipse at center,#000 49%,transparent 73%);-webkit-mask-image:radial-gradient(ellipse at center,#000 49%,transparent 73%)}

.developer-support{display:flex;align-items:center;justify-content:center;gap:8px;width:fit-content;max-width:100%;min-height:44px;margin:14px auto 0;padding:8px 17px;color:#24543d;text-decoration:none;background:#fffaf0;border:1px solid #e1cdaa;border-radius:24px;font-size:14px;font-weight:600;transition:transform .2s,background .2s;touch-action:manipulation}
.developer-support:hover{background:#edf3e9}.developer-support:active{transform:scale(.97)}.developer-support:focus-visible{outline:3px solid #a7864b;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.developer-support{transition:none}.developer-support:active{transform:none}}

/* Extra categories flow from the RTL leading column in every display mode. */
.soft-card-art.soft-proverbs-art{background-image:url('icons/proverbs.svg');background-size:contain;background-position:center;background-repeat:no-repeat}
.section-intro-art.artwork-proverbs{background:url('icons/proverbs.svg') center/contain no-repeat}
.section-intro-art.artwork-proverbs .section-icon{visibility:hidden}
body.home-view .home-extra-grid>.tile-wrap,
body.home-view .home-extra-grid>.tile-wrap:first-child,
body.home-view .home-extra-grid>.tile-wrap:last-child,
body.tv-mode.home-view .home-extra-grid>.tile-wrap,
body.tv-mode.home-view .home-extra-grid>.tile-wrap:first-child,
body.tv-mode.home-view .home-extra-grid>.tile-wrap:last-child{grid-column:auto;grid-row:auto;align-self:stretch}

.developer-credit{margin:14px 0 0;color:#24543d;font-size:14px;line-height:1.7}.developer-credit bdi{font-weight:700}