/* Copyright (c) A|iens. All rights reserved. */
/* Orvaan fleet: dark mineral surfaces, warm restraint, readable story sections. */
.th-universe .of-hero{position:relative;isolation:isolate;min-height:760px;overflow:hidden;display:flex;align-items:end;background:#060e16;padding:145px 0 90px}
.th-universe .of-hero>img{position:absolute;inset:-22px 0;width:100%;height:calc(100% + 44px);object-fit:cover;z-index:-2}
.th-universe .of-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#030a12f9,transparent 95%),linear-gradient(90deg,#030a12e3,#030a1244)}
.th-universe.th-film .of-hero h1{font:400 clamp(62px,8.2vw,120px)/1.02 THCinema,system-ui;letter-spacing:-.045em;max-width:1100px;margin:30px 0}
.th-universe .of-hero p{font-size:21px;line-height:1.85;max-width:760px;color:#d8e2e9}
.th-universe .of-jump{border-block:1px solid #a5b0bd3f;background:#0a1822}
.th-universe .of-jump .th-wrap{display:flex;flex-wrap:wrap;gap:10px 26px;padding-block:18px}
.th-universe .of-jump a{font:10px/1.8 Consolas,monospace;color:#e0c397;padding-block:7px;text-decoration:none}
.th-universe .of-section{scroll-margin-top:100px}
.th-universe .of-reading{max-width:950px;font-size:18px;line-height:2;color:var(--muted)}
.th-universe .of-note{font-size:14px;line-height:1.95;max-width:1040px;color:var(--muted);margin-bottom:30px}
.th-universe .of-feature{position:relative;min-height:580px;display:flex;align-items:end;overflow:hidden;background:#08131c;border:1px solid #9bafba3d}
.th-universe .of-feature>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.th-universe .of-feature:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#030b14f5,#030b1438)}
.th-universe .of-feature>div{position:relative;z-index:1;padding:45px;max-width:900px}
.th-universe.th-film .of-feature h3{font:400 clamp(38px,5vw,68px)/1.1 THCinema,system-ui;letter-spacing:-.035em;margin:20px 0}
.th-universe .of-feature p{font-size:17px;line-height:1.9;color:#c9dce8}
.th-universe .of-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;align-items:start}
.th-universe .of-photo{margin:0;border:1px solid #96adba42;background:#081722;min-width:0}
.th-universe .of-photo>a{display:block;position:relative;width:100%;overflow:hidden;background:#05101a}
.th-universe .of-photo img{display:block;width:100%;height:auto}
.th-universe .of-photo a>span{position:absolute;right:14px;bottom:14px;background:#05121de8;border:1px solid #b39b7477;padding:8px 12px;color:#e8cfaa;font:9px/1.6 Consolas,monospace}
.th-universe .of-photo figcaption{padding:27px}
.th-universe.th-film .of-photo h3{font:400 29px/1.18 THCinema,system-ui;margin:16px 0;letter-spacing:-.02em}
.th-universe .of-photo p,.th-universe .of-photo details{font-size:13px;line-height:1.9;color:var(--muted)}
.th-universe .of-photo summary{padding-block:8px;cursor:pointer;color:#dbc19d}
.th-universe .of-photo details{border-top:1px solid var(--line);padding-top:12px;margin-top:20px;overflow-wrap:anywhere}
.th-universe .of-specs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.th-universe .of-specs>div{padding:25px;border:1px solid var(--line);background:#0a1924}
.th-universe .of-specs dt{font:9px/1.8 Consolas,monospace;text-transform:uppercase;color:#d9bf9b}
.th-universe .of-specs dd{font:400 28px/1.2 THCinema,system-ui;margin:15px 0 0}
.th-universe .of-viewer{border:1px solid #9bb6c65c;background:#07141e}
.th-universe .of-stage{position:relative;height:580px;overflow:hidden;background:#071019}
.th-universe .of-stage>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.th-universe .of-stage>canvas{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:pan-y pinch-zoom;outline-offset:-5px}
.th-universe .of-controls{padding:23px 28px;border-top:1px solid var(--line)}
.th-universe .of-controls>div{display:flex;flex-wrap:wrap;gap:12px}
.th-universe .of-controls button,.th-universe .of-dialog button{min-height:44px;border:1px solid #92adbe70;background:#152d3d;color:#e2edf5;padding:11px 16px;font:10px/1.6 Consolas,monospace;cursor:pointer}
.th-universe .of-controls button:disabled{opacity:.48;cursor:default}
.th-universe [data-of-status]{margin:18px 28px 25px;font:11px/1.95 Consolas,monospace;color:#bacfdf}
.th-universe .of-film{display:grid;grid-template-columns:1.4fr 1fr;gap:32px;align-items:center}
.th-universe .of-film video{display:block;width:100%;aspect-ratio:16/9;background:#030910}
.th-universe.th-film .of-film h3{font:400 34px/1.15 THCinema,system-ui;letter-spacing:-.02em}
.th-universe .of-film p{font-size:14px;line-height:1.95;color:var(--muted)}
.th-universe .of-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.th-universe .of-card{border:1px solid var(--line);background:#091823;min-width:0}
.th-universe .of-card>a{display:block;text-decoration:none;color:var(--ink)}
.th-universe .of-card img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.th-universe .of-card a>div{padding:25px}
.th-universe.th-film .of-card h3{font:400 32px/1.12 THCinema,system-ui;letter-spacing:-.02em;margin:18px 0}
.th-universe .of-card p{font-size:14px;line-height:1.9;color:var(--muted)}
.th-universe .of-card .th-kicker{font-size:8px;line-height:1.8}
.th-universe .of-links{display:flex;flex-wrap:wrap;gap:14px 25px;margin:20px 0;font:12px/1.9 Consolas,monospace}
.th-universe .of-links a{color:#dcc29e}
.th-universe .of-dialog{padding:0;width:min(1440px,96vw);max-height:94svh;overflow:auto;margin:auto;background:#07121c;color:#e7f0f7;border:1px solid #95b5c96b;box-shadow:0 30px 90px #000c}
.th-universe .of-dialog::backdrop{background:#03070def;backdrop-filter:blur(10px)}
.th-universe .of-dialog header{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:22px;padding:18px 24px;background:#0d1d2b}
.th-universe.th-film .of-dialog h2{font:400 25px/1.2 THCinema,system-ui;margin:0}
.th-universe .of-dialog .of-image-stage{height:min(65svh,740px);background:#02070d;display:flex;align-items:center;justify-content:center}
.th-universe .of-dialog img{width:100%;height:100%;object-fit:contain;display:block}
.th-universe .of-dialog>p{margin:16px 24px;font-size:12px;line-height:1.9;color:#bacedd}
.th-universe .of-dialog nav{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 24px 24px}
.th-universe .of-dialog nav a{font:11px/1.8 Consolas,monospace;color:#dfc39e}
.th-universe [data-of-tools][hidden],.th-universe [data-of-load][hidden],.th-universe [data-of-poster][hidden]{display:none!important}
@media(max-width:1050px){.th-universe .of-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.th-universe .of-grid,.th-universe .of-cards,.th-universe .of-film,.th-universe .of-specs{grid-template-columns:minmax(0,1fr)}.th-universe .of-stage{height:410px}.th-universe .of-feature>div{padding:28px 22px}.th-universe .of-feature{min-height:560px}.th-universe .of-hero{min-height:730px;padding:135px 0 70px}.th-universe.th-film .of-hero h1{font-size:clamp(52px,13vw,78px)}.th-universe .of-hero p,.th-universe .of-reading{font-size:16px}.th-universe .of-photo figcaption{padding:22px}.th-universe .of-controls{padding:20px}.th-universe [data-of-status]{margin-inline:20px}.th-universe .of-dialog header{padding:15px;gap:12px}.th-universe.th-film .of-dialog h2{font-size:21px}.th-universe .of-dialog nav{padding:15px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.th-universe [data-of-depth]{transform:none!important}.th-universe .of-card{transition:none!important;transform:none!important}}
.th-universe[data-motion=off] [data-of-depth]{transform:none!important}
@media(prefers-reduced-motion:no-preference) and (hover:hover){.th-universe[data-motion=on] .of-card{transition:transform .25s,border-color .25s}.th-universe[data-motion=on] .of-card:hover{transform:translateY(-5px);border-color:#bc9d67}}