:root{--bg:#0f1419;--card:#1a222c;--gold:#2ec4b6;--gold2:#7fe3d8;--mut:#9aa7b4;--ink:#f2f5f7;--line:#2ec4b640;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;margin:0;padding:0;font-family:Tajawal,sans-serif}html{height:100%}body{background:radial-gradient(1200px 600px at 80% -10%,#1d2a36 0%,var(--bg) 55%);color:var(--ink);min-height:100%;line-height:1.7}a{color:inherit;cursor:pointer;text-decoration:none}.topbar{z-index:90;background:#070b0f;align-items:center;gap:10px;padding:8px 16px;display:flex;position:sticky;top:0}.topbar b{color:#fff;font-size:13px}.mode{background:#141b23;border-radius:99px;gap:4px;margin-inline-start:auto;padding:3px;display:flex}.mode button{color:#9aa7b4;cursor:pointer;background:0;border:0;border-radius:99px;padding:7px 16px;font-size:13px;font-weight:800}.mode button.on{background:var(--gold);color:#04211e}.pick{color:var(--mut);align-items:center;gap:8px;font-size:12.5px;display:flex}select,input,textarea{border:1.5px solid var(--line);color:var(--ink);background:#10161d;border-radius:10px;padding:8px 11px;font-family:inherit;font-size:13.5px}header.site{border-bottom:1px solid var(--line);background:#0f1419e6;padding:12px 20px}.hd{justify-content:space-between;align-items:center;gap:14px;max-width:1180px;margin:auto;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand .ic{background:linear-gradient(135deg,var(--gold2),var(--gold));border-radius:10px;place-items:center;width:38px;height:38px;font-size:19px;display:grid}.brand b{font-size:15px;font-weight:900;display:block}.brand small{color:var(--mut);font-size:11px}nav.site{gap:3px;display:flex}nav.site a{color:var(--mut);border-radius:99px;padding:7px 12px;font-size:13px;font-weight:700}main{max-width:1180px;margin:auto;padding:22px 20px 60px}.hero{border:1px solid var(--line);border-radius:26px;min-height:400px;position:relative;overflow:hidden}.hero .bgimg{background-color:#141b23;background-position:50%;background-size:cover;position:absolute;inset:0}.hero .overlay{background:linear-gradient(#070b0f1a 0%,#070b0f8c 55%,#070b0feb 100%);padding:34px;display:flex;position:absolute;inset:0}.hero .txt{align-self:flex-end;max-width:620px}.hero.v-top .txt{align-self:flex-start}.hero.v-center .txt{align-self:center}.hero.h-center .overlay{text-align:center;justify-content:center}.hero.h-left .overlay{justify-content:flex-end}.hero.h-right .overlay{justify-content:flex-start}.eyebrow{color:var(--gold2);text-shadow:0 2px 10px #0009;font-size:13px;font-weight:800}.hero h1{color:#fff;text-shadow:0 2px 14px #000000b3;margin:8px 0 6px;font-size:36px;font-weight:900}.sub{color:var(--gold2);text-shadow:0 2px 10px #0009;margin-bottom:10px;font-size:14px;font-weight:700}.hero p{color:#e4eaee;text-shadow:0 2px 10px #0009;font-size:14.5px}.hero .meta div{color:#d8e0e6}.hero .meta b{color:#fff}.meta{flex-wrap:wrap;gap:20px;margin-top:16px;display:flex}.meta div{color:var(--mut);font-size:12.5px}.meta b{color:var(--ink);font-size:14px;display:block}.actions{grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0;display:grid}.act{background:var(--card);border:1px solid var(--line);text-align:center;border-radius:16px;padding:16px}.act.on{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#04211e}.act .em{font-size:22px}.act h4{margin:6px 0 2px;font-size:14.5px}.act p{opacity:.8;font-size:11.5px}.player{background:var(--card);border:1px solid var(--line);border-radius:18px;align-items:center;gap:14px;margin-bottom:26px;padding:14px 18px;display:flex}.pbtn{background:linear-gradient(135deg,var(--gold2),var(--gold));cursor:pointer;border:0;border-radius:50%;flex:none;width:46px;height:46px;font-size:17px}.pbar{flex:1}.pbar .tt{color:var(--mut);justify-content:space-between;margin-bottom:5px;font-size:11.5px;display:flex}.rng{width:100%;accent-color:var(--gold)}h2{align-items:center;gap:10px;margin:32px 0 14px;font-size:21px;font-weight:900;display:flex}h2:before,h2:after{content:"";background:var(--line);flex:1;height:1px}.scenes{grid-template-columns:repeat(6,1fr);gap:12px;display:grid}@media (width<=900px){.scenes{grid-template-columns:repeat(3,1fr)}.hero,.actions,.two{grid-template-columns:1fr}}.sc{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden}.sc .im{aspect-ratio:3/4;background-position:50%;background-size:cover;position:relative}.sc .num{background:var(--gold);color:#04211e;border-radius:50%;place-items:center;width:23px;height:23px;font-size:11px;font-weight:900;display:grid;position:absolute;top:7px;right:7px}.sc h5{text-align:center;padding:7px;font-size:12px;font-weight:700}.masterbox{border:1px solid var(--line);background:#070b0f;border-radius:18px;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.masterbox img{object-fit:contain;width:100%;height:100%}.two{grid-template-columns:1fr 1fr;gap:18px;margin-top:8px;display:grid}.box{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px}.box h3{margin-bottom:8px;font-size:17px}.box p{color:var(--mut);font-size:13.5px}.box .li{color:var(--gold2);margin:5px 0;font-size:13px}.btn{cursor:pointer;border:0;border-radius:12px;align-items:center;gap:7px;margin-top:10px;padding:10px 18px;font-size:13.5px;font-weight:800;display:inline-flex}.b-gold{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#04211e}.vwrap{background:#000;border-radius:14px;justify-content:center;align-items:center;margin:0 auto 8px;display:flex;overflow:hidden}.vwrap.land{aspect-ratio:16/9;width:100%}.vwrap.port{aspect-ratio:9/16;max-width:320px}.vwrap video{object-fit:contain;background:#000;width:100%;height:100%}.vwrap span{color:var(--mut);font-size:13px}.rail{gap:14px;padding:4px 2px 10px;display:flex;overflow-x:auto}.rc{background:var(--card);border:1px solid var(--line);border-radius:14px;flex:0 0 190px;position:relative;overflow:hidden}.rc .im{aspect-ratio:1;background-color:#1d2a36;background-position:50%;background-size:cover;position:relative}.pvbtn{color:var(--gold2);border:1px solid var(--line);cursor:pointer;background:#070b0fbf;border-radius:99px;padding:4px 9px;font-size:10.5px;position:absolute;bottom:7px;left:7px}.rc .chip{background:var(--gold);color:#04211e;border-radius:99px;padding:3px 8px;font-size:10px;font-weight:800;position:absolute;top:7px;right:7px}.rc h5{padding:9px 9px 2px;font-size:12.5px;font-weight:800}.rc small{color:var(--mut);padding:0 9px 9px;font-size:11px;display:block}footer{text-align:center;color:var(--mut);border-top:1px solid var(--line);padding:26px 20px;font-size:11.5px}.gate{background:var(--card);border:1px dashed var(--gold);text-align:center;color:var(--mut);border-radius:16px;margin-bottom:22px;padding:16px 20px;font-size:13px}.apanel{max-width:880px;margin:20px auto;padding:0 20px 60px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;margin-bottom:16px;padding:18px}.card h3{color:var(--gold2);margin-bottom:12px;font-size:15px}.fg{margin-bottom:10px}.fg label{color:var(--mut);margin-bottom:4px;font-size:12px;font-weight:700;display:block}.fg input,.fg textarea,.fg select{width:100%}.row2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.row3{grid-template-columns:1fr 1fr 1fr;gap:10px;display:grid}.up{align-items:center;gap:10px;display:flex}.up img{object-fit:cover;background:#000;border-radius:8px;width:56px;height:56px}.seg2{gap:8px;display:flex}.seg2 label{border:1.5px solid var(--line);text-align:center;cursor:pointer;border-radius:10px;flex:1;padding:8px;font-size:12.5px;font-weight:700}.seg2 input{display:none}.seg2 label:has(input:checked){border-color:var(--gold);color:var(--gold2);background:#2ec4b626}.srow{border:1px solid var(--line);background:#10161d;border-radius:10px;align-items:center;gap:8px;margin-bottom:6px;padding:7px;display:flex}.srow img{object-fit:cover;border-radius:6px;flex:none;width:40px;height:40px}.srow input[type=text]{flex:1}.clip-media{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.toast{bottom:calc(18px + env(safe-area-inset-bottom,0px));background:var(--gold);color:#04211e;z-index:200;border-radius:99px;padding:10px 20px;font-size:13px;font-weight:800;display:none;position:fixed;left:50%;transform:translate(-50%)}.note{border:1px solid var(--line);color:var(--gold2);background:#2ec4b61a;border-radius:10px;margin-bottom:12px;padding:8px 12px;font-size:12px}.b-gray{color:#e6edf2;background:#26313d}.chip2{background:var(--gold);color:#04211e;border-radius:99px;padding:3px 8px;font-size:10px;font-weight:800;position:absolute;top:7px;right:7px}[x-cloak]{display:none!important}.topbar .btn{margin-top:0;padding:7px 12px;font-size:12px}.btnrow{flex-wrap:wrap;gap:8px;display:flex}.btnrow .btn{margin-top:0}.b-danger{color:#ffb4b4;background:#3a2226}.login,.empty{max-width:460px;margin:36px auto}.overlay-read{z-index:99;background:#070a0ed9;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.overlay-read .box{width:min(680px,100%);max-width:680px;max-height:82vh;overflow:auto}.fulltext{white-space:pre-line;font-size:15px;line-height:2}.busybar{bottom:calc(72px + env(safe-area-inset-bottom,0px));z-index:210;color:var(--gold2);border:1px solid var(--line);background:#12312e;border-radius:99px;align-items:center;gap:10px;max-width:min(560px,100% - 24px);padding:10px 16px;font-size:13px;font-weight:800;display:flex;position:fixed;left:50%;transform:translate(-50%)}.busybar b{font-variant-numeric:tabular-nums;color:#fff;text-align:center;background:#070b0f;border-radius:99px;min-width:64px;padding:2px 10px}.spin{border:2px solid #7fe3d859;border-top-color:var(--gold2);border-radius:50%;flex:none;width:14px;height:14px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.btn:disabled,input:disabled,label.is-busy{opacity:.55;cursor:not-allowed}label.is-busy{pointer-events:none}.toast{text-align:center;max-width:min(520px,100% - 24px);line-height:1.6;display:block}.toast.success{background:var(--gold);color:#04211e}.toast.error{color:#ffd0d0;background:#3a2226;border:1px solid #8a3d45}.toast.info{color:var(--gold2);border:1px solid var(--line);background:#1a222c}@media (width<=900px){body{overflow-x:hidden}.topbar{flex-wrap:wrap;align-items:center}.mode{margin-inline-start:0}.pick{flex:180px;min-width:0}.pick select{min-width:0;max-width:100%}.hd{flex-wrap:wrap}nav.site{width:100%;overflow-x:auto}.hero h1{font-size:28px}.hero .overlay{padding:18px}.row2,.row3{grid-template-columns:1fr}.seg2{flex-direction:column}.srow{flex-wrap:wrap}.srow input[type=text],.srow input[type=file]{flex:160px;min-width:0;max-width:100%}.up{flex-wrap:wrap}}@media (width<=560px){.scenes{grid-template-columns:repeat(2,1fr)}main,.apanel{padding-left:12px;padding-right:12px}.hero{border-radius:16px}.hero h1{font-size:24px}.topbar{padding:8px 10px}.topbar .btn,.mode button{padding:7px 10px;font-size:12px}}