@import "https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800;900&family=Changa:wght@500;600;700;800&display=swap";:root{--bg:#121418;--panel:#1c2027;--red:#ff3b30;--amber:#ffb020;--green:#34d399;--white:#e8eaed;--gray:#8b93a1}*{box-sizing:border-box}body{background:var(--bg);color:var(--white);margin:0;font-family:Tajawal,Arial,sans-serif}button,input{font:inherit}button,a{touch-action:manipulation}button{color:var(--white);cursor:pointer;background:#252a33;border:1px solid #ffffff18;border-radius:12px;padding:13px 22px;font-weight:700;transition:transform .18s,background .18s}button:hover{background:#313742;transform:translateY(-2px)}button:disabled{opacity:.35;cursor:default;transform:none}:is(button:focus-visible,a:focus-visible,input:focus){outline:2px solid var(--amber);outline-offset:3px}.primary{background:var(--red);border:0;box-shadow:0 10px 35px #ff3b301e}.primary:hover{background:#f65046}.danger{color:#ff766f}.link{color:var(--gray);background:0 0;border:0;padding:15px;font-size:14px;text-decoration:none;display:inline-block}.stage{background-image:radial-gradient(at 50% 0,#ff3b3006,#0000 60%);min-height:100dvh;padding:0 4vw;position:relative}header{border-bottom:1px solid #ffffff10;align-items:center;gap:35px;height:105px;display:flex}.brand{color:var(--white);font-family:Changa,sans-serif;font-size:28px;font-weight:800;line-height:1.2;text-decoration:none}.brand span{letter-spacing:2px;color:var(--gray);margin-top:7px;font:500 10px Tajawal;display:block}.live{background:#ff3b300a;border:1px solid #ff3b3030;border-radius:30px;align-items:center;gap:7px;padding:10px 15px;font-size:13px;font-weight:700;display:flex}.live i{background:var(--red);width:7px;height:7px;box-shadow:0 0 12px var(--red);border-radius:50%;animation:1.5s infinite pulse}.episode{color:var(--gray);margin-right:auto}.mute{background:0 0;margin-right:auto;padding:10px}.episode+.mute{margin-right:0}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Changa,Tajawal,sans-serif}h1{letter-spacing:-1px;font-size:clamp(38px,4vw,70px);line-height:1.45}p{color:var(--gray);line-height:1.7}small{color:var(--gray)}.eyebrow{color:var(--gray);letter-spacing:2px;margin-bottom:18px;font-size:12px}.home{text-align:center;max-width:960px;margin:auto;padding:50px 0 20px}.hero-mark{background:linear-gradient(135deg,#262a33,#1a1e24);border:1px solid #ffffff0d;border-radius:30px;place-items:center;width:136px;height:125px;margin:0 auto 25px;font-size:74px;display:inline-grid;position:relative;box-shadow:0 25px 70px #0007}.hero-mark:after{content:"";border:1px solid #ff3b3029;border-radius:38px;position:absolute;inset:-12px;transform:rotate(-8deg)}.signal{background:var(--red);border-radius:50%;width:12px;height:12px;position:absolute;bottom:10px;left:12px}.home h1{margin-bottom:16px}.home em{color:var(--red);font-style:normal}.home p{font-size:19px}.actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.actions button{min-width:200px}.actions .primary span{margin-right:30px}.home-bottom{color:var(--gray);justify-content:center;gap:50px;margin:28px 0;font-size:13px;display:flex}.wave{height:95px;position:relative;overflow:hidden}.wave svg{width:100%;height:70px}.wave path{stroke:#ff3b3060;stroke-width:2px;fill:none}.wave:after{content:"";background:linear-gradient(90deg,#0000,#ff3b301a,#0000);width:80px;height:100%;animation:5s linear infinite sweep;position:absolute;top:0;left:-10%}.wave span{text-align:center;color:var(--gray);font-size:11px;display:block}.wave.jump svg{animation:.55s jump}.wave.jump path{stroke:var(--green);stroke-width:5px}.homewave{opacity:.5}.rules{background:var(--panel);text-align:right;border-radius:16px;max-width:620px;margin:15px auto;padding:20px}.rules p{font-size:15px}.error{z-index:30;border:1px solid var(--red);background:#6b2925;border-radius:12px;max-width:90vw;padding:15px 25px;position:fixed;top:90px;left:50%;transform:translate(-50%)}.panel{background:var(--panel);border:1px solid #ffffff0b;border-radius:24px}.join{max-width:440px;margin:35px auto;padding:25px}.join h1{font-size:32px}label{color:var(--gray);margin-bottom:16px;font-size:14px;display:block}input{color:var(--white);background:#121418;border:1px solid #ffffff19;border-radius:12px;outline:none;width:100%;margin-top:8px;padding:15px}.codeinput{letter-spacing:14px;text-align:center;direction:ltr;font-size:30px}.photo-area{justify-content:center;align-items:center;gap:20px;margin:18px 0;display:flex}.photo-area video{object-fit:cover;border-radius:15px;width:150px;height:150px;transform:scaleX(-1)}.avatar{background:#2b303a;border:2px solid #ffffff0d;border-radius:50%;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid;position:relative;overflow:visible}.avatar span{font-size:30px}.avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.avatar.big{border:3px solid var(--red);width:clamp(150px,20vw,300px);height:clamp(150px,20vw,300px);box-shadow:0 0 0 10px #ff3b3006,0 0 0 11px #ff3b3020}.avatar.big span{font-size:clamp(90px,12vw,180px)}.photo-area .avatar{width:80px;height:80px}.emojis{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.emojis button{padding:8px;font-size:26px}.selected{border-color:var(--red);background:#ff3b3015}.join>small{margin:15px 0;line-height:1.5;display:block}.join>.primary{width:100%}.lobby{grid-template-columns:1fr 1.4fr;gap:7vw;padding:45px 2vw;display:grid}.lobbyintro h1{margin-bottom:10px;font-size:48px}.roomcode{vertical-align:top;flex-direction:column;margin-left:25px;padding-top:20px;display:inline-flex}.roomcode b{letter-spacing:8px;direction:ltr;font-size:70px}.qr{border:8px solid #fff;border-radius:10px;width:150px}.count{color:var(--green);margin:20px 0}.lobbygrid{grid-template-columns:repeat(4,1fr);align-content:center;gap:15px;display:grid}.seat{background:var(--panel);text-align:center;border:1px solid #ffffff09;border-radius:18px;padding:25px 10px}.seat .avatar{width:75px;height:75px;margin:0 auto 15px}.seat h3{margin-bottom:5px;font-size:20px}.seat small{color:var(--green)}.empty{opacity:.45;background:0 0;border:1px dashed #ffffff20}.empty .avatar{background:0 0;border:1px dashed #ffffff30;font-size:30px}.empty small{color:var(--gray)}.broadcast{grid-template-columns:minmax(0,1fr) 290px;gap:5vw;padding:30px 0 20px;display:grid}.actorzone{min-width:0}.actorzone h1{margin-bottom:12px;font-size:clamp(30px,3vw,52px)}.constraint{color:var(--amber);background:#ffb02012;border:1px solid #ffb0203a;border-radius:10px;margin-bottom:20px;padding:9px 17px;font-weight:700;display:inline-block}.performance{justify-content:center;align-items:center;gap:7vw;padding:10px;display:flex}.clock{background:conic-gradient(var(--green) var(--progress),#ffffff0c 0);direction:ltr;border-radius:50%;place-items:center;width:clamp(140px,17vw,245px);height:clamp(140px,17vw,245px);padding:6px;display:grid;box-shadow:0 0 70px #34d39908}.clock>div{background:var(--bg);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.clock b{font-size:clamp(50px,7vw,105px);font-weight:800;line-height:1.1}.clock span{color:var(--gray);font-size:14px}.clock.amber{background:conic-gradient(var(--amber) var(--progress),#ffffff0c 0)}.clock.red{background:conic-gradient(var(--red) var(--progress),#ffffff0c 0);animation:.5s infinite pulse}.clock.red b{color:var(--red)}.choice-wait{text-align:center}.choice-wait b{color:var(--amber);font-size:85px}.roster{background:var(--panel);border:1px solid #ffffff09;border-radius:20px;padding:20px}.roster h3{justify-content:space-between;margin-bottom:15px;font-size:16px;display:flex}.roster h3 span{color:var(--green);font:12px Tajawal}.player{align-items:center;gap:12px;margin-bottom:13px;display:flex}.player .avatar{width:39px;height:39px}.player .avatar span{font-size:23px}.player>div:nth-child(2){flex:1}.player b{font-size:15px}.player small{margin-top:4px;font-size:11px;display:block}.player strong{color:var(--gray);font-size:23px}.player.correct strong,.player.correct small{color:var(--green)}.knowers{flex-wrap:wrap;justify-content:center;gap:10px;min-height:55px;display:flex}.knew{background:#34d3990c;border:1px solid #34d39930;border-radius:12px;align-items:center;gap:10px;padding:8px 13px;animation:.55s fly;display:flex}.knew .avatar{width:32px;height:32px}.knew .avatar span{font-size:20px}.knew b{font-size:14px}.knew>span{color:var(--green);font-weight:800}.ticker{background:var(--panel);border:1px solid #ffffff0a;border-radius:10px;align-items:center;height:47px;display:flex;overflow:hidden}.ticker strong{white-space:nowrap;background:var(--red);z-index:1;place-items:center;height:100%;padding:0 20px;font-size:13px;display:grid}.ticker>div{white-space:nowrap;flex:1;overflow:hidden}.ticker span{min-width:100%;padding-right:50px;font-size:17px;font-weight:700;animation:26s linear infinite ticker;display:inline-block}.controls{justify-content:center;gap:10px;padding:16px;display:flex}.controls button{background:0 0;padding:8px 18px;font-size:13px}.pause{color:var(--amber);text-align:center;background:#ffb02019;border-radius:10px;padding:18px;font-weight:700}.objection{border:1px solid var(--amber);text-align:center;color:var(--amber);background:#ffb02016;border-radius:12px;margin:10px 0;padding:15px}.objection small{padding:8px;display:block}.reveal,.round,.final{text-align:center;padding:40px 0}.reveal>h1{color:var(--amber);font-size:clamp(42px,6vw,88px);animation:.6s appear}.actor-summary{justify-content:center;align-items:center;gap:13px;margin:20px;display:flex}.actor-summary b{color:var(--green);margin-right:15px}.reveal h2{margin:30px 0 15px;font-size:22px}.flips{justify-content:center;gap:18px;max-width:960px;margin:20px auto 30px;display:flex}.flip{background:var(--panel);border:1px solid #ffffff12;border-radius:16px;width:30%;min-height:160px;padding:20px;animation:.7s both flip}.flip h3{color:var(--white);margin:18px 0;font-size:25px}.person{justify-content:center;align-items:center;gap:10px;display:flex}.person .avatar{width:35px;height:35px}.person .avatar span{font-size:23px}.stamp{z-index:2;color:#fff;text-align:center;background:#ff3b30;border:3px solid #ffffff60;width:160%;padding:8px 5px;font-size:14px;animation:.4s stamp;position:absolute;bottom:5%;right:-30%;transform:rotate(-15deg)}.bars{justify-content:center;align-items:flex-end;gap:24px;min-height:300px;margin:10px auto 30px;padding:10px;display:flex;overflow-x:auto}.bars>div{flex-shrink:0;width:85px}.bars .avatar{margin:5px auto 14px}.bars .bar{background:linear-gradient(0deg,#ff3b3040,var(--red));transform-origin:bottom;border-radius:10px 10px 0 0;justify-content:center;padding:12px;animation:.8s grow;display:flex}.bars>div:first-child .bar{background:linear-gradient(0deg,#ffb02040,var(--amber))}.bars strong{margin-top:10px;display:block}.bars>div>span{height:25px;display:block}.awards{grid-template-columns:repeat(4,1fr);gap:20px;max-width:1080px;margin:30px auto;display:grid}.award{background:var(--panel);border-radius:20px;padding:24px}.award>span{margin-bottom:12px;font-size:40px;display:block}.award>small{display:block}.award .avatar{margin:20px auto}.award h2{margin:0;font-size:22px}.cards{flex-wrap:wrap;justify-content:center;gap:14px;margin:30px 0;display:flex}.resultcard{background:var(--panel);border-top:3px solid var(--red);border-radius:14px;width:220px;padding:22px}.resultcard .avatar{margin:0 auto 15px}.resultcard h3{margin-bottom:10px}.resultcard>b{color:var(--green)}.resultcard p{margin:12px 0;font-size:13px}.resultcard button{padding:9px;font-size:13px}.final>small{margin:20px;display:block}footer{color:#59616e;border-top:1px solid #ffffff08;justify-content:space-between;padding:20px 0;font-size:11px;display:flex}.phone-play{max-width:520px;min-height:calc(var(--vh,100dvh) - 180px);text-align:center;flex-direction:column;margin:22px auto;display:flex}.phone-play h2{font-size:23px}.phone-top{text-align:right;align-items:center;gap:13px;display:flex}.phone-top h2{margin:5px 0}.phone-top>b{margin-right:auto;font-size:38px}.ambertext{color:var(--amber)}.word-options{grid-template-columns:1fr 1fr;gap:12px;display:grid}.word-options button{flex-direction:column;justify-content:center;align-items:center;gap:15px;min-height:160px;display:flex}.word-options b{font-size:22px}.word-options span{font-size:13px}.easy{background:#34d3990b;border-color:#34d39950}.hard{background:#ff3b300b;border-color:#ff3b3050}.secret{-webkit-user-select:none;user-select:none;touch-action:none;background:var(--panel);border:1px dashed #ff3b3060;margin-top:15px;padding:30px 12px}.secret h1{color:var(--amber);min-height:50px;margin:16px 0;font-size:34px}.secret>span{color:var(--gray);font-size:12px}.minitime{margin:18px;font-size:37px;font-weight:800}.minitime small{font-size:13px}.near-list{text-align:right;flex:1}.near-list h3{font-size:15px}.near-list>div{background:var(--panel);border-radius:10px;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;padding:9px;font-size:13px;display:flex}.near-list button{white-space:nowrap;padding:7px;font-size:11px}.helpers{flex-wrap:wrap;gap:7px;padding:10px;display:flex}.helpers button{padding:10px;font-size:13px}.myguesses{flex-direction:column;flex:1;gap:8px;max-height:45dvh;padding:20px 0;display:flex;overflow-y:auto}.myguesses>div{background:var(--panel);text-align:right;border-radius:12px;justify-content:space-between;padding:13px 17px;display:flex}.myguesses .near{color:var(--amber);border:1px solid #ffb02050}.guessbox{text-align:right;background:var(--panel);border:1px solid #ffffff0a;border-radius:16px;padding:16px}.guessbox>div{align-items:center;gap:8px;display:flex}.guessbox input{min-width:0;margin:0}.guessbox button{white-space:nowrap;padding:15px}.guessbox label{margin-bottom:9px}.guessbox small{margin-top:10px;font-size:11px;display:block}.guessbox.close{border-color:var(--amber);box-shadow:0 0 30px #ffb02050}.cheat{background:0 0;align-self:flex-start;margin-top:10px;padding:10px;font-size:12px}.success{background:#34d39913;border:1px solid #34d39930;border-radius:20px;flex-direction:column;flex:1;justify-content:center;padding:30px 15px;display:flex}.successicon{background:var(--green);color:#121418;border-radius:50%;width:100px;height:100px;margin:0 auto 20px;font-size:70px;line-height:110px;animation:.5s appear}.success h1{color:var(--green);margin-bottom:10px;font-size:44px}.success p{color:var(--green)}.success .ticker{margin-top:35px}.success .ticker strong{display:none}.waiting{margin:auto;padding:60px 0}.waiting>span{font-size:70px}.waiting h2{margin-top:30px}@keyframes pulse{50%{opacity:.4}}@keyframes sweep{to{left:110%}}@keyframes jump{25%{transform:scaleY(4)}60%{transform:scaleY(.5)}}@keyframes ticker{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes fly{0%{opacity:0;transform:translate(80px,-70px)scale(.3)}to{opacity:1;transform:none}}@keyframes appear{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes flip{0%{opacity:0;transform:rotateY(90deg)}to{opacity:1;transform:rotateY(0)}}@keyframes stamp{0%{opacity:0;transform:rotate(-15deg)scale(3)}to{opacity:1;transform:rotate(-15deg)scale(1)}}@keyframes grow{0%{transform:scaleY(.05)}to{transform:scaleY(1)}}@media (min-width:1600px){.tv{padding:0 5vw}.tv header{height:120px}.tv .player b{font-size:21px}.tv .player small{font-size:14px}.tv .roster{padding:25px}.tv .broadcast{grid-template-columns:1fr 360px}.tv .ticker{height:60px}.tv .ticker span{font-size:23px}.tv .player{margin-bottom:18px}}@media (max-width:760px){.stage{padding:0 18px}header{gap:12px;height:78px}.brand{font-size:22px}.brand span{font-size:8px}.live{padding:8px;font-size:10px}.live span{display:none}.mute{padding:7px;font-size:15px}.episode{display:none}.home{padding:35px 0}.home h1{font-size:38px}.home p{font-size:16px}.home-bottom{gap:13px;font-size:10px}.actions button{width:100%;min-width:0}.lobby{text-align:center;flex-direction:column;gap:20px;padding:25px 0;display:flex}.lobbyintro h1{font-size:35px}.lobbygrid{grid-template-columns:repeat(2,1fr);gap:10px}.seat{padding:15px}.seat .avatar{width:55px;height:55px}.broadcast{flex-direction:column;gap:20px;padding-top:20px;display:flex}.actorzone h1{font-size:29px}.performance{gap:25px}.roster{display:none}.knowers{gap:5px}.knew{padding:5px;font-size:12px}.knew b{font-size:11px}.reveal,.round,.final{padding:28px 0}.flips{flex-direction:column;gap:10px}.flip{width:100%;min-height:120px}.flip h3{margin:12px 0;font-size:24px}.awards{grid-template-columns:repeat(2,1fr);gap:10px}.award{padding:20px 10px}.award h2{font-size:18px}.bars{justify-content:flex-start;gap:15px}.bars>div{width:60px}.resultcard{width:calc(50% - 8px);padding:16px 10px}.controls{flex-wrap:wrap}.ticker strong{padding:0 10px;font-size:10px}.join{margin:22px auto}.phone-play{margin-top:15px}.mobile .lobbygrid{max-height:33dvh;overflow:auto}.mobile .lobbyintro>p{margin-bottom:10px}.mobile .seat{padding:10px}.mobile .seat h3{font-size:16px}.mobile .seat .avatar{width:40px;height:40px;margin-bottom:8px}.mobile .roomcode b{font-size:40px}.mobile .roomcode{padding:0}.mobile .lobbyintro h1{font-size:27px}.mobile .lobbyintro .count{margin:10px}.mobile .secret{padding:18px 10px}.mobile footer{padding:10px 0}.phone-play .constraint{align-self:center;margin-bottom:5px;padding:7px;font-size:12px}.myguesses{max-height:30dvh}.word-options{margin-top:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}