@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:400;src:url(./cairo-arabic-400-normal-DN15VWMM.woff2) format("woff2"),url(./cairo-arabic-400-normal-CAYwymWN.woff) format("woff")}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:600;src:url(./cairo-arabic-600-normal-rkrvveqO.woff2) format("woff2"),url(./cairo-arabic-600-normal-B3EOalmC.woff) format("woff")}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:800;src:url(./cairo-arabic-800-normal-G1qvPr6G.woff2) format("woff2"),url(./cairo-arabic-800-normal-CVTPwINa.woff) format("woff")}:root{font-family:Tajawal,Cairo,system-ui,sans-serif;color:#172238;background:#faf6eb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;border:2px solid #172238;border-radius:12px;padding:12px 20px;background:#fff;color:inherit;box-shadow:3px 4px #172238;transition:transform .15s,box-shadow .15s}button:hover:enabled{transform:translate(-1px,-2px)}button:active:enabled{box-shadow:0 0;transform:translate(2px,2px)}button:disabled{opacity:.45;cursor:default;box-shadow:none}button:focus-visible,input:focus-visible{outline:3px solid #245fe8;outline-offset:4px}header{max-width:1440px;margin:auto;padding:18px 4%;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #172238}header img{width:160px;mix-blend-mode:multiply}nav{display:flex;align-items:center;gap:15px}main{max-width:1440px;margin:auto;padding:32px 4%}h1{font-size:clamp(30px,4vw,58px);line-height:1.4;margin:16px 0}h2{line-height:1.7}p{line-height:1.9}em{font-style:normal;color:#245fe8}.pill{border:1.5px solid #172238;border-radius:30px;padding:7px 14px;font-size:13px;background:#fffdf7}.setup{display:grid;grid-template-columns:1.15fr 1fr;gap:60px;align-items:center}.hero-icon{width:220px;mix-blend-mode:multiply}.panel{border:2px solid #172238;border-radius:22px;padding:32px;background:#fffdf8;box-shadow:7px 8px #172238}label{display:block;margin:16px 0;font-weight:700}input{display:block;width:100%;padding:12px;border:2px solid #172238;border-radius:10px;margin-top:8px;background:#faf6eb}.upload{padding:12px;background:#f9dfa0;border:2px dashed #172238;border-radius:12px}input[type=file]{font-size:12px}.primary{background:#f6cf57;font-weight:800;margin:18px 8px 8px}.note,small{font-size:13px;line-height:1.7;color:#4e596b}.error{color:#a82030}.scores{display:grid;grid-template-columns:1fr 1fr;gap:24px}.score{border:2px solid #172238;border-radius:18px;padding:20px 28px;display:grid;grid-template-columns:1fr auto;box-shadow:4px 5px #172238}.score strong{font-size:40px;grid-row:span 2;animation:score-in .3s ease-out}.score small{grid-column:1}.red{background:#ffe1dc}.blue{background:#dce7ff}.score.current{outline:3px solid #e8be43;outline-offset:5px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:30px 0}.board{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.category{background:#fff;border:2px solid #172238;border-radius:14px;overflow:hidden;box-shadow:4px 5px #172238;padding-bottom:12px}.category h3{font-size:16px;height:110px;margin:0;padding:14px;display:flex;flex-direction:column;gap:8px;background:#f8dfa0;border-bottom:2px solid #172238}.category h3 span{font-size:12px;opacity:.6}.tint-1 h3{background:#dce7ff}.tint-2 h3{background:#ffe1dc}.tint-3 h3{background:#d9ecdc}.category button{display:block;width:calc(100% - 24px);margin:12px auto 0;font-size:24px;font-weight:800;box-shadow:2px 3px #172238}.question{max-width:1000px;margin:auto;text-align:center}.question-top{display:flex;justify-content:space-between}.question>h2{font-size:clamp(22px,3vw,34px);margin:28px auto}.prepare{padding:35px 0}.options{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:25px 0}.options button{min-height:75px;display:flex;align-items:center;text-align:right;gap:15px;font-weight:700}.options span{border:1px solid;border-radius:7px;padding:5px 9px;background:#faf6eb}.options .selected{background:#f9dfa0;outline:2px solid #172238}.options .correct{opacity:1;background:#c5ebcd}.timer strong{font-size:40px}.track{height:15px;max-width:600px;margin:8px auto;background:#e5e7ea;border:2px solid #172238;border-radius:20px;overflow:hidden;direction:ltr}.track i{height:100%;display:block;background:#245fe8}.urgent .track i{background:#ef5145}.urgent strong{animation:pulse .65s infinite}.trays{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:25px}.tray{border:2px solid;border-radius:14px;padding:15px}.tray b{display:block}.tray button{padding:8px;margin:8px 5px;font-size:13px}.steal,.resolution{padding:18px;background:#f7e5a8;border-radius:15px;margin-top:22px}.buzzer{font-size:20px;font-weight:700;margin:10px;min-width:180px}.finish{text-align:center;max-width:850px;margin:auto}.final-row{display:flex;justify-content:space-between;padding:24px;margin:20px 0;border:2px solid;border-radius:12px}.audit{margin:35px 0;padding:18px;border:1px solid;border-radius:12px}footer{text-align:center;padding:25px;color:#667085;font-size:13px}.animation{position:fixed;top:0;right:0;bottom:0;left:0;background:#fff;z-index:100;display:grid;place-items:center;overflow:hidden;pointer-events:all}.animation img{width:min(65vw,550px);opacity:1;animation:logo-enter 2.1s both}.animation.turn img{animation:logo-turn 2.4s both}.turn-title{position:absolute;padding:30px 70px;border:3px solid;border-radius:20px;animation:team-enter 2.4s both;text-align:center}@keyframes logo-enter{0%{transform:translate(120vw) rotate(5deg)}35%{transform:translate(0) rotate(-4deg) scale(.9)}48%{transform:rotate(3deg) scale(1)}60%{transform:rotate(0) scale(1.05)}to{transform:scale(18);opacity:1}}@keyframes logo-turn{0%{transform:translate(120vw)}30%{transform:translate(0) rotate(-3deg)}45%{transform:scale(1.15) rotate(3deg)}62%,to{transform:scale(10);opacity:1;visibility:hidden}}@keyframes team-enter{0%,60%{opacity:0;transform:translateY(25px)}75%,95%{opacity:1;transform:translateY(0)}to{opacity:0}}@keyframes pulse{50%{opacity:.45}}@keyframes score-in{0%{transform:scale(1.15)}to{transform:scale(1)}}@media(max-width:1050px){.board{grid-template-columns:repeat(4,1fr)}.setup{gap:25px}}@media(max-width:650px){header{padding:12px}header img{width:110px}nav .pill{display:none}main{padding:22px 16px}.setup{grid-template-columns:1fr}.hero{text-align:center}.hero-icon{width:130px}.panel{padding:20px}.board{grid-template-columns:repeat(2,1fr);gap:16px}.scores{gap:14px}.score{padding:13px;grid-template-columns:1fr}.score strong{grid-row:auto}.toolbar{flex-wrap:wrap}.toolbar b{order:-1;width:100%}.options,.trays{grid-template-columns:1fr}.question-top{gap:10px}.pill{font-size:11px}.final-row{gap:12px;padding:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition:none!important}.animation{display:none}}a{color:inherit;text-underline-offset:5px}select,textarea{font:inherit;display:block;width:100%;padding:12px;border:2px solid #172238;border-radius:10px;margin-top:8px;background:#faf6eb}textarea{min-height:110px;resize:vertical}.online{background:#d9ecdc}.offline{background:#ffe1dc}.sharing{margin:25px 0;box-shadow:3px 4px #172238}.sharing>div{margin-top:20px}.sharing button{margin:8px}.filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;align-items:center}.editor{margin:25px 0;padding:24px;background:#e9edfa;border:2px solid;border-radius:18px}.question-list{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:25px 0}.bank-row{border:2px solid;border-radius:16px;padding:22px;background:#fff}.bank-row button{margin:8px}.bank-row h3{line-height:1.8}@media(max-width:650px){.question-list,.filters{grid-template-columns:1fr}nav{font-size:13px}}.room-code{text-align:center;border:2px solid #172238;border-radius:18px;background:#f8dfa0;padding:25px;margin:25px 0}.room-code strong{display:block;font-size:clamp(32px,5vw,55px);letter-spacing:.15em;padding:18px;color:#172238}.lobby-members{margin:25px 0}.member-row{display:flex;align-items:center;justify-content:space-between;gap:18px;border:2px solid #172238;border-radius:14px;padding:16px;margin:12px 0}.member-row small{display:block}.member-row button{margin:5px;padding:8px 14px}.logo-loading{font-size:26px;font-weight:800;color:#172238}.animation img{animation-duration:3.2s}.animation.turn img,.turn-title{animation-duration:3.8s}.replay-intro{display:block;margin:20px 0 0;font-size:12px;box-shadow:none}.fallback-logo{font-size:60px}.animation:not(.ready) .turn-title{display:none}@media(max-width:650px){.member-row{flex-direction:column;align-items:stretch}}@media(prefers-reduced-motion:reduce){.animation{display:grid!important}.animation img{animation:none!important;transform:none!important;opacity:1!important}.animation.turn.ready img{display:none}.turn-title{animation:none!important;opacity:1!important;transform:none!important}}.room-qr{display:block;width:min(260px,65vw);margin:12px auto}.room-qr svg{width:100%;height:auto;display:block;border-radius:12px}.room-invite{margin:16px 0}.room-invite summary{cursor:pointer;font-weight:700}.join-panel{max-width:560px;margin:40px auto}.join-panel form{display:grid;gap:14px;margin:22px 0}