@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800;900&display=swap');
:root{--bg:#0d1020;--panel:#171b30;--line:#30364e;--text:#f3f2f9;--muted:#aab0cc;--gold:#ffd17e;--accent:#83dcff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0,#242347,transparent 45%),var(--bg);color:var(--text);font:17px/1.65 Tajawal,'Segoe UI',Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer;color:var(--text);background:#292f48;border:1px solid transparent;border-radius:12px;padding:10px 17px;transition:background .2s,transform .2s}button:hover:not(:disabled){background:#3a4262;transform:translateY(-1px)}button:disabled{cursor:default;opacity:.55}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}[hidden]{display:none!important}header{max-width:1230px;padding:23px 30px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--text);font-size:23px;font-weight:800;line-height:1.3}.brand>span{display:grid;place-items:center;border:1px solid #ffd17e55;background:#ffd17e10;color:var(--gold);width:45px;height:45px;border-radius:13px;font-size:35px}.brand small{display:block;color:var(--muted);font-size:12px;font-weight:400;margin-top:5px}.tools{display:flex;gap:8px}.tools button{font-size:12px;background:transparent;border-color:var(--line)}main{max-width:1230px;margin:auto;padding:0 30px}.intro{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:32px 0}.eyebrow{font-size:12px;font-weight:700;color:var(--gold);letter-spacing:.3px}h1{font-size:clamp(30px,4vw,49px);line-height:1.2;margin:10px 0 13px;font-weight:900;letter-spacing:-.7px}h1 em{color:var(--gold);font-style:normal}.intro p{color:var(--muted);font-size:15px;max-width:680px;margin:0}.author{font-size:12px;color:var(--muted);border-right:2px solid #ffd17e70;padding:5px 20px;white-space:nowrap}.author strong{display:block;font-size:20px;color:var(--text)}.panel{background:linear-gradient(140deg,#1a2035,#14182a);border:1px solid var(--line);border-radius:21px;padding:25px}.setup{display:grid;grid-template-columns:.8fr 1.3fr;gap:20px 35px;position:relative;overflow:hidden}.setup:before{content:'';position:absolute;bottom:-80px;right:-80px;width:200px;height:200px;background:#8855cc20;filter:blur(50px);pointer-events:none}h2{font-size:25px;line-height:1.4;margin:7px 0 12px}.setup p{font-size:15px;color:var(--muted)}.names{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{font-size:13px;color:var(--muted)}input,select{display:block;border:1px solid #3f4663;border-radius:10px;padding:10px 12px;background:#0f1427;color:var(--text);width:100%;margin-top:5px}input:focus{border-color:var(--gold)}.startrow{grid-column:1/-1;display:flex;justify-content:space-between;align-items:end;gap:15px;border-top:1px solid var(--line);padding-top:18px}.startrow select{min-width:190px}.primary{background:var(--gold);color:#34230d;font-weight:800;padding:12px 22px}.primary:hover:not(:disabled){background:#ffe5b5}.setup small{grid-column:1/-1;color:var(--muted);font-size:12px}.statusbar{display:flex;align-items:center;justify-content:space-between;margin:0 0 16px}.statusbar strong{display:block;font-size:18px}.clock{display:flex;align-items:center;gap:14px}#timer{font:700 27px/1 Tajawal,Arial;color:var(--gold);font-variant-numeric:tabular-nums}#timer.urgent{color:#ff9f9f}#pause{font-size:12px;border:1px solid var(--line);background:transparent}.scene{position:relative;aspect-ratio:3/1;border-radius:21px;overflow:hidden;border:1px solid #4e5070;background:#171b30}.scene img{width:100%;height:100%;object-fit:cover;display:block}.scene-shade{position:absolute;inset:0;background:linear-gradient(transparent 65%,#080f22dd);pointer-events:none}.scene-caption{position:absolute;bottom:10px;left:0;right:0;text-align:center;font-size:14px;color:#e1e8f6;pointer-events:none}.door-overlays{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,1fr);padding:0 4%}.door-overlays>div{position:relative;display:flex;align-items:end;justify-content:center;padding-bottom:48px}.door-overlays .unlocked:before{content:'';position:absolute;inset:12% 15% 16%;border-radius:100px 100px 12px 12px;background:radial-gradient(ellipse,#fff7ba88,transparent 65%);box-shadow:0 0 55px #ffe7a950;animation:openGlow 1.2s ease-out}.door-seal{background:#071120c9;border:1px solid #ffffff55;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:#fff;font:700 16px Arial;z-index:1}.unlocked .door-seal{background:#e1ffe8;color:#11502b;border-color:#b7ffc9}#doorTabs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0 21px}#doorTabs button{position:relative;text-align:right;border:1px solid var(--line);background:#181d31;padding:12px 15px;display:flex;gap:10px;align-items:center}#doorTabs button.active{border-color:var(--accent);background:#203347}.tab-icon{font-size:23px;color:var(--accent)}.tab-text small{display:block;font-size:11px;color:var(--muted)}.tab-text strong{font-size:15px}.playgrid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:20px}.puzzle-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.puzzle-head h2{margin:3px 0;font-size:27px}.muted{color:var(--muted);font-size:14px}.symbol{width:57px;height:57px;border:1px solid #83dcff55;border-radius:17px;background:#83dcff10;color:var(--accent);display:grid;place-items:center;font-size:32px}.steps{display:flex;gap:7px;margin:20px 0}.steps span{height:4px;background:#303951;border-radius:10px;flex:1}.steps .done{background:var(--accent)}.steps .current{background:#7a859e}.question-type{font-size:12px;color:var(--accent)}#question{font-size:24px;line-height:1.65;margin:8px 0 17px}#options{display:grid;gap:11px}.option{text-align:right;display:flex;align-items:center;gap:13px;border:1px solid #37415c;background:#20263d;padding:14px 16px;line-height:1.65;font-size:17px}.option .letter{border:1px solid #59627c;width:27px;height:27px;flex:0 0 27px;border-radius:50%;font-size:13px;display:grid;place-items:center}.option.correct{background:#153f34;border-color:#7ee0b6;color:#d1fce4;opacity:1}.option.wrong{background:#442732;border-color:#b75b71;opacity:.85}.question-actions{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:17px}.quiet{border-color:var(--line);background:transparent;font-size:13px}#points{font-size:12px;color:var(--muted)}#feedback:not(:empty){padding:12px 15px;margin-top:14px;background:#142c36;border:1px solid #3e6873;border-radius:10px;font-size:15px}#hintText{font-size:14px;color:var(--gold);background:#ffd17e0b;border-radius:10px;padding:12px}#next{width:100%;margin-top:14px}.scoreboard h2{font-size:21px;margin-bottom:22px}.team-score{padding:13px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:10px;align-items:center}.team-score.active{color:var(--gold)}.team-score span{font-size:14px}.team-score small{display:block;color:var(--muted);font-size:11px}.team-score b{font-size:25px}.rules{font-size:13px;padding-top:23px}.rules p{color:var(--muted);margin:5px 0 20px}.scoreboard>.quiet{width:100%}.pause-banner{padding:14px;background:#574523;border:1px solid #ab8550;border-radius:12px;margin-bottom:18px}.finish{text-align:center;padding:42px;max-width:900px;margin:25px auto}.finish .big-key{font-size:55px;color:var(--gold)}.finish h2{font-size:35px}.finish p{color:var(--muted)}.finish .truth{font-size:22px;color:var(--gold);padding:20px;border:1px solid #ffd17e44;border-radius:14px;margin:25px 0}.finish-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.finish-stats div{background:#232b43;padding:15px;border-radius:12px}.finish-stats b{display:block;color:var(--accent);font-size:25px}.finish-stats span{font-size:13px}.sources{margin-top:26px;padding:20px 0;border-top:1px solid var(--line);color:var(--muted);font-size:13px}.sources summary{color:var(--text);cursor:pointer}.sources a{color:var(--accent)}footer{display:flex;justify-content:space-between;gap:20px;padding:22px 0;border-top:1px solid var(--line);color:var(--muted);font-size:12px}dialog{max-width:490px;width:92%;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:20px;padding:28px}dialog::backdrop{background:#030618bb;backdrop-filter:blur(5px)}.dialog-actions{display:flex;gap:8px}.danger{background:#8b3f50}#toast{position:fixed;left:50%;bottom:25px;transform:translateX(-50%);background:var(--gold);color:#231800;border-radius:12px;padding:10px 20px;z-index:10;opacity:0;pointer-events:none}.opened-card{text-align:center;padding:10px 0}.opened-card .key{font-size:50px;color:var(--gold)}.opened-card p{color:var(--muted)}.screen-mode .intro,.screen-mode .sources,.screen-mode footer{display:none}.screen-mode .scene{aspect-ratio:4.6/1}.screen-mode .statusbar{margin-top:14px}@keyframes openGlow{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@media(max-width:850px){.playgrid{grid-template-columns:minmax(0,1fr) 235px}.setup{grid-template-columns:1fr}.intro{align-items:flex-start}.author{padding-left:0}main{padding:0 20px}.panel{padding:20px}#question{font-size:21px}}@media(max-width:600px){header{padding:18px 15px}.brand{font-size:18px}.tools{gap:5px}.tools button{font-size:10px;padding:8px}.brand>span{width:33px;height:36px;font-size:27px}main{padding:0 14px}.intro{display:block;margin:24px 0}.author{margin-top:18px;display:flex;gap:10px;align-items:center}.author strong{font-size:16px}h1{font-size:32px}.names{grid-template-columns:1fr}.setup{gap:12px}.startrow{align-items:stretch}.startrow select{min-width:0}.startrow>label{flex:1}.startrow .primary{align-self:end;padding:12px;font-size:14px}.playgrid{grid-template-columns:1fr}.scene{aspect-ratio:2/1}.scene img{object-fit:cover;object-position:center}.door-overlays{padding:0 1%}.door-seal{width:27px;height:27px;font-size:12px}.door-overlays>div{padding-bottom:35px}.scene-caption{font-size:11px}.statusbar strong{font-size:14px}#timer{font-size:23px}#pause{padding:7px}#doorTabs{gap:6px}#doorTabs button{padding:9px 5px;display:block;text-align:center}.tab-text strong{font-size:12px}.tab-text small{font-size:9px}.tab-icon{font-size:18px}.puzzle-head h2{font-size:23px}.option{font-size:16px;padding:12px}#question{font-size:21px}.question-actions{gap:5px}#points{font-size:11px}.finish{padding:25px 18px}.finish h2{font-size:27px}.finish-stats{grid-template-columns:1fr 1fr}.finish .truth{font-size:18px}.screen-mode .scene{aspect-ratio:2.5/1}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.door-overlays{padding:0 10%}@media(max-width:600px){.scene{aspect-ratio:3/1}.door-overlays{padding:0 10%}.scene-caption{bottom:3px;font-size:9px}.door-overlays>div{padding-bottom:22px}.door-seal{width:23px;height:23px}.screen-mode .scene{aspect-ratio:3/1}}