:root{color-scheme:dark;--bg:#131323;--panel:#1d1c30;--line:#ffffff16;--text:#f6f1e9;--muted:#a6a3b8;--accent:#b4a0ff;font-family:Tahoma,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 80% 0,#28224155,transparent 40%),var(--bg);color:var(--text);line-height:1.8}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #f4c16d;outline-offset:4px}button{border:0}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(35px,5vw,66px);line-height:1.45;letter-spacing:-1.5px}h2{font-size:32px;line-height:1.5;margin-bottom:15px}h3{font-size:21px}p{color:var(--muted)}.shell{max-width:1400px;margin:auto;padding:0 5%}.loading{padding:100px;text-align:center}nav{display:flex;justify-content:space-between;align-items:center;padding:30px 0;gap:25px;border-bottom:1px solid #ffffff08}.brand{display:flex;align-items:center;gap:12px}.brand img{width:43px;height:43px}.brand span{font-weight:900;font-size:26px;line-height:1.2}.brand small{display:block;font:9px Arial;letter-spacing:4px;margin-top:7px}.nav-links{display:flex;align-items:center;gap:28px;font-size:12px}.nav-links a{color:#d4cfdf}.icon{width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:transparent;font-size:22px}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.3px;color:var(--accent)}.eyebrow i{height:6px;width:6px;display:block;background:#92d8bb;border-radius:50%}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;padding:13px 23px;border-radius:8px;font-size:13px;font-weight:700;line-height:1.7;border:1px solid transparent}.primary{background:var(--accent);color:#171322}.secondary{border-color:#ffffff25;background:#ffffff04;color:var(--text)}.textbutton{display:inline-flex;background:transparent;padding:12px;color:#bdb4d0;font-size:12px}.actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:25px 0}.hero{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;padding:55px 0 65px;min-height:610px}.hero-copy h1{font-size:clamp(65px,7vw,100px);line-height:1.12;margin:27px 0}.hero-copy h1 em{color:#b4a0ff;font-style:normal}.hero-copy>p{font-size:17px;line-height:2}.hero-copy .actions{justify-content:flex-start;margin-top:30px}.hero-foot{display:flex;gap:18px;font-size:10px;color:var(--muted);margin-top:35px}.hero-cover{position:relative;display:block;transform:rotate(-2deg)}.art{height:210px;position:relative;isolation:isolate;overflow:hidden;color:var(--accent);background:radial-gradient(circle at 65% 20%,color-mix(in srgb,var(--accent) 24%,#252139),#211e34 75%);border-bottom:1px solid var(--line)}.art-hero{height:425px;border-radius:22px;border:1px solid #ffffff25}.art-label{position:absolute;top:18px;right:20px;font:8px Arial;letter-spacing:2px;color:#ffffff65}.art-icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:900 115px Arial;transform:rotate(-12deg);text-shadow:6px 8px 0 #16132190;z-index:2}.art-hero .art-icon{font-size:210px;margin-bottom:70px}.art-ladder .art-icon{font-size:160px}.art-hero.art-ladder .art-icon{font-size:250px}.orb{position:absolute;width:240px;height:240px;left:-75px;top:-100px;border:1px solid #ffffff28;border-radius:50%}.orbit{position:absolute;width:200px;height:200px;right:-40px;bottom:-100px;border:23px solid color-mix(in srgb,var(--accent) 18%,transparent);border-radius:35%;transform:rotate(30deg)}.art-spark{position:absolute;top:20%;left:18%;font-size:35px;transform:rotate(10deg)}.art-bottom{position:absolute;bottom:18px;right:20px;font-size:13px;font-weight:bold;z-index:3}.art-hero .art-bottom{bottom:160px;font-size:18px}.mini-stairs{position:absolute;left:12%;bottom:20%;display:flex;align-items:flex-end;gap:8px;transform:rotate(-5deg);opacity:.5}.mini-stairs i{display:block;width:30px;height:30px;background:var(--accent);border-radius:5px;box-shadow:5px 5px 0 #0003}.mini-stairs i:nth-child(2){height:50px}.mini-stairs i:nth-child(3){height:70px}.mini-stairs i:nth-child(4){height:90px}.mini-stairs i:nth-child(5){height:110px}.cover-caption{position:absolute;bottom:25px;right:30px;left:25px;z-index:3;background:#161323c9;padding:20px;border:1px solid #ffffff18;border-radius:13px;backdrop-filter:blur(15px)}.cover-caption span,.cover-caption small{display:block;font-size:10px;color:#cbc0e0}.cover-caption strong{font-size:28px;display:block;margin:6px 0}.section-title{display:flex;justify-content:space-between;align-items:center;margin:20px 0}.section-title h2{margin:10px 0}.count{border:1px solid var(--line);padding:8px 15px;border-radius:40px;font-size:11px;color:var(--muted)}.browse{display:flex;justify-content:space-between;gap:20px;margin:22px 0 30px}.tabs{display:flex;gap:7px;flex-wrap:wrap}.tabs button,.category-list button{background:transparent;border:1px solid #ffffff20;border-radius:50px;padding:10px 18px;font-size:12px;color:#b9b2c8}.tabs button.chosen,.category-list button.chosen{background:#ede5f8;color:#211b2c;border-color:#ede5f8}.browse input{width:240px;border-radius:50px;font-size:12px}.game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.game-card{display:block;background:#1a192a;border:1px solid var(--line);border-radius:17px;overflow:hidden;transition:transform .2s,border-color .2s}.game-card:hover{transform:translateY(-6px);border-color:var(--accent)}.card-copy{padding:20px}.card-meta{color:#a49bb6;font-size:10px}.card-copy h3{display:flex;justify-content:space-between;margin:10px 0}.card-copy h3 span{color:var(--accent)}.card-copy p{font-size:12px;line-height:1.9;min-height:46px;margin:0}.how{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding:40px 0;margin:55px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.how span{font:11px Arial;letter-spacing:2px;color:#b4a0ff}.how h3{margin:12px 0 8px}.how p{font-size:12px;margin:0}.membership{display:grid;grid-template-columns:1fr .8fr;gap:12%;align-items:center;padding:25px 0 50px}.membership h2{font-size:44px;margin:15px 0}.membership p{font-size:14px}.price-card{background:linear-gradient(135deg,#302841,#211e33);border:1px solid #b4a0ff50;border-radius:18px;padding:35px}.price-card>span{font-size:13px;color:#d1c6e4}.price-card strong{display:block;font-size:46px;margin:15px 0;line-height:1.3}.price-card strong small{font-size:13px}.price-card .primary{width:100%}.price-card>small{display:block;margin-top:15px;color:#b2a5c4;font-size:9px}footer{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#9a91ae;border-top:1px solid var(--line);padding:30px 0;margin-top:30px}footer div{display:flex;gap:22px}.resume{display:flex;justify-content:space-between;font-size:12px;background:#b4a0ff10;border:1px solid #b4a0ff30;padding:14px 20px;border-radius:10px;margin-bottom:30px}.back{display:block;font-size:12px;color:var(--muted);margin:22px 0}.setup{display:grid;grid-template-columns:.85fr 1fr;gap:7%;padding:10px 0 50px}.setup h1{margin:15px 0}.setup .art-hero{height:350px}.rulebox{padding:25px;border:1px solid var(--line);border-radius:14px;margin-top:22px}.rulebox p{font-size:13px;margin:12px 0 0;line-height:2}.setup h3{font-size:17px}.setup h3 small{font-size:11px;color:var(--muted);font-weight:400}.muted,.small{color:var(--muted)}.small{font-size:10px;display:block;line-height:1.9}label{display:block;font-size:12px;color:#c6bfd2;margin:15px 0 8px}input,select{width:100%;padding:13px 15px;border:1px solid #ffffff25;border-radius:8px;background:#1d1b2c;color:#fff;min-height:48px}input::placeholder{color:#80788e}.names{display:grid;grid-template-columns:1fr 1fr;gap:0 15px;margin-bottom:30px}.category-list{display:flex;gap:9px;flex-wrap:wrap}.start-panel{margin-top:30px;padding:25px;border:1px solid var(--line);border-radius:12px}.start-panel p{font-size:12px}.start-panel .primary{width:100%;margin:5px 0 15px}.room{max-width:1600px}.room-top{display:flex;align-items:center;justify-content:space-between;margin:20px 0}.scoreboard{display:grid;grid-template-columns:repeat(var(--players),minmax(0,1fr));gap:14px;margin-bottom:25px}.score{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.score.active{border-color:var(--player);box-shadow:inset 0 -3px var(--player)}.avatar{display:flex;align-items:center;justify-content:center;min-width:38px;height:38px;border-radius:50%;background:color-mix(in srgb,var(--player) 18%,transparent);color:var(--player);font-weight:bold}.score b{font-size:14px}.score small{display:block;color:#a49bb6;font-size:9px}.score>strong{margin-right:auto;font:700 29px Arial;color:var(--player)}.score>strong small{font:9px Tahoma;margin-top:5px}.ladder-board{display:grid;grid-template-columns:repeat(var(--players),minmax(0,1fr));gap:15px;padding:20px;background:#171525;border:1px solid var(--line);border-radius:18px;margin-bottom:25px}.ladder-name{text-align:center;color:var(--player);font-size:14px;font-weight:bold;margin-bottom:12px}.rungs{display:flex;flex-direction:column;gap:5px}.rung{height:25px;border:1px solid #ffffff0e;border-radius:6px;display:flex;justify-content:space-between;align-items:center;padding:0 12px;color:#72697f;font-size:10px;background:#ffffff02}.rung span{font-size:9px}.rung.reached{background:color-mix(in srgb,var(--player) 22%,transparent);color:var(--player);border-color:color-mix(in srgb,var(--player) 35%,transparent)}.rung.current{background:var(--player);color:#1e192b;border-color:var(--player)}.ladder-column>small{display:block;text-align:center;font-size:9px;color:var(--muted);margin-top:10px}.game-stage{text-align:center;padding:30px;border:1px solid var(--line);background:radial-gradient(ellipse at 50% 0,color-mix(in srgb,var(--accent) 9%,transparent),transparent 60%),#1a1829;border-radius:20px}.game-stage h1{font-size:clamp(25px,3vw,45px);margin:18px 0 30px;letter-spacing:0}.game-stage .eyebrow{display:block}.game-stage p{font-size:13px}.clock{display:inline-block;border:1px solid #ffffff25;padding:7px 20px;border-radius:50px;font-size:22px;color:var(--accent);font-weight:bold;min-width:95px;margin-bottom:20px}.clock.urgent{color:#ff9f9f;border-color:#ff9f9f}.options{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:25px 0}.option{display:flex;align-items:center;gap:15px;border:1px solid #ffffff25;border-radius:12px;padding:20px;background:#242036;text-align:right;font-size:18px}.option:disabled{opacity:1}.option i{font:700 13px Arial;background:#ffffff10;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--accent);font-style:normal}.option.right,.option.picked{border-color:#92d8bb;background:#92d8bb18}.top-board{display:grid;grid-template-columns:1fr 1fr;gap:12px}.answer{display:flex;align-items:center;gap:14px;text-align:right;background:#252135;padding:16px;border:1px solid var(--line);border-radius:10px;color:#9e90b6}.answer:disabled{opacity:1}.answer b{font-size:15px;font-weight:400}.answer strong{margin-right:auto;font:700 18px Arial;color:#f4c16d}.answer .rank{font-size:15px;min-width:25px}.answer.revealed{border-color:#92d8bb60;color:#f6f1e9;background:#92d8bb10}.scope,.answer-key{text-align:right;font-size:11px;color:var(--muted);margin:15px 0}.scope p,.answer-key p{font-size:11px;margin:12px 0}.game-actions{margin-bottom:5px}.event{font-size:13px;text-align:center;color:#ccc2df;margin:20px 0}.waiting{font-size:10px!important;color:#8f849f!important;margin-top:25px}.center{text-align:center}.secret{padding:25px;border:1px dashed var(--accent);border-radius:13px;margin:20px 0}.secret h2{font-size:38px}.banned{display:flex;justify-content:center;gap:10px;margin:15px}.banned span{padding:5px 12px;border:1px solid #f8a2b155;border-radius:30px;color:#f8a2b1}.stage-spark{font-size:75px;color:var(--accent)}.round-points{font-size:50px;color:var(--accent)}.round-points small{display:block;color:var(--muted);font-size:12px}.solution{display:inline-block;text-align:right}.game-stage a{color:var(--accent);font-size:11px}.controller{max-width:650px}.controller .ladder-board{padding:10px;gap:9px}.controller .rung{height:19px;padding:0 5px}.controller .scoreboard{grid-template-columns:repeat(2,minmax(0,1fr))}.controller .score{padding:10px}.controller .avatar{display:none}.controller .game-stage{padding:20px 15px}.controller .option{font-size:15px;padding:15px;gap:9px}.auth{max-width:470px;margin:60px auto 90px;padding:35px;border:1px solid var(--line);border-radius:20px;background:var(--panel)}.auth h1{font-size:35px;margin:15px 0}.auth p{font-size:13px}.auth form .primary{width:100%;margin:20px 0}.auth #code{font:30px Arial;letter-spacing:8px;text-align:center}.dashboard{padding:35px 0 50px}.dashboard h1{font-size:48px;margin:10px 0}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin:30px 0}.metrics article{padding:25px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.metrics span,.metrics small{display:block;font-size:11px;color:var(--muted)}.metrics strong{display:block;font-size:32px;color:var(--accent);margin:10px 0}.account-plan{display:flex;justify-content:space-between;align-items:center;gap:25px;border:1px solid #b4a0ff40;border-radius:15px;padding:30px;margin:35px 0}.account-plan h2{font-size:23px}.account-plan p,.account-plan small{font-size:12px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}td,th{text-align:right;border-bottom:1px solid var(--line);padding:15px}th{color:var(--muted);font-size:11px}.text-page{max-width:800px;margin:55px auto;min-height:400px}.text-page h1{font-size:40px}.text-page p{font-size:14px;line-height:2.3}dialog{background:#211c32;color:var(--text);border:1px solid #ffffff25;border-radius:17px;max-width:480px;width:90%;padding:35px}dialog::backdrop{background:#090711bd;backdrop-filter:blur(8px)}dialog p{font-size:13px}dialog h2{font-size:25px}.close{position:absolute;left:12px;top:8px;background:transparent;font-size:25px;color:var(--muted)}#qr-image img{display:block;width:250px;max-width:100%;margin:25px auto;background:#fff;border:12px solid white;border-radius:15px}.copy-link{overflow-wrap:anywhere;user-select:all}#toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);background:#f6f1e9;color:#211a2d;padding:12px 22px;border-radius:8px;font-size:12px;z-index:100;max-width:90%;opacity:0;pointer-events:none;transition:.2s}#toast.visible{opacity:1;transform:translate(-50%,0)}#connection:not(:empty){position:fixed;bottom:15px;right:15px;background:#3b2935;border:1px solid #f8a2b140;border-radius:8px;padding:10px 15px;font-size:12px}
@media(max-width:1000px){.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{min-height:500px;gap:5%}.hero-copy h1{font-size:76px}.art-hero{height:365px}.hero-foot{font-size:9px;gap:10px}.scoreboard{grid-template-columns:repeat(2,minmax(0,1fr))}.setup{grid-template-columns:.75fr 1fr;gap:5%}.membership{gap:6%}}
@media(max-width:640px){.shell{padding:0 5%}nav{padding:20px 0;gap:15px}.brand span{font-size:23px}.brand img{width:35px;height:35px}.brand small{font-size:7px}.nav-links{gap:13px;font-size:10px}.nav-links a:nth-child(2){display:none}.icon{width:32px;height:32px;font-size:19px}.hero{grid-template-columns:1fr;gap:30px;padding:35px 0 45px}.hero-copy h1{font-size:78px}.hero-copy>p{font-size:15px}.hero-foot{font-size:9px;gap:15px}.hero-cover{transform:rotate(-1deg)}.hero-cover .art-hero{height:330px}.art-hero .art-bottom{bottom:148px;font-size:15px}.cover-caption{bottom:20px;right:20px;left:20px}.cover-caption strong{font-size:25px}.section-title h2{font-size:26px}.browse{flex-direction:column;gap:15px}.browse input{width:100%}.tabs button{font-size:10px;padding:8px 13px}.game-grid{gap:13px}.art{height:150px}.art-icon{font-size:80px}.art-ladder .art-icon{font-size:115px}.art-spark{font-size:25px;left:15%}.art-label{font-size:6px;right:12px;letter-spacing:1px}.art-bottom{font-size:10px;right:12px;bottom:15px}.mini-stairs{left:10%;bottom:20%;gap:4px}.mini-stairs i{width:15px;height:15px!important}.mini-stairs i:nth-child(2){height:25px!important}.mini-stairs i:nth-child(3){height:35px!important}.mini-stairs i:nth-child(4){height:45px!important}.mini-stairs i:nth-child(5){height:55px!important}.card-copy{padding:13px}.card-copy h3{font-size:18px}.card-copy p{font-size:10px;min-height:76px}.card-meta{font-size:8px}.how{grid-template-columns:1fr;gap:25px;margin:40px 0;padding:30px 0}.how>div{position:relative;padding-right:40px}.how span{position:absolute;right:0;top:10px}.how h3{font-size:18px;margin:0 0 6px}.membership{grid-template-columns:1fr;gap:20px;padding-bottom:20px}.membership h2{font-size:37px}.price-card{padding:25px}.price-card strong{font-size:42px}footer{font-size:9px;gap:15px}footer div{gap:12px}.setup{grid-template-columns:1fr;gap:25px}.setup .art-hero{height:260px}.setup .art-hero .art-bottom{bottom:30px}.setup h1{font-size:42px}.rulebox{padding:20px}.rulebox p{font-size:12px}.category-list button{font-size:11px;padding:8px 13px}.scoreboard{gap:9px}.score{padding:12px 10px;gap:9px}.avatar{display:none}.score b{font-size:12px}.score>strong{font-size:25px}.room-top .eyebrow{font-size:9px}.game-stage{padding:22px 15px}.game-stage h1{font-size:25px}.options{gap:10px}.option{font-size:14px;padding:15px 10px;gap:8px}.option i{width:23px;height:23px;font-size:10px}.top-board{gap:9px}.answer{padding:13px 10px;gap:8px}.answer b{font-size:12px}.answer strong{font-size:14px}.answer .rank{font-size:12px;min-width:14px}.ladder-board{gap:8px;padding:12px}.ladder-name{font-size:10px}.rung{height:22px;padding:0 6px;font-size:9px}.rung span{font-size:7px}.ladder-column>small{font-size:8px}.auth{padding:25px;margin:35px auto 60px}.auth h1{font-size:31px}.dashboard h1{font-size:37px}.metrics{gap:12px;grid-template-columns:1fr 1fr}.metrics article{padding:20px}.metrics strong{font-size:27px}.account-plan{flex-direction:column;align-items:stretch;padding:23px}.account-plan h2{font-size:21px}.text-page h1{font-size:31px}.text-page p{font-size:13px}.primary,.secondary{font-size:12px;padding:12px 18px}.game-actions .primary{flex:1}.controller .nav-links{gap:10px}.controller .ladder-board .rung{height:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}.hero-cover{transform:none}}
.accepted-panel{text-align:right;max-width:700px;margin:auto}.accepted-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:340px;overflow:auto;margin-top:18px;padding:4px}.accepted-answer{border:1px solid #ffffff20;border-radius:8px;padding:12px;background:#242036;text-align:right}.accepted-answer b{display:block;font-size:13px}.accepted-answer small{display:block;font-size:9px;color:#92d8bb}.accepted-answer:disabled{opacity:.35}.accepted-answer:disabled small{color:#a6a3b8}@media(max-width:640px){.accepted-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
.names{grid-template-columns:repeat(2,minmax(0,1fr))}.names>div,.score>div{min-width:0}.score b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score>strong{flex-shrink:0}.ladder-name{overflow-wrap:anywhere}
/* Original Jawabeen identity: white/pink wordmark, black, yellow and game symbols. */
:root{--bg:#fff9ee;--panel:#fffdf7;--text:#151412;--muted:#655f58;--line:#ded6c9;--accent:#f8cf24;--pink:#f69be2;--purple:#9270d7;--cyan:#59d5cc}body{background:var(--bg);color:var(--text);font-family:'Jawabeen Arabic',Tahoma,Arial,sans-serif}a{color:inherit}.shell{max-width:1440px;padding:0 5%;margin:auto}nav{border-bottom:1.5px solid #171510;padding:18px 0;min-height:103px;gap:24px}.brand{display:flex;gap:15px;align-items:center}.brand img{width:140px;height:71px;object-fit:contain;border-radius:8px}.brand-caption{font-size:11px;font-weight:bold;max-width:55px;line-height:1.8}.nav-links{font-size:13px;gap:25px}.nav-login{border:1.5px solid;padding:10px 20px;border-radius:8px;font-weight:bold}.icon{border-color:#c7bfaf;background:transparent;color:var(--text)}.hero{grid-template-columns:1.05fr 1fr;gap:7%;padding:65px 0 62px;min-height:580px}.hero-copy{position:relative}.eyebrow{font-size:12px;letter-spacing:0;font-weight:700;color:#5c5548}.eyebrow i{background:#7553af}.hero-copy h1{font-size:clamp(58px,6.4vw,96px);line-height:1.3;letter-spacing:-4px;margin:22px 0}.hero-copy h1 em{font-style:normal;color:#161410;position:relative;z-index:0;white-space:nowrap}.hero-copy h1 em:after{content:'';position:absolute;right:-5px;left:-8px;bottom:5px;height:31%;background:var(--pink);z-index:-1;transform:rotate(2deg)}.headline-spark{display:inline-block;color:#9270d7;font-size:60px;position:absolute;top:75px;left:0}.hero-copy>p{font-size:16px;line-height:2.05;color:#625b50}.actions{gap:12px}.primary{background:#171510;color:#fff9ee;border:1.5px solid #171510;border-radius:8px;padding:15px 25px;font-weight:bold;box-shadow:3px 4px 0 #f69be2;transition:transform .18s,box-shadow .18s}.primary:hover{transform:translateY(-2px);box-shadow:4px 6px 0 #f69be2}.secondary{background:transparent;color:#171510;border:1.5px solid #171510;border-radius:8px;padding:15px 25px}.textbutton{color:#4e3a6e}.hero-foot{font-size:11px;gap:18px;margin-top:30px;color:#655f58}.hero-foot span+span:before{content:'✦';color:#9270d7;margin-left:18px}.hero-cover{position:relative;display:block;border:2px solid #171510;border-radius:18px;transform:rotate(-3deg);box-shadow:8px 9px 0 #171510;background:#f9d62a;isolation:isolate;overflow:visible;align-self:center}.cover-sticker{position:absolute;top:-20px;left:20px;transform:rotate(8deg);background:#f69be2;border:1.5px solid #171510;padding:10px 20px;border-radius:5px;z-index:3;font-size:12px;font-weight:bold}.art{height:260px;border-radius:12px 12px 0 0;position:relative;overflow:hidden;color:#141310;background:#e2d4f5;display:flex;align-items:center;justify-content:center}.art-hero{height:430px;border-radius:16px;background:#f9d62a}.art:after{content:'';position:absolute;inset:0;background-image:radial-gradient(#00000020 .8px,transparent .8px);background-size:7px 7px;pointer-events:none;opacity:.24}.art-label{position:absolute;top:18px;right:20px;font:700 8px Arial;letter-spacing:2px;z-index:2}.art-bottom{position:absolute;bottom:18px;right:20px;font-size:11px;font-weight:bold;color:#171510;z-index:2}.poster-spark{position:absolute;font-size:42px;color:#171510}.poster-spark.one{left:17px;top:32px;transform:rotate(15deg)}.poster-spark.two{right:25px;bottom:60px;font-size:60px}.art-hero .poster-spark.one{left:35px;top:55px;font-size:70px}.art-hero .art-bottom{display:none}.cover-caption{background:#f9d62a;border-top:2px solid #171510;position:relative;inset:auto;padding:20px 28px;border-radius:0 0 15px 15px;color:#171510}.cover-caption span,.cover-caption small{color:#514728;font-size:11px}.cover-caption strong{font-size:33px;margin:7px 0;display:flex;justify-content:space-between}.cover-caption strong b{font-size:32px}.poster-stairs{display:flex;align-items:flex-end;gap:3px;transform:rotate(-8deg);height:150px;position:relative;z-index:1}.poster-stairs i{height:35px;width:37px;background:#fff9ee;border:2px solid #171510;box-shadow:7px 6px 0 #171510}.poster-stairs i:nth-child(2){height:60px;background:#f69be2}.poster-stairs i:nth-child(3){height:85px}.poster-stairs i:nth-child(4){height:110px;background:#9270d7}.poster-stairs i:nth-child(5){height:135px}.poster-stairs>b{position:absolute;font-size:65px;top:-40px;left:0;color:#f69be2;-webkit-text-stroke:2px #171510}.art-hero .poster-stairs{transform:scale(1.5) rotate(-8deg)}.art-top10{background:#f69be2}.poster-ten{font:bold 150px/1 Arial;letter-spacing:-15px;transform:rotate(-8deg);color:#fff9ee;-webkit-text-stroke:3px #171510;text-shadow:8px 8px #171510}.poster-ten span{display:block;letter-spacing:0;text-shadow:none;-webkit-text-stroke:0;font:700 11px Tahoma;color:#171510;text-align:center;margin-top:8px}.art-words{background:#59d5cc}.letter-tiles,.order-tiles{display:flex;gap:8px;direction:rtl;z-index:1}.letter-tiles b,.order-tiles b{display:grid;place-items:center;width:66px;height:80px;border:2px solid #171510;background:#fff9ee;font-size:50px;box-shadow:5px 5px #171510;transform:rotate(-12deg)}.letter-tiles b:nth-child(2){transform:rotate(10deg) translateY(-18px);background:#f9d62a}.letter-tiles b:nth-child(3){background:#f69be2;transform:rotate(-5deg)}.art-taboo{background:#b99ee8}.speech-shape{font-weight:900;font-size:48px;background:#fff9ee;border:2px solid #171510;padding:10px 30px;box-shadow:7px 7px #171510;transform:rotate(-8deg);position:relative}.speech-shape span{display:block;font-size:14px}.speech-shape i{position:absolute;left:-23px;top:-25px;font:900 70px Arial;color:#ed5142;-webkit-text-stroke:2px #171510;transform:rotate(15deg)}.art-charades{background:#f6ae73}.poster-face b{font:130px Arial;display:block;transform:rotate(-15deg)}.poster-face i{position:absolute;top:45px;left:65px;font-size:55px;color:#a879d7}.poster-face span{font-size:12px;font-weight:bold}.art-higher{background:#9fc9e9}.poster-arrows{display:flex;gap:10px;font:bold 160px/.9 Arial;text-shadow:6px 6px #171510;-webkit-text-stroke:2px #171510;transform:rotate(12deg)}.poster-arrows b:first-child{color:#f9d62a}.poster-arrows b:last-child{color:#f69be2}.art-order{background:#cfdf81}.order-tiles b{background:#f69be2;font:700 55px Tahoma}.order-tiles b:nth-child(2){background:#fff9ee;transform:rotate(10deg) translateY(-20px)}.order-tiles b:nth-child(3){background:#f9d62a}.ticker{display:flex;justify-content:space-around;gap:25px;padding:14px 0;background:#f9d62a;border-block:1.5px solid #171510;margin:0 -5.56%;font-size:14px;font-weight:bold;overflow:hidden;white-space:nowrap}#games{padding-top:65px;scroll-margin-top:25px}.section-title{align-items:flex-end}.section-title h2{font-size:34px;letter-spacing:-1px;margin:10px 0}.section-title p{font-size:13px;margin:8px 0 0}.count{color:#605747;font-size:12px}.browse{margin:25px 0}.tabs{gap:6px;background:transparent;padding:0}.tabs button{background:transparent;color:#61594d;border:1px solid #d5cabb;border-radius:7px;padding:10px 18px;font-size:12px}.tabs button.chosen{background:#171510;color:#fff9ee;border-color:#171510}.browse input{border:1px solid #cfc5b5;background:#fffdf7;color:#171510;border-radius:8px;font-size:12px}.game-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.game-card{border:1.5px solid #171510;border-radius:14px;background:#fffdf7;box-shadow:0 3px 0 #171510;overflow:hidden;transition:transform .2s,box-shadow .2s}.game-card:hover{transform:translateY(-5px);box-shadow:4px 8px 0 #171510}.card-copy{padding:20px 22px}.card-copy h3{color:#171510;font-size:24px}.card-copy h3 span{color:#171510}.card-copy p{font-size:12px;color:#655c4e;line-height:1.9;min-height:47px}.card-meta{font-size:10px;color:#766a57}.card-meta i{margin:0 5px}.solo-promo{margin-top:65px;padding:45px 6%;border:1.5px solid #171510;border-radius:18px;background:#c1a2ec;display:grid;grid-template-columns:1.1fr 1fr;gap:10%;align-items:center;overflow:hidden}.solo-promo h2{font-size:40px;line-height:1.6;margin:15px 0}.solo-promo p{font-size:13px}.solo-graphic{position:relative;height:220px;display:grid;place-items:center}.solo-graphic b{font:900 160px Arial;transform:rotate(-10deg);color:#fff9ee;-webkit-text-stroke:3px #171510;text-shadow:8px 8px #171510}.solo-graphic span{font-size:120px;position:absolute;left:5px;top:0;color:#f9d62a;transform:rotate(20deg);-webkit-text-stroke:2px #171510}.solo-graphic i{position:absolute;right:10px;bottom:-10px;font-size:80px;color:#f69be2;font-style:normal;-webkit-text-stroke:2px #171510}.how{border-block:1px solid #cfc5b5;padding:40px 0;margin:55px 0}.how span{font:700 14px Arial;color:#8061b7}.how h3{font-size:21px}.how p{font-size:12px;color:#655c4e}.membership{gap:12%;padding:15px 0 60px}.membership h2{font-size:43px;line-height:1.6;letter-spacing:-1px}.membership p{color:#655c4e;font-size:13px}.price-card{background:#f9d62a;color:#171510;border:1.5px solid #171510;box-shadow:6px 7px #171510;border-radius:14px;padding:35px}.price-card>span{font-size:12px;font-weight:bold}.price-card strong{font-size:55px;color:#171510}.price-card strong small{color:#171510}.price-card p,.price-card>small{color:#534718}.price-card .primary{box-shadow:3px 4px #fff9ee}.shop-banner{border:1.5px solid #171510;background:#fffdf7;border-radius:14px;padding:25px 30px;display:flex;align-items:center;gap:25px;margin:0 0 55px}.shop-banner>span{font-size:50px}.shop-banner h2{font-size:23px;margin:0 0 8px}.shop-banner p{font-size:12px;color:#655c4e;margin:0}.shop-banner>a{margin-right:auto}footer{border-top:1px solid #171510;padding:25px 0;color:#655c4e;font-size:10px;gap:20px;align-items:center}footer>div:first-child{display:flex;flex-direction:column;gap:7px}footer b{color:#171510;font-size:20px}.small,.muted{color:#6a6154}.resume{background:#f9edcb;border:1px solid #c9ad62;color:#171510}.resume a{color:#4e3a6e}input,select{background:#fffdf7;border-color:#bdb3a4;color:#171510}input:focus,select:focus{outline:3px solid #c9a8eb;outline-offset:2px}.rulebox,.start-panel,.auth,.metrics article,.account-plan{background:#fffdf7;border:1px solid #cfc5b5;color:#171510}.rulebox p,.start-panel p,.auth p{color:#62594b}.category-list button{background:#fffdf7;border-color:#b7aa94;color:#171510}.category-list button.chosen{background:#f9d62a;border-color:#171510;color:#171510}.setup h1{color:#171510}.room{--bg:#17141d;--panel:#25202c;--text:#fff9ee;--muted:#bdb3ca;--line:#ffffff26;background:#17141d;color:#fff9ee;min-height:100vh;max-width:none;padding-bottom:40px}.room nav{border-color:#ffffff25}.room .nav-links,.room .icon,.room .textbutton{color:#e2d5f1}.room .nav-login{border-color:#baa7cf}.room .eyebrow,.room .small{color:#bdb3ca}.room .primary{background:#f9d62a;color:#171510}.room .secondary{border-color:#a895bb;color:#fff9ee}.room .game-stage,.room .ladder-board{background:#211b2a}.room .scoreboard strong{color:var(--player)}.room .accepted-answer{color:#fff9ee}.room input{background:#302638;color:#fff9ee}.option{color:#fff9ee}.room .muted{color:#bdb3ca}.room .score small{color:#bdb3ca}dialog{background:#fff9ee;color:#171510;border-color:#171510;box-shadow:6px 7px #171510}dialog .close{color:#171510}dialog .secondary{color:#171510}.auth h1{line-height:1.5}.metrics strong{color:#654294}table th{color:#655c4e}td,th{border-color:#d8cfc1}.text-page{line-height:2}.solo-wrap{max-width:850px;margin:45px auto 65px}.solo-start{display:grid;grid-template-columns:1fr 1fr;gap:25px}.solo-start>article{padding:28px;border:1.5px solid #171510;border-radius:14px;background:#fffdf7}.solo-start h2{font-size:23px}.solo-start p{font-size:13px;line-height:2;color:#655c4e}.solo-stage{padding:30px;background:#fffdf7;border:1.5px solid #171510;border-radius:16px;box-shadow:5px 6px #171510}.solo-stage h1{font-size:29px;line-height:1.8}.solo-stage .option{background:#fff9ee;color:#171510;border-color:#bdb3a4}.solo-stage .option.right{background:#cfdf81;border-color:#48682a}.solo-stage .option.picked{background:#f8c1bd}.solo-stage .option i{color:#6b4f8a;background:#e9ddf4}.solo-score{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:#655c4e}.progress{height:8px;background:#e6dccb;border-radius:8px;margin:20px 0;overflow:hidden}.progress>span{display:block;height:100%;background:#9270d7}.solo-result{font:bold 70px Arial;color:#7853ac}.solo-review{padding:15px;background:#f1eadf;border-radius:8px;font-size:13px;line-height:2}.shop-device{padding:25px;background:#fffdf7;border:1px solid #cfc5b5;border-radius:12px;margin:25px 0}.shop-device label{display:block;font-size:13px;margin-bottom:10px}:focus-visible{outline:3px solid #8058b9;outline-offset:4px}button:disabled{cursor:default;opacity:.5}[hidden]{display:none!important}
@media(min-width:1500px){.room .game-stage h1{font-size:48px}.room .answer b{font-size:20px}.room .score b{font-size:20px}}
@media(max-width:1050px){.nav-links{gap:13px;font-size:11px}.brand-caption{display:none}.hero-copy h1{font-size:68px}.hero{gap:5%}.art-hero{height:360px}.art-hero .poster-stairs{transform:scale(1.2) rotate(-8deg)}.game-grid{gap:18px}.art{height:220px}.hero-foot{gap:8px;font-size:10px}.hero-foot span+span:before{margin-left:8px}.headline-spark{left:-10px;top:85px;font-size:45px}.solo-promo h2{font-size:33px}}
@media(max-width:700px){.shell{padding-inline:5%}nav{padding:13px 0;gap:12px;min-height:83px;flex-wrap:wrap}.brand img{width:100px;height:52px}.nav-links{gap:10px;font-size:10px;flex:1;justify-content:flex-end}.nav-links a:nth-child(2){display:block}.nav-links a:nth-child(3){display:none}.nav-login{padding:8px 10px}.icon{width:28px;height:28px;font-size:18px}.hero{grid-template-columns:1fr;padding:35px 0 45px;gap:40px}.hero-copy h1{font-size:70px;letter-spacing:-3px;margin:18px 0}.hero-copy>p{font-size:14px}.headline-spark{top:60px;left:20px;font-size:55px}.hero-foot{font-size:10px;gap:13px}.hero-cover{margin:0 10px 0 5px;transform:rotate(-2deg)}.art-hero{height:290px}.art-hero .poster-stairs{transform:scale(1.25) rotate(-8deg)}.cover-caption{padding:16px 22px}.cover-caption strong{font-size:30px}.cover-sticker{font-size:10px;padding:8px 12px;top:-14px}.ticker{justify-content:flex-start;padding:12px 20px;gap:24px;font-size:11px}#games{padding-top:40px}.section-title h2{font-size:25px}.section-title .count{font-size:9px;max-width:55px}.game-grid{grid-template-columns:1fr 1fr;gap:17px 13px}.art{height:180px}.game-card .poster-stairs{transform:scale(.7) rotate(-8deg)}.game-card .art-label{font-size:6px;letter-spacing:1px;right:10px;top:12px}.game-card .art-bottom{font-size:8px;right:10px;bottom:12px;max-width:85%}.game-card .poster-spark.one{font-size:25px;left:8px;top:20px}.game-card .poster-spark.two{font-size:30px;right:10px;bottom:40px}.poster-ten{font-size:100px;letter-spacing:-9px;text-shadow:5px 5px #171510;-webkit-text-stroke:2px #171510}.poster-ten span{font-size:8px}.letter-tiles,.order-tiles{gap:5px;transform:scale(.7)}.speech-shape{font-size:30px;padding:10px 14px;box-shadow:4px 4px #171510}.speech-shape span{font-size:9px}.speech-shape i{font-size:45px;top:-20px;left:-12px}.poster-face b{font-size:90px}.poster-face span{font-size:9px}.poster-face i{font-size:35px;left:30px;top:30px}.poster-arrows{font-size:115px;gap:0}.card-copy{padding:13px 12px}.card-copy h3{font-size:19px;margin:10px 0}.card-copy p{font-size:10px;min-height:60px;line-height:1.9}.card-meta{font-size:8px;line-height:1.8}.solo-promo{padding:26px 22px;gap:0;margin-top:40px;grid-template-columns:1fr .65fr}.solo-promo h2{font-size:25px;margin:12px 0}.solo-promo .eyebrow{font-size:10px}.solo-promo p{font-size:11px}.solo-graphic{height:180px}.solo-graphic b{font-size:95px;letter-spacing:-5px;-webkit-text-stroke:2px #171510;text-shadow:5px 5px #171510}.solo-graphic span{font-size:65px;left:0;top:0}.solo-graphic i{font-size:50px;bottom:0;right:10px}.solo-promo .primary{font-size:10px;padding:12px 10px}.how{margin:35px 0}.membership{padding-bottom:40px}.membership h2{font-size:34px}.price-card strong{font-size:45px}.shop-banner{padding:20px;gap:12px;flex-wrap:wrap;margin-bottom:35px}.shop-banner>span{font-size:35px}.shop-banner h2{font-size:19px}.shop-banner p{font-size:11px}.shop-banner .secondary{margin:5px 0 0;width:100%;text-align:center}footer{flex-wrap:wrap;gap:16px;font-size:9px}footer>div:first-child{width:100%}footer>span{margin-right:auto}.solo-start{grid-template-columns:1fr}.solo-stage{padding:22px 16px}.solo-stage h1{font-size:23px}.solo-stage .options{grid-template-columns:1fr}.solo-stage .option{font-size:15px}.solo-wrap{margin-top:30px}.room .brand img{width:95px}}
@font-face{font-family:'Jawabeen Arabic';src:url('/assets/brand/Cairo.ttf') format('truetype');font-weight:200 1000;font-display:swap}.nav-links a{color:#171510}.room .nav-links a{color:#e2d5f1}.art-label{color:#171510}.room input,.room select{color:#fff9ee}.brand-caption{font-size:12px!important;line-height:1.5!important}.integration-note{border:1px solid #b9a4d1;background:#f0e6fa;padding:14px;border-radius:8px;line-height:2;font-size:12px}.solo-review{margin-block:15px}.solo-review a{color:#634090;text-decoration:underline}.solo-stage>details{margin-top:25px;font-size:13px}.solo-stage button.primary{margin-top:15px}.solo-stage .options{margin-top:25px}.shop-device .primary{margin-top:18px}.shop-device h2{font-size:24px}.poster-stairs{direction:ltr}.hero-copy h1{letter-spacing:-3px}.art-label{opacity:.65}

.shop-device form{max-width:620px;display:grid;gap:10px;margin-bottom:32px}.shop-device label{margin-top:8px}.shop-device input,.shop-device select{width:100%;min-height:46px}.shop-device h3{margin-top:30px}textarea{font:14px monospace;width:100%;min-height:100px;padding:14px;border:1px solid #bdb3a4;border-radius:8px;background:#fffdf7;color:#171510;resize:vertical}#admin-shops{display:flex;gap:12px;flex-wrap:wrap}#admin-shops h3{width:100%}.auth .secondary{display:block;text-align:center;margin:15px 0}

.purchase-consent{max-width:430px;display:grid;gap:15px}.purchase-consent label{font-size:12px;line-height:2.2}.purchase-consent input{width:19px;height:19px;vertical-align:middle;margin-left:7px;accent-color:#8058b9}.purchase-consent a,.text-page a,.support-request a{color:#654294;text-decoration:underline}.support-request{padding:18px;border:1px solid #d8cfc1;border-radius:9px;margin:16px 0}.support-request p{font-size:12px;line-height:2;overflow-wrap:anywhere}.support-request small{font-size:10px;color:#655c4e}.receipt dl{display:grid;grid-template-columns:1fr 1.5fr;gap:10px;font-size:12px}.receipt dd{margin:0;overflow-wrap:anywhere}.receipt dt{color:#655c4e}.receipt .secondary{margin-top:20px}.text-page h1{line-height:1.7}.text-page p{font-size:14px;line-height:2.4}@media print{body{background:#fff;color:#000}#app,#toast,#dismiss,dialog .secondary{display:none!important}dialog{display:block!important;position:static;max-width:none;width:100%;border:none;box-shadow:none;padding:20px}dialog::backdrop{display:none}.receipt{direction:rtl}.receipt dl{display:grid;grid-template-columns:1fr 2fr;gap:12px}.receipt dd{margin:0}}

@media(max-width:700px){.headline-spark{display:none}.game-card .card-copy p{font-size:12px;min-height:85px}.card-meta{font-size:10px}.nav-links{font-size:11px}.tabs button{min-height:44px;padding:9px 12px;font-size:11px}.solo-score{font-size:12px}}