@import"https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&display=swap";:root{font-family:Cairo,system-ui,sans-serif;color:#f7f2ec;background:#101012;direction:rtl}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 15% 0%,#3b1c20 0,#141316 38%,#0c0d0f);min-height:100vh;overscroll-behavior-y:none}.shell{max-width:1560px;margin:auto;padding:max(16px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) calc(34px + env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))}.topbar{height:66px;display:flex;align-items:center;gap:24px;border-bottom:1px solid #ffffff16}.brand{display:flex;align-items:center;gap:10px;margin-left:auto}.brand-mark{font-size:28px;color:#ffb048}.brand strong{display:block;font-size:16px}.brand small{display:block;color:#9b969a;font-size:11px}.live-pill{background:#302326;border:1px solid #714048;border-radius:22px;padding:7px 14px;color:#ff6a68;font-size:12px}.live-pill i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ff5156;margin-left:5px}.live-pill b{font-size:15px;margin:0 3px}.top-actions{display:flex;gap:8px}.ghost,.icon-btn{background:#ffffff0d;border:1px solid #ffffff1a;color:#eee;border-radius:10px;padding:9px 13px;font-family:inherit;cursor:pointer;min-height:42px;touch-action:manipulation}.stage{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:18px;margin-top:18px;direction:ltr}.player-card,.side-panel,.director-bar{background:#161619d9;border:1px solid #ffffff14;box-shadow:0 20px 60px #0008;border-radius:18px;overflow:hidden}.player-card{direction:rtl}.scene-label{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-size:12px;color:#aaa}.scene-label em{color:#f5ba67;font-style:normal}.player-card video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#050506}.player-card .twitch-embed{display:block;width:100%;aspect-ratio:16 / 9;border:0;background:#050506}.player-footer{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;color:#8f8a90;font-size:11px}.side-panel{direction:rtl;display:flex;flex-direction:column;min-height:100%}.panel-tabs{display:flex;border-bottom:1px solid #ffffff12}.tab{flex:1;border:0;background:transparent;color:#8e898f;font:600 14px Cairo;padding:13px;cursor:pointer}.tab.active{color:#fff;border-bottom:2px solid #ff665f}@media(min-width:621px){.panel-tabs{display:none}}.viewer-status{font-size:11px;color:#8f8a90;transition:color .2s ease}.viewer-status.healthy{color:#6fd39a}.viewer-status.degraded{color:#ff8f88}.vote-empty{margin:0;padding:14px 12px;color:#8e898f;font-size:13px}.choice[data-voted=true]{cursor:default}.choice.selected{border-color:#ff665f}[hidden]{display:none!important}.chat{padding:12px;flex:1;min-height:270px;max-height:430px;overflow:auto}.chat-msg{background:#25252b;border:1px solid #ffffff0b;border-radius:12px;padding:9px 11px;margin-bottom:9px;font-size:12px}.chat-msg.accent{background:#39273d}.chat-msg.system{background:#3b2724;color:#ffd09a}.chat-msg.mine{background:#243a3c}.chat-msg time{float:left;color:#858087;font-size:10px}.chat-msg p{margin:3px 0 0;color:#e4e0e3;line-height:1.6}.chat-msg small{color:#d5b28e}.vote-box{padding:13px;border-top:1px solid #ffffff12}.vote-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:13px}.vote-heading small{color:#ff8e80;font-size:10px}.choice{width:100%;display:flex;align-items:center;gap:9px;background:#222227;color:#eee;border:1px solid #ffffff12;border-radius:10px;padding:9px;margin:6px 0;text-align:right;font:12px Cairo;cursor:pointer;min-height:48px;touch-action:manipulation}.choice:hover{border-color:#ff675f;background:#30272a}.choice.selected{border-color:#ff776a;background:linear-gradient(90deg,#42272a,#282126);box-shadow:0 0 0 1px #ff776a33 inset}.choice:disabled{opacity:.7;cursor:not-allowed}.choice b{background:#ff675f;color:#fff;border-radius:7px;padding:2px 8px}.choice span{flex:1}.choice strong{color:#ffb169;font-size:11px}.chat-input{display:flex;padding:12px;border-top:1px solid #ffffff12;gap:7px}.chat-input input{min-width:0;flex:1;background:#0f1013;border:1px solid #ffffff18;border-radius:10px;padding:9px;color:#fff;font:12px Cairo}.chat-input button,.primary{background:linear-gradient(135deg,#ff665f,#ff9a62);border:0;color:#fff;border-radius:10px;padding:9px 14px;font:700 12px Cairo;cursor:pointer;min-height:42px;touch-action:manipulation}.director-bar{margin-top:18px;padding:17px 20px;direction:rtl}.director-head{display:flex;justify-content:space-between;align-items:center}.eyebrow{color:#ff9c75;font-size:10px}.director-head h1{font-size:21px;margin:2px 0 12px}.state{border-radius:20px;padding:5px 12px;font-size:11px;background:#26352c;color:#8ce3ab}.state.idle{background:#25252a;color:#c2bdc4}.state.degraded{background:#473029;color:#ffb18c}.prompt-row{display:flex;gap:10px}.prompt-row textarea{flex:1;min-height:78px;resize:vertical;background:#0f1012;color:#e9e5e2;border:1px solid #ffffff18;border-radius:10px;padding:10px;font:12px/1.7 Cairo}.prompt-actions{display:flex;flex-direction:column;gap:7px;min-width:135px}.prompt-actions button:not(.primary){background:#25252a;color:#ddd;border:1px solid #ffffff18;border-radius:9px;font:600 11px Cairo;cursor:pointer;min-height:42px;touch-action:manipulation}.prompt-actions button:disabled{opacity:.4;cursor:not-allowed}.advanced{color:#aaa;font-size:11px;margin-top:11px}.advanced summary{cursor:pointer;color:#d5a078}.advanced label{display:block;margin-top:8px}.advanced input{display:block;width:100%;margin-top:5px;background:#0f1012;border:1px solid #ffffff18;border-radius:8px;color:#fff;padding:8px;font:11px Cairo}.advanced p{margin:6px 0}.metrics{display:flex;gap:18px;border-top:1px solid #ffffff12;margin-top:13px;padding-top:11px;color:#858189;font-size:10px}.metrics b{display:block;color:#e8e1df;font-size:12px;margin-top:2px}.minimal .side-panel,.minimal .director-bar{display:none}.minimal .stage{display:block}.minimal .player-card{max-width:1100px;margin:auto}@media(max-width:980px){.stage{grid-template-columns:1fr}.side-panel{min-height:500px}.chat{max-height:260px}.top-actions{display:none}.player-footer{align-items:flex-start;gap:10px}.reactions{flex-wrap:wrap;justify-content:flex-end}}@media(max-width:620px){.shell{padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) calc(18px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}.topbar{height:auto;min-height:58px;gap:6px;flex-wrap:wrap;padding:8px 0}.live-pill{font-size:10px;padding:5px 8px}.brand strong{font-size:13px}.brand small{font-size:10px}.live-pill{margin-right:auto}.stage{gap:10px;margin-top:10px}.player-card,.side-panel,.director-bar{border-radius:14px}.scene-label{height:40px;padding:0 12px;font-size:10px}.player-footer{display:block;padding:9px 10px 10px}.player-footer>span{display:block;margin-bottom:8px;line-height:1.5}.reactions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.reactions button{width:100%;min-height:42px;padding:5px 3px;font-size:10px}.side-panel{min-height:0}.chat{min-height:210px;max-height:300px}.side-panel.mobile-chat .vote-box{display:none}.side-panel:not(.mobile-chat) .chat,.side-panel:not(.mobile-chat) .chat-input{display:none}.choice{min-height:54px;padding:10px}.chat-input{padding:10px;padding-bottom:max(10px,env(safe-area-inset-bottom))}.chat-input input{min-height:42px;font-size:14px}.chat-input button{min-width:64px}.prompt-row{display:block}.prompt-actions{display:grid;grid-template-columns:1fr 1fr 1fr;margin-top:8px}.metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.player-footer{font-size:10px}}@media(max-width:390px){.brand strong{font-size:12px}.live-pill{font-size:9px;padding-inline:6px}.live-pill b{font-size:12px}.reactions button{font-size:9px}}.reactions{display:flex;align-items:center;gap:5px}.reactions button{background:#ffffff0b;border:1px solid #ffffff12;color:#ddd;border-radius:8px;padding:5px 7px;font:10px Cairo;cursor:pointer;min-height:40px;touch-action:manipulation}.reactions button:hover,.reactions button.reacted{border-color:#ff7368;color:#ffb08d;background:#392529}.ad-banner{display:flex;align-items:center;gap:14px;padding:9px 14px;margin-bottom:10px;border:1px solid #7e5b35;border-radius:12px;background:linear-gradient(90deg,#352518,#241b20);color:#f2c58b;font-size:12px}.ad-banner small{color:#b8a7a0;flex:1}.ad-banner button,.ad-buy{background:#e6a04d;color:#26180e;border:0;border-radius:8px;padding:7px 11px;font:700 11px Cairo;cursor:pointer;min-height:40px;touch-action:manipulation}.ad-buy{margin-right:0}.minimal .ad-banner{display:none}.nav-links{display:flex;gap:18px;margin-right:auto;order:2}.nav-links a{color:#aaa2a5;font-size:12px;text-decoration:none}.nav-links a:hover{color:#ffb048}.hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);gap:28px;align-items:center;padding:58px 20px 48px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;width:420px;height:420px;left:-140px;top:-120px;background:radial-gradient(circle,#7b3a3b55,transparent 68%);pointer-events:none}.hero-copy{position:relative;z-index:1}.hero-kicker{color:#ffb048;font-size:12px}.hero h1{font-size:clamp(30px,4vw,58px);line-height:1.25;margin:12px 0;letter-spacing:-.8px}.hero h1 span{color:#ff8b79}.hero-copy p{color:#b8afb0;max-width:580px;font-size:15px;line-height:1.9}.hero-actions{display:flex;gap:10px;margin-top:22px}.hero-actions button{min-height:48px;padding-inline:22px}.hero-outline{background:transparent;color:#f7f2ec;border:1px solid #ffffff30;border-radius:10px;font:700 12px Cairo;cursor:pointer}.hero-proof{display:flex;gap:18px;color:#8f888c;font-size:11px;margin-top:24px;flex-wrap:wrap}.hero-card{background:linear-gradient(145deg,#342224,#18171b);border:1px solid #ffffff1c;border-radius:18px;padding:24px;min-height:190px;box-shadow:0 25px 70px #0008}.hero-live{display:inline-block;color:#ff6c6c;font-size:11px;margin-bottom:45px}.hero-card strong{display:block;font-size:22px}.hero-card p{color:#bdb2b1;font-size:12px;line-height:1.7}.hero-signal{display:flex;align-items:flex-end;gap:4px;height:30px;margin-top:15px}.hero-signal i{width:5px;border-radius:4px;background:#ff806e;animation:signal 1.1s ease-in-out infinite alternate}.hero-signal i:nth-child(1){height:10px}.hero-signal i:nth-child(2){height:19px;animation-delay:.15s}.hero-signal i:nth-child(3){height:28px;animation-delay:.3s}.hero-signal i:nth-child(4){height:16px;animation-delay:.45s}.hero-signal i:nth-child(5){height:23px;animation-delay:.6s}.hero-signal small{color:#91868a;margin-right:8px;font-size:10px}@keyframes signal{to{opacity:.45;transform:scaleY(.55)}}.story-strip{display:flex;align-items:center;gap:14px;padding:13px 16px;margin-top:18px;background:#19181c;border:1px solid #ffffff14;border-radius:14px;color:#bdb4b4;font-size:11px;overflow:auto;white-space:nowrap}.story-strip span{padding-left:14px;border-left:1px solid #ffffff18}.story-strip span:last-child{border-left:0}.story-strip b{color:#f5ba67;margin-left:5px}.story-strip small{color:#857d82}.story-strip .question{color:#ff9b85}.info-section,.universe-section{padding:58px 20px 10px}.info-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;align-items:start}.info-section h2,.universe-section h2{font-size:30px;margin:5px 0 10px}.info-section p,.universe-section p{color:#a9a0a2;line-height:1.8;font-size:13px}.steps,.universe-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.steps article,.universe-grid article{background:#18181c;border:1px solid #ffffff12;border-radius:14px;padding:16px}.steps article>b{color:#ff8a78;font-size:24px}.steps h3{margin:8px 0 0;font-size:15px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:16px}.section-heading>span{color:#887f83;font-size:11px}.universe-grid{grid-template-columns:repeat(4,1fr)}.universe-grid article{min-height:130px;background:linear-gradient(145deg,#241b1d,#17171b)}.universe-grid article>span{color:#ffb048;font-size:11px}.universe-grid strong{display:block;margin-top:6px;font-size:17px}@media(max-width:620px){.ad-banner small{display:none}.ad-banner{justify-content:space-between}.nav-links{display:none}.hero{display:block;padding:38px 8px 28px}.hero h1{font-size:32px}.hero-copy p{font-size:13px}.hero-card{margin-top:22px;min-height:150px}.hero-live{margin-bottom:25px}.hero-proof{gap:10px}.story-strip{margin-top:10px;border-radius:12px}.info-section{display:block;padding:38px 8px 0}.steps{grid-template-columns:1fr;margin-top:18px}.universe-section{padding:38px 8px 0}.universe-grid{grid-template-columns:repeat(2,1fr)}.section-heading{display:block}.section-heading>span{display:block;margin-top:6px}}