/* Civilization archive — five independent visual languages in one connected atlas. */
.civ-merged-section{border-top:1px solid var(--civ-line);padding-top:32px;margin-top:12px;scroll-margin-top:100px}.civ-merged-section>header{margin-bottom:30px}.civ-merged-section>header h2{font:500 clamp(26px,3vw,36px)/1.5 var(--serif);color:var(--civ-tone);margin:0 0 12px}.civ-merged-section>header p{color:var(--civ-muted);font-size:15px;line-height:2}.civ-merged-section .civ-path{margin-left:0}@media(max-width:520px){.civ-merged-section .civ-triad{grid-template-columns:1fr;gap:0}.civ-merged-section .civ-triad article{padding:18px 0}.civ-merged-section .triad-icon{float:right}.civ-merged-section .civ-triad p{font-size:14px}.civ-merged-section .civ-path h2{font-size:23px}}
@media(max-width:600px){.header{flex-wrap:wrap;height:105px!important;justify-content:flex-start;padding:12px 5% 7px;gap:4px 16px}.header .brand{margin-right:auto}.header nav{order:5;width:100%;justify-content:space-between;gap:10px!important;margin:0}.header .nav-link{white-space:nowrap;font-size:11px;padding:6px 0}.header .music-control,.header .motion-control{padding:4px}.header .nav-link[href='#home']{display:block}.civ-model-layout:has(.civ-parts:empty) .civ-model-stage{height:390px}}
.facility-inspection{padding:15px 5%;--civ-tone:#dac599;--civ-line:#dac59933}.facility-inspect-toggle{display:flex;justify-content:space-between;width:100%;padding:15px 0;background:none;border-bottom:1px solid #dac59955;font-size:14px;color:#dac599}.facility-inspect-view{margin-top:22px}.facility-inspect-view .civ-model-stage{height:440px}
#civ-view-title:focus{outline:none}.civ-model-layout:has(.civ-parts:empty){grid-template-columns:1fr}.civ-model-layout:has(.civ-parts:empty) .civ-model-side{display:none}.civ-model-layout:has(.civ-parts:empty) .civ-model-stage{height:560px}.civ-model-layout:has(.civ-parts:empty)+.civ-record-layout{margin-top:25px}
.civ-3d-labels{position:absolute;inset:0;pointer-events:none}.civ-3d-label{position:absolute;transform:translate(8px,-50%);font:11px var(--sans);white-space:nowrap;color:#b8c7d8;letter-spacing:.06em;text-shadow:0 1px 7px #000;background:#070b10a8;padding:3px 7px;border-left:1px solid #b8c7d866}.civ-3d-label.selected{color:#eadac1;border-left-color:#eadac1}
.civ-reference{margin:45px 0 0;max-width:1000px}.civ-reference>button{background:none;padding:0;display:block;width:100%;cursor:zoom-in}.civ-reference img{max-height:720px;width:100%;object-fit:contain}.civ-reference figcaption{font-size:11px;color:var(--civ-muted);padding:14px 0;border-bottom:1px solid var(--civ-line)}.civ-record-art img{cursor:zoom-in}
.civilizations{padding:110px 5% 100px;background:#070a0e;position:relative;border-top:1px solid #93a1ba22;scroll-margin-top:50px}
.civ-section-heading{text-align:center;margin:0 auto 48px}.civ-section-heading h2{font:500 clamp(35px,4vw,66px)/1.4 var(--serif);letter-spacing:.18em;margin:16px 0}.civ-section-heading>p:last-child{color:#9ba8b8;font-size:14px;letter-spacing:.12em}
.civ-gateways{display:grid;grid-template-columns:repeat(5,1fr);max-width:1700px;margin:auto;gap:6px}
.civ-gateway{height:530px;min-width:0;position:relative;overflow:hidden;display:flex;align-items:end;padding:27px 22px;border-bottom:1px solid #b9c8d943;background:#10131b;isolation:isolate}
.civ-gateway:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#02071133,#02071008 22%,#020711df 65%,#020711)}
.civ-gateway>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:.72;transition:transform 1.2s,opacity .6s;object-position:center}.civ-gateway:hover>img{transform:scale(1.05);opacity:1}.civ-gateway:nth-child(3)>img{object-position:52% center}.civ-gateway:nth-child(4)>img{object-position:56% center}.civ-gateway:nth-child(5)>img{object-position:53% center}
.gateway-number{position:absolute;top:26px;font:14px var(--latin);letter-spacing:.16em;color:#c7b797}.gateway-en{font-size:10px;letter-spacing:.2em;color:#c7c8c8}.civ-gateway h3{font:500 30px var(--serif);letter-spacing:.15em;margin:18px 0}.civ-gateway p{color:#b7bfc9;font-size:13px;line-height:2;min-height:80px;margin:0}.gateway-enter{font-size:11px;letter-spacing:.13em;display:flex;justify-content:space-between;margin-top:22px;padding-top:20px;border-top:1px solid #9caaba33}.gateway-enter b{font-size:18px;font-weight:400}
.civilization-dialog{width:100vw;height:100svh;max-width:100vw;max-height:100svh;border:0;padding:0;margin:0;background:#080d14;color:#e7e9eb;overflow:auto;overscroll-behavior:contain}
.civilization-dialog::backdrop{background:#05090e}.civilization-dialog{--civ-tone:#bcd4e8;--civ-muted:#9eafc1;--civ-line:#91b0cd33;--civ-base:#080d14}
.civ-toolbar{position:sticky;top:0;display:flex;align-items:center;gap:22px;min-height:80px;padding:18px 5%;background:color-mix(in srgb,var(--civ-base) 93%,transparent);border-bottom:1px solid var(--civ-line);backdrop-filter:blur(12px);z-index:12}
.civ-toolbar>a{font-size:12px;color:var(--civ-muted);letter-spacing:.1em}.civ-toolbar>a:first-child{font-size:20px;color:var(--civ-tone)}.civ-toolbar>span{font-size:10px;letter-spacing:.16em;margin-left:auto;color:var(--civ-muted)}.civ-toolbar button{background:transparent;font-size:13px;color:var(--civ-tone);padding:6px 0 6px 16px}
.civ-shell{max-width:1480px;margin:auto;padding:48px 5% 90px}.civ-breadcrumb{font-size:11px;letter-spacing:.09em;color:var(--civ-muted);display:flex;gap:13px;flex-wrap:wrap;margin-bottom:42px}.civ-breadcrumb a{border-bottom:1px solid transparent}.civ-breadcrumb a:hover{border-color:var(--civ-tone)}
.civ-home{display:grid;grid-template-columns:1fr 1fr;gap:7%;min-height:650px;align-items:start}.civ-title .civ-en,.civ-chapter-head .eyebrow{font-size:11px;letter-spacing:.25em;color:var(--civ-tone)}
.civ-title h1{font:500 clamp(60px,8vw,115px)/1.4 var(--serif);letter-spacing:.12em;margin:30px 0}.civ-title blockquote{font:400 clamp(17px,2vw,22px)/2 var(--serif);margin:28px 0;color:var(--civ-tone);max-width:460px}.civ-title img{margin-top:38px;width:100%;height:260px;object-fit:cover;mask-image:linear-gradient(0deg,transparent,#000 20%,#000 80%,transparent);opacity:.72}
.civ-chapter-menu{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.civ-chapter-link{padding:25px 0 22px;border-top:1px solid var(--civ-line);position:relative;transition:color .2s}.civ-chapter-link small{font-size:9px;letter-spacing:.15em;color:var(--civ-muted);display:block}.civ-chapter-link h2{font:500 21px/1.6 var(--serif);letter-spacing:.08em;margin:10px 0}.civ-chapter-link p{font-size:12px;line-height:1.8;color:var(--civ-muted);margin:0;padding-right:16px}.civ-chapter-link>span{position:absolute;right:0;top:45px;color:var(--civ-tone);opacity:0;transition:opacity .25s}.civ-chapter-link:hover>span{opacity:1}.civ-chapter-link:hover h2{color:var(--civ-tone)}
.civ-chapter-head{max-width:900px;margin-bottom:45px}.civ-chapter-head h1{font:500 clamp(32px,4vw,54px)/1.45 var(--serif);letter-spacing:.1em;margin:18px 0}.civ-chapter-head>p:last-child{font-size:15px;line-height:1.9;color:var(--civ-muted);max-width:760px}
.civ-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.civ-card{display:flex;flex-direction:column;min-height:225px;background:linear-gradient(145deg,#91b8db0a,transparent);border:1px solid var(--civ-line);padding:25px;transition:transform .3s,border-color .3s}.civ-card:hover{transform:translateY(-4px);border-color:var(--civ-tone)}.civ-card img{width:calc(100% + 50px);max-width:none;height:170px;object-fit:cover;margin:-25px -25px 25px}.civ-card small{font-size:10px;letter-spacing:.13em;color:var(--civ-muted)}.civ-card h2{font:500 23px/1.6 var(--serif);margin:14px 0}.civ-card p{font-size:13px;color:var(--civ-muted);line-height:1.9;margin:0 0 24px}.civ-card>span{font-size:10px;letter-spacing:.1em;margin-top:auto;color:var(--civ-tone)}
.civ-record-layout{display:grid;grid-template-columns:1.12fr 1fr;gap:45px;align-items:start}.civ-record-art{margin:0}.civ-record-art img{width:100%;max-height:580px;object-fit:contain;background:#05080c}.civ-record-art figcaption{font-size:10px;letter-spacing:.1em;color:var(--civ-muted);padding:13px 0;border-bottom:1px solid var(--civ-line)}.civ-record-copy>p{font-size:16px;line-height:2.1;color:#d2d9e0;margin:0 0 28px}.civ-record-copy.solo{max-width:900px}
.civ-fields{margin:0}.civ-fields>div{display:grid;grid-template-columns:140px 1fr;gap:20px;border-top:1px solid var(--civ-line);padding:17px 0;font-size:13px;line-height:1.9}.civ-fields dt{color:var(--civ-tone)}.civ-fields dd{color:var(--civ-muted);margin:0}.civ-related{display:flex;gap:14px 25px;flex-wrap:wrap;margin:36px 0}.civ-related a,.civ-related button,.civ-action{font-size:12px;color:var(--civ-tone);border:0;border-bottom:1px solid var(--civ-line);background:none;padding:12px 0;letter-spacing:.07em}.civ-related a:hover,.civ-related button:hover{border-color:var(--civ-tone)}
.civ-provenance{font-size:11px;color:var(--civ-muted);margin:38px 0 0;line-height:1.9;opacity:.75}.civ-chapter-footer{margin-top:65px;display:flex;justify-content:space-between;padding-top:24px;border-top:1px solid var(--civ-line);font-size:12px;color:var(--civ-tone)}
.civ-statement{max-width:1050px;padding:25px 0 50px}.civ-statement .statement-en{font-size:12px;letter-spacing:.2em;color:var(--civ-tone)}.civ-statement h2{font:500 clamp(38px,5.1vw,74px)/1.45 var(--serif);letter-spacing:.06em;margin:30px 0 40px}.civ-statement>p{max-width:770px;font-size:17px;color:var(--civ-muted);line-height:2}.civ-keywords{display:flex;gap:18px 30px;flex-wrap:wrap;margin:35px 0;font-size:13px;color:var(--civ-tone)}.civ-wide-art{width:100%;max-height:440px;object-fit:cover;margin:30px 0}
.civ-timeline{max-width:980px;list-style:none;margin:0;padding:0 0 0 45px;counter-reset:history;border-left:1px solid var(--civ-line)}.civ-timeline li{position:relative;padding-bottom:24px;counter-increment:history}.civ-timeline li:before{content:counter(history,decimal-leading-zero);position:absolute;left:-61px;top:21px;background:var(--civ-base);padding:2px 7px;color:var(--civ-tone);font:14px var(--latin)}.civ-timeline details{border-bottom:1px solid var(--civ-line);padding:18px 0}.civ-timeline summary{font:500 25px var(--serif);cursor:pointer;list-style:none;display:flex;justify-content:space-between}.civ-timeline summary:after{content:'＋';font:18px var(--sans);color:var(--civ-tone)}.civ-timeline details[open] summary:after{content:'−'}.civ-timeline p{max-width:750px;font-size:15px;color:var(--civ-muted);line-height:2}
.civ-triad{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.civ-triad article{border-top:1px solid var(--civ-line);padding:35px 0}.civ-triad .triad-icon{font:70px var(--latin);color:var(--civ-tone)}.civ-triad h2{font:30px var(--serif)}.civ-triad h2 small{display:block;font:12px var(--sans);letter-spacing:.2em;margin:14px 0}.civ-triad p,.civ-body-note{font-size:15px;line-height:2;color:var(--civ-muted);max-width:870px}.civ-body-note{margin:30px 0}
.civ-comparison{width:100%;border-collapse:collapse}.civ-comparison th{text-align:left;font:500 24px var(--serif);color:var(--civ-tone);padding:23px}.civ-comparison td{border-top:1px solid var(--civ-line);padding:24px;font-size:15px}.civ-comparison td:first-child{font-size:12px;color:var(--civ-muted);width:15%}
.civ-path{max-width:900px;margin:auto;list-style:none;padding:0}.civ-path li{padding:27px 34px 45px;border-left:1px solid var(--civ-line);position:relative}.civ-path li:before{content:'';position:absolute;left:-4px;top:40px;width:7px;height:7px;background:var(--civ-tone);border-radius:50%}.civ-path h2{font:500 29px var(--serif);margin:0 0 14px}.civ-path small{font-size:12px;letter-spacing:.1em;color:var(--civ-tone)}.civ-path p{font-size:15px;color:var(--civ-muted)}
.civ-model-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,.7fr);gap:35px;align-items:start}.civ-model-stage{height:520px;background:#05080c url('assets/galaxy-background.webp') center/cover;position:relative;overflow:hidden;border:1px solid var(--civ-line);touch-action:pan-y}.civ-model-stage canvas{width:100%;height:100%;display:block;touch-action:none;outline-offset:-4px}.civ-model-caption{position:absolute;bottom:15px;left:18px;font-size:10px;letter-spacing:.1em;pointer-events:none;color:#bbc6d6}.civ-model-fallback{width:100%;height:100%;object-fit:contain}.civ-model-tools{display:flex;gap:18px;margin-top:12px}.civ-model-tools button{background:none;color:var(--civ-tone);font-size:12px;padding:9px 0;border-bottom:1px solid var(--civ-line)}.civ-model-note{font-size:11px;color:var(--civ-muted);margin:15px 0}
.civ-parts{display:flex;flex-direction:column}.civ-parts button{background:transparent;border-bottom:1px solid var(--civ-line);padding:17px 0;display:flex;align-items:center;justify-content:space-between;color:var(--civ-muted);text-align:left;font:500 18px var(--serif)}.civ-parts button[aria-pressed=true]{color:var(--civ-tone)}.civ-parts button:after{content:'+';font:16px var(--sans)}.civ-parts button[aria-pressed=true]:after{content:'−'}.civ-part-copy{font-size:14px;line-height:2;color:var(--civ-muted);padding:20px 0}.civ-model-side .civ-parts:has(button:nth-child(10)){display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.civ-model-side .civ-parts:has(button:nth-child(10)) button{font-size:14px}
.civ-scan{font:11px/2 var(--sans);letter-spacing:.1em;color:var(--civ-muted);border-left:2px solid var(--civ-tone);padding:7px 17px;margin-top:24px}.civ-scan strong{display:block;color:var(--civ-tone);font-weight:500}
.civ-compare-select{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:22px}.civ-compare-select button{border:1px solid var(--civ-line);background:none;padding:9px 16px;font-size:12px}.civ-compare-select button[aria-pressed=true]{background:var(--civ-tone);color:var(--civ-base)}.civ-reconstruction{position:relative;background:#04080a;height:430px;overflow:hidden;border:1px solid var(--civ-line)}.civ-reconstruction canvas{width:100%;height:100%;display:block}.reconstruction-labels{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.1em;color:var(--civ-tone);margin:14px 0}.civ-slider{width:100%;accent-color:var(--civ-tone)}.civ-slider-label{font-size:12px;color:var(--civ-muted)}
.civ-network{height:430px;position:relative;background:radial-gradient(ellipse,#a4ca7210,transparent 68%)}.civ-network svg{width:100%;height:100%;overflow:visible}.civ-network line{stroke:#91b97355;stroke-width:1}.civ-network line.inactive{opacity:.05}.civ-network circle{fill:#99bf81;filter:drop-shadow(0 0 5px #97c27e66)}.civ-network g{cursor:pointer;outline:none}.civ-network g:focus-visible circle{stroke:white;stroke-width:2}.civ-network g.selected circle{stroke:#e6edc0;stroke-width:3}.civ-network text{fill:#b8cf9c;font:9px var(--sans);text-anchor:middle}.civ-network g.disconnected{transform:translateY(-28px)}.civ-network g.disconnected circle{fill:#252e23;stroke:#869a72}.civ-network g,.civ-network line{transition:transform 1s,opacity 1s}.civ-network-controls{display:flex;align-items:center;gap:24px}.civ-network-controls button{border:1px solid var(--civ-line);border-radius:50%;padding:22px 27px;background:#22301a33;color:var(--civ-tone);font-size:12px}.civ-network-controls p{font-size:13px;color:var(--civ-muted);max-width:600px}
.civ-order{display:flex;justify-content:center;align-items:center;padding:50px 0 20px;gap:0}.civ-order button{width:260px;height:260px;border:1px solid #ceb67e88;border-radius:50%;background:none;color:var(--civ-tone);margin:0 -10px;padding:25px;font:24px var(--serif)}.civ-order small{display:block;font:12px/2 var(--sans);margin-top:18px;color:var(--civ-muted)}.civ-order button[aria-pressed=true]{background:#bfa87312;box-shadow:inset 0 0 55px #a1844914}.civ-executor{text-align:center;max-width:700px;margin:35px auto;color:var(--civ-muted)}.civ-executor strong{font:24px var(--serif);color:var(--civ-tone);display:block}.civ-executor small{font-size:10px;letter-spacing:.2em}
.civ-identity{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:35px 0}.civ-identity>div{border-top:1px solid var(--civ-line);padding-top:26px}.civ-identity dt{font-size:11px;letter-spacing:.2em;color:var(--civ-muted)}.civ-identity dd{font:28px var(--latin);letter-spacing:.12em;margin:23px 0;color:var(--civ-tone)}
.civ-rules{list-style:none;padding:0}.civ-rules li{display:grid;grid-template-columns:1fr 180px 1.2fr;gap:20px;padding:24px 0;border-top:1px solid var(--civ-line);align-items:center}.civ-rules span{font-size:12px;letter-spacing:.1em;color:var(--civ-muted)}.civ-rules strong{font:26px var(--latin);color:var(--civ-tone)}.civ-rules p{margin:0;font-size:14px;color:var(--civ-muted)}
.civ-ancient-network{display:flex;flex-direction:column;align-items:center;gap:8px;padding:25px 0}.civ-ancient-network button{width:min(90%,calc(550px - var(--level)*65px));background:linear-gradient(90deg,transparent,#9270ba12,transparent);border:1px solid var(--civ-line);border-radius:50%;min-height:95px;font:20px var(--serif);color:var(--civ-muted);position:relative}.civ-ancient-network button:after{content:'↓';position:absolute;bottom:-20px;left:50%;font:15px var(--sans);color:var(--civ-tone)}.civ-ancient-network button:last-child:after{display:none}.civ-ancient-network button:disabled{opacity:.3;cursor:default}.civ-ancient-network button[aria-pressed=true]{color:var(--civ-tone);border-color:var(--civ-tone)}.civ-network-detail{text-align:center;min-height:70px;max-width:720px;margin:25px auto;color:var(--civ-muted)}
.civ-rift{height:330px;background:linear-gradient(90deg,#080a1022,#080a10c9),url('assets/temple-detail.webp') center/cover;display:flex;gap:20px;align-items:center;justify-content:center;perspective:800px;overflow:hidden}.civ-rift span{writing-mode:vertical-rl;letter-spacing:.5em;color:#e1d1f4;transform:translateY(var(--offset)) rotateY(35deg);font-size:20px;border:1px solid #cbb3ee50;padding:35px 20px;animation:rift-drift 7s ease-in-out infinite alternate}.civ-rift span:nth-child(2n){animation-direction:alternate-reverse}
.civ-locked{text-align:center;padding:65px 0 100px}.civ-locked h2{font:clamp(40px,7vw,85px) var(--latin);letter-spacing:.15em;color:var(--civ-tone)}.civ-locked p{font-size:14px;color:var(--civ-muted)}.civ-locked meter{width:300px;max-width:90%;height:5px;display:block;margin:35px auto;accent-color:var(--civ-tone)}.unity-ending{font:clamp(26px,4vw,48px)/1.65 var(--latin);color:var(--civ-tone);text-align:center;padding:70px 0 10px;letter-spacing:.04em}
.civ-recovery{position:fixed;inset:0;background:#030305;z-index:30;display:grid;place-content:center;text-align:center;color:#b8a0df;animation:recovery-out 2.8s forwards;pointer-events:none}.civ-recovery p{font:12px var(--sans);letter-spacing:.3em}.civ-recovery span{font:10px var(--sans);letter-spacing:.13em;opacity:.4}.civ-classification{font-size:11px;letter-spacing:.13em;color:#adc2c3;border-left:2px solid #adc2c3;padding-left:14px;min-height:46px}.civ-classification .error{animation:signal-out .8s forwards}.civ-classification .resolved{display:block;animation:signal-in 1.4s both}
.civilization-dialog[data-civ=aurelians]{--civ-base:#0d0d0d;--civ-muted:#b6b2a9;--civ-line:#c4ab702e;background:#0d0d0d}.civilization-dialog[data-civ=aurelians] .civ-card{border:0;border-top:1px solid var(--civ-line);background:none;padding:26px 0}.civilization-dialog[data-civ=aurelians] .civ-card img{width:100%;margin:0 0 20px}.civilization-dialog[data-civ=aurelians] .civ-title h1{font-weight:400}.civilization-dialog[data-civ=aurelians] .civ-shell{padding-top:65px}.civilization-dialog[data-civ=aurelians] .civ-toolbar>span{visibility:hidden}
.civilization-dialog[data-civ=grey-tide]{--civ-base:#090c0d;--civ-muted:#94a7a9;--civ-line:#a6baba32;background:#090c0d}.civilization-dialog[data-civ=grey-tide] .civ-card{background:repeating-linear-gradient(0deg,#bac5c504,#bac5c504 1px,transparent 1px,transparent 8px)}.civilization-dialog[data-civ=grey-tide] .civ-title img{filter:saturate(.3)}
.civilization-dialog[data-civ=nestkin]{--civ-base:#0c110e;--civ-muted:#a2b299;--civ-line:#adbd7033;background:radial-gradient(ellipse at 90% 45%,#29372355,transparent 50%),#0c110e}.civilization-dialog[data-civ=nestkin] .civ-chapter-menu{gap:15px 20px}.civilization-dialog[data-civ=nestkin] .civ-chapter-link{border:1px solid var(--civ-line);border-radius:60% 35% 55% 40%/45% 55% 45% 60%;padding:32px;text-align:center;transition:transform .45s,border-radius .5s,background .4s;background:linear-gradient(135deg,#adbd700d,transparent);min-height:160px}.civilization-dialog[data-civ=nestkin] .civ-chapter-link:hover{transform:scale(1.035);border-radius:45% 60% 40% 55%/55% 40% 60% 45%;background:#adbd7010}.civilization-dialog[data-civ=nestkin] .civ-chapter-link p{padding:0}.civilization-dialog[data-civ=nestkin] .civ-chapter-link>span{display:none}.civilization-dialog[data-civ=nestkin] .civ-card{border-radius:45px 5px 45px 5px;overflow:hidden}
.civilization-dialog[data-civ=ancients]{--civ-base:#09070e;--civ-muted:#a79db6;--civ-line:#bb9ded2a;background:#09070e}.civilization-dialog[data-civ=ancients] .civ-chapter-link{border-top-color:transparent;border-left:1px solid var(--civ-line);padding-left:23px;background:linear-gradient(100deg,#88749d09,transparent)}.civilization-dialog[data-civ=ancients] .civ-card{background:linear-gradient(130deg,#2c2530, #08070b 60%);border:0;border-left:1px solid #aa8be63d;min-height:290px}.civilization-dialog[data-civ=ancients] .civ-card small{color:#b6a1d4}.civilization-dialog[data-civ=ancients] .civ-title img{opacity:.6}
@keyframes recovery-out{0%,65%{opacity:1}100%{opacity:0;visibility:hidden}}@keyframes signal-out{0%,70%{opacity:1}100%{opacity:0}}@keyframes signal-in{0%,65%{opacity:0;transform:translateY(-10px)}100%{opacity:1;transform:none}}@keyframes rift-drift{to{transform:translateY(calc(var(--offset) + 20px)) rotateY(-25deg)}}
.motion-paused .civ-recovery{display:none}.motion-paused .civ-classification .error{display:none}.motion-paused .civ-classification .resolved,.motion-paused .civ-rift span{animation:none}.motion-paused .civ-network g,.motion-paused .civ-network line{transition:none}
@media(max-width:1050px){.civ-gateway{height:470px;padding:22px 16px}.civ-gateway h3{font-size:25px}.civ-gateway p{font-size:12px}.civ-home{gap:5%}.civ-cards{grid-template-columns:repeat(2,1fr)}.civ-model-stage{height:460px}.civ-model-layout{grid-template-columns:1.3fr .8fr}.civ-order button{width:220px;height:220px}}
@media(max-width:760px){.civilizations{padding:80px 6%}.civ-gateways{grid-template-columns:1fr;gap:12px}.civ-gateway{height:240px;padding:26px}.civ-gateway>img{object-position:70% 45%;mask-image:linear-gradient(90deg,transparent,#000);width:100%}.civ-gateway:after{background:linear-gradient(90deg,#050a10dd,#050a1088 55%,#050a1033)}.civ-gateway>div{width:75%}.gateway-number{top:24px;right:25px}.civ-gateway h3{font-size:30px;margin:12px 0}.civ-gateway p{min-height:0;max-width:260px}.gateway-enter{display:none}.civ-toolbar{gap:14px;min-height:65px;padding:14px 6%}.civ-toolbar>span{display:none}.civ-toolbar button{margin-left:auto}.civ-toolbar>a{font-size:10px}.civ-shell{padding:30px 6% 65px}.civ-breadcrumb{margin-bottom:28px}.civ-home{grid-template-columns:1fr;gap:25px}.civ-title h1{font-size:65px;margin:15px 0}.civ-title blockquote{font-size:18px;margin:20px 0}.civ-title img{height:190px;margin-top:10px}.civ-chapter-link{padding:22px 0}.civ-chapter-link h2{font-size:19px}.civ-chapter-link small{font-size:8px}.civ-chapter-menu{gap:0 20px}.civ-cards{gap:14px}.civ-card{padding:19px;min-height:200px}.civ-card img{width:calc(100% + 38px);margin:-19px -19px 19px;height:130px}.civ-card h2{font-size:20px}.civ-card p{font-size:12px}.civ-record-layout,.civ-model-layout{grid-template-columns:1fr;gap:25px}.civ-fields>div{grid-template-columns:100px 1fr;gap:16px}.civ-model-stage{height:430px}.civ-parts{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.civ-parts button{font-size:16px}.civ-triad{gap:20px}.civ-triad .triad-icon{font-size:45px}.civ-triad h2{font-size:22px}.civ-triad p{font-size:12px}.civ-comparison th,.civ-comparison td{padding:20px 10px;font-size:13px}.civ-comparison th{font-size:20px}.civ-identity{grid-template-columns:repeat(2,1fr);gap:20px}.civ-identity dd{font-size:23px}.civ-rules li{grid-template-columns:1fr 120px;gap:10px}.civ-rules li p{grid-column:1/-1}.civ-order{padding:25px 0;flex-wrap:wrap}.civ-order button{width:185px;height:185px;font-size:22px;margin:0 -12px -15px}.civ-network{height:320px}.civ-network-controls{gap:15px;align-items:start}.civ-network-controls button{padding:18px;font-size:10px}.civ-reconstruction{height:300px}.civ-reconstruction-labels{font-size:9px}.civilization-dialog[data-civ=nestkin] .civ-chapter-link{padding:23px 15px;min-height:160px}.civ-timeline summary{font-size:21px}.civ-timeline{padding-left:30px}.civ-timeline li:before{left:-46px}.civ-statement h2{font-size:37px}.civ-statement>p{font-size:15px}.civ-rift{gap:10px;height:290px}.civ-rift span{font-size:16px;padding:30px 13px}.civ-record-copy>p{font-size:15px}.civilization-dialog[data-civ=aurelians] .civ-shell{padding-top:30px}}
@media(max-width:420px){.civ-cards{grid-template-columns:1fr}.civ-card{min-height:160px}.civ-card img{height:200px}.civ-model-stage{height:350px}.civ-title h1{font-size:55px}.civ-order button{width:160px;height:160px}.civ-order small{font-size:11px}}
@media(prefers-reduced-motion:reduce){.civ-recovery{display:none}.civ-classification .error{display:none}.civ-classification .resolved,.civ-rift span{animation:none}.civ-network g,.civ-network line{transition:none}}
.civ-gateway>img{opacity:.9;object-position:var(--cover-position,center)}
.civ-gateway:after{background:linear-gradient(180deg,#02071110,#02071000 30%,#020711bd 60%,#020711 96%)}
.civ-gateway[href='#civilizations/humanity']{--cover-position:62% center}
.civ-gateway[href='#civilizations/grey-tide']{--cover-position:49% center}
.civ-gateway[href='#civilizations/aurelians']{--cover-position:50% center}
.civ-gateway[href='#civilizations/nestkin']{--cover-position:48% center}
.civ-gateway[href='#civilizations/ancients']{--cover-position:50% center}
.civ-gateway:nth-child(n)>img{object-position:var(--cover-position,center)}
.civ-title img{height:380px;object-fit:contain;mask-image:none;opacity:1}
.civilization-dialog[data-civ=grey-tide] .civ-title img{filter:none}
.civilization-dialog[data-civ=ancients] .civ-title img{opacity:1}
.civ-artwork-stage .civ-model-fallback{object-fit:contain;padding:20px 0;animation:hivekin-camera-drift 28s ease-in-out infinite alternate}
.motion-paused .civ-artwork-stage .civ-model-fallback{animation-play-state:paused}
@media(max-width:760px){.civ-gateway>img{width:65%;left:35%;object-fit:cover;object-position:center 24%!important;mask-image:linear-gradient(90deg,transparent,#000 28%)}.civ-gateway:after{background:linear-gradient(90deg,#050a10f5,#050a1066 60%,#050a1020)}.civ-gateway>div{width:72%}.civ-title img{height:300px}}
/* Preserve the shared five-card layout; only tune the two artwork frames. */
@media(max-width:760px){
  .civ-gateway[href='#civilizations/nestkin']>img{top:4%;height:92%;width:auto;max-width:none;left:72%;right:auto;translate:-46% 0;object-fit:contain;object-position:center!important;clip-path:inset(0 32% 0 22%);mask-image:linear-gradient(90deg,transparent 22%,#000 30%,#000 63%,transparent 68%);-webkit-mask-image:linear-gradient(90deg,transparent 22%,#000 30%,#000 63%,transparent 68%)}
  .civ-gateway[href='#civilizations/ancients']>img{top:4%;height:92%;object-fit:contain;object-position:right center!important}
}
@media(prefers-reduced-motion:reduce){.civ-artwork-stage .civ-model-fallback{animation:none}}

.civ-gateway[href='#civilizations/ancients']{--cover-position:38% center}

.faction-emblem{height:200px;display:grid;place-items:center;background:radial-gradient(ellipse,#182935,#080e16 75%)}
.faction-emblem>span{display:block;width:148px;height:166.4px;background-image:url('assets/faction-emblems.webp');background-size:400% 200%;background-position:var(--crest-x) var(--crest-y);background-repeat:no-repeat}
.faction-emblem>img{width:174px;height:174px;object-fit:contain}
.human-catalog .civ-card .faction-emblem>img,.human-member-grid .civ-card .faction-emblem>img{width:174px;height:174px;margin:0;padding:0;object-fit:contain;background:none}

/* Art-led reconstruction case studies. */
.reconstruction-intro{max-width:760px;margin:0 0 26px}.reconstruction-intro h1{font-size:clamp(32px,4vw,52px);font-weight:400;margin:12px 0 16px}.reconstruction-intro>p:last-child{line-height:1.8;color:var(--civ-muted);font-size:15px}
.reconstruction-art-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,1fr);gap:38px;align-items:center}.reconstruction-art{margin:0;min-width:0}.reconstruction-art button{width:100%;height:clamp(350px,48vw,580px);padding:0;background:radial-gradient(ellipse,#16202a,#080d12 75%);border:1px solid var(--civ-line);cursor:zoom-in}.reconstruction-art img{width:100%;height:100%;object-fit:contain;display:block}.reconstruction-art figcaption{font-size:11px;color:var(--civ-muted);padding-top:12px;display:flex;justify-content:space-between}.reconstruction-explanation h2{font-size:clamp(25px,2.4vw,35px);font-weight:400;line-height:1.4;margin:12px 0 25px}.reconstruction-explanation ol{list-style:none;padding:0;margin:0}.reconstruction-explanation li{display:grid;grid-template-columns:30px 1fr;gap:13px;border-top:1px solid var(--civ-line);padding:18px 0}.reconstruction-explanation li>span{font-size:12px;color:var(--civ-tone);padding-top:3px}.reconstruction-explanation h3{margin:0 0 8px;font-size:16px}.reconstruction-explanation li p{color:var(--civ-muted);font-size:14px;line-height:1.85;margin:0}.reconstruction-event{display:inline-block;color:var(--civ-tone);font-size:13px;margin-top:17px;padding-bottom:7px;border-bottom:1px solid var(--civ-line)}
@media(max-width:760px){.reconstruction-art-layout{grid-template-columns:1fr;gap:25px}.reconstruction-art button{height:390px}.reconstruction-intro h1{font-size:32px}}

.reconstruction-intro{color:var(--civ-muted);font-size:14px;line-height:1.9;margin:0 0 25px;max-width:none}.reconstruction-comparison{margin-bottom:35px}.reconstruction-legend{display:flex;justify-content:space-between;gap:16px;padding:0 0 12px;font-size:15px;color:#e2e8e4}.reconstruction-legend small{display:block;color:var(--civ-muted);font-size:11px;margin-top:5px}.reconstruction-legend>span:last-child{text-align:right;color:#dab3c6}.reconstruction-stage-wrap{display:flex;justify-content:center;background:radial-gradient(ellipse at center,#16212a,#080c10 70%);border:1px solid var(--civ-line)}.reconstruction-stage{position:relative;isolation:isolate;width:min(100%,calc(550px * var(--ratio)));aspect-ratio:var(--ratio);overflow:hidden;cursor:ew-resize;touch-action:pan-y;user-select:none}.reconstruction-stage>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.reconstruction-stage .reconstruction-before{clip-path:inset(0 calc(100% - var(--split)) 0 0);z-index:1}.reconstruction-divider{position:absolute;left:var(--split);top:0;bottom:0;width:2px;background:#e3efea;box-shadow:0 0 8px #000;z-index:2;pointer-events:none}.reconstruction-divider>span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:38px;height:38px;border:1px solid #cee8e5;border-radius:50%;background:#0b1725e6;color:#e7f5f2;font-size:21px}.reconstruction-slider-label{display:flex;justify-content:space-between;margin-top:15px;color:var(--civ-muted);font-size:12px}.reconstruction-comparison .civ-slider{margin:12px 0;cursor:ew-resize}.reconstruction-picture-actions{display:flex;justify-content:space-between;gap:12px}.reconstruction-picture-actions button{background:none;border:0;border-bottom:1px solid var(--civ-line);padding:7px 0;color:var(--civ-tone);font-size:12px;cursor:zoom-in}.reconstruction-explanation ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.reconstruction-explanation h2{margin:10px 0 20px}.reconstruction-explanation li{align-items:start}
@media(max-width:760px){.reconstruction-explanation ol{grid-template-columns:1fr;gap:0}.reconstruction-stage{width:min(100%,calc(450px * var(--ratio)))}.reconstruction-legend{font-size:13px}}

.ote-anatomy-layout{grid-template-columns:minmax(0,2.35fr) minmax(220px,.7fr);gap:28px}.ote-anatomy{position:relative;aspect-ratio:1080/599;overflow:hidden;isolation:isolate;border:1px solid #e8c77166;background:#06090c}.ote-anatomy>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.ote-anatomy-base{filter:brightness(.58);transition:filter .25s}.ote-anatomy-highlight{clip-path:ellipse(var(--part-rx) var(--part-ry) at var(--part-x) var(--part-y));filter:brightness(1.12);transition:clip-path .4s ease}.ote-region-outline{position:absolute;left:var(--part-x);top:var(--part-y);width:calc(var(--part-rx) * 2);height:calc(var(--part-ry) * 2);transform:translate(-50%,-50%);border:1px solid #fff0b899;border-radius:50%;box-shadow:0 0 15px #efc97655,inset 0 0 12px #efc97633;pointer-events:none;transition:all .4s ease}.ote-hotspot{position:absolute;transform:translate(-50%,-50%);border:1px solid #dfc88d;background:#081018dc;color:#f7dda0;border-radius:50%;width:30px;height:30px;padding:0;cursor:pointer;font-size:12px;box-shadow:0 2px 7px #0008}.ote-hotspot[aria-pressed=true]{background:#f5dfa3;color:#101820;box-shadow:0 0 14px #f9d26c88}.ote-hotspot:focus-visible{outline:2px solid white;outline-offset:3px}.ote-anatomy-status{font-size:12px;letter-spacing:.06em;color:var(--civ-tone);margin:16px 0 8px}.ote-show-overview{padding:8px 0;border:0;border-bottom:1px solid var(--civ-line);background:none;color:var(--civ-muted);font-size:12px}.ote-anatomy-layout .civ-parts button small{font-size:11px;opacity:.65;margin-right:8px}
@media(max-width:900px){.ote-anatomy-layout{grid-template-columns:1fr}.ote-anatomy-layout .civ-parts{display:grid;grid-template-columns:repeat(3,1fr)}.ote-hotspot{width:26px;height:26px}.ote-anatomy-layout .civ-parts button{font-size:14px}}@media(prefers-reduced-motion:reduce){.ote-anatomy-highlight,.ote-region-outline{transition:none}}

.fleet-art-slice{position:relative;display:block;width:100%;overflow:hidden;background:#05080c}.fleet-art-slice--photon{aspect-ratio:1672/443}.fleet-art-slice--starfighter{aspect-ratio:1672/497}.civilization-dialog .fleet-art-slice img{position:absolute!important;left:0;width:100%!important;height:auto!important;max-height:none!important;margin:0!important;object-fit:initial!important;display:block}.fleet-art-slice--photon img{top:0}.fleet-art-slice--starfighter img{bottom:0}.civilization-dialog .civ-card>.fleet-card-art{display:flex;align-items:center;width:100%;height:170px;flex:none;margin:0 0 20px;background:#05080c}.fleet-art-record{grid-template-columns:1fr}.fleet-art-record>.civ-record-art{width:100%;margin-bottom:8px}.fleet-art-record>.civ-record-copy{max-width:1000px}.fleet-art-record .civ-record-art>img{max-height:660px}.art-image-frame>img{display:block;max-width:90vw;max-height:78svh;object-fit:contain;margin:auto}.art-image-frame.fleet-lightbox{position:relative;width:min(1400px,90vw);overflow:hidden}.fleet-lightbox[data-slice=photon]{aspect-ratio:1672/443}.fleet-lightbox[data-slice=starfighter]{aspect-ratio:1672/497}.art-image-frame.fleet-lightbox>img{position:absolute;left:0;width:100%;height:auto;max-height:none;max-width:none;margin:0}.fleet-lightbox[data-slice=photon]>img{top:0}.fleet-lightbox[data-slice=starfighter]>img{bottom:0}
/* Full-height Aurelian character portraits, with copy below the artwork. */
.civ-card.civ-card--portrait img{height:auto;aspect-ratio:2/3;object-fit:contain;background:#080c11}
.civ-card--portrait small{font-size:14px;line-height:1.7;overflow-wrap:anywhere}
.civ-card--portrait p{font-size:16px;line-height:1.9}
.civ-card--portrait>span{font-size:14px}
.civ-record-layout--portrait .civ-record-art img{max-height:780px;height:auto;object-fit:contain}
.civ-record-layout--portrait .civ-record-art figcaption{font-size:14px}
@media(max-width:760px){.civ-cards:has(.civ-card--portrait){grid-template-columns:1fr}.civ-card--portrait h2{font-size:26px}.civ-record-layout--portrait .civ-fields>div{grid-template-columns:1fr;gap:8px}.civ-record-layout--portrait .civ-fields dt{font-size:14px}.civ-record-layout--portrait .civ-fields dd{font-size:16px}}

/* Original artwork carries scale and material detail; markers explain its functions. */
.illustrated-layout{grid-template-columns:minmax(0,2.5fr) minmax(210px,.8fr);gap:30px;align-items:start}.illustrated-stage{position:relative;isolation:isolate;border:1px solid var(--civ-line);background:#090c0f}.illustrated-stage>img{display:block;width:100%;height:auto}.illustrated-region{position:absolute;left:var(--area-x);top:var(--area-y);width:calc(var(--area-w)*2);height:calc(var(--area-h)*2);transform:translate(-50%,-50%);border:1px solid var(--civ-tone);border-radius:50%;box-shadow:inset 0 0 25px #dbd5b51a,0 0 18px #d1c99930;pointer-events:none;transition:all .35s ease}.illustrated-marker{position:absolute;transform:translate(-50%,-50%);width:30px;height:30px;padding:0;border:1px solid var(--civ-tone);border-radius:50%;background:#06121ced;color:var(--civ-tone);font-size:12px;cursor:pointer}.illustrated-marker[aria-pressed=true]{background:var(--civ-tone);color:#0b1417}.illustrated-marker:focus-visible{outline:2px solid white;outline-offset:4px}.illustrated-caption{display:flex;justify-content:space-between;gap:16px;align-items:center;font-size:12px;color:var(--civ-muted);padding-top:13px}.illustrated-caption button{border:0;border-bottom:1px solid var(--civ-line);padding:7px 0;background:none;color:var(--civ-tone);cursor:zoom-in}.illustrated-layout .civ-parts small{font-size:11px;opacity:.7;margin-right:10px}@media(max-width:850px){.illustrated-layout{grid-template-columns:1fr;gap:20px}.illustrated-layout .civ-parts{display:flex;gap:14px}.illustrated-layout .civ-parts>button{flex:1;font-size:14px}.illustrated-marker{width:27px;height:27px}}@media(prefers-reduced-motion:reduce){.illustrated-region{transition:none}}
.civ-card.civ-card--incident img{height:260px;object-fit:contain;background:#060a0e}
.civ-card--incident small{font-size:14px;line-height:1.6}
/* Keep each settlement's complete source artwork beside its selector. */
.nestkin-settlements{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,320px);gap:32px;align-items:start}
.nestkin-places{grid-column:2;grid-row:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.nestkin-places button{min-height:58px;padding:12px 10px;background:#111810;border:1px solid #65754955;color:#d9ddc9;font:inherit;font-size:15px;line-height:1.5;cursor:pointer}
.nestkin-places button[aria-pressed=true]{background:#b8c792;color:#141b10;border-color:#cbd6a9}
.nestkin-places button:focus-visible,.nestkin-photo:focus-visible{outline:2px solid #e5eccb;outline-offset:4px}
.nestkin-place-content{grid-column:1;grid-row:1;min-width:0}
.nestkin-place-content header{margin:0 0 20px}
.nestkin-place-content h2{font-size:clamp(24px,2.4vw,34px);line-height:1.4;margin:0 0 10px;color:#e1e7d3}
.nestkin-place-content header p{font-size:16px;line-height:1.8;color:#adb6a4;margin:0}
.nestkin-place-photos figure{margin:0 0 28px}
.nestkin-photo{display:block;width:100%;padding:0;border:0;background:#070c09;cursor:zoom-in}
.nestkin-photo img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
.nestkin-place-photos figcaption{display:flex;justify-content:space-between;gap:16px;padding:12px 0;font-size:14px;color:#bdc9a8;border-bottom:1px solid #65754955}
.nestkin-place-photos figcaption span{color:#8f9d84}
.nestkin-contact-art{margin:0 0 28px}.nestkin-contact-art figcaption{padding:12px 0;font-size:14px;color:#bdc9a8}
.aurelian-civilization-intro{max-width:900px;font-size:17px;line-height:2;color:var(--civ-muted);margin:0 0 48px}
.civilization-dialog[data-civ=aurelians] .civ-merged-section{margin-top:64px;padding-top:36px}
.civilization-dialog[data-civ=aurelians] #civ-section-order .atlas-heading{display:none}
.civilization-dialog[data-civ=aurelians] #civ-section-systems .civ-card img{height:auto;aspect-ratio:16/9;object-fit:contain;background:#080b10}
.civilization-dialog[data-civ=aurelians] #civ-section-systems .civ-card p{font-size:15px;line-height:1.8}
.civ-full-artwork{margin:0}.civ-full-artwork button{display:block;width:100%;background:none;padding:0;border:0;cursor:zoom-in}.civ-full-artwork img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}.civ-full-artwork figcaption{text-align:right;color:var(--civ-muted);font-size:14px;padding:12px 0}
@media(max-width:760px){.civilization-dialog[data-civ=aurelians] .civ-merged-section{margin-top:44px;padding-top:28px}.aurelian-civilization-intro{font-size:16px;margin-bottom:32px}.civilization-dialog[data-civ=aurelians] #civ-section-systems .civ-cards{grid-template-columns:1fr}}
@media(max-width:760px){.nestkin-settlements{display:flex;flex-direction:column;gap:22px}.nestkin-places{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:100%;gap:8px;overflow:visible;padding:0}.nestkin-places button{min-width:0;min-height:46px;padding:10px 8px;font-size:13px;white-space:normal;line-height:1.5}.nestkin-place-content{width:100%}.nestkin-place-content header{margin-bottom:16px}}
.civ-card--incident p{font-size:16px}
@media(max-width:760px){.civ-cards:has(.civ-card--incident){grid-template-columns:1fr}.civ-card.civ-card--incident img{height:auto;max-height:440px;object-fit:contain}}