@import"https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@400;500;600;700&display=swap";:root{font-family:Noto Kufi Arabic,Tahoma,Arial,sans-serif;color:#fff;background:#003f3b;font-synthesis:none;--green:#00544f;--deep:#003f3b;--aqua:#36cec5;--paper:#f4f5f6;--ink:#222;--danger:#c73333;--shadow:0 8px 22px rgba(0,33,31,.3)}*{box-sizing:border-box}html{background:#062f2c;direction:rtl}body{margin:0;min-width:320px;min-height:100vh;background:#062f2c}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}svg{width:1.45em;height:1.45em}#root{min-height:100vh}.green-screen,.light-screen,.messages-screen{width:min(100%,760px);min-height:100vh;margin:auto;position:relative;overflow:hidden}.green-screen{background:linear-gradient(160deg,#005b55,#004b46 55%,#003d39);color:#fff}.light-screen{background:#f1f3f4;color:var(--ink)}.messages-screen{background:linear-gradient(#d8f4f5,#57918d);color:#075753}.app-header{height:94px;background:linear-gradient(#00635d,#004e49);display:grid;grid-template-columns:64px 1fr 120px;align-items:center;padding:0 18px;position:relative;z-index:2}.app-header h1{font-size:27px;text-align:center;margin:0;font-weight:600}.light-header{color:#fff}.icon-button{background:none;border:0;color:var(--aqua);display:grid;place-items:center;padding:10px}.icon-button svg{width:30px;height:30px}.header-side{display:flex;justify-content:flex-start;font-size:17px;white-space:nowrap}.cut-panel,.white-cut{clip-path:polygon(6% 0,94% 0,100% 9%,100% 91%,94% 100%,6% 100%,0 91%,0 9%)}.cut-panel{background:#003834b8;box-shadow:var(--shadow)}.white-cut{background:#fff;color:var(--ink);box-shadow:var(--shadow)}.primary-cut,.outline-cut{width:100%;min-height:70px;border:0;padding:14px 24px;font-size:22px;font-weight:700;clip-path:polygon(6% 0,94% 0,100% 23%,100% 77%,94% 100%,6% 100%,0 77%,0 23%)}.primary-cut{background:var(--aqua);color:#064e49;box-shadow:0 7px 18px #00000040}.outline-cut{background:transparent;border:2px solid #206f69;color:#fff}.green-screen .white-cut .outline-cut{color:#075753}.bottom-action{position:sticky;bottom:14px;margin:40px 3% 14px;width:94%;z-index:3}.welcome-screen{display:flex;flex-direction:column;justify-content:center;padding-bottom:50px}.brand-intro{text-align:center;padding:34px 28px}.brand-intro img{width:106px;height:106px;border-radius:50%;object-fit:cover}.brand-intro h1{font-size:25px;line-height:1.9;font-weight:500}.welcome-panel{width:88%;margin:0 auto;padding:48px 8% 38px;text-align:center}.welcome-panel h2,.screen-accent-title{color:var(--aqua);font-size:29px}.welcome-panel p{line-height:2;color:#e0eeee}.outline-input{height:78px;border:1px solid rgba(54,206,197,.6);display:flex;align-items:center;padding:0 20px;clip-path:polygon(7% 0,100% 0,100% 72%,93% 100%,0 100%,0 28%);margin:24px 0}.outline-input input{border:0;outline:0;background:transparent;color:#fff;width:100%;padding:10px;font-size:19px}.outline-input input::placeholder{color:#d1e4e2}.menu-screen{padding-bottom:38px}.welcome-card{padding:50px 30px 30px;text-align:center;background:#003d398c;box-shadow:0 10px 28px #00000024}.welcome-card h1{margin:0;color:var(--aqua);font-size:29px}.welcome-card p{margin:12px 0;color:#d5e7e5}.compact-card{padding-top:28px}.install-button,.admin-link{border:1px solid var(--aqua);background:transparent;color:#fff;border-radius:20px;padding:8px 16px;display:inline-flex;gap:8px;align-items:center}.menu-list{padding:34px 5%;display:grid;gap:24px}.primary-modes{padding-bottom:10px}.mode-menu-list{padding-top:56px}.cut-button{min-height:126px;border:0;text-align:right;background:var(--aqua);color:#07534e;padding:22px 30px;display:grid;grid-template-columns:70px 1fr 38px;align-items:center;gap:14px;clip-path:polygon(6% 0,94% 0,100% 18%,100% 82%,94% 100%,6% 100%,0 82%,0 18%);box-shadow:var(--shadow)}.cut-button-icon svg{width:46px;height:46px}.cut-button strong,.cut-button small{display:block}.cut-button strong{font-size:27px}.cut-button small{font-size:15px;color:#004e48b8;margin-top:4px}.menu-divider{height:2px;background:#58d5cc61;margin:0 6%}.secondary-menu .cut-button{min-height:106px}.secondary-menu .cut-button strong{font-size:23px}.admin-link{margin:0 auto;display:flex}.notice-card{margin:6px 6% 28px;padding:20px;display:flex;gap:16px;align-items:center;border:1px solid rgba(54,206,197,.45);background:#002f2c80;border-radius:16px}.notice-card p{margin:0;line-height:1.8}.setup-screen{padding-bottom:20px}.screen-accent-title,.plain-screen-title{text-align:center;margin:30px 0}.plain-screen-title{font-size:25px}.level-list{padding:0 5%;display:grid;gap:22px}.level-card{min-height:124px;border:1px solid rgba(103,201,195,.45);background:#00524da6;color:#fff;display:grid;grid-template-columns:78px 1fr 46px;align-items:center;text-align:right;padding:16px 20px;clip-path:polygon(5% 0,100% 0,100% 78%,95% 100%,0 100%,0 22%)}.level-card.selected{border:3px solid var(--aqua);background:#004d49}.level-icon{width:68px;height:68px;background:var(--aqua);color:#075b55;display:grid;place-items:center;clip-path:polygon(18% 0,82% 0,100% 18%,100% 82%,82% 100%,18% 100%,0 82%,0 18%)}.level-card strong,.level-card small{display:block}.level-card strong{font-size:26px}.level-card small{font-size:15px;color:#c7dddb}.level-check{color:var(--aqua)}.timer-choice{padding:40px 5%}.timer-choice h3{margin:0 0 14px}.timer-choice>div{display:grid;grid-template-columns:1fr 1fr}.timer-choice button{height:72px;border:0;background:#004b46b3;color:#fff;font-size:19px}.timer-choice button.active{background:var(--aqua);color:#07534e;clip-path:polygon(8% 0,92% 0,100% 24%,100% 76%,92% 100%,8% 100%,0 76%,0 24%)}.stage-open-count{background:var(--aqua);color:#07534e;padding:7px 13px;clip-path:polygon(8% 0,92% 0,100% 20%,100% 80%,92% 100%,8% 100%,0 80%,0 20%)}.stages-grid{padding:38px 5%;display:grid;grid-template-columns:repeat(2,1fr);gap:26px}.stage-card{height:210px;border:0;color:var(--aqua);background:#004945bd;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;position:relative;clip-path:polygon(10% 0,90% 0,100% 10%,100% 90%,90% 100%,10% 100%,0 90%,0 10%);box-shadow:inset 0 0 24px #0000001f}.stage-card.open{background:linear-gradient(145deg,#42d5cc,#38c8c0);color:#064f4a}.stage-card svg{width:44px;height:44px}.stage-card strong{font-size:22px}.stage-card small{font-size:15px}.stage-card em{position:absolute;top:12px;right:11px;background:#07534e;color:var(--aqua);padding:5px 10px;font-style:normal;clip-path:polygon(12% 0,100% 0,100% 70%,88% 100%,0 100%,0 30%)}.quiz-screen{padding-bottom:120px}.attempt-counter{display:flex;align-items:center;gap:7px;font-weight:700}.attempt-counter svg{color:var(--aqua)}.progress-track{height:14px;background:#cfdddd;margin:28px 5% 14px;clip-path:polygon(2% 0,100% 0,98% 100%,0 100%)}.progress-track span{display:block;height:100%;background:var(--aqua)}.question-count{padding:0 5%;text-align:right;color:#535f61;font-size:18px}.question-card{margin:20px 5% 28px;padding:35px 34px;text-align:center;min-height:170px;display:flex;flex-direction:column;justify-content:center}.question-card small{color:#58cfc7;font-size:16px}.question-card h2{font-size:26px;line-height:1.8;margin:12px 0}.hearts-card{margin:0 5% 24px;background:#f3f5f6;box-shadow:0 5px 11px #0000003d;padding:18px;display:flex;justify-content:center;gap:38px;clip-path:polygon(4% 0,96% 0,100% 22%,100% 78%,96% 100%,4% 100%,0 78%,0 22%)}.hearts-card svg{width:48px;height:48px;color:#a7b5b7}.hearts-card .filled{color:var(--aqua);filter:drop-shadow(0 0 12px rgba(54,206,197,.35))}.answers-list{padding:0 5%;display:grid;gap:20px}.answers-list button{min-height:90px;border:1px solid #c3cbcc;background:#fff;color:#222;text-align:right;padding:20px 28px;font-size:20px;box-shadow:0 6px 12px #00000038;clip-path:polygon(4% 0,96% 0,100% 22%,100% 78%,96% 100%,4% 100%,0 78%,0 22%)}.answers-list button.wrong-answer{background:#c9a8aa;border-color:#d0676b}.answers-list button.correct-answer{background:#b8ebe6;border-color:#37c9c0}.timer-card{margin:24px 5%;min-height:74px;background:#fff;display:grid;grid-template-columns:40px 115px 1fr;align-items:center;padding:12px 24px;box-shadow:0 5px 12px #0003;clip-path:polygon(4% 0,96% 0,100% 20%,100% 80%,96% 100%,4% 100%,0 80%,0 20%);color:#07534e}.timer-card>div{height:13px;background:#d5e4e3}.timer-card>div span{display:block;height:100%;background:var(--aqua)}.feedback-bar{position:fixed;right:50%;transform:translate(50%);bottom:14px;width:min(94%,710px);background:#005d57;color:#fff;padding:13px 22px;display:flex;justify-content:space-between;align-items:center;z-index:8;clip-path:polygon(3% 0,97% 0,100% 24%,100% 76%,97% 100%,3% 100%,0 76%,0 24%);box-shadow:var(--shadow)}.feedback-bar span{display:flex;align-items:center;gap:8px}.feedback-bar button{background:var(--aqua);border:0;padding:9px 14px;color:#064f4a}.feedback-bar.success{background:#087c64}.modal-backdrop{position:fixed;inset:0;background:#000000a3;display:flex;align-items:flex-end;justify-content:center;z-index:10}.result-modal{width:min(100%,760px);padding:38px 6% 28px;text-align:center}.result-modal>svg{width:60px;height:60px}.result-error{color:var(--danger)}.result-success{color:#138969}.result-modal h2{font-size:27px}.result-modal p{color:#697476}.result-modal>div{display:grid;grid-template-columns:1fr 1fr;gap:14px}.result-modal .primary-cut,.result-modal .outline-cut{min-height:58px;font-size:17px}.result-modal .outline-cut{color:#9c3434;border-color:#8b8787}.group-setup-screen{padding-bottom:50px}.create-room-card{margin:50px 5%;padding:35px 6%}.room-gamepad{display:block;margin:auto;color:#07534e;width:52px;height:52px}.create-room-card h2{text-align:center;color:#07534e;font-size:26px}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:20px 0}.tabs button{border:1px solid #afc3c1;background:#eff5f4;color:#07534e;padding:12px}.tabs button.active{background:#07534e;color:#fff}.create-room-card label,.admin-login label,.admin-form label{display:grid;gap:8px;margin:16px 0;color:#283b3a}.create-room-card input,.create-room-card select,.admin-login input,.admin-form input,.admin-form textarea{width:100%;min-height:55px;border:1px solid #b8c8c7;background:#fff;padding:10px 14px;color:#222}.code-input{text-align:center;letter-spacing:7px;font-weight:700}.range-label span{display:flex;justify-content:space-between}.toggle-label{display:flex!important;align-items:center;justify-content:space-between}.toggle-label input{width:48px!important;min-height:26px!important;accent-color:var(--aqua)}.form-error{background:#ffe1e1!important;color:#9f2626!important;border-radius:9px;padding:10px!important;text-align:center}.guide-card{margin:50px 5%;padding:38px 7%;line-height:2}.guide-card>svg{display:block;margin:auto;width:60px;height:60px;color:#07534e}.guide-card h2{text-align:center}.guide-card p{color:#637373}.guide-card ol{padding-right:22px}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.loader{width:54px;height:54px;border:6px solid rgba(54,206,197,.25);border-top-color:var(--aqua);border-radius:50%;animation:spin 1s linear infinite;margin:40px auto}@keyframes spin{to{transform:rotate(360deg)}}.room-screen{text-align:center;padding-bottom:50px}.room-screen>h2{margin-top:70px}.room-code{background:#fff;color:#07534e;padding:8px 13px;font-weight:700;letter-spacing:3px}.room-count{width:180px;height:130px;margin:30px auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px}.room-count svg{color:#07534e}.players-mini{padding:20px 8%;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.players-mini span{border:1px solid rgba(54,206,197,.55);padding:8px 13px;border-radius:18px}.room-start,.host-next{width:70%;margin:35px auto}.room-playing{background:#f1f3f4;color:#222}.room-playing .app-header{color:#fff}.answered-note{color:#087c64;font-weight:700;display:flex;justify-content:center;align-items:center;gap:8px}.live-ranking{margin:28px 5%;background:#fff;box-shadow:var(--shadow)}.live-ranking span{display:grid;grid-template-columns:38px 1fr 90px;padding:12px 18px;border-bottom:1px solid #e5eded;text-align:right}.ranking-card{padding:50px 6%;text-align:center}.ranking-card>svg{width:75px;height:75px;color:#ffd35a}.ranking-card>div{display:grid;grid-template-columns:45px 1fr 110px;padding:14px;border-bottom:1px solid rgba(255,255,255,.16);text-align:right}.search-box{margin:25px 5%;height:60px;display:flex;align-items:center;background:#fff;color:#65706f;padding:0 18px;border-radius:10px}.search-box input{flex:1;border:0;outline:0;padding:10px}.study-questions{padding:0 5% 35px;display:grid;gap:18px}.study-questions article{padding:15px 20px}.study-questions article>button{width:100%;border:0;background:transparent;display:grid;grid-template-columns:40px 1fr 30px;align-items:center;text-align:right;gap:8px}.study-questions article>button span{background:var(--aqua);width:32px;height:32px;border-radius:50%;display:grid;place-items:center}.study-questions article>div{border-top:1px solid #d9e3e2;margin-top:12px;padding-top:8px}.study-questions p{padding:7px 10px;margin:4px 0}.correct-study{background:#d9f5ef;color:#08765f;display:flex;align-items:center;gap:7px}.message-card{margin:35px 4%;padding:28px 6%}.message-card h2{color:#07534e;display:flex;align-items:center;gap:10px}.message-card label{display:grid;gap:9px;color:#496361}.message-card select{height:62px;border:2px solid #07534e;background:#fff;padding:10px}.about-screen{padding-bottom:50px}.about-screen>h2{font-size:35px;color:var(--aqua);padding:16px 6%;margin-bottom:4px}.about-screen>p{padding:0 6%;font-size:19px;line-height:2.3;text-align:justify}.empty-competition{text-align:center;padding:100px 7%}.empty-competition svg{width:85px;height:85px;color:#ffd25a}.competition-card{margin:50px 5%;padding:40px 7%;text-align:center}.competition-card>svg{width:70px;height:70px;color:#dca82b}.competition-card>div{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.competition-card>div span{background:#d7f2ef;color:#07534e;padding:7px 11px;border-radius:15px}.competition-card ol{text-align:right;line-height:2.4}.competition-card li svg{color:#dca82b;vertical-align:middle}.admin-login,.admin-form{margin:45px 5%;padding:35px 7%}.admin-login>svg{display:block;margin:auto;width:70px;height:70px;color:#07534e}.admin-login h2,.admin-form h2{text-align:center;color:#07534e}.admin-form textarea{min-height:90px;resize:vertical}.empty-text{text-align:center;padding:80px 20px}@media (max-width:520px){.app-header{height:82px;grid-template-columns:48px 1fr 94px;padding:0 10px}.app-header h1{font-size:21px}.header-side{font-size:13px}.brand-intro{padding:25px 18px}.brand-intro h1{font-size:21px}.welcome-panel{width:92%;padding-top:32px}.cut-button{min-height:112px;grid-template-columns:58px 1fr 28px;padding:18px}.cut-button-icon svg{width:38px;height:38px}.cut-button strong{font-size:22px}.cut-button small{font-size:13px}.stages-grid{gap:15px}.stage-card{height:180px}.stage-card strong{font-size:19px}.question-card h2{font-size:22px}.answers-list button{font-size:18px;min-height:80px}.hearts-card{gap:25px}.hearts-card svg{width:42px;height:42px}.level-card{grid-template-columns:65px 1fr 32px}.level-card strong{font-size:22px}.result-modal>div{grid-template-columns:1fr}.about-screen>p{font-size:16px}.timer-card{grid-template-columns:34px 95px 1fr;padding:10px 15px}}@media (min-width:761px){body{padding:22px 0}.green-screen,.light-screen,.messages-screen{min-height:calc(100vh - 44px);border-radius:22px;box-shadow:0 12px 40px #00000061}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important}}