:root{--bg:#090d17;--panel:#111725;--panel2:#151e2e;--panel3:#1b2739;--stroke:#293347;--light:#eef0f5;--muted:#a6adbf;--gold:#dbb787;--red:#bb4b60;--teal:#70b9bc;--good:#8dd4aa;--shadow:0 15px 55px rgba(0,0,0,.25)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--light);font-family:"Noto Kufi Arabic","Noto Sans Arabic",Tahoma,Arial,sans-serif;line-height:1.75}button,input,textarea,select{font-family:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{text-decoration:none;color:inherit}input,textarea{outline:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:3px}::selection{background:#665337;color:white}
#appShell{display:flex;min-height:100vh}.sidebar{width:258px;min-width:258px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;background:#0d1220;border-left:1px solid #222a39;padding:24px 15px}.brand{display:flex;align-items:center;gap:12px;padding:0 9px}.brand strong,.top-brand b{font-family:Arial,sans-serif;letter-spacing:2.1px;font-size:20px}.brand small{display:block;color:var(--gold);font-size:9px;letter-spacing:3px;font-family:Arial,sans-serif}.brand-mark{display:inline-flex;width:43px;height:43px;align-items:center;justify-content:center;font-size:32px;color:var(--gold);border:1px solid #987e60;border-radius:14px}.sidebar-strap{font:9px/1.5 Arial;letter-spacing:1.3px;color:#8893a9;white-space:nowrap;text-align:center;margin:18px -6px 29px}.side-group{font-size:10px;color:#777f91;letter-spacing:1px;padding:6px 17px;margin:13px 0 3px}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 15px;border-radius:12px;color:#aab2c3;transition:background .2s}.nav-item:hover{background:#1b2332;color:white}.nav-item.active{background:#292d34;color:#f3d5ac;border:1px solid #5c4b3b}.nav-icon{width:25px;text-align:center;font-size:20px}.sidebar-foot{margin-top:auto;border-top:1px solid var(--stroke);padding:15px 9px 0;font-size:11px;color:var(--muted)}.sidebar-foot small{display:block}.online-dot{display:inline-block;background:#7fc29a;width:7px;height:7px;border-radius:50%;margin-left:5px}
.pageframe{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{z-index:8;position:sticky;top:0;height:76px;display:flex;align-items:center;gap:16px;padding:0 30px;background:rgba(10,14,23,.92);backdrop-filter:blur(20px);border-bottom:1px solid #293141}.top-brand{display:none}.top-search{display:flex;align-items:center;gap:9px;min-width:220px;max-width:550px;width:100%;border:1px solid #303749;background:#171d2a;border-radius:14px;padding:9px 14px;color:#909aae}.top-search>span{font-size:25px;line-height:1}.top-search input{border:0;background:transparent;color:white;width:100%;font-size:13px}.top-search input::placeholder{color:#858c9e}.top-actions{margin-right:auto;display:flex;gap:9px;white-space:nowrap}.icon-btn{height:41px;min-width:41px;background:#1b2331;color:#e9dbca;border:1px solid #384153;border-radius:12px;font-size:21px}.install-btn,.btn-primary{border:1px solid #c9a271;background:#dbb787;color:#181716;border-radius:12px;padding:10px 16px;font-weight:800;font-size:12px}.btn-primary:hover,.install-btn:hover{background:#eed0a7}.btn-outline{background:#1b2230;border:1px solid #4b5568;color:#f3f4f6;border-radius:12px;padding:10px 16px;font-weight:650;font-size:12px}.btn-outline:hover{background:#263146}.btn-quiet{background:none;border:none;color:#d2b58c;padding:8px 5px;font-weight:700}.btn-sm{padding:8px 12px;font-size:11px}.btn-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.btn-row button,.btn-row a{max-width:100%}.btn-row .grow{flex:1}
main{width:100%;max-width:1450px;margin:0 auto;flex:1;padding:27px 30px 70px}.main-footer{display:flex;justify-content:space-between;gap:16px;padding:21px 30px;border-top:1px solid var(--stroke);color:#79849b;font-size:10px}.main-footer span:first-child{font-family:Arial,sans-serif;letter-spacing:1.2px}.eyebrow{font:700 11px Arial;letter-spacing:2px;color:var(--gold);text-transform:uppercase}.page-title{font-size:clamp(24px,3vw,40px);margin:4px 0 8px;line-height:1.4}.subline{color:var(--muted);font-size:13px;max-width:850px}.muted{color:var(--muted)}.tiny{font-size:11px}.small{font-size:12px}.hint{font-size:12px;color:#b1bbc9}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:28px 0 13px}.section-title h2{font-size:18px;margin:0}.section-title a{color:var(--gold);font-size:12px}.label{display:inline-block;font-size:10px;border:1px solid #685440;color:#e2c69d;background:rgba(120,90,50,.25);border-radius:50px;padding:2px 11px}.label.green{color:#a4e8b9;border-color:#52725c;background:#1e352c}.label.gray{border-color:#445064;color:#9ca7b8;background:#253044}.pill{border:1px solid #3c4759;border-radius:50px;padding:6px 11px;color:#c2c9d6;font-size:11px}.notice{padding:13px 17px;background:#20232d;border:1px solid #6a5140;color:#f0d5b5;border-radius:13px;font-size:12px}.notice.info{background:#132333;border-color:#30536c;color:#b1d6e3}.notice.good{background:#172b27;border-color:#315e4e;color:#a0ddc1}
.hero{position:relative;overflow:hidden;min-height:460px;display:flex;align-items:flex-end;background:url('media/gate-poster.webp') center 43%/cover;border:1px solid #3d3440;border-radius:23px;box-shadow:var(--shadow)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,11,18,.14),rgba(7,9,17,.84)),linear-gradient(0deg,rgba(8,9,17,.95),transparent 80%)}.hero-content{position:relative;max-width:640px;padding:45px 38px;z-index:1}.hero h1{font-size:clamp(29px,4.7vw,56px);line-height:1.35;margin:10px 0 10px}.hero p{color:#d2d6df;font-size:14px;max-width:550px}.hero-copy{font:11px Arial;letter-spacing:1.5px;color:#dfc7a2;margin:9px 0}.hero .badge-line{display:flex;gap:9px;flex-wrap:wrap}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin:18px 0}.stat{background:var(--panel);border:1px solid var(--stroke);border-radius:14px;padding:14px 17px}.stat b{font-size:25px;color:#f6e1c2}.stat span{display:block;color:var(--muted);font-size:11px}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.media-card{overflow:hidden;background:#141a28;border:1px solid #2f3748;border-radius:16px;transition:transform .2s,border-color .2s;cursor:pointer;display:flex;flex-direction:column}.media-card:hover{transform:translateY(-3px);border-color:#937654}.media-cover{height:174px;background:#161b2b;position:relative;overflow:hidden}.media-cover img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.86)}.media-cover:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#111622)}.card-status{position:absolute;z-index:1;top:11px;right:11px}.media-body{padding:14px 15px 16px;flex:1}.media-body h3{font-size:16px;line-height:1.4;margin:3px 0}.media-body p{font-size:11px;color:var(--muted);margin:6px 0;min-height:40px}.card-bottom{display:flex;justify-content:space-between;align-items:center;gap:6px;color:#d8be96;font-size:11px;margin-top:10px}.mini-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:11px;color:#aeb9cb}
.detail-head{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(270px,1fr);gap:22px;align-items:center}.detail-art{width:100%;border-radius:17px;border:1px solid #5a4c4c;aspect-ratio:16/9;object-fit:cover}.detail-head h1{font-size:clamp(27px,4vw,46px);margin:7px 0}.detail-copy{color:#c8d0dd;font-size:13px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.panel{background:var(--panel);border:1px solid var(--stroke);border-radius:16px;padding:20px}.panel h3{margin:0 0 8px;font-size:17px}.panel p{margin:6px 0;font-size:12px;color:#b8c3d1}.panel ul{padding-right:20px;color:#b8c3d1;font-size:12px}.panel li{margin-bottom:8px}.timeline{border-right:2px solid #62523e;margin-right:10px;padding:0 18px 0 0}.timeline-item{position:relative;margin:0 0 17px;padding:0 0 7px}.timeline-item:before{position:absolute;content:"";right:-25px;top:8px;width:11px;height:11px;border-radius:50%;background:var(--gold)}
.video-shell{background:#04070b;border:1px solid #4b4450;border-radius:14px;overflow:hidden}.video-shell video{display:block;width:100%;max-height:65vh;background:#05070b;aspect-ratio:16/9}.player-controls{display:flex;gap:9px;flex-wrap:wrap;align-items:center;padding:10px;background:#141a27}.player-controls small{color:var(--muted);margin-inline-start:auto}.range-row{display:flex;align-items:center;gap:13px;margin:12px 0}.range-row label{font-size:12px;min-width:100px}.range-row input[type=range]{width:100%;accent-color:var(--gold)}.range-row output{font:600 12px Arial;min-width:46px;direction:ltr}.clip-preview{background:#192231;border:1px solid #35415a;padding:16px;border-radius:12px}.tabstrip{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}.tab{border:1px solid #38445a;background:#1a2433;color:#d9dfec;border-radius:30px;padding:8px 16px;font-size:12px}.tab.active{background:#63513c;color:#fff1dc;border-color:#9c815e}.atlas-hero{background:linear-gradient(140deg,#1d2d3d,#15131d);padding:25px;border:1px solid #425069;border-radius:19px}.tree-root{border:1px solid #ae885d;background:#302a2c;padding:16px;border-radius:14px;text-align:center;max-width:480px;margin:0 auto}.tree-branch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:23px;position:relative}.tree-branch:before{content:"";width:1px;height:22px;background:#8a7456;position:absolute;top:-22px;right:50%}.tree-leaf{padding:15px;background:#18202e;border:1px solid #3b4757;border-radius:14px;min-height:106px}.tree-leaf button{background:none;border:0;padding:0;color:#e4c298;text-align:right;font-weight:bold;font-size:13px}.tree-leaf p{font-size:11px;color:var(--muted);margin:3px 0}.tree-leaf .tag{font-size:10px;color:#7fb8c9}.vote-option{border:1px solid #3a4458;background:#1b2230;padding:15px;border-radius:13px;margin:8px 0;display:flex;align-items:center;gap:12px;cursor:pointer}.vote-option:has(input:checked){border-color:var(--gold);background:#282837}.vote-option input{accent-color:var(--gold)}.progress-bar{height:8px;border-radius:20px;background:#313c4d;overflow:hidden}.progress-bar>span{height:100%;display:block;background:linear-gradient(90deg,#ad805f,#e8cda4)}.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.control{width:100%;background:#0e1522;color:#e9edf5;border:1px solid #3a4557;border-radius:12px;padding:10px 12px;margin:6px 0 14px;font-size:13px;min-height:44px}.control:focus{border-color:#b99a76}.feedback-message{min-height:140px;resize:vertical}.steps{counter-reset:step;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.step{background:var(--panel);border:1px solid var(--stroke);border-radius:14px;padding:17px}.step b{font-size:23px;color:var(--gold);font-family:Arial}.step h3{margin:6px 0}.step p{font-size:12px;color:var(--muted)}.social-card{padding:20px;background:linear-gradient(145deg,#1b2436,#0d1524);border:1px solid #35425a;border-radius:16px}.social-card h3{margin:3px 0}.social-card p{font-size:12px;color:var(--muted)}.share-panel{display:flex;flex-wrap:wrap;gap:9px}.share-panel button{border:1px solid #485468;background:#1c2938;color:#e8eff6;border-radius:10px;padding:8px 12px;font-size:11px}.share-panel button:hover{border-color:var(--gold)}.poster-small{width:100%;border-radius:14px;border:1px solid #42506a;aspect-ratio:16/9;object-fit:cover}
.toast{position:fixed;z-index:35;bottom:26px;left:25px;background:#253247;color:#faf3e8;border:1px solid #d5b58d;padding:13px 21px;border-radius:13px;max-width:380px;box-shadow:var(--shadow);font-size:12px;transform:translateY(130px);opacity:0;transition:opacity .2s,transform .2s}.toast.show{transform:translateY(0);opacity:1}.modal-shell{position:fixed;z-index:50;inset:0;background:rgba(2,4,11,.75);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;padding:20px}.modal-shell.hidden{display:none}.modal-card{position:relative;background:#141b2a;border:1px solid #667187;border-radius:20px;padding:25px;width:min(100%,580px);max-height:90vh;overflow:auto;box-shadow:var(--shadow)}.modal-x{position:absolute;top:10px;left:13px;border:0;background:#2b3545;color:white;border-radius:50%;width:31px;height:31px}.modal-card h2{padding-left:30px}.modal-card p{font-size:13px;color:#c0c7d2}.mobile-nav{display:none}.no-results{padding:38px;border:1px dashed #667080;color:#aeb9c8;text-align:center;border-radius:16px}
@media(max-width:1090px){.sidebar{width:216px;min-width:216px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{padding:0 18px}main{padding:22px 18px 70px}.hero{min-height:410px}}
@media(max-width:770px){.sidebar{display:none}.top-brand{display:flex;align-items:center;gap:7px}.top-brand b{font-size:15px}.top-brand .brand-mark{width:32px;height:32px;font-size:24px;border-radius:9px}.topbar{height:65px;padding:0 13px;gap:8px}.top-search{min-width:0;max-width:none;flex:1;padding:8px 10px}.top-search input{font-size:11px}.install-btn{display:none}.top-actions{margin-right:0}main{padding:12px 12px 110px}.main-footer{padding:12px;flex-direction:column;gap:3px;font-size:8px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:16;justify-content:space-around;background:rgba(11,17,30,.97);border-top:1px solid #364051;padding:8px 4px max(8px,env(safe-area-inset-bottom))}.mobile-nav a{color:#9faac0;flex:1;text-align:center;font-size:9px}.mobile-nav a.active{color:#ecd0a5}.mobile-nav a span{display:block;font-size:22px;line-height:1.1}.hero{min-height:480px;background-position:53% center}.hero-content{padding:30px 22px}.hero h1{font-size:30px}.hero p{font-size:12px}.stats{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.media-cover{height:112px}.media-body{padding:10px}.media-body h3{font-size:13px}.media-body p{font-size:10px;min-height:56px}.section-title h2{font-size:16px}.detail-head{grid-template-columns:1fr}.detail-art{order:-1}.feature-grid,.grid-two{grid-template-columns:1fr}.tree-branch{grid-template-columns:repeat(2,minmax(0,1fr))}.steps{grid-template-columns:1fr}.panel{padding:16px}.player-controls small{margin-inline-start:0}.toast{left:10px;right:10px;bottom:80px;max-width:none}.range-row{gap:7px}.range-row label{min-width:78px;font-size:10px}}
@media(max-width:390px){.top-brand b{display:none}.media-cover{height:98px}.hero h1{font-size:25px}.cards{gap:7px}.media-body h3{font-size:12px}.tree-branch{grid-template-columns:1fr}}


/* ONEVERSE Premium UI 2.0 — approved emblem, purple/magenta/cyan theme */
:root{--bg:#050710;--panel:#111423;--panel2:#161a2c;--panel3:#212640;--stroke:#30304e;--light:#f7f7fc;--muted:#aab0c4;--gold:#b875fd;--red:#fc5dae;--teal:#23baf7;--good:#59e4bf;--shadow:0 24px 80px rgba(0,0,0,.4)}
body{background:radial-gradient(ellipse 700px 600px at 4% 15%,rgba(96,40,165,.1),transparent 68%),radial-gradient(ellipse 800px 550px at 95% 4%,rgba(18,103,188,.1),transparent 65%),var(--bg);line-height:1.68}
#appShell{display:block}.sidebar{display:none}.pageframe{min-height:100vh;width:100%}.topbar{height:70px;background:rgba(4,6,13,.94);border-bottom:1px solid rgba(128,108,210,.22);padding:0 max(22px,calc((100vw - 1580px)/2));display:flex;gap:25px}
.premium-brand{display:flex;align-items:center;flex:0 0 auto;gap:6px;direction:ltr}.brand-emblem{height:44px;width:52px;object-fit:contain}.brand-wordmark{width:133px;height:31px;object-fit:contain}.desktop-links{display:flex;gap:20px;align-items:center;flex:0 0 auto}.desktop-links a{padding:22px 2px 18px;color:#cbd0de;font-size:12px;border-bottom:2px solid transparent;transition:.2s}.desktop-links a:hover,.desktop-links a.current{border-bottom-color:#af59ff;color:#fff}
.top-search{margin-inline-start:auto;min-width:150px;max-width:320px;border-radius:30px;background:#0f1120;border-color:#30334f}.top-actions{margin-right:0}.icon-btn{background:#14172a;border-color:#333653;color:#dcdef6}.install-btn,.btn-primary{background:linear-gradient(120deg,#a947ee,#6b52f6 54%,#168cd5);border:1px solid #b277ff;color:white;box-shadow:0 10px 26px rgba(112,67,248,.23);transition:filter .2s,transform .2s}.btn-primary:hover,.install-btn:hover{background:linear-gradient(120deg,#bd67ff,#8167ff,#29a4fc);transform:translateY(-1px)}.btn-outline{background:rgba(10,13,26,.75);border:1px solid #6c608c}.btn-outline:hover{background:#28213f}.btn-primary,.btn-outline{display:inline-flex;justify-content:center;align-items:center;gap:7px}.btn-quiet{color:#c69bff}.eyebrow,.section-title a{color:#c08bff}.section-title{margin:36px 0 16px}.section-title h2{font-size:21px}.section-title a:hover{text-decoration:underline}main{max-width:1600px;padding:21px clamp(15px,3.4vw,55px) 80px}.main-footer{border-top-color:#24263b;color:#858ca8}.label{background:#25173d;color:#dfbdff;border-color:#6b468e}.label.gray{background:#202336;color:#b7bccd;border-color:#494867}.panel,.stat{background:linear-gradient(140deg,#15182a,#0d1220);border-color:#343550}.notice{border-color:#4f3c7a;background:#211b37;color:#d6c4fa}.notice.info{background:#141d34;border-color:#344c83;color:#b1cdfb}.pill{border-color:#514773}.media-card{background:#121526;border-color:#30344f}.media-card:hover{border-color:#9363db}.card-bottom{color:#ca99fb}.media-cover img{filter:saturate(1.07)}.media-card .media-body p{color:#b4bfd3}.atlas-hero{background:linear-gradient(135deg,#1c183e,#0a1d35);border-color:#4c3a81}.tree-root{background:linear-gradient(120deg,#301b5a,#162f57);border-color:#7f55d1}.tree-branch:before{background:#8365c1}.tree-leaf{background:#161b30;border-color:#353653}.tree-leaf button{color:#c49bf8}.tree-leaf .tag{color:#7dd6ff}.tab.active{background:#4b2b76;border-color:#9b6bdf}.timeline{border-right-color:#925ae1}.timeline-item:before{background:#b887fc}.video-shell{border-color:#454075}.video-shell video{background:#050711}.player-controls{background:#111629}.range-row input[type=range]{accent-color:#a45bff}.toast{border-color:#7554a4}
.premium-home,.premium-film,.premium-atlas{width:100%}.premium-hero{min-height:530px;position:relative;display:flex;overflow:hidden;border-radius:20px;border:1px solid rgba(114,82,183,.4);background:#060817;box-shadow:0 23px 110px rgba(0,0,0,.4)}.premium-hero-art{position:absolute;inset:0;background:url('assets/premium/hero.jpg') center 40%/cover}.premium-hero-shade{position:absolute;inset:0;background:linear-gradient(270deg,rgba(4,5,15,.96) 0%,rgba(5,8,18,.88) 29%,rgba(7,8,20,.2) 77%),linear-gradient(0deg,#050710,transparent 30%)}.premium-hero-content{z-index:1;position:relative;max-width:660px;align-self:center;padding:40px clamp(20px,4vw,60px)}.premium-hero-identity{direction:ltr;display:inline-flex;align-items:center;gap:9px;color:#f6f5fc;font-family:Arial,sans-serif;font-size:16px;letter-spacing:4px;margin-bottom:26px}.premium-hero-identity img{width:64px;height:62px;object-fit:contain}.premium-hero-identity strong{display:block;font-size:10px;letter-spacing:5px;margin-top:-4px}.premium-hero-identity small{display:block;font-size:8px;letter-spacing:2.5px;color:#cba3fd}.premium-film-kicker{font:700 11px Arial;letter-spacing:1.6px;color:#bb8dff}.premium-hero h1,.film-cover-content h1{font-size:clamp(32px,4.4vw,61px);line-height:1.25;margin:10px 0}.premium-hero-content>p:not(.premium-byline){max-width:610px;font-size:15px;line-height:1.9;color:#c6c9da}.premium-pills{display:flex;gap:6px;flex-wrap:wrap;margin:13px 0}.premium-pills span{background:rgba(18,20,39,.7);border:1px solid rgba(139,104,207,.5);color:#d9c9fa;font-size:11px;border-radius:30px;padding:4px 10px}.premium-buttons{margin-top:19px}.premium-buttons a,.premium-buttons button{font-size:13px;padding:12px 18px}.premium-byline{font:10px/2 Arial;letter-spacing:2px;color:#c1b6e1;margin:17px 0 0}.premium-hero-bottom{position:absolute;bottom:18px;left:29px;z-index:1;font:10px Arial;letter-spacing:1.8px;color:#c6bbd9}
.premium-status{border:1px solid rgba(134,89,191,.35);background:rgba(30,22,52,.63);padding:11px 17px;margin:17px 0;border-radius:12px;color:#cfbfeb;font-size:12px}.premium-status strong{color:#f5edff}
.premium-wide-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.wide-tile{display:flex;gap:12px;align-items:center;background:linear-gradient(140deg,#14182a,#0d1221);border:1px solid #34334f;border-radius:15px;padding:8px;min-width:0}.wide-tile:hover{border-color:#915be8}.wide-tile img{width:110px;height:79px;object-fit:cover;border-radius:10px}.wide-tile div{min-width:0}.wide-tile span{font:9px Arial;letter-spacing:1px;color:#a889ed;display:block}.wide-tile b{display:block;font-size:12px}.wide-tile small{display:block;color:#8d9ab7;font-size:10px}
.poster-strip{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:13px;scrollbar-color:#624e86 transparent}.premium-poster{position:relative;flex:0 0 clamp(155px,15vw,215px);height:clamp(220px,22vw,305px);border:1px solid #3b395b;border-radius:14px;overflow:hidden;scroll-snap-align:start;background:#151a2b;transition:transform .2s,border-color .2s}.premium-poster:hover{transform:translateY(-4px);border-color:#c17eff}.premium-poster img{width:100%;height:100%;object-fit:cover}.poster-gradient{position:absolute;inset:auto 0 0;padding:53px 12px 12px;background:linear-gradient(0deg,rgba(4,6,17,.98),transparent)}.poster-gradient b{display:block;font-size:15px;line-height:1.45}.poster-gradient span{color:#d5baff;font-size:10px}.plan-tag{position:absolute;top:9px;right:9px;border-radius:30px;font-size:10px;padding:3px 9px;color:#e7e2ff;background:rgba(25,17,42,.87);border:1px solid #8668b8}
.category-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.category-item{display:flex;align-items:center;flex-direction:column;gap:5px;text-align:center;border:1px solid #323450;background:linear-gradient(135deg,#18172d,#0f1d30);padding:20px 10px;border-radius:13px;transition:transform .2s}.category-item:hover{transform:translateY(-3px);border-color:#936de6}.category-symbol{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:#282145;color:#bf9afa;font-size:27px}.category-item strong{font-size:14px}.category-item small{color:#aeb3ca;font-size:11px}.premium-world-panel{margin-top:30px;display:grid;grid-template-columns:1.2fr 1fr;gap:18px;align-items:center;border:1px solid #423763;border-radius:18px;overflow:hidden;background:linear-gradient(140deg,#201735,#0b2039)}.premium-world-panel>div{padding:28px 35px}.premium-world-panel h2{font-size:27px;margin:10px 0}.premium-world-panel p{font-size:13px;color:#c0c5da;line-height:2}.premium-world-panel img{width:100%;height:250px;object-fit:cover;mask-image:linear-gradient(270deg,#000,rgba(0,0,0,.65))}.premium-social-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #353655;border-radius:15px;padding:22px;background:linear-gradient(120deg,#11152a,#0e1930)}.premium-social-panel h3{font-size:19px;margin:8px 0}.premium-social-panel p{font-size:12px;color:#bec3d3;max-width:670px}.premium-projects{display:flex;gap:12px;align-items:center;flex-wrap:wrap;border:1px solid #2b2e49;border-radius:13px;margin-top:28px;padding:16px;color:#b8bfda;font-size:12px}.premium-projects strong{color:#e9eaff}.premium-projects span{background:#22213e;border-radius:9px;border:1px solid #4b3b69;padding:7px 12px;font:11px Arial}.premium-projects small{color:#8f97b8}
.premium-film-cover{min-height:440px;border:1px solid #363151;border-radius:19px;overflow:hidden;position:relative;display:flex;align-items:center}.film-cover-bg{position:absolute;inset:0;background:url('assets/premium/hero.jpg') center/cover}.film-cover-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(270deg,#050710 5%,rgba(4,6,17,.88) 38%,rgba(4,6,17,.07) 98%),linear-gradient(0deg,rgba(4,6,17,.75),transparent)}.film-cover-content{z-index:1;position:relative;max-width:680px;padding:35px clamp(23px,5vw,60px)}.film-cover-content>p{color:#ccd3e3;font-size:14px;line-height:2}.premium-tabs{display:flex;gap:9px;overflow-x:auto;scrollbar-width:thin;border-bottom:1px solid #32324a;margin:20px 0}.premium-tabs a{flex:none;padding:12px 10px;color:#c5c9d9;font-size:12px;border-bottom:2px solid transparent}.premium-tabs a:hover{color:white;border-color:#9552dd}.premium-film-body{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(220px,.7fr);gap:20px}.film-sidebar .panel{margin-bottom:15px}.premium-film .player-controls{border-radius:0}.premium-film .video-shell video{max-height:540px}.premium-film .feature-grid{gap:13px}
.atlas-intro{background:radial-gradient(ellipse at 80% 80%,rgba(113,51,210,.18),transparent 65%),linear-gradient(100deg,#17122f,#111a2d);border:1px solid #3f3462;border-radius:17px;padding:30px 33px}.atlas-intro h1{font-size:clamp(31px,4vw,48px);margin:8px 0}.atlas-intro h1 em{font-style:normal;color:#bb8eff}.atlas-intro p{color:#bcc6d9;font-size:14px;max-width:760px}.atlas-cats{display:flex;gap:9px;overflow-x:auto;margin:20px 0;padding-bottom:7px}.atlas-cats a{flex:none;border:1px solid #3b3658;border-radius:25px;padding:9px 17px;background:#151528;color:#dcd9ee;font-size:12px}.atlas-cats a:hover{border-color:#9469e3}.atlas-overview{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(260px,.9fr);gap:17px}.atlas-map{position:relative;min-height:340px;background:radial-gradient(circle at 30% 43%,#1f2b55,#0b1128 69%);border:1px solid #455174;border-radius:16px;overflow:hidden}.atlas-map .map-grid{position:absolute;inset:0;background-image:linear-gradient(#24416533 1px,transparent 1px),linear-gradient(90deg,#24416533 1px,transparent 1px);background-size:35px 35px;opacity:.4}.atlas-map svg{position:absolute;inset:0;width:100%;height:100%}.map-pin{position:absolute;z-index:1;border:1px solid #8768b5;background:#221b49dd;border-radius:12px;color:#faf7ff;padding:4px 11px;font-size:11px}.pin1{top:31%;left:63%}.pin2{top:48%;left:46%}.pin3{top:67%;left:28%}.pin4{top:29%;left:20%}.map-note{position:absolute;bottom:12px;right:15px;color:#b4accf;font-size:10px}.atlas-highlight{border:1px solid #3b3856;background:linear-gradient(155deg,#16172c,#101b2c);border-radius:16px;overflow:hidden;padding:0 15px 16px}.atlas-highlight img{width:calc(100% + 30px);height:150px;object-fit:cover;display:block;margin:0 -15px 16px}.atlas-highlight h3{margin:10px 0;font-size:20px}.atlas-highlight p{font-size:12px;color:#c1c3d8}.premium-atlas .tree-root{max-width:540px}.premium-atlas .tree-branch{margin-top:25px}
@media(max-width:1240px){.desktop-links{gap:10px}.desktop-links a{font-size:11px}.brand-wordmark{width:112px}.topbar{gap:14px}.top-search{max-width:245px}.premium-wide-tiles{grid-template-columns:1fr 1fr}.premium-wide-tiles .wide-tile:last-child{grid-column:span 2}}
@media(max-width:980px){.desktop-links{display:none}.top-search{max-width:none}.premium-film-body{grid-template-columns:1fr}.film-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:12px}.premium-world-panel h2{font-size:22px}.premium-wide-tiles{grid-template-columns:1fr 1fr}.atlas-overview{grid-template-columns:1fr}.atlas-highlight{display:grid;grid-template-columns:190px 1fr;gap:8px;align-items:start}.atlas-highlight img{grid-row:span 4;width:190px;height:160px;margin:0 10px 0 0}.atlas-highlight .btn-outline{width:max-content}}
@media(max-width:680px){body{font-size:13px}.topbar{height:61px;padding:0 12px;gap:8px}.premium-brand{gap:0}.brand-emblem{width:46px;height:43px}.brand-wordmark{width:104px;height:27px}.top-search{min-width:0;padding:6px 10px;max-width:145px}.top-search input{font-size:10px}.top-actions{gap:5px}.icon-btn{height:37px;min-width:32px;font-size:17px}.install-btn{font-size:0;padding:6px 10px;height:37px}.install-btn::before{content:"＋";font-size:20px}.main-footer{display:none}main{padding:10px 11px 94px}.premium-hero{min-height:545px;border-radius:12px;align-items:end}.premium-hero-art{background-position:62% 50%}.premium-hero-shade{background:linear-gradient(0deg,rgba(4,6,17,.99) 0%,rgba(4,6,17,.8) 42%,rgba(4,6,17,.12) 97%)}.premium-hero-content{align-self:flex-end;padding:18px 16px 32px;width:100%}.premium-hero-identity{margin-bottom:9px;font-size:11px}.premium-hero-identity img{width:40px;height:42px}.premium-hero-identity strong{font-size:8px;letter-spacing:2px}.premium-film-kicker{font-size:9px}.premium-hero h1{font-size:33px}.premium-hero-content>p:not(.premium-byline){font-size:12px;line-height:1.8}.premium-hero-bottom{display:none}.premium-byline{font-size:8px}.premium-buttons{gap:6px;margin-top:12px}.premium-buttons a,.premium-buttons button{padding:10px 11px;font-size:11px}.premium-pills{margin:8px 0}.premium-pills span{font-size:9px}.premium-status{font-size:11px;padding:10px 12px}.section-title{margin:26px 0 12px}.section-title h2{font-size:16px}.section-title a{font-size:11px}.premium-wide-tiles{grid-template-columns:1fr}.premium-wide-tiles .wide-tile:last-child{grid-column:auto}.premium-poster{flex-basis:151px;height:220px}.category-strip{grid-template-columns:repeat(2,1fr);gap:9px}.category-item{padding:15px 8px}.premium-world-panel{grid-template-columns:1fr}.premium-world-panel>div{padding:22px}.premium-world-panel img{height:160px;grid-row:1}.premium-world-panel h2{font-size:22px}.premium-social-panel{flex-direction:column;align-items:stretch}.premium-film-cover{min-height:455px;align-items:end}.film-cover-bg{background-position:61% center}.film-cover-bg:after{background:linear-gradient(0deg,#050710 0%,rgba(4,6,17,.75) 50%,rgba(4,6,17,.1) 98%)}.film-cover-content{padding:20px 16px 25px}.film-cover-content h1{font-size:30px}.film-cover-content>p{font-size:12px}.film-sidebar{grid-template-columns:1fr}.premium-film .feature-grid{grid-template-columns:1fr}.atlas-intro{padding:20px}.atlas-intro h1{font-size:29px}.atlas-intro p{font-size:12px}.atlas-map{min-height:250px}.atlas-highlight{display:block;padding:0 12px 14px}.atlas-highlight img{width:calc(100% + 24px);height:140px;margin:0 -12px 14px}.tree-branch{grid-template-columns:repeat(2,minmax(0,1fr))}.premium-atlas .feature-grid{grid-template-columns:1fr}.mobile-nav{border-top:1px solid #3a3357;background:rgba(7,8,19,.96)}.mobile-nav a.active{color:#d9a8ff}.mobile-nav a{font-size:10px}.mobile-nav a span{font-size:21px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.media-cover{height:140px}}
@media(max-width:395px){.brand-wordmark{width:78px}.top-search{max-width:118px}.premium-hero h1{font-size:28px}.premium-buttons a,.premium-buttons button{font-size:10px;padding:8px 9px}.premium-film .player-controls{gap:5px}.tree-branch{grid-template-columns:1fr}}

.premium-tabs a,.atlas-cats a{cursor:pointer}#storyFilm,#branchesFilm,#branchesMap,#atlasRecords,#atlasTree,#playerZone{scroll-margin-top:90px}