@import url('https://fonts.googleapis.com/css2?family=Baloo+Bhaijaan+2:wght@400;500;600;700;800&display=swap');
:root{--purple:#6952c7;--ink:#29243c;--cream:#faf8f2;--muted:#77727f;--peach:#ffcca9;--mint:#dcebdc;--line:#e8e4dc;--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--cream);color:var(--ink);font-family:'Baloo Bhaijaan 2',Tahoma,Arial,sans-serif;font-size:17px}button,input,a{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #ec9c55;outline-offset:5px}.header,main,footer,.play-page,.identity-page{max-width:1200px;margin:auto}.header{height:106px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:35px;font-weight:800;line-height:1}.brand-caption{display:block;font-size:10px;font-weight:500;margin-top:7px;letter-spacing:1px}.header nav{display:flex;gap:38px;font-size:16px}.header nav a{color:var(--muted)}.header nav a.active{color:var(--purple)}.button{display:inline-flex;justify-content:center;align-items:center;gap:30px;background:var(--purple);color:white;padding:13px 27px;border-radius:12px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px);background:#5740b5}.button.small{font-size:15px;padding:10px 20px}.button.outline{background:transparent;border:1px solid #d4cce8;color:var(--purple)}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:570px;padding:48px 32px 54px;gap:30px}.eyebrow{font-size:14px;font-weight:600;color:var(--purple)}.eyebrow i{display:inline-block;background:#a4b89a;width:8px;height:8px;border-radius:50%;margin-left:8px}h1{font-size:64px;line-height:1.35;letter-spacing:-1.5px;margin:20px 0 22px;font-weight:800;position:relative}h1 svg{width:38px;position:absolute;top:6px;right:300px;stroke:#dba064;stroke-width:4;fill:none;stroke-linecap:round}.underline{color:var(--purple);position:relative;white-space:nowrap}.underline:after{content:'';position:absolute;bottom:4px;left:0;right:0;height:9px;border-radius:50%;border-top:4px solid #e7bb75;transform:rotate(-3deg)}.hero-copy>p{font-size:18px;color:var(--muted);line-height:1.9;margin-bottom:26px}.hero-actions{display:flex;gap:26px;align-items:center}.text-button{background:none;color:var(--purple);font-size:15px;padding:8px}.hero-note{display:flex;gap:15px;align-items:center;margin-top:29px;font-size:13px;color:#645f6c}.hero-note small{display:block;color:#99939c;font-size:12px}.mini-people{display:flex;padding-left:7px}.mini-people b{display:grid;place-items:center;width:33px;height:33px;border:3px solid var(--cream);border-radius:50%;background:#e1d9f6;margin-left:-8px;color:#66528f;font-size:21px}.mini-people b:nth-child(2){background:var(--peach)}.mini-people b:nth-child(3){background:var(--mint)}.hero-art{height:430px;position:relative;direction:ltr}.orbit{position:absolute;width:355px;height:355px;left:65px;top:35px;border:1px dashed #d7cfe7;border-radius:50%;background:radial-gradient(circle,#eee8fa88,transparent 70%)}.floating-card{position:absolute;width:224px;height:280px;border-radius:25px;border:5px solid #fffdf8;box-shadow:0 18px 25px #34205a15;text-align:center;padding:24px 14px}.peach{background:#ffd3b1;left:12px;top:42px;transform:rotate(-13deg);color:#76503c}.peach>span{font-size:14px}.peach strong{font-size:24px;display:block}.purple{background:#7860d4;color:white;right:12px;top:124px;transform:rotate(13deg)}.card-top{display:flex;justify-content:space-between;font-size:13px}.question-symbol{font-size:100px;font-weight:800;line-height:1.3;color:#fff2ce}.purple strong{font-size:21px}.fake-options{display:flex;gap:5px;justify-content:center;margin-top:18px}.fake-options span{width:44px;height:17px;background:#ffffff30;border-radius:5px}.faces{display:flex;align-items:center;justify-content:center;height:132px}.face{position:relative;width:75px;height:87px;background:#fff0cc;border:3px solid #76503c;border-radius:40px 40px 33px 33px;transform:rotate(-9deg)}.face+ .face{margin-left:-12px;transform:rotate(12deg);background:#becea1;margin-top:20px}.face i:before,.face i:after{content:'';position:absolute;top:31px;width:5px;height:8px;border-radius:50%;background:#4b3b34}.face i:before{left:21px}.face i:after{right:21px}.face b{position:absolute;left:27px;top:48px;width:15px;height:9px;border-bottom:3px solid #4b3b34;border-radius:0 0 15px 15px}.card-line{height:5px;background:#ba795536;width:70px;margin:13px auto;border-radius:20px}.dice{position:absolute;bottom:8px;left:70px;width:74px;height:74px;border-radius:18px;background:#d1dfbc;transform:rotate(-16deg);box-shadow:4px 7px 0 #b3c69a;display:grid;grid-template-columns:1fr 1fr;padding:13px;gap:4px;color:#596a40;font-size:18px;line-height:1.2;text-align:center}.art-label{position:absolute;top:12px;right:8px;font-size:14px;transform:rotate(7deg);color:#787184}.bubble{position:absolute;right:3px;bottom:0;background:white;border:1px solid var(--line);border-radius:20px;padding:7px 20px;transform:rotate(-5deg);font-size:14px}.spark{position:absolute;color:#b1be95;font-size:49px}.s1{right:10px;top:44px}.s2{left:0;bottom:70px;color:#dbaf77}.s3{left:220px;top:21px;color:#c2b1e5;font-size:32px}.section{padding:35px 32px}.section-heading{display:flex;justify-content:space-between;align-items:center}h2{font-size:32px;line-height:1.5;margin:5px 0 20px;letter-spacing:-.5px}.section-aside{font-size:14px;color:var(--muted)}.filters{display:flex;gap:10px;margin:0 0 25px;flex-wrap:wrap}.filters button{border:1px solid var(--line);border-radius:10px;padding:8px 18px;background:transparent;color:#77717e;font-size:14px}.filters button.selected{background:var(--ink);color:white;border-color:var(--ink)}.filters span{padding-right:10px;opacity:.65}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.game-card{border:1px solid var(--line);background:#fffdf9;border-radius:20px;overflow:hidden;transition:transform .2s,box-shadow .2s}.game-card:hover{transform:translateY(-5px);box-shadow:0 12px 25px #3221470a}.game-visual{height:164px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:var(--card-bg)}.game-visual:before,.game-visual:after{content:'';position:absolute;border:1px solid #ffffff65;border-radius:50%;width:220px;height:220px;left:-65px;top:22px}.game-visual:after{left:auto;right:-100px;top:-140px}.game-tag{position:absolute;right:14px;top:12px;background:#ffffffb5;padding:3px 10px;border-radius:20px;font-size:11px;color:#554e60}.game-icon{font-size:70px;font-weight:800;line-height:1;transform:rotate(-9deg);color:var(--card-color);text-shadow:3px 4px 0 #ffffff65}.game-icon.tiles{font-size:39px;letter-spacing:8px;padding:14px;border:3px solid #ffffffb0;border-radius:15px;background:#ffffff40}.game-info{padding:20px}.game-info h3{font-size:23px;margin:0 0 4px}.game-info p{font-size:14px;color:var(--muted);margin:0 0 19px}.game-bottom{border-top:1px solid #eee9e3;display:flex;align-items:center;justify-content:space-between;padding-top:13px}.game-bottom span{font-size:12px;color:var(--muted)}.game-bottom button{color:var(--purple);background:#f1edf9;border-radius:8px;padding:6px 13px;font-size:13px;font-weight:700}.how{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;gap:30px;padding-top:70px;padding-bottom:70px}.how h2{font-size:29px}.step>b{display:grid;place-items:center;background:#eee8f8;color:var(--purple);border-radius:12px;width:36px;height:36px;font-size:20px}.step h3{font-size:18px;margin:13px 0 6px}.step p{color:var(--muted);font-size:14px;line-height:1.8;margin:0}.closing{margin:0 32px 55px;background:#ebe6f5;border-radius:22px;padding:33px;display:flex;align-items:center;gap:25px}.closing>span{font-size:65px;color:#a393d1}.closing h2{font-size:26px;margin:0}.closing p{color:#81758f;font-size:15px;margin:3px 0}.closing .button{margin-right:auto;font-size:14px}.button.light{background:#fffdf9;color:var(--purple)}footer{display:flex;align-items:center;justify-content:space-between;padding:28px 32px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}footer .brand{color:var(--ink);font-size:26px}.hidden{display:none!important}dialog{border:0;border-radius:24px;padding:34px;width:440px;max-width:calc(100% - 32px);color:var(--ink);background:var(--cream);box-shadow:0 30px 100px #1d163540}dialog::backdrop{background:#29243c88;backdrop-filter:blur(4px)}dialog p{font-size:15px;color:var(--muted)}.close{float:left;background:none;color:var(--muted);font-size:26px}.setup-note{background:#eee8f8;padding:10px;border-radius:8px;font-size:13px;color:var(--purple);margin:15px 0}label{display:block;font-size:14px;margin:16px 0}input{display:block;width:100%;padding:12px;border:1px solid #dcd5e8;border-radius:10px;background:white;margin-top:5px;color:var(--ink)}.full{width:100%;margin-top:15px}.play-page,.identity-page{padding:35px 32px 70px;min-height:70vh}.play-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.scoreboard{display:flex;gap:20px;max-width:700px;margin:0 auto 28px}.score{padding:15px 25px;flex:1;background:#eee8f8;border-radius:16px;display:flex;justify-content:space-between;align-items:center}.score.current{outline:2px solid var(--purple)}.score b{font-size:25px;color:var(--purple)}.question-card{max-width:700px;margin:auto;padding:35px;background:#fffdf9;border:1px solid var(--line);border-radius:25px;text-align:center}.question-card h2{font-size:30px;margin:28px 0}.round-meta{display:flex;justify-content:space-between;font-size:14px;color:var(--muted)}.answers{display:grid;grid-template-columns:1fr 1fr;gap:13px}.answer{padding:18px;border:1px solid #e1dbe8;background:var(--cream);border-radius:12px;color:var(--ink)}.answer:hover:not(:disabled){border-color:var(--purple)}.answer.correct{background:#e1eddc;border-color:#6c9559}.answer.wrong{background:#f8e0dc;border-color:#bd7e73}.answer:disabled{cursor:default;color:var(--ink)}.feedback{min-height:28px;margin-top:20px;font-size:16px}.play-info{text-align:center;color:var(--muted);font-size:13px;margin-top:20px}.timer{color:var(--purple);font-size:32px;display:block}.challenge{background:#eee8f8;border-radius:14px;padding:30px;font-size:26px;margin:20px 0}.brand-panel{background:#eee8f8;display:flex;align-items:center;justify-content:center;gap:25px;padding:45px;border-radius:24px}.brand-panel img{width:95px}.brand-panel h2{font-size:65px;margin:0}.brand-panel p{margin:0}.swatches{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;margin:25px 0}.swatch{border:1px solid var(--line);border-radius:15px;overflow:hidden;background:white}.swatch i{display:block;height:90px}.swatch span{padding:12px;display:block;font-size:14px}.identity-page h3{margin-top:35px}.identity-page p{color:var(--muted)}.identity-page code{direction:ltr;display:inline-block}.identity-page .button{margin:8px}.download-link{color:var(--purple);text-decoration:underline}
@media(min-width:1400px){.hero{min-height:610px}}@media(max-width:900px){h1{font-size:50px}.hero{gap:0}.hero-art{transform:scale(.84);transform-origin:center}.header nav{gap:20px}.game-grid{grid-template-columns:repeat(2,1fr)}.how{grid-template-columns:repeat(2,1fr)}.hero h1 svg{right:245px}}@media(max-width:640px){.header{height:83px;padding:0 20px}.header nav{display:none}.brand{font-size:29px}.brand img{width:38px;height:38px}.header .button{font-size:13px;padding:9px 12px;gap:12px}.hero{grid-template-columns:1fr;padding:36px 22px 15px;min-height:0}.hero-copy{text-align:center}h1{font-size:49px;margin:15px 0}.hero h1 svg{right:calc(50% - 155px);width:28px}.hero-copy>p{font-size:16px}.hero-actions,.hero-note{justify-content:center}.hero-note{text-align:right}.hero-art{width:340px;max-width:100%;height:370px;margin:18px auto 0;transform:scale(.85);transform-origin:top center;margin-bottom:-35px}.floating-card{width:190px;height:245px}.peach{left:-5px;top:40px}.purple{right:-5px;top:103px}.question-symbol{font-size:80px}.faces{height:105px}.orbit{width:285px;height:285px;left:20px}.art-label{right:-5px;top:9px}.dice{left:30px}.bubble{right:-5px}.s3{left:180px}.section{padding:25px 20px}.section-heading h2{font-size:29px}.section-aside{display:none}.filters{gap:7px;flex-wrap:nowrap;overflow:auto;padding-bottom:5px}.filters button{white-space:nowrap;font-size:12px;padding:7px 12px}.game-grid{gap:13px}.game-visual{height:125px}.game-icon{font-size:57px}.game-icon.tiles{font-size:25px;padding:8px}.game-tag{font-size:9px;right:8px;top:8px}.game-info{padding:13px}.game-info h3{font-size:19px}.game-info p{font-size:12px;min-height:43px;margin-bottom:10px}.game-bottom{align-items:flex-start;gap:9px;flex-direction:column}.game-bottom span{font-size:10px}.game-bottom button{width:100%}.how{gap:25px 17px;padding-top:45px;padding-bottom:40px}.how h2{font-size:24px}.step h3{font-size:17px}.step p{font-size:12px}.closing{margin:10px 20px 35px;padding:24px;gap:14px;flex-wrap:wrap}.closing>span{font-size:44px}.closing h2{font-size:21px}.closing p{font-size:13px}.closing .button{margin-right:0}footer{padding:22px 20px;flex-wrap:wrap;gap:18px}footer>.text-button{width:100%;text-align:right;padding:0;font-size:12px}.play-page,.identity-page{padding:25px 18px}.scoreboard{gap:10px}.score{padding:12px;font-size:13px}.question-card{padding:23px 17px}.question-card h2{font-size:24px}.answer{padding:14px 8px;font-size:15px}.swatches{grid-template-columns:repeat(2,1fr)}.brand-panel{padding:25px;gap:20px}.brand-panel h2{font-size:45px}.brand-panel img{width:70px}.play-top{font-size:13px}.play-top h2{font-size:24px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* ===== إضافات دمج ألعاب سُبُل ===== */
.join-box{background:#fffdf9;border:1px solid var(--line);border-radius:18px;padding:14px 16px;margin:0 0 22px;max-width:460px;box-shadow:0 10px 24px #3221470a}.join-box label{margin:0 0 8px;font-size:14px;color:var(--muted)}.join-box>div{display:flex;gap:10px}.join-box input{margin:0;flex:1;font-size:20px;letter-spacing:4px;text-transform:uppercase;direction:ltr;text-align:center;font-weight:700}.join-box .button{gap:10px;padding:12px 20px;white-space:nowrap}
.filter-hint{margin:-10px 0 22px;font-size:14px;color:var(--muted);min-height:1em}
.game-kind{position:absolute;left:14px;top:12px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;background:#ffffffd9}.kind-solo{color:#4f7a3f}.kind-room{color:var(--purple)}.kind-local{color:#b0703f}
.game-icon.emoji{font-size:62px;color:inherit;text-shadow:none}
#join input[name=room]{font-size:24px;letter-spacing:6px;text-transform:uppercase;direction:ltr;text-align:center;font-weight:700}.join-foot{font-size:13px;margin:16px 0 0;text-align:center}.join-foot a{color:var(--purple);text-decoration:underline}
.board-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.board-list li{display:flex;align-items:center;gap:14px;background:#fffdf9;border:1px solid var(--line);border-radius:16px;padding:12px 18px}.board-list .rank{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#eee8f8;color:var(--purple);font-size:18px}.board-list .who{flex:1;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-list .stat{font-size:13px;color:var(--muted)}.board-list .stat b{color:var(--ink);font-size:16px}
.solo-card p{color:var(--muted)}.solo-card h2{margin:18px 0}.solo-hero{display:block;font-size:76px;margin-top:8px;text-shadow:none}.level-list{display:grid;gap:10px;margin-top:18px}.answer.level{display:flex;justify-content:space-between;align-items:center;font-weight:700;text-align:start}.answer.level small{color:var(--muted);font-weight:500;font-size:13px}
.solo-big{font-size:46px;font-weight:800;margin:22px 0;line-height:1.3}.solo-huge{font-size:96px;font-weight:800;margin:24px 0;line-height:1}.solo-huge.dim{color:var(--line)}.ltr{direction:ltr}.seq{letter-spacing:.3em;min-height:60px}
.solo-input{font-size:28px;text-align:center;font-weight:700;margin:0 auto;max-width:280px}
.solo-bar{height:7px;background:var(--line);border-radius:4px;overflow:hidden;margin:0 0 16px}.solo-bar i{display:block;height:100%;width:100%;background:var(--purple)}
.feedback.ok{color:#4f7a3f;font-weight:700}.feedback.bad{color:#b0503f;font-weight:700}
.emoji-grid{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center;min-height:170px;padding:10px;font-size:34px}
.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:280px;margin:0 auto}.keypad .answer{font-size:24px;font-weight:700;padding:14px}
.fast-box{width:100%;min-height:280px;border-radius:20px;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;touch-action:manipulation;user-select:none}.fast-box b{font-size:34px}.fast-box small{font-size:15px;opacity:.85}.fast-box.wait{background:#8f3b3b}.fast-box.go{background:#4f8a3f}.fast-box.early{background:#b0703f}.fast-box.done{background:var(--ink)}
.big-emoji{font-size:70px;line-height:1.2}.record{color:var(--purple)!important;font-weight:700}
.question-card .text-button{display:block;margin:10px auto 0}
@media(max-width:640px){.join-box{margin:0 auto 20px}.join-box>div{flex-direction:column}.board-list{grid-template-columns:1fr}.game-kind{font-size:9px;left:8px;top:8px}.game-icon.emoji{font-size:46px}.solo-big{font-size:36px}.solo-huge{font-size:80px}.fast-box{min-height:240px}.fast-box b{font-size:28px}}
/* ===== شاشات اللعب المباشر (المُضيف واللاعب) ===== */
.live-body{min-height:100vh}.header.slim{height:76px}.live-page{max-width:1200px;margin:auto;padding:26px 32px 60px}.live-page.narrow{max-width:560px}
.live-card{max-width:none;text-align:center}.live-grid>.live-card{margin:0;min-width:0}.live-page>.live-card,#game>.live-card{margin:0 auto}.live-center{display:flex;flex-direction:column;align-items:center}.live-sub{color:var(--muted);font-size:15px;margin:6px 0}.live-sub.small{font-size:13px}
.net-status{background:#f6e9bb;color:#7a6320;border-radius:10px;padding:6px 12px;font-size:13px}.me-chip,.score-chip{background:#eee8f8;color:var(--purple);border-radius:20px;padding:6px 14px;font-size:14px;font-weight:700}
.room-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.room-head h2{margin:0}.ltr-url{direction:ltr;text-align:right;font-weight:700;color:var(--purple)}
.room-code{background:var(--ink);color:#fff;border-radius:22px;padding:14px 30px;text-align:center}.room-code small{display:block;font-size:13px;opacity:.7}.room-code b{font-size:56px;letter-spacing:10px;line-height:1.1;display:block}
.live-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:22px;align-items:start}.live-grid .side h3{margin:0 0 12px}.stage{min-height:420px;display:flex;align-items:center;justify-content:center}
.picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;margin:14px 0 6px}.pick{background:var(--cream);border:1px solid var(--line);border-radius:14px;padding:14px 8px;color:var(--ink);font-weight:700;display:flex;flex-direction:column;align-items:center;gap:4px}.pick span{font-size:30px}.pick.on{border-color:var(--purple);background:#eee8f8;box-shadow:0 0 0 2px var(--purple) inset}
.standings{list-style:none;margin:10px 0;padding:0;display:grid;gap:8px;text-align:start}.standings li{display:flex;align-items:center;gap:10px;background:var(--cream);border:1px solid var(--line);border-radius:12px;padding:8px 12px}.standings li.me{border-color:var(--purple);background:#f3effb}.standings li.off{opacity:.5}.standings li.kickable{cursor:pointer}.standings .rank{width:28px;text-align:center}.standings .who{flex:1;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.standings .who small{color:var(--purple)}.standings .plus{color:#4f7a3f;font-weight:700;font-size:14px}.standings .pts{color:var(--purple);font-size:20px;min-width:30px;text-align:center}
.countdown{font-size:140px;font-weight:800;color:var(--purple);line-height:1.1}.step-num{font-size:150px;font-weight:800;line-height:1.1;min-height:170px;color:var(--ink)}.step-num.dim{color:var(--line)}
.emoji-grid.big{font-size:52px;gap:14px;max-width:700px}
.huge-word{font-size:90px}.dots{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin:12px 0 20px}.dot{display:inline-block;width:28px;height:28px;border-radius:50%;vertical-align:middle;border:3px solid #fff;box-shadow:0 0 0 1px var(--line)}.dot.big{width:74px;height:74px}button.dot{cursor:pointer;padding:0}
.answers.show-only .answer{font-size:22px;font-weight:700}
.fast-box.big{min-height:360px;width:100%}.fast-box.big b{font-size:44px}
.result-banner{background:#eee8f8;border-radius:16px;padding:16px;margin-bottom:18px;font-size:22px;font-weight:700;color:var(--ink)}.result-banner small{font-size:15px;color:var(--muted);font-weight:500}
.code-input{font-size:30px;letter-spacing:8px;text-transform:uppercase;direction:ltr;text-align:center;font-weight:800}
.account-box{margin-top:18px;border-top:1px solid var(--line);padding-top:14px}.me-card{display:flex;align-items:center;gap:12px;justify-content:center;flex-wrap:wrap}.me-card span{color:var(--muted);font-size:14px}.text-button.inline{display:inline;padding:0;text-decoration:underline}
.num-form{width:100%;max-width:320px}
.play-top .eyebrow .ltr{display:inline-block;direction:ltr}
.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;padding:12px 22px;border-radius:12px;font-size:15px;z-index:99;box-shadow:0 10px 30px #0003}
.game-bottom button.soon{background:#f0eee9;color:#a39d97;cursor:default}
[data-ends].urgent{color:#b0503f}
#join .button.full+.button.full{margin-top:10px}
@media(max-width:900px){.live-grid{grid-template-columns:1fr}.room-head{flex-direction:column;text-align:center}.ltr-url{text-align:center}}
@media(max-width:640px){.live-page{padding:18px 16px 40px}.header.slim{height:66px}.room-code b{font-size:44px}.countdown{font-size:110px}.step-num{font-size:110px;min-height:130px}.huge-word{font-size:56px}.dot.big{width:60px;height:60px}.fast-box.big{min-height:300px}.fast-box.big b{font-size:34px}.stage{min-height:300px}}.prompt{font-size:30px;line-height:1.6;margin:10px 0 22px}.stage .prompt{font-size:40px}@media(max-width:640px){.prompt{font-size:24px}.stage .prompt{font-size:28px}}
.live-center .solo-bar{width:100%;max-width:520px;margin-top:18px}.live-center .answers,.live-center .num-form{width:100%}
/* ===== الحرامي وجلسة ===== */
.big-timer{font-size:120px;font-weight:800;color:var(--purple);line-height:1.1}.big-timer.urgent{color:#b0503f}
.secret-card{width:100%;border-radius:22px;padding:26px 18px;background:#eee8f8;border:0;color:var(--ink);display:flex;flex-direction:column;align-items:center;gap:4px;margin:6px 0}.secret-card h2{margin:6px 0}.secret-card p{margin:4px 0;color:var(--muted)}
.secret-card.thief{background:var(--ink);color:#fff}.secret-card.thief p{color:#d8d2e6}.secret-card.thief .text-button{color:#d8c9ff}.secret-card.spectator{background:#f0eee9}.secret-card.hidden-secret{background:#f6f3ec;cursor:pointer}
.secret-word{font-size:46px;color:var(--purple)}
.vote-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.vote-list .answer{font-weight:700;font-size:18px}
.votes{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:10px 0 4px}.votes span{background:#fffdf9;border:1px solid var(--line);border-radius:20px;padding:3px 12px;font-size:14px;font-weight:500}
.jalsa-card{background:linear-gradient(160deg,#fff7ef,#f3eefb);border-radius:24px;padding:28px 22px;width:100%}.jalsa-card.small{padding:18px 14px;margin:8px 0}.jalsa-cat{display:inline-block;background:#fffdf9;border:1px solid var(--line);border-radius:20px;padding:4px 14px;font-size:14px;font-weight:700;color:var(--purple)}
.jalsa-target{font-size:20px;margin:6px 0}
.stars{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:8px 0}.stars button{background:var(--cream);border:1px solid var(--line);border-radius:14px;width:58px;height:66px;font-size:26px;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1}.stars button small{font-size:13px;color:var(--muted)}.stars button:active{transform:scale(.94)}
.toggle{display:flex;align-items:center;gap:8px;justify-content:center;font-size:14px;margin:6px 0 2px}.toggle input{display:inline-block;width:auto;margin:0}
@media(max-width:640px){.big-timer{font-size:90px}.secret-word{font-size:38px}.stars button{width:52px;height:60px}}
/* ===== صدق أم كذب / خمّن من ===== */
.statements{list-style:none;margin:12px 0;padding:0;display:grid;gap:10px;width:100%;text-align:start}.statements li{display:flex;align-items:center;gap:12px;background:var(--cream);border:1px solid var(--line);border-radius:14px;padding:12px 14px;font-size:19px;font-weight:600}.statements li>b,.statements button>b{display:grid;place-items:center;min-width:32px;height:32px;border-radius:10px;background:#eee8f8;color:var(--purple)}.statements li span{flex:1}
.statements li:has(button){padding:0;border:0;background:none}.statements button{width:100%;display:flex;align-items:center;gap:12px;background:var(--cream);border:1px solid var(--line);border-radius:14px;padding:12px 14px;font-size:18px;font-weight:600;color:var(--ink);text-align:start}.statements button:hover{border-color:var(--purple)}.statements button span{flex:1}
.statements li.lie{background:#f8e0dc;border-color:#bd7e73}.statements li.truth{opacity:.7}.statements em{font-style:normal;font-size:13px;font-weight:700;color:#9a4a3c;background:#fff;border-radius:20px;padding:2px 10px}
.stage .statements li{font-size:26px;padding:16px 20px}.result-banner .statements li{font-size:16px}
.truths-form{width:100%;display:grid;gap:10px;margin-top:6px}.truth-row{display:flex;gap:8px;align-items:stretch}.truth-row textarea{flex:1;font:inherit;font-size:16px;padding:10px;border:1px solid #dcd5e8;border-radius:12px;background:#fff;color:var(--ink);resize:none}.lie-pick{display:flex;align-items:center;gap:4px;margin:0;font-size:13px;color:var(--muted);white-space:nowrap;background:#f6f3ec;border-radius:12px;padding:0 10px}.lie-pick input{display:inline-block;width:auto;margin:0}.lie-pick:has(input:checked){background:#f8e0dc;color:#9a4a3c;font-weight:700}
@media(max-width:640px){.statements li,.statements button{font-size:16px}.stage .statements li{font-size:20px}}
/* ===== لوحات الأربعة يفوز / خمسة على التوالي ===== */
.board{display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:6px;width:100%;max-width:520px;margin:10px auto;direction:ltr;border-radius:18px;padding:10px}
.board.cf{background:#5d48b5;box-shadow:inset 0 -6px 0 #4a3999}.board.gomoku{background:#e9c98f;gap:0;padding:8px;box-shadow:inset 0 0 0 2px #c9a466;max-width:480px}
.board .cell{aspect-ratio:1;border:0;padding:0;background:none;display:grid;place-items:center;position:relative;cursor:default}
.board.cf .cell>i{width:88%;height:88%;border-radius:50%;background:#faf8f2;box-shadow:inset 0 3px 4px #0003;transition:background .15s}
.board.gomoku .cell{background:linear-gradient(#8b6a33,#8b6a33) center/1px 100% no-repeat,linear-gradient(#8b6a33,#8b6a33) center/100% 1px no-repeat}
.board.gomoku .cell>i{width:80%;height:80%;border-radius:50%}
.board .cell.red>i{background:#e5484d!important}.board .cell.yellow>i{background:#f5c542!important}
.board .cell.black>i{background:radial-gradient(circle at 35% 30%,#666,#111)}.board .cell.white>i{background:radial-gradient(circle at 35% 30%,#fff,#d8d4cc);box-shadow:0 1px 2px #0005}
.board .cell.last>i{outline:3px solid #ffffffcc;outline-offset:-3px}.board.gomoku .cell.last>i{outline-color:#e5484d}
.board .cell.win>i{animation:winpulse 1s ease-in-out infinite;outline:3px solid #4fd17a;outline-offset:-2px}
@keyframes winpulse{50%{transform:scale(.82)}}
.board.live .cell{cursor:pointer}.board.live.cf .cell:hover>i{background:#ffe1e1}.board.live.gomoku .cell:empty:hover>i,.board.live.gomoku .cell:not(.black):not(.white):hover>i{background:#00000022}
.board-players{display:flex;align-items:center;gap:12px;justify-content:center;flex-wrap:wrap;margin:4px 0}.board-players>b{color:var(--muted);font-size:14px}
.bp{display:flex;align-items:center;gap:8px;padding:6px 14px;border-radius:20px;background:var(--cream);border:1px solid var(--line);font-weight:700}.bp.turn{border-color:var(--purple);box-shadow:0 0 0 2px var(--purple) inset;background:#f3effb}
.bp .cell{width:22px;height:22px;display:grid;place-items:center}.bp .cell>i{width:100%;height:100%;border-radius:50%;display:block}
.bp .cell.red>i{background:#e5484d}.bp .cell.yellow>i{background:#f5c542}.bp .cell.black>i{background:#222}.bp .cell.white>i{background:#fff;box-shadow:0 0 0 1px #bbb}
.your-turn{color:var(--purple);font-size:18px}
.board-result .board{max-width:300px}
.stage .board{max-width:560px}
@media(max-width:640px){.board{gap:4px;padding:7px}.board.gomoku{padding:5px}}
@media (prefers-reduced-motion:reduce){.board .cell.win>i{animation:none}}
/* ===== إشارة / أقرب ضغطة ===== */
.fast-box.red-light{background:#a33a3a}.fast-box .tempt{margin-top:14px;background:#ffffff26;color:#fff;border:1px dashed #ffffff80;border-radius:12px;padding:10px 18px;font-size:14px;opacity:.75}
.big-timer.near{font-variant-numeric:tabular-nums;direction:ltr}
.stop-btn{width:100%;max-width:340px;margin-top:14px;background:var(--ink);color:#fff;border-radius:18px;padding:22px;font-size:24px;font-weight:800;touch-action:manipulation}.stop-btn:active{transform:scale(.97)}
.near-opts{display:flex;align-items:center;gap:6px;justify-content:center;flex-wrap:wrap;margin:8px 0}.near-opts span{font-size:14px;color:var(--muted)}
.chip{border:1px solid var(--line);background:var(--cream);border-radius:20px;padding:6px 14px;font-size:14px;font-weight:700;color:var(--ink)}.chip.on{background:var(--purple);border-color:var(--purple);color:#fff}
/* ===== الإيموجي يحكي / الكلمة المبعثرة ===== */
.rebus{margin:4px 0 18px}.rebus.emoji{font-size:64px;letter-spacing:6px;line-height:1.3}
.rebus.letters{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;direction:rtl}.rebus.letters span{display:grid;place-items:center;width:52px;height:58px;border-radius:12px;background:#eee8f8;color:var(--purple);font-size:30px;font-weight:800;box-shadow:0 3px 0 #d6cdee}
.stage .rebus.emoji{font-size:110px}.stage .rebus.letters span{width:80px;height:88px;font-size:46px}
@media(max-width:640px){.rebus.emoji{font-size:52px}.rebus.letters span{width:42px;height:48px;font-size:24px}}
/* ===== المزاد ===== */
.lot-emoji{font-size:84px;line-height:1.2}.stage .lot-emoji{font-size:120px}
/* ===== قالوا ===== */
.feud-teams{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;margin:6px 0 10px}.ft{display:flex;justify-content:space-between;align-items:center;border-radius:14px;padding:10px 14px;font-weight:700;color:#fff;opacity:.75}.ft b{font-size:22px}.ft.on{opacity:1;box-shadow:0 0 0 3px #fff,0 0 0 5px currentColor}
.team0,.ft.team0{background:#d64545}.team1,.ft.team1{background:#3d6fd1}
.feud-board{list-style:none;margin:6px 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;direction:rtl}
.feud-board li{display:flex;align-items:center;gap:10px;background:#2d2650;color:#fff;border-radius:12px;padding:10px 12px;min-height:48px;font-weight:700}
.feud-board li>b{display:grid;place-items:center;min-width:28px;height:28px;border-radius:50%;background:#ffffff26;font-size:14px}.feud-board li span{flex:1;text-align:start}.feud-board li .hid{height:10px;border-radius:6px;background:#ffffff1f}
.feud-board li em{font-style:normal;background:#f5c542;color:#2d2650;border-radius:8px;padding:2px 8px}.feud-board li.rev{background:#6952c7;animation:flipin .35s ease}.feud-board li.rev.by0{background:#b83b3b}.feud-board li.rev.by1{background:#3560b8}
@keyframes flipin{from{transform:rotateX(90deg)}to{transform:none}}
.feud-status{display:flex;align-items:center;justify-content:space-between;width:100%;margin:6px 0}.strikes{display:flex;gap:6px}.strikes i{font-style:normal;display:grid;place-items:center;width:34px;height:34px;border-radius:8px;border:2px solid var(--line);color:var(--line);font-weight:800}.strikes i.on{background:#d64545;border-color:#d64545;color:#fff}
.pot{font-size:15px;color:var(--muted)}.pot b{font-size:22px;color:var(--ink)}.feud-msg{background:#f6f3ec;border-radius:12px;padding:8px 14px;font-weight:700;margin:6px 0}
.team-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0}.team-col{border-radius:14px;padding:10px;color:#fff;text-align:start}.team-col ul{list-style:none;margin:6px 0 0;padding:0;font-size:14px}.team-col li.muted{opacity:.7}
.team-chip{display:inline-block;color:#fff;border-radius:20px;padding:4px 14px;font-size:13px;font-weight:700}
.feud-input{font-size:20px}
.stage .feud-board li{font-size:22px;min-height:60px}.result-banner .feud-board{margin-top:10px}.result-banner .feud-board li{font-size:15px;min-height:40px}
@media(max-width:640px){.feud-board{grid-template-columns:1fr}.feud-board li{min-height:40px;padding:8px 10px}.lot-emoji{font-size:64px}}
@media (prefers-reduced-motion:reduce){.feud-board li.rev{animation:none}}
/* ===== اقرأ / استمع / التركيز ===== */
.read-passage{background:#fffdf9;border:1px solid var(--line);border-radius:18px;padding:18px 20px;font-size:21px;line-height:2;text-align:start;max-width:760px;margin:8px 0 14px}
.stage .read-passage{font-size:28px}
.focus-img{width:100%;max-width:520px;aspect-ratio:1;object-fit:contain;border-radius:18px;background:#fff;border:1px solid var(--line);margin:8px 0 12px}
.stage .focus-img{max-width:560px}
.pulse{animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{50%{transform:scale(1.12)}}
@media (prefers-reduced-motion:reduce){.pulse{animation:none}}
/* ===== صفحة الإدارة ===== */
.live-page.narrow-wide{max-width:860px}
.admin-note{background:#fff4d6;border:1px solid #f0d58a;border-radius:14px;padding:10px 14px;margin-bottom:14px;font-size:14px}
.admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}
.admin-tile{background:#fffdf9;border:1px solid var(--line);border-radius:18px;padding:14px;display:flex;flex-direction:column;gap:4px;cursor:pointer;text-align:center}
.admin-tile.on{border-color:var(--purple);box-shadow:0 0 0 2px var(--purple) inset;background:#f6f2fd}
.admin-tile .big{font-size:34px}.admin-tile .count{font-size:34px;font-weight:800;color:var(--purple);line-height:1.1}.admin-tile small{color:var(--muted);font-size:12px}
.admin-tile small.warn{color:#b0503f;font-weight:700}.admin-tile small.ok{color:#4f7a3f;font-weight:700}
.admin-card{text-align:start;margin-bottom:16px}.admin-card h3{margin-top:0}
.spend{font-size:18px;margin-bottom:8px}.spend b{font-size:26px}
.job-log{list-style:none;padding:0;margin:10px 0 0;font-size:13px;color:var(--muted);max-height:220px;overflow:auto;direction:rtl}.job-log li{padding:3px 0;border-bottom:1px dashed var(--line)}
@media(max-width:640px){.admin-grid{grid-template-columns:1fr}}
/* ===== الاشتراكات ===== */
.admin-tabs{display:flex;gap:8px;margin-bottom:16px;border-bottom:1px solid var(--line)}.admin-tabs button{background:none;padding:10px 16px;font-weight:700;color:var(--muted);border-bottom:3px solid transparent;margin-bottom:-1px}.admin-tabs button.on{color:var(--purple);border-bottom-color:var(--purple)}
.sub-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.sub-stat{background:#fffdf9;border:1px solid var(--line);border-radius:16px;padding:12px;display:flex;flex-direction:column;align-items:center;color:var(--ink)}.sub-stat b{font-size:30px;color:var(--purple);line-height:1.1}.sub-stat span{font-size:13px;color:var(--muted)}.sub-stat.on{border-color:var(--purple);box-shadow:0 0 0 2px var(--purple) inset}
.kbadge{display:inline-block;border-radius:20px;padding:2px 10px;font-size:12px;font-weight:700;white-space:nowrap}.k-trial{background:#fff1d6;color:#8a5a12}.k-paid{background:#e1eddc;color:#3f6a30}.k-expired{background:#f8e0dc;color:#9b4a3e}
.sub-req{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 0;border-bottom:1px dashed var(--line)}.sub-req:last-child{border-bottom:0}
.acts{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.chip.danger{color:#9b4a3e;border-color:#ebc4bd}.muted{color:var(--muted)}.small{font-size:13px}
.sub-search{display:flex;gap:8px;margin-bottom:10px}.sub-search input{margin:0}
.sub-table{overflow-x:auto;margin-top:10px}.sub-table table{width:100%;border-collapse:collapse;font-size:14px}.sub-table th{text-align:start;color:var(--muted);font-weight:600;font-size:12px;padding:6px;border-bottom:1px solid var(--line)}.sub-table td{padding:8px 6px;border-bottom:1px solid #f0ece5;vertical-align:middle}.sub-table tr.more td{background:#f6f2fd}
.sub-card{background:#f6f2fd;border:1px solid #ddd3f3;border-radius:16px;padding:14px;margin:0 0 16px;text-align:start}.sub-card.warn{background:#fff6ea;border-color:#f0d58a}.sub-card p{margin:4px 0}
@media(max-width:640px){.sub-stats{grid-template-columns:repeat(2,1fr)}}
.room-join{display:flex;align-items:center;gap:14px}.room-qr{background:#fff;border:1px solid var(--line);border-radius:18px;padding:8px;line-height:0}.room-qr svg{width:150px;height:150px;display:block}
@media(max-width:900px){.room-join{flex-direction:column}}
.check{display:flex;gap:8px;align-items:flex-start;font-size:13px;color:var(--muted)}.check input{width:auto;margin:3px 0 0}
.account-box:empty{display:none}
/* ===== برنامج الجلسة ===== */
.seg-tabs{display:flex;background:#f1edf9;border-radius:14px;padding:4px;gap:4px;margin-bottom:10px}.seg-tabs button{flex:1;background:none;border-radius:10px;padding:9px;font-weight:700;color:var(--muted)}.seg-tabs button.on{background:#fff;color:var(--purple);box-shadow:0 2px 8px #3221470f}
.mode-tabs{display:flex;gap:8px;justify-content:center;margin-bottom:6px}
.prog-list{list-style:none;padding:0;margin:10px 0;text-align:start}.prog-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 10px;border:1px solid var(--line);border-radius:12px;margin-bottom:6px;background:#fffdf9}
.prog-row .pg-name{font-weight:700}.prog-row .pg-rounds{margin-inline-start:auto;display:flex;align-items:center;gap:6px;font-size:14px}.prog-row .pg-acts{display:flex;gap:4px}
.prog-list.progress .prog-row{font-size:15px}.prog-row.cur{border-color:var(--purple);background:#f6f2fd;font-weight:700}.prog-row small{color:var(--muted);font-weight:400}
.mini{background:var(--cream);border:1px solid var(--line);border-radius:8px;min-width:30px;height:30px;font-weight:700;color:var(--ink)}.mini.no{color:#9b4a3e;border-color:#ebc4bd}
.picker.small{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.picker.small .pick{padding:10px;font-size:14px}.picker.small .pick small{color:var(--purple)}
.prog-opts{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:10px 0}.prog-opts .check{margin:0 0 0 10px}
.prog-chip{background:#f1edf9;color:var(--purple);border-radius:12px;padding:6px 10px;font-size:13px;font-weight:700;margin:0 0 10px}
.solo-bar.thin{height:5px;margin-top:4px}.qb-sample{max-height:300px}
.know-reading{text-align:start;line-height:2;background:#f6f2fd;border-radius:16px;padding:16px 18px;margin:10px 0 16px}.know-dot{color:var(--purple);margin-left:4px}.know-opt span{white-space:normal;text-align:start;line-height:1.5}