/* Account, dialogs and category selection share the Arabic preview's paper and ink. */
.ar-preview body:has(#profile.is-active),.ar-preview body:has(#categorySelect.is-active){background:#f8f3e8!important;color:#221b2d}
.ar-preview body #profile .stage-bg,.ar-preview body #categorySelect .stage-bg{background:#f8f3e8!important;box-shadow:none!important;display:block!important;min-height:100svh;color:#221b2d!important}
.ar-preview body:has(#categorySelect.is-active) #kt-logo-mark{display:none!important}
.ar-preview body #categorySelect .stage-bg{padding:22px max(24px,calc((100vw - 1280px)/2)) calc(var(--ar-dock-height,155px) + 40px)!important}
.ar-page-bar{display:flex;gap:10px;align-items:center;margin-bottom:24px}
.ar-page-bar button{min-height:44px;padding:10px 17px;border:1px solid #caba9f!important;border-radius:6px!important;background:transparent!important;color:#514259!important;font:700 14px/1.5 'Thmanyah Text',serif!important}
.ar-page-bar button:last-child{margin-inline-start:auto}
.ar-category-hero{background:var(--cat-tint);padding:22px 30px;border-radius:10px;display:flex;justify-content:space-between;align-items:center;gap:28px;margin-bottom:27px;overflow:hidden}
.ar-category-hero span{font:700 14px/1.6 'Thmanyah Text',serif;color:var(--cat-accent)}
.ar-category-hero h2{font:700 38px/1.4 'Thmanyah Display',serif;margin:8px 0;color:#221b2d!important;text-shadow:none!important}
.ar-category-hero p{font:16px/1.8 'Thmanyah Text',serif;color:#514259;margin:0}
.ar-category-hero img{width:160px;height:130px;object-fit:cover;border-radius:6px;transform:rotate(-5deg);flex-shrink:0}
.ar-preview body #categorySelect .cat-header{position:static!important;margin:0!important;padding:0!important;background:transparent!important;box-shadow:none!important;border:0!important}
.ar-preview body #categorySelect #pickTitle{font:700 22px/1.5 'Thmanyah Display',serif;margin:0 0 15px!important;text-align:start!important;letter-spacing:0!important}
.ar-preview body #categorySelect .cat-actions{position:static!important;inset:auto!important;display:grid!important;grid-template-columns:minmax(220px,1fr) 170px auto;gap:14px!important;align-items:end!important;padding:0 0 26px!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;animation:none!important;max-width:none!important;transform:none!important}
.ar-cat-field{display:grid;gap:8px;font:700 13px/1.6 'Thmanyah Text',serif;color:#67536c;min-width:0}
.ar-preview body #categorySelect .cat-actions .ar-cat-field input,.ar-preview body #categorySelect .cat-actions .ar-cat-field select{display:block!important;width:100%!important;min-width:0!important;height:48px!important;padding:10px 13px!important;background:#fffaf2!important;border:1px solid #baa88b!important;border-radius:6px!important;color:#221b2d!important;font:16px/1.6 'Thmanyah Text',serif!important;box-shadow:none!important}
.ar-preview body #categorySelect #catSearch::placeholder{color:#67536c!important;opacity:1}
.ar-preview body #categorySelect .cat-actions .ar-surprise{display:block!important;border:1px solid #baa88b!important;background:#eee4d3!important;color:#514259!important;border-radius:6px!important;font:700 15px/1.5 'Thmanyah Text',serif!important;min-height:48px!important;padding:10px 18px!important;box-shadow:none!important}
.ar-preview body #categorySelect #pickCounter,.ar-preview body #categorySelect #catJump{display:none!important}
.ar-group-field{display:none}
.ar-category-layout{display:grid;grid-template-columns:225px minmax(0,1fr);gap:30px;align-items:start}
.ar-category-sidebar{position:sticky;top:22px;max-height:calc(100svh - var(--ar-dock-height,160px) - 44px);overflow:auto;padding-inline-end:10px;scrollbar-width:thin}
.ar-category-sidebar h3{font:700 14px/1.8 'Thmanyah Text',serif;margin:0 0 16px;color:#67536c}
.ar-category-sidebar nav{display:flex;flex-direction:column;gap:3px}
.ar-category-sidebar button{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;min-height:45px;border:0;border-radius:5px;background:transparent;color:#514259;text-align:start;font:14px/1.5 'Thmanyah Text',serif;cursor:pointer}
.ar-category-sidebar button small{font-size:11px;opacity:.85}
.ar-category-sidebar button[aria-pressed=true]{background:var(--cat-tint);color:var(--cat-accent);font-weight:700}
.ar-category-sidebar button:hover{background:#ece3d3}
.ar-preview body #categorySelect #catPool{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:13px!important;max-width:none!important;width:100%!important;padding:0!important;margin:0!important}
.ar-preview body #categorySelect #catPool>[hidden]{display:none!important}
.ar-preview body #categorySelect .cat-group-head{color:#403447!important;font:700 22px/1.7 'Thmanyah Display',serif!important;opacity:1!important;letter-spacing:0!important;padding:18px 0 8px!important;margin:0!important;border-bottom:1px solid #d6cab8!important;scroll-margin-top:20px}
.ar-preview body #categorySelect .cat-group-head:first-child{padding-top:0!important}
.ar-preview body #categorySelect .cat-card{background:#fffbf3!important;border:1px solid #cdbda5!important;border-radius:8px!important;box-shadow:none!important;overflow:hidden;min-width:0;transform:none!important;transition:opacity .2s,border-color .2s!important}
.ar-preview body #categorySelect .cat-cover{height:auto!important;aspect-ratio:1.2!important;border-radius:0!important;background:#ece4d3!important}
.ar-preview body #categorySelect .cat-cover:after{display:none!important}
.ar-preview body #categorySelect .cat-cover img{height:100%!important;width:100%!important;object-fit:cover!important;opacity:1!important;filter:none!important}
.ar-preview body #categorySelect .cat-name{color:#403447!important;font:700 14px/1.45 'Thmanyah Text',serif!important;padding:10px 8px!important;text-shadow:none!important;white-space:normal!important;overflow-wrap:anywhere}
.ar-preview body #categorySelect .cat-card.selected{border:2px solid var(--cat-accent)!important;background:var(--cat-tint)!important}
.ar-preview body #categorySelect .cat-card.disabled{opacity:.28!important;filter:grayscale(.8)!important}
.ar-preview body #categorySelect .cat-card.selected .pick-badge{display:grid;place-items:center;background:var(--cat-accent)!important;color:white!important;min-width:25px;height:25px;border-radius:50%!important}
.ar-preview body #categorySelect .cat-info{background:#fffaf2!important;border:1px solid #d0bfa5!important;color:#514259!important;width:30px!important;height:30px!important;top:7px!important;left:7px!important;right:auto!important;opacity:1!important}
.ar-category-empty{font:16px/1.8 'Thmanyah Text',serif;padding:35px;background:#eee4d3;border-radius:7px;grid-column:2;color:#514259}
.ar-category-empty[hidden]{display:none}
.ar-category-dock{position:fixed;inset:auto 0 0;z-index:65;background:#f8f3ef;border-top:1px solid #d0bfa5;padding:15px 24px calc(14px + env(safe-area-inset-bottom))}
.ar-dock-inner{display:flex;align-items:center;gap:25px;max-width:1280px;margin:auto}
.ar-preview body #categorySelect #catTray{position:static!important;inset:auto!important;transform:none!important;animation:none!important;flex:1;min-width:0;width:auto!important;max-width:none!important;height:auto!important;max-height:none!important;padding:0!important;margin:0!important;display:block!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;border-radius:0!important}
.ar-preview body #categorySelect .cat-tray__head{position:static!important;display:flex!important;justify-content:flex-start;gap:15px;padding:0 0 10px!important;margin:0!important}
.ar-preview body #categorySelect .cat-tray__label,.ar-preview body #categorySelect .cat-tray__count{font:700 14px/1.5 'Thmanyah Text',serif!important;color:#514259!important;white-space:nowrap}
.ar-preview body #categorySelect #catTrayChips{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:7px!important;max-height:none!important;overflow:visible!important;align-items:center}
.ar-preview body #categorySelect .cat-slot{position:relative;width:65px!important;height:52px!important;min-height:0!important;flex:0 0 65px!important;border:1px dashed #ad9779!important;background:#eee5d7!important;color:#67536c!important;border-radius:5px!important;overflow:hidden;display:grid!important;place-items:center;font-size:17px!important}
.ar-preview body #categorySelect .cat-slot.filled{border:2px solid var(--cat-accent)!important;cursor:pointer}
.ar-preview body #categorySelect .cat-slot__nm{display:none!important}
.ar-preview body #categorySelect .cat-slot__x{opacity:1!important;position:absolute;inset:2px 2px auto auto;background:#221b2dcc;color:white!important;width:18px;height:18px;border-radius:50%;font:11px/18px Arial;text-align:center}
.ar-dock-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;min-width:195px}
.ar-preview body #categorySelect .ar-dock-actions .btn{min-height:37px!important;font:13px/1.5 'Thmanyah Text',serif!important;border:0!important;background:transparent!important;color:#67536c!important;box-shadow:none!important;padding:6px!important;letter-spacing:0!important}
.ar-preview body #categorySelect .ar-dock-actions #buildBtn{grid-column:1/-1;min-height:47px!important;border-radius:7px!important;background:var(--cat-accent)!important;color:#fffaf2!important;opacity:1!important;font-weight:700!important;font-size:16px!important}
.ar-preview body #categorySelect .ar-dock-actions #buildBtn:disabled{background:#e1d7c7!important;color:#716657!important;opacity:1!important;cursor:not-allowed}
.ar-preview body #categorySelect .ar-dock-actions .btn:disabled:not(#buildBtn){opacity:.5!important}
.ar-preview body #categorySelect.ar-board-ready .ar-category-dock{border-top-color:var(--cat-accent);background:#fffbf2}
.ar-preview body #profile .stage-bg{padding:24px max(24px,calc((100vw - 1120px)/2)) 50px!important}
.ar-preview body #profile .kt-prof-back{position:static!important;display:inline-flex;align-items:center;min-height:44px!important;padding:9px 17px!important;border-radius:6px!important;background:transparent!important;border:1px solid #baa88b!important;color:#514259!important;font:700 14px/1.5 'Thmanyah Text',serif!important}
.ar-preview body #profile .kt-profile{max-width:none!important;width:100%!important;margin:32px 0 0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}
.ar-profile-heading{margin-bottom:32px}
.ar-profile-heading>span{font:14px/1.7 'Thmanyah Text',serif;color:#67536c}
.ar-profile-heading h2{font:700 43px/1.4 'Thmanyah Display',serif;color:#221b2d;margin:7px 0}
.ar-profile-heading p{font:16px/1.8 'Thmanyah Text',serif;color:#67536c;margin:0}
.ar-profile-heading .ar-profile-demo{font-size:13px;margin-top:12px;color:#733b89}
.ar-preview body #profile .kt-prof-grid{grid-template-columns:minmax(0,1fr) 290px!important;gap:60px!important;align-items:start}
.ar-preview body #profile .kt-prof-tabs{padding:0!important;margin:0 0 28px!important;max-width:none!important;background:transparent!important;border-bottom:1px solid #cdbca1!important;border-radius:0!important;gap:20px!important}
.ar-preview body #profile .kt-prof-tab{background:transparent!important;color:#67536c!important;border-radius:0!important;padding:14px 0!important;font:700 16px/1.5 'Thmanyah Text',serif!important;border-bottom:3px solid transparent!important}
.ar-preview body #profile .kt-prof-tab.on{color:#08675f!important;border-bottom-color:#08675f!important}
.ar-preview body #profile .kt-prof-field{margin-bottom:18px;gap:9px}
.ar-preview body #profile .kt-prof-field label{font:700 14px/1.6 'Thmanyah Text',serif!important;opacity:1!important;letter-spacing:0!important;color:#514259!important}
.ar-preview body #profile .kt-prof-field input{min-width:0;width:100%;height:48px;background:#fffaf2!important;border:1px solid #bda98b!important;border-radius:6px!important;color:#221b2d!important;padding:10px 13px!important;font:16px/1.5 'Thmanyah Text',serif!important}
.ar-preview body #profile input::placeholder{color:#67536c!important}
.ar-preview body #profile input:disabled{opacity:1!important;background:#eae2d5!important;color:#67536c!important}
.ar-preview body #profile .kt-prof-save{background:#155d54!important;color:#fff8e9!important;border-radius:7px!important;font:700 16px/1.5 'Thmanyah Text',serif!important;min-height:49px;padding:12px!important}
.ar-preview body #profile .kt-prof-side{position:sticky;top:24px;background:#e0ece4;border-radius:10px;padding:28px 22px!important;border:0!important}
.ar-preview body #profile .kt-prof-avatar{overflow:visible!important;width:94px;height:94px;border:0!important;background:#155d54!important;margin-bottom:8px}
.ar-preview body #profile .kt-prof-avatar>img{border-radius:50%}
.ar-preview body #profile .kt-prof-cam{border:2px solid #e0ece4!important;background:#f0b336!important;color:#221b2d!important;width:36px;height:36px}
.ar-preview body #profile .kt-prof-name{font:700 26px/1.5 'Thmanyah Display',serif!important;margin-top:8px!important;color:#221b2d!important}
.ar-preview body #profile .kt-prof-email{font:13px/1.6 'Thmanyah Text',serif!important;color:#4e6057!important;direction:ltr}
.ar-preview body #profile .kt-prof-past,.ar-preview body #profile .kt-prof-logout{background:transparent!important;min-height:44px;border:1px solid #98ad9d!important;border-radius:6px!important;color:#264c42!important;font:700 14px/1.5 'Thmanyah Text',serif!important;padding:10px 16px!important;width:100%;justify-content:center}
.ar-preview body #profile .kt-prof-logout{border-color:transparent!important;color:#67536c!important;margin-top:6px}
.ar-profile-safety{padding-top:20px;border-top:1px solid #afc2b5;width:100%;gap:12px!important}
.ar-preview body #profile #pfPrivacy,.ar-preview body #profile #pfDelete{font:13px/1.7 'Thmanyah Text',serif!important;opacity:1!important;min-height:35px}
.ar-preview body #profile #pfPrivacy{color:#3d5c50!important}
.ar-preview body #profile #pfDelete{color:#9e3043!important}
.ar-profile-links{margin-top:16px;font:13px/1.7 'Thmanyah Text',serif;color:#3d5c50}
.ar-preview body:has(#launcher) .kt-modal{background:#221b2da6!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding:18px!important;overflow-y:auto!important}
.ar-preview body:has(#launcher) .kt-modal .kt-modal__card{background:#f8f3e8!important;color:#221b2d!important;border:1px solid #caba9f!important;box-shadow:none!important;border-radius:12px!important;padding:30px!important;min-width:0!important;width:min(100%,540px)!important;max-width:540px!important;max-height:calc(100svh - 36px)!important;overflow-y:auto!important;font-family:'Thmanyah Text',serif!important}
.ar-preview body:has(#launcher) .kt-modal .kt-modal__title{color:#221b2d!important;text-shadow:none!important;font:700 29px/1.45 'Thmanyah Display',serif!important;letter-spacing:0!important;text-align:start!important;margin-bottom:16px!important}
.ar-preview body:has(#launcher) .kt-modal .kt-modal__sub{font:16px/1.95 'Thmanyah Text',serif!important;color:#514259!important;text-align:start!important;opacity:1!important}
.ar-preview body:has(#launcher) .kt-confirm .kt-modal__title:before,.ar-preview body:has(#launcher) #kt-del .kt-modal__title:before{content:'؟';display:grid;place-items:center;width:48px;height:48px;margin-bottom:20px;border-radius:50%;background:#eadceb;color:#733b89;font-size:34px}
.ar-preview body:has(#launcher) #kt-del .kt-modal__title:before{content:'!';background:#f2dddc;color:#a33340;font-family:Georgia,serif}
.ar-preview body:has(#launcher) .kt-modal .kt-modal__btn,.ar-preview body:has(#launcher) .kt-modal .kt-modal__cancel,.ar-preview body:has(#launcher) .kt-modal .kt-store-cta{min-height:46px!important;border-radius:7px!important;padding:12px 18px!important;box-shadow:none!important;letter-spacing:0!important;font:700 15px/1.5 'Thmanyah Text',serif!important;background:#155d54!important;color:#fffaf1!important;border:1px solid transparent!important}
.ar-preview body:has(#launcher) .kt-modal .kt-modal__cancel{background:transparent!important;border-color:#baa88b!important;color:#514259!important}
.ar-preview body:has(#launcher) .kt-modal .kt-modal__btn--danger,.ar-preview body:has(#launcher) #kt-del #delGo{background:#a33242!important;color:white!important}
.ar-preview body:has(#launcher) .kt-modal button:disabled{opacity:.5!important;cursor:not-allowed}
.ar-preview body:has(#launcher) .kt-modal input{font:16px/1.5 'Thmanyah Text',serif!important;background:#fffaf2!important;color:#221b2d!important;border:1px solid #baa88b!important;border-radius:6px!important;min-height:46px!important;padding:10px 12px!important}
.ar-preview body:has(#launcher) .kt-modal input::placeholder{color:#67536c!important;opacity:1!important}
.ar-preview body:has(#launcher) .kt-modal label{color:#514259!important;opacity:1!important;font:700 13px/1.6 'Thmanyah Text',serif!important;letter-spacing:0!important}
.ar-preview body:has(#launcher) .kt-modal .kt-auth-tabs{background:#e9dfcf!important;border-radius:7px!important}
.ar-preview body:has(#launcher) .kt-modal .kt-auth-tab{color:#514259!important;background:transparent!important}
.ar-preview body:has(#launcher) .kt-modal .kt-auth-tab.on{color:#fffaf1!important;background:#155d54!important}
.ar-preview body:has(#launcher) .kt-modal .kt-acct-muted,.ar-preview body:has(#launcher) .kt-modal .kt-auth-switch{color:#67536c!important;opacity:1!important}
.ar-preview body:has(#launcher) .kt-modal .kt-acct-err{color:#a33242!important}
.ar-preview body:has(#launcher) .kt-modal a{color:#08675f!important}
.ar-preview #categorySelect button:focus-visible,.ar-preview #categorySelect [role=button]:focus-visible,.ar-preview #profile button:focus-visible,.ar-preview .kt-modal button:focus-visible{outline:3px solid #7140a2!important;outline-offset:3px!important}
.ar-preview #categorySelect input:focus,.ar-preview #categorySelect select:focus,.ar-preview #profile input:focus,.ar-preview .kt-modal input:focus{outline:2px solid #7140a2!important;outline-offset:2px!important;box-shadow:none!important}
@media(max-width:1100px){.ar-category-layout{grid-template-columns:200px minmax(0,1fr);gap:20px}.ar-preview body #categorySelect #catPool{grid-template-columns:repeat(4,minmax(0,1fr))!important}.ar-preview body #profile .kt-prof-grid{gap:32px!important;grid-template-columns:minmax(0,1fr) 250px!important}.ar-dock-actions{min-width:170px}.ar-preview body #categorySelect .cat-slot{width:55px!important;flex-basis:55px!important;height:47px!important}}
@media(max-width:800px){
.ar-preview body #categorySelect .stage-bg{padding:16px 18px calc(var(--ar-dock-height,160px) + 26px)!important}
.ar-page-bar{margin-bottom:18px}.ar-page-bar button{padding:8px 11px;font-size:12px!important}
.ar-category-hero{padding:18px;gap:14px;margin-bottom:22px}.ar-category-hero h2{font-size:28px;line-height:1.35}.ar-category-hero p{font-size:13px}.ar-category-hero span{font-size:12px}.ar-category-hero img{width:96px;height:108px}
.ar-preview body #categorySelect .cat-actions{grid-template-columns:1fr 1fr!important;gap:12px!important;padding-bottom:22px!important}
.ar-search-field{grid-column:1/-1}.ar-group-field{display:grid;grid-column:1/-1}.ar-size-field{grid-column:1}.ar-preview body #categorySelect .cat-actions .ar-surprise{grid-column:2}
.ar-preview body #categorySelect #pickTitle{font-size:20px!important;margin-bottom:13px!important}
.ar-category-layout{grid-template-columns:1fr;gap:0}.ar-category-sidebar{display:none}
.ar-preview body #categorySelect #catPool{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important}
.ar-preview body #categorySelect .cat-group-head{font-size:21px!important}
.ar-preview body #categorySelect .cat-name{font-size:12px!important;padding:9px 6px!important}
.ar-preview body #categorySelect .cat-info{width:28px!important;height:28px!important}
.ar-category-empty{grid-column:1;padding:24px;font-size:14px}
.ar-category-dock{padding:12px 18px calc(12px + env(safe-area-inset-bottom))}
.ar-dock-inner{display:block}.ar-preview body #categorySelect .cat-tray__head{padding-bottom:8px!important;justify-content:space-between}
.ar-preview body #categorySelect .cat-tray__label,.ar-preview body #categorySelect .cat-tray__count{font-size:13px!important}
.ar-preview body #categorySelect #catTrayChips{gap:5px!important}
.ar-preview body #categorySelect .cat-slot{flex:0 0 calc((100% - 25px)/6)!important;width:auto!important;height:42px!important}
.ar-dock-actions{display:flex;align-items:center;gap:7px;min-width:0;margin-top:9px}
.ar-preview body #categorySelect .ar-dock-actions .btn{font-size:11px!important;white-space:nowrap}
.ar-preview body #categorySelect .ar-dock-actions #buildBtn{flex:1;font-size:14px!important;min-height:43px!important}
.ar-preview body #profile .stage-bg{padding:18px 20px 40px!important}
.ar-preview body #profile .kt-profile{margin-top:24px!important}
.ar-profile-heading{margin-bottom:25px}.ar-profile-heading h2{font-size:35px}.ar-profile-heading p{font-size:14px}
.ar-preview body #profile .kt-prof-grid{grid-template-columns:1fr!important;gap:26px!important}
.ar-preview body #profile .kt-prof-side{position:static;order:-1;display:grid!important;grid-template-columns:78px 1fr;column-gap:18px;align-items:center;text-align:start;padding:20px!important}
.ar-preview body #profile .kt-prof-avatar{grid-column:1;grid-row:1/3;width:72px;height:72px;margin:0}
.ar-preview body #profile .kt-prof-name{grid-column:2;font-size:25px!important;margin-top:0!important}
.ar-preview body #profile .kt-prof-email{grid-column:2;font-size:12px!important;overflow-wrap:anywhere}
.ar-preview body #profile .kt-prof-past{grid-column:1/-1;margin-top:22px!important}
.ar-preview body #profile .kt-prof-logout{grid-column:1/-1}
.ar-profile-safety,.ar-profile-links{grid-column:1/-1;text-align:center}.ar-profile-safety{padding-top:12px;margin-top:10px!important}.ar-profile-links{margin-top:12px}
.ar-preview body #profile .kt-prof-tab{font-size:15px!important}
.ar-preview body:has(#launcher) .kt-modal .kt-modal__card{padding:24px!important}
.ar-preview body:has(#launcher) .kt-modal .kt-modal__title{font-size:26px!important}
.ar-preview body:has(#launcher) .kt-modal .kt-modal__sub{font-size:15px!important}
}
@media(max-width:380px){.ar-category-hero{padding:16px;gap:10px}.ar-category-hero h2{font-size:24px}.ar-category-hero img{width:70px;height:96px}.ar-preview body #categorySelect .cat-name{font-size:11px!important}.ar-preview body #categorySelect .ar-dock-actions .btn{font-size:10px!important}.ar-preview body #categorySelect .ar-dock-actions #buildBtn{font-size:12px!important}.ar-preview body:has(#launcher) .kt-modal{padding:12px!important}.ar-preview body:has(#launcher) .kt-modal .kt-modal__card{padding:20px!important;max-height:calc(100svh - 24px)!important}}
@media(orientation:landscape) and (max-height:550px){.ar-category-hero{padding:12px 20px}.ar-category-hero img{height:76px}.ar-category-hero h2{font-size:27px}.ar-category-dock{padding-block:8px}.ar-dock-inner{display:flex;gap:15px}.ar-preview body #categorySelect .cat-slot{height:34px!important}.ar-dock-actions{min-width:180px;display:grid;margin:0}.ar-preview body #categorySelect .ar-dock-actions #buildBtn{min-height:38px!important}.ar-preview body #categorySelect .cat-actions{grid-template-columns:1fr 1fr 130px auto!important}.ar-search-field,.ar-group-field,.ar-size-field,.ar-preview body #categorySelect .cat-actions .ar-surprise{grid-column:auto!important}.ar-preview body #categorySelect #catPool{grid-template-columns:repeat(5,minmax(0,1fr))!important}}
@media(prefers-reduced-motion:reduce){.ar-preview #categorySelect *,.ar-preview #profile *,.ar-preview .kt-modal *{animation:none!important;transition:none!important}}
/* Final layout alignment and compact mobile controls. */
.ar-preview body #categorySelect .cat-header{display:block!important}
.ar-preview body #categorySelect .cat-actions{width:100%!important}
.ar-preview body #categorySelect .cat-tray__head{flex-direction:row!important;align-items:center!important}
.ar-profile-quick{width:100%}
.ar-profile-links a{color:inherit;text-underline-offset:4px}
.ar-preview body:has(#launcher) .kt-modal{z-index:10060!important}
@media(prefers-reduced-motion:reduce){.ar-preview .kt-modal{transition:none!important}}
.ar-preview body:has(#profile.is-active) #kt-audio-dock,.ar-preview body:has(#profile.is-active) #ktLoadPill{display:none!important}
.ar-preview body #profile .kt-prof-cam{font:16px/1 Arial!important}
.ar-preview body #profile .kt-prof-cam span{font-size:16px!important;line-height:1!important}
.ar-preview body #categorySelect #kt-audio-dock{position:relative!important;inset:auto!important;background:#fffaf2!important;border:1px solid #caba9f!important;border-radius:6px!important;box-shadow:none!important;padding:3px!important;z-index:70}
.ar-preview body #categorySelect #kt-audio-dock .kt-dock-toggle{width:34px;height:34px;color:#514259}
.ar-preview body #categorySelect #kt-audio-dock.open .kt-audio-controls{background:#fffaf2;color:#514259}
@media(max-width:800px){.ar-preview body #categorySelect .cat-actions{grid-template-columns:minmax(0,1fr) 108px!important}
.ar-search-field{grid-column:1!important;grid-row:1}.ar-group-field{grid-column:1!important;grid-row:2}.ar-size-field{grid-column:2!important;grid-row:2}
.ar-preview body #categorySelect .cat-actions .ar-surprise{grid-column:2!important;grid-row:1;font-size:13px!important;padding-inline:9px!important}
.ar-preview body #categorySelect .cat-actions .ar-cat-field input,.ar-preview body #categorySelect .cat-actions .ar-cat-field select{padding-inline:9px!important}
.ar-profile-quick{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:end;margin-top:18px}
.ar-preview body #profile .ar-profile-quick .kt-prof-past,.ar-preview body #profile .ar-profile-quick .kt-prof-logout{grid-column:auto;margin:0!important;font-size:13px!important;padding-inline:7px!important}
}
@media(orientation:landscape) and (max-height:550px){.ar-preview body #categorySelect .cat-actions{grid-template-columns:minmax(170px,1fr) minmax(170px,1fr) 110px auto!important}.ar-search-field,.ar-group-field,.ar-size-field,.ar-preview body #categorySelect .cat-actions .ar-surprise{grid-column:auto!important;grid-row:1}}
/* Audio opens a readable panel without resizing the navigation. */
.ar-preview body #setup #kt-audio-dock,.ar-preview body #categorySelect #kt-audio-dock,
.ar-preview body #setup #kt-audio-dock.open,.ar-preview body #categorySelect #kt-audio-dock.open{position:relative!important;inset:auto!important;flex:0 0 44px;width:44px!important;height:44px!important;box-sizing:border-box;padding:0!important;border:1px solid #b9a68a!important;border-radius:6px!important;background:#fffaf2!important;box-shadow:none!important;backdrop-filter:none!important;z-index:75}
.ar-preview body:has(#setup.is-active) #kt-audio-dock,.ar-preview body:has(#categorySelect.is-active) #kt-audio-dock{display:flex!important}
.ar-preview body #setup #kt-audio-dock .kt-dock-toggle,.ar-preview body #categorySelect #kt-audio-dock .kt-dock-toggle{width:42px!important;height:42px!important;min-height:0!important;border:0!important;padding:0!important;color:#514259!important;background:transparent!important}
.ar-preview #kt-audio-dock .ar-audio-panel{position:fixed;box-sizing:border-box;max-height:calc(100dvh - 24px);overflow:auto;padding:18px;background:#fffaf2;border:1px solid #b9a68a;border-radius:8px;color:#302339;font:14px/1.5 'Thmanyah Text',serif}
.ar-preview #kt-audio-dock .ar-audio-panel[hidden]{display:none!important}
.ar-audio-title{display:block;margin-bottom:12px;font-size:16px}
.ar-preview #kt-audio-dock.open .ar-audio-panel .kt-audio-group{display:grid!important;grid-template-columns:44px minmax(0,1fr) 42px;gap:8px;align-items:center;margin:0;padding:0;border:0}
.ar-preview #kt-audio-dock.open .ar-audio-panel .kt-audio-group+.kt-audio-group{margin-top:12px}
.ar-audio-panel label{grid-column:1/-1;color:#514259;font-weight:700}
.ar-preview #kt-audio-dock .ar-audio-panel .mute-btn{position:static!important;inset:auto!important;width:44px!important;height:44px!important;min-height:44px!important;padding:10px!important;display:grid;place-items:center;border:1px solid #b9a68a!important;border-radius:6px!important;background:#f2eadc!important;color:#155d54!important;opacity:1!important;box-shadow:none!important}
.ar-preview #kt-audio-dock .ar-audio-panel .mute-btn.muted{color:#67536c!important;background:#e8e1d8!important}
.ar-preview #kt-audio-dock .ar-audio-panel .kt-vol{display:block!important;box-sizing:border-box;min-width:0;width:100%!important;height:6px!important;min-height:0!important;padding:0!important;border:0!important;border-radius:4px!important;background:#b5aaa0!important;box-shadow:none!important;opacity:1!important;direction:ltr}
.ar-preview #kt-audio-dock .ar-audio-panel .kt-vol::-webkit-slider-thumb{width:18px;height:18px;background:#155d54!important;box-shadow:none;border:2px solid #fffaf2}
.ar-preview #kt-audio-dock .ar-audio-panel .kt-vol::-moz-range-thumb{width:16px;height:16px;background:#155d54!important;border:2px solid #fffaf2}
.ar-audio-value{direction:ltr;text-align:center;color:#514259;font-size:13px}
.ar-preview #kt-audio-dock :is(button,input):focus-visible{outline:2px solid #7140a2!important;outline-offset:3px}
/* Ticket packs use the same readable paper-and-teal treatment as their dialog. */
.ar-preview #kt-store-modal .kt-qty-head{font:700 14px/1.6 'Thmanyah Text',serif;color:#514259;opacity:1;margin:8px 0 12px;letter-spacing:0;text-align:start}
.ar-preview #kt-store-modal .kt-qty-row{gap:8px;margin:5px 0 12px}
.ar-preview #kt-store-modal .kt-qty{min-width:0;min-height:82px;padding:17px 3px 10px;gap:5px;border:1px solid #aa977e;background:#fffaf2;color:#302339;border-radius:7px;box-shadow:none}
.ar-preview #kt-store-modal .kt-qty:hover{border-color:#155d54;background:#e8eee6}
.ar-preview #kt-store-modal .kt-qty.on{background:#155d54;border-color:#155d54;color:#fffaf1;box-shadow:none}
.ar-preview #kt-store-modal .kt-qty__n{font:700 26px/1.1 'Thmanyah Text',serif;color:inherit}
.ar-preview #kt-store-modal .kt-qty>span:last-child{font:12px/1.5 'Thmanyah Text',serif!important;color:inherit;opacity:1!important}
.ar-preview #kt-store-modal .kt-qty>span:first-child:not(.kt-qty__n){font:700 10px/1.6 'Thmanyah Text',serif!important;top:-11px!important;padding:1px 5px!important;background:#ecd080!important;color:#302339!important;letter-spacing:0!important}
.ar-preview #kt-store-modal .kt-store-note{font:12px/1.85 'Thmanyah Text',serif!important;color:#514259!important;opacity:1!important}
.ar-preview #kt-store-modal #ktStoreClose{display:block;margin:20px auto 0!important;min-width:130px}
@media(max-width:380px){.ar-preview #kt-store-modal .kt-qty-row{gap:5px}.ar-preview #kt-store-modal .kt-qty__n{font-size:23px}.ar-preview #kt-store-modal .kt-qty>span:first-child:not(.kt-qty__n){font-size:9px!important;padding-inline:3px!important}}
@media(max-width:620px) and (max-height:650px){.ar-preview body:has(#launcher) #kt-store-modal .kt-modal__title{margin-bottom:10px!important}.ar-preview body:has(#launcher) #kt-store-modal .kt-modal__sub{line-height:1.65!important}.ar-preview #kt-store-modal .kt-qty{min-height:68px;padding-top:12px}.ar-preview #kt-store-modal .kt-modal__btns{gap:6px!important}.ar-preview #kt-store-modal .kt-store-note{line-height:1.65!important;margin-top:8px!important}.ar-preview #kt-store-modal #ktStoreClose{margin-top:12px!important}}

html body .kt-intro.rules-refreshed{--rules-bg:#19171d;--rules-panel:#242029;--rules-ink:#f3edf5;--rules-muted:#d0c5d4;--rules-line:#645765;--rules-accent:#e4c277;--rules-accent-ink:#241b21;z-index:10070!important;padding:16px!important;background:#09070dcc!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;overflow:hidden}
html[lang="ar"] body .kt-intro.rules-refreshed{--rules-bg:#f8f3e8;--rules-panel:#eee6d7;--rules-ink:#302339;--rules-muted:#514259;--rules-line:#c1ad90;--rules-accent:#155d54;--rules-accent-ink:#fffaf2}
html body .kt-intro.rules-refreshed .kt-intro__card{display:flex;flex-direction:column;box-sizing:border-box;width:760px!important;max-width:100%!important;max-height:calc(100dvh - 32px)!important;padding:0!important;border:1px solid var(--rules-line)!important;border-radius:12px!important;background:var(--rules-bg)!important;color:var(--rules-ink)!important;box-shadow:none!important;overflow:hidden;transform:none!important;text-align:start}
.rules-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 100px;align-items:center;gap:22px;padding:26px 64px 24px 28px;flex:none;border-bottom:1px solid var(--rules-line)}
html[lang="ar"] .rules-hero{padding:24px 28px 24px 64px}
.rules-kicker{font:600 13px/1.4 Archivo,Arial,sans-serif;color:var(--rules-accent);margin:0 0 10px}
html body .rules-refreshed .kt-intro__title{font:800 34px/1.15 Anybody,Archivo,Arial,sans-serif!important;letter-spacing:-.025em!important;color:var(--rules-ink)!important;text-shadow:none!important;text-align:start!important;margin:0 0 9px}
html body .rules-refreshed .kt-intro__sub{font:400 15px/1.5 Archivo,Arial,sans-serif!important;color:var(--rules-muted)!important;opacity:1!important;text-align:start!important;margin:0!important}
.rules-cover{width:100px;height:112px;object-fit:cover;border-radius:6px}
html body .rules-refreshed .rules-close{position:absolute;inset:12px 12px auto auto;width:40px;height:40px;min-height:40px;border:1px solid var(--rules-line);border-radius:6px;background:transparent;color:var(--rules-ink);padding:0;font:26px/1 Arial;cursor:pointer;box-shadow:none}
html[lang="ar"] body .rules-refreshed .rules-close{inset:12px auto auto 12px}
.rules-scroll{padding:12px 28px 24px;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--rules-line) transparent}
html body .rules-refreshed .kt-intro__rules{gap:0;margin:0 0 18px;color:var(--rules-ink)!important}
html body .rules-refreshed .ki-rule{display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;padding:14px 0;border-bottom:1px solid var(--rules-line);font:400 15px/1.65 Archivo,Arial,sans-serif;color:var(--rules-ink)!important}
html body .rules-refreshed .ki-rule:last-child{border-bottom:0}
html body .rules-refreshed :is(.ki-rule__icon,.ki-perk__icon){color:var(--rules-accent)!important;font-size:21px!important}
html body .rules-refreshed :is(.kt-intro__rules b,.ki-perk__txt b){color:var(--rules-ink)!important;font-weight:700}
html body .rules-refreshed .kt-intro__contract{margin:0 0 22px;padding:14px 16px;background:var(--rules-panel);border-radius:6px;text-align:start;font:400 13px/1.65 Archivo,Arial,sans-serif;color:var(--rules-muted)!important;opacity:1!important}
html body .rules-refreshed .kt-intro__perkhead{font:600 16px/1.5 Archivo,Arial,sans-serif;letter-spacing:0;text-transform:none;color:var(--rules-ink)!important;border:0;padding:0;margin:0 0 12px;opacity:1}
html body .rules-refreshed .kt-intro__perks{gap:16px;margin:0}
html body .rules-refreshed .ki-perk{padding:0;gap:10px}
html body .rules-refreshed .ki-perk__txt b{font:600 14px/1.5 Archivo,Arial,sans-serif}
html body .rules-refreshed .ki-perk__txt small{display:block;font:400 13px/1.6 Archivo,Arial,sans-serif;color:var(--rules-muted)!important;opacity:1}
.rules-footer{flex:none;padding:16px 28px;border-top:1px solid var(--rules-line);background:var(--rules-bg)}
html body .rules-refreshed .kt-intro__btn{position:static!important;width:100%;min-height:46px;padding:12px 18px!important;border:0;border-radius:6px!important;background:var(--rules-accent)!important;color:var(--rules-accent-ink)!important;box-shadow:none!important;font:600 15px/1.4 Archivo,Arial,sans-serif!important;letter-spacing:0!important;cursor:pointer}
html body .rules-refreshed :is(button,[tabindex]):focus-visible{outline:2px solid var(--rules-accent)!important;outline-offset:-3px}
html[lang="ar"] body .rules-refreshed :is(.rules-kicker,.kt-intro__sub,.ki-rule,.kt-intro__contract,.kt-intro__perkhead,.ki-perk__txt b,.ki-perk__txt small,.kt-intro__btn){font-family:'Thmanyah Text',serif!important;letter-spacing:0!important}
html[lang="ar"] body .rules-refreshed .kt-intro__title{font-family:'Thmanyah Display',serif!important;letter-spacing:0!important}
@media(max-width:600px),(max-height:600px){html body .kt-intro.rules-refreshed{padding:10px!important}html body .kt-intro.rules-refreshed .kt-intro__card{max-height:calc(100dvh - 20px)!important}.rules-hero{padding:18px 52px 18px 18px;grid-template-columns:minmax(0,1fr) 60px;gap:12px}html[lang="ar"] .rules-hero{padding:18px 18px 18px 52px}.rules-cover{width:60px;height:76px}html body .rules-refreshed .kt-intro__title{font-size:26px!important}html body .rules-refreshed .kt-intro__sub{font-size:13px!important}.rules-kicker{font-size:12px;margin-bottom:7px}.rules-scroll{padding:4px 18px 18px}.rules-footer{padding:12px 18px}html body .rules-refreshed .ki-rule{font-size:14px;gap:8px;grid-template-columns:24px minmax(0,1fr)}html body .rules-refreshed .kt-intro__perks{grid-template-columns:1fr}.rules-refreshed .rules-close{inset:8px 8px auto auto!important;width:36px!important;height:36px!important;min-height:36px!important}html[lang="ar"] body .rules-refreshed .rules-close{inset:8px auto auto 8px!important}}
@media(prefers-reduced-motion:reduce){html body .rules-refreshed,html body .rules-refreshed *{transition:none!important;animation:none!important}}

/* ── Sticky category search (2026-09-12) ─────────────────────────────────────
   The search lived in .cat-header, which scrolled away — on a phone you had to
   scroll back to the top to search. Pin the header so the search (and the group/
   size filters) travel with the reader. Scoped to ≤920px, where the group SIDEBAR
   is hidden and #catJump is display:none, so there is nothing to overlap. The
   redundant «اختر…» h2 is hidden while pinned to keep the bar short (the bottom
   dock already shows the running count). Same selector as the static rule above,
   appended later so it wins the cascade. */
@media(max-width:920px){
  .ar-preview body #categorySelect .cat-header{
    position:sticky!important;top:calc(env(safe-area-inset-top,0px))!important;z-index:60!important;
    background:#f8f3e8!important;-webkit-backdrop-filter:blur(10px) saturate(1.05);backdrop-filter:blur(10px) saturate(1.05);
    padding:10px 0 12px!important;
    box-shadow:0 12px 26px -16px rgba(40,25,12,.5)!important;border-bottom:1px solid #dccdb2!important;
  }
  .ar-preview body #categorySelect .cat-header #pickTitle{display:none!important}
}

/* ── Top 10 fits landscape with no scroll (2026-09-12) ───────────────────────
   Same fix as Knowtorious: the T10 board injects as the question "visual" and
   stacked too tall in landscape (question cut off, whole format scrolled). Lay the
   board + input panel side-by-side and compress (Arabic slots run taller, so this
   trims harder than KT). play.html defines the base t10 CSS with no max-height
   handling; this file loads last so it wins. .qa-content is align-items:center →
   it shrinks #qVisual to content width, so force stretch; and the #question
   .stage-bg padding was adding past 100svh, so trim it. */
@media (orientation:landscape) and (max-height:600px){
  .ar-preview body #question:has(.t10-wrap) .qa-actions,
  .ar-preview body #question:has(.t10-wrap) .qa-perks{display:none!important}
  .ar-preview body #question:has(.t10-wrap) .stage-bg{padding-top:6px!important;padding-bottom:6px!important;min-height:100svh!important;justify-content:center!important}
  .ar-preview body #question:has(.t10-wrap) .qa-card{padding-top:4px!important;padding-bottom:4px!important;min-height:0!important}
  .ar-preview body #question:has(.t10-wrap) .qa-content{min-height:0!important;gap:2px!important;padding:4px 0!important}
  .ar-preview body #question:has(.t10-wrap) #qVisual{width:100%!important;max-width:none!important;align-self:stretch!important}
  .ar-preview body #question:has(.t10-wrap) .question-text{font-size:clamp(14px,3vh,18px)!important;line-height:1.16!important;margin-bottom:1px!important;max-width:none!important}
  .ar-preview body #question:has(.t10-wrap) .category-tag{margin-bottom:4px!important;font-size:10px!important}
  .ar-preview body #question .t10-wrap{flex-wrap:nowrap!important;align-items:flex-start!important;width:100%!important;max-width:none!important;gap:12px!important;padding:8px 12px!important}
  .ar-preview body #question .t10-board{flex:1 1 auto!important}
  .ar-preview body #question .t10-side{flex:0 0 270px!important;max-width:270px!important;gap:5px!important}
  .ar-preview body #question .t10-slots{gap:4px!important}
  .ar-preview body #question .t10-slot{min-height:0!important;padding:2px 9px!important;gap:5px!important}
  .ar-preview body #question .t10-slot .t10-rank{font-size:.74rem!important}
  .ar-preview body #question .t10-slot .t10-name{font-size:.76rem!important}
  .ar-preview body #question .t10-meta{font-size:.82rem!important}
  .ar-preview body #question .t10-input{padding:6px 10px!important}
  .ar-preview body #question .t10-give{padding:5px 10px!important;min-height:0!important;font-size:.78rem!important}
  .ar-preview body #question .t10-rule{margin-top:1px!important;font-size:.66rem!important}
}