.ue-hero{position:relative;min-height:86vh;display:grid;align-items:center;overflow:hidden;padding:76px 0 52px;background:radial-gradient(circle at 76% 28%,rgba(57,255,20,.08),transparent 24%),radial-gradient(circle at 50% 4%,rgba(102,204,255,.2),transparent 36%),linear-gradient(135deg,#03070e 0%,#07111f 46%,#020509 100%)}
.ue-stars{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.7) 0 1px,transparent 1.5px),radial-gradient(circle,rgba(102,204,255,.55) 0 1px,transparent 1.6px);background-size:70px 70px,118px 118px;background-position:0 0,28px 44px;opacity:.34;animation:ueDrift 34s linear infinite}
@keyframes ueDrift{to{transform:translate3d(-70px,70px,0)}}
.ue-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.75fr);gap:42px;align-items:center}.ue-copy h1{font-size:clamp(3rem,7vw,6.5rem);margin:.08em 0 .16em}.ue-copy p{max-width:780px;color:#d3e7f7;font-size:1.14rem}.ue-orbit{position:relative;min-height:460px;display:grid;place-items:center}.ue-core{position:relative;z-index:3;width:170px;height:170px;border:1px solid rgba(102,204,255,.38);border-radius:50%;display:grid;place-items:center;text-align:center;color:#fff;font:900 .95rem/1.2 Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;background:radial-gradient(circle,rgba(102,204,255,.3),rgba(5,10,19,.88) 58%,rgba(57,255,20,.07));box-shadow:0 0 44px rgba(102,204,255,.24),inset 0 0 28px rgba(102,204,255,.14)}.ue-ring{position:absolute;border:1px solid rgba(102,204,255,.16);border-radius:50%;inset:56px;animation:ueSpin 22s linear infinite}.ue-ring-one{box-shadow:0 0 60px rgba(102,204,255,.08)}@keyframes ueSpin{to{transform:rotate(360deg)}}.ue-planet{position:absolute;border:1px solid rgba(102,204,255,.35);border-radius:999px;background:rgba(7,17,31,.9);color:#eaf8ff;padding:13px 16px;font:900 .75rem/1 Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;box-shadow:0 0 22px rgba(102,204,255,.15);transition:transform .2s,border-color .2s,box-shadow .2s}.ue-planet:hover,.ue-planet:focus,.ue-planet.is-active{transform:translateY(-2px);border-color:#39ff14;box-shadow:0 0 32px rgba(57,255,20,.24)}.ue-planet:nth-of-type(1){top:56px;right:44px}.ue-planet:nth-of-type(2){left:8px;top:210px}.ue-planet:nth-of-type(3){right:18px;bottom:74px}
.ue-section{padding:64px 0}.ue-film-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.ue-film-tabs button,.ue-chip{border:1px solid rgba(102,204,255,.26);border-radius:999px;background:rgba(102,204,255,.07);color:#dff7ff;padding:10px 13px;font:800 .72rem/1 Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase;cursor:pointer}.ue-film-tabs button[aria-selected=true],.ue-chip.is-active{border-color:#39ff14;color:#39ff14;box-shadow:0 0 20px rgba(57,255,20,.14)}.ue-film-stage,.ue-detail,.ue-command-panel{border:1px solid rgba(102,204,255,.22);border-radius:14px;background:linear-gradient(180deg,rgba(12,22,37,.88),rgba(5,8,15,.96));box-shadow:0 24px 70px rgba(0,0,0,.32);padding:22px}.ue-film-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.52fr);gap:20px;align-items:start}.ue-badge{display:inline-flex;border:1px solid rgba(57,255,20,.38);border-radius:999px;padding:7px 10px;color:#39ff14;background:rgba(57,255,20,.08);font:900 .68rem/1 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}.ue-film-hero h3,.ue-detail h3{font-family:Georgia,serif;font-size:clamp(1.8rem,4vw,3.4rem);margin:.25em 0}.ue-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ue-meta{border:1px solid rgba(102,204,255,.14);border-radius:10px;padding:12px;background:rgba(255,255,255,.035)}.ue-meta b{display:block;color:#66ccff;margin-bottom:6px}.ue-list{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.ue-list span,.ue-list a{border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:7px 9px;color:#dce8f4;background:rgba(255,255,255,.04);text-decoration:none}.ue-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:18px;align-items:start}.ue-scene-list{display:grid;gap:10px}.ue-scene-list button{text-align:left;border:1px solid rgba(102,204,255,.16);border-radius:12px;background:rgba(8,15,26,.84);color:#dce8f4;padding:13px;cursor:pointer}.ue-scene-list button strong{display:block;color:#fff}.ue-scene-list button small{color:#8fe2ff}.ue-scene-list button.is-active{border-color:#39ff14;box-shadow:0 0 18px rgba(57,255,20,.12)}.ue-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,.42fr);gap:18px}.ue-audio-list{display:grid;gap:8px}.ue-audio-list a{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid rgba(102,204,255,.16);border-radius:10px;padding:10px 12px;color:#eaf8ff;text-decoration:none;background:rgba(102,204,255,.05)}.ue-audio-list em{font-style:normal;color:#ffd166;font-size:.78rem}.ue-character-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}.ue-character{border:1px solid rgba(102,204,255,.18);border-radius:14px;padding:18px;background:linear-gradient(180deg,rgba(10,20,34,.9),rgba(4,8,14,.96));min-height:100%}.ue-character h3{margin-top:0}.ue-character p{color:#cfe2f4}.ue-command-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.7fr);gap:20px;align-items:center}.ue-link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ue-link-grid a{border:1px solid rgba(102,204,255,.22);border-radius:10px;padding:12px;color:#eaf8ff;text-decoration:none;background:rgba(102,204,255,.06);font-weight:800}.ue-link-grid a:hover,.ue-link-grid a:focus{border-color:#39ff14;color:#39ff14}
.ue-canon-switch{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:18px 0 0}.ue-canon-switch span{color:#dff7ff;font-weight:900;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem}.ue-canon-switch button{border:1px solid rgba(102,204,255,.3);border-radius:999px;background:rgba(102,204,255,.08);color:#eaf8ff;padding:10px 14px;font:900 .72rem/1 Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase;cursor:pointer}.ue-canon-switch button:hover,.ue-canon-switch button:focus,.ue-canon-switch button.is-active{border-color:#39ff14;color:#39ff14;box-shadow:0 0 24px rgba(57,255,20,.16);outline:0}.ue-canon-badge{margin-right:8px;border-color:rgba(102,204,255,.42);color:#8fe2ff;background:rgba(102,204,255,.08)}
@media(max-width:900px){.ue-hero-grid,.ue-film-hero,.ue-layout,.ue-detail-grid,.ue-command-panel{grid-template-columns:1fr}.ue-orbit{min-height:360px;order:-1}.ue-planet:nth-of-type(1){top:18px;right:10px}.ue-planet:nth-of-type(2){left:0;top:172px}.ue-planet:nth-of-type(3){right:0;bottom:28px}.ue-meta-grid,.ue-link-grid{grid-template-columns:1fr}.ue-section{padding:44px 0}}

/* Cinematic Universe Explorer V1 */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ue-search-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid rgba(102,204,255,.18);border-radius:14px;background:rgba(5,10,18,.82);padding:14px;box-shadow:0 18px 48px rgba(0,0,0,.24)}
.ue-search-panel input{width:100%;border:1px solid rgba(102,204,255,.28);border-radius:999px;background:rgba(0,0,0,.32);color:#eaf8ff;padding:14px 18px;font:700 1rem/1.2 Georgia,serif;outline:0}
.ue-search-panel input:focus{border-color:#39ff14;box-shadow:0 0 0 3px rgba(57,255,20,.12),0 0 30px rgba(57,255,20,.1)}
.ue-spoiler-switch{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.ue-spoiler-switch button{border:1px solid rgba(102,204,255,.26);border-radius:999px;background:rgba(102,204,255,.07);color:#dff7ff;padding:10px 12px;font:900 .68rem/1 Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase;cursor:pointer}.ue-spoiler-switch button.is-active,.ue-spoiler-switch button:hover,.ue-spoiler-switch button:focus{border-color:#39ff14;color:#39ff14;box-shadow:0 0 20px rgba(57,255,20,.13);outline:0}
.ue-search-results{display:grid;gap:18px;margin-top:18px}.ue-result-group h3{margin:0 0 10px;color:#8fe2ff;font:900 .82rem/1 Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase}.ue-result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}.ue-result-grid button{min-height:135px;text-align:left;border:1px solid rgba(102,204,255,.16);border-radius:12px;background:linear-gradient(180deg,rgba(10,20,34,.9),rgba(3,8,14,.95));color:#dce8f4;padding:14px;cursor:pointer;transition:transform .18s,border-color .18s,box-shadow .18s}.ue-result-grid button:hover,.ue-result-grid button:focus{transform:translateY(-2px);border-color:#39ff14;box-shadow:0 0 26px rgba(57,255,20,.13);outline:0}.ue-result-grid span{display:inline-flex;margin-bottom:8px;color:#39ff14;font:900 .63rem/1 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}.ue-result-grid strong{display:block;color:#fff;font-size:1.08rem;margin-bottom:8px}.ue-result-grid em{display:block;font-style:normal;color:#cfe2f4;line-height:1.45}.ue-empty{border:1px solid rgba(102,204,255,.16);border-radius:12px;padding:16px;color:#cfe2f4;background:rgba(102,204,255,.05)}
.ue-card-actions{margin:12px 0;display:flex;gap:9px;flex-wrap:wrap}.ue-card-actions .btn{padding:10px 12px;font-size:.7rem}.ue-concept-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:14px}.ue-concept{border:1px solid rgba(102,204,255,.18);border-radius:14px;padding:18px;background:linear-gradient(180deg,rgba(10,20,34,.88),rgba(4,8,14,.96));box-shadow:0 18px 48px rgba(0,0,0,.2)}.ue-concept h3{margin:.5em 0 .35em;font-family:Georgia,serif}.ue-concept p{color:#cfe2f4}.ue-hub-stage{border-color:rgba(57,255,20,.22)}.ue-hub-header h3{font-family:Georgia,serif;font-size:clamp(2rem,4vw,3.8rem);margin:.28em 0}.ue-hub-header p{max-width:980px;color:#d9edf9}.ue-hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}
.ue-map-toolbar{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.ue-map-toolbar span{color:#cfe2f4}.ue-graph-shell{border:1px solid rgba(102,204,255,.18);border-radius:16px;min-height:220px;background:radial-gradient(circle at 20% 20%,rgba(57,255,20,.08),transparent 24%),linear-gradient(180deg,rgba(9,19,32,.82),rgba(3,7,13,.96));padding:16px}.ue-graph-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.45fr);gap:16px}.ue-node-cloud{position:relative;display:flex;gap:10px;flex-wrap:wrap;align-content:flex-start;min-height:260px;padding:12px;background-image:linear-gradient(rgba(102,204,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(102,204,255,.08) 1px,transparent 1px);background-size:42px 42px;border-radius:12px}.ue-node{border:1px solid rgba(102,204,255,.28);border-radius:999px;background:rgba(5,12,22,.9);color:#eaf8ff;padding:10px 12px;cursor:pointer;box-shadow:0 0 22px rgba(102,204,255,.08);font-weight:900}.ue-node span{display:block;color:#8fe2ff;font-size:.58rem;text-transform:uppercase;letter-spacing:.12em}.ue-node:hover,.ue-node:focus{border-color:#39ff14;color:#39ff14;outline:0;box-shadow:0 0 26px rgba(57,255,20,.16)}.ue-graph-detail{border:1px solid rgba(102,204,255,.16);border-radius:12px;background:rgba(0,0,0,.24);padding:16px}.ue-graph-detail h3{font-family:Georgia,serif;font-size:1.7rem;margin:.3em 0}
@media(max-width:900px){.ue-search-panel,.ue-hub-grid,.ue-graph-grid{grid-template-columns:1fr}.ue-spoiler-switch{justify-content:flex-start}.ue-result-grid{grid-template-columns:1fr}.ue-node-cloud{min-height:180px}.ue-map-toolbar .btn{width:100%;justify-content:center}}