.fe-page{--fe-accent:#e7a03d;--fe-blue:#2f7080;--fe-panel:#0b1c24;--fe-panel2:#112d38}
.fe-page main{padding-top:14px}
.fe-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.85fr);gap:0;border:1px solid var(--line);background:linear-gradient(135deg,#102832,#07131a 65%);box-shadow:var(--shadow);overflow:hidden}
.fe-hero-copy{padding:28px 30px}.fe-eyebrow{color:var(--orange2);font-size:13px;font-weight:950;letter-spacing:.08em}.fe-hero h1{font-size:clamp(29px,4vw,46px);margin:8px 0 13px}.fe-hero-lead{max-width:820px;margin:0;color:#f5fbfc;font-size:18px;line-height:1.85}.fe-chips{display:flex;flex-wrap:wrap;gap:7px;margin:17px 0}.fe-chip{padding:4px 9px;border:1px solid #4d7380;background:#15313b;font-size:12px;font-weight:900}.fe-chip.accent{border-color:#a96c29;background:rgba(231,160,61,.15)}.fe-key{margin-top:20px;padding:15px 17px;border-left:4px solid var(--fe-accent);background:rgba(6,16,21,.72)}.fe-key b{color:#ffd08d}.fe-key p{margin:5px 0 0;font-size:15px;line-height:1.75}.fe-editorial-note{margin-top:12px;padding:13px 15px;border:1px solid #456b77;background:#102630}.fe-editorial-note b{color:#ffd08d}.fe-editorial-note p{margin:5px 0 7px;line-height:1.75}.fe-editorial-note small{color:#c5d8dc;font-size:12px}.fe-hero-art{min-height:420px;background-position:center;background-size:cover;background-repeat:no-repeat;border-left:1px solid var(--line);position:relative}.fe-hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,16,24,.55),transparent 45%),linear-gradient(0deg,rgba(7,16,24,.35),transparent 45%)}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:20px}.metric{min-height:78px;padding:10px 12px;border:1px solid #3c5c67;background:#0b2029}.metric span{display:block;font-size:12px;color:#dae7ea;font-weight:850}.metric strong{display:block;margin-top:2px;font-size:19px}.metric em{color:var(--orange2);font-style:normal;font-size:24px;margin-right:2px}
.fe-section{margin-top:18px;border:1px solid var(--line);background:rgba(8,21,28,.95);scroll-margin-top:12px}.fe-head{display:flex;align-items:end;justify-content:space-between;gap:15px;padding:15px 17px;background:#102630;border-bottom:1px solid var(--line)}.fe-head h2{margin:0;font-size:23px}.fe-head p{margin:0;color:#d8e5e9;font-size:13px}.fe-body{padding:16px}.fe-note{margin:0 0 15px;line-height:1.8}
.lineage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:stretch}.lineage-card{padding:15px;border:1px solid var(--line2);background:linear-gradient(155deg,#132e39,#0a1920)}.lineage-card .year{color:var(--orange2);font-size:13px;font-weight:950}.lineage-card h3{margin:6px 0;font-size:20px;line-height:1.35}.lineage-card p{margin:0;color:#e6f0f2;font-size:14px;line-height:1.65}.lineage-card dl{display:grid;grid-template-columns:52px 1fr;gap:3px 7px;margin:13px 0 0;font-size:12px}.lineage-card dt{color:#abc2c9;font-weight:900}.lineage-card dd{margin:0;font-weight:800}.lineage-arrow{display:none}.branch-box{margin-top:12px;padding:14px;border:1px solid #466773;background:#0d2029}.branch-box h3{margin:0 0 9px;font-size:16px}.branch-origin{padding:9px 12px;border-left:3px solid var(--orange);background:#132f39;font-weight:950}.branch-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px}.branch-node{padding:10px;border:1px solid #34515d;background:#0a1a21}.branch-node b,.branch-node span{display:block}.branch-node span{color:#b8ccd2;font-size:12px}.branch-node small{display:block;margin-top:4px;color:#e4eef0}
.toc-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0;padding:0;list-style:none}.toc-link{display:grid;grid-template-columns:42px 1fr 22px;align-items:center;min-height:64px;padding:9px 12px;border:1px solid var(--line2);background:#0d2029}.toc-link:hover,.toc-link:focus-visible{background:#163440;border-color:#7c9ca7}.toc-num{color:var(--orange2);font-size:18px;font-weight:950}.toc-label b{font-size:18px;line-height:1.2}.toc-arrow{color:var(--orange2);font-size:25px;text-align:right}
.gallery{display:grid;gap:14px}.gallery-label{padding:12px;border:1px solid var(--line);background:#0b1c24}.gallery-label>strong{display:block;margin-bottom:9px;font-size:17px}.image-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.compare-thumb{display:block;padding:0;border:1px solid #416875;background:#08151c;color:#fff;text-align:left;cursor:pointer}.compare-thumb:hover,.compare-thumb:focus-visible{border-color:#ffc276;transform:translateY(-1px)}.scene-visual{position:relative;aspect-ratio:16/10;overflow:hidden;background:#132833}.scene-visual img{width:100%;height:100%;object-fit:cover}.scene-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.78),transparent 55%);pointer-events:none}.scene-version{position:absolute;top:7px;left:7px;z-index:2;padding:3px 6px;background:rgba(0,0,0,.72);border:1px solid rgba(255,255,255,.3);font-size:11px;font-weight:950}.scene-caption{position:absolute;left:8px;bottom:7px;z-index:2;font-size:13px;font-weight:950;text-shadow:0 2px 7px #000}.thumb-body{padding:8px 9px;display:grid;gap:1px}.thumb-body b{font-size:13px;line-height:1.35}.thumb-body span{color:#bfd1d6;font-size:11px}.compare-hint{margin-top:9px;color:#cbdde1;font-size:13px}.mobile-pairs{display:none}
.compare-table-wrap{overflow:auto}.compare-table{width:100%;min-width:920px;border-collapse:collapse;font-size:13px}.compare-table th,.compare-table td{border:1px solid #34515d;padding:9px;vertical-align:top}.compare-table thead th{background:#17333e;font-size:12px}.compare-table tbody th{width:145px;background:#102832;text-align:left}.compare-table tbody tr:nth-child(even) td{background:#0a1920}.status-badge{display:inline-flex;align-items:center;justify-content:center;min-width:42px;padding:2px 6px;border:1px solid #6b7f85;font-size:11px;font-weight:950;white-space:nowrap}.status-badge.change{border-color:#9d5b25;background:#542a10;color:#ffd2a2}.status-badge.add{border-color:#2c8069;background:#103b32;color:#a8f0db}.status-badge.keep{border-color:#52747f;background:#16313b;color:#d4e5e9}.status-badge.remove{border-color:#9c4747;background:#4a1d22;color:#ffc0c0}.status-badge.na{border-color:#485b61;background:#1c292d;color:#b5c4c7}.mobile-diffs{display:none}
.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.list-card,.play-card,.source-card{padding:15px;border:1px solid var(--line2);background:#0d2029}.list-card h3,.play-card h3,.source-card h3{margin:0 0 8px;font-size:18px}.list-card ul{margin:0;padding-left:20px}.list-card li{margin:3px 0}.platform-table{width:100%;border-collapse:collapse;font-size:13px}.platform-table th,.platform-table td{border:1px solid #34515d;padding:9px;text-align:left;vertical-align:top}.platform-table th{background:#17333e}.platform-table td:first-child{font-weight:900;background:#102832}.play-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.play-card p{margin:0;font-size:14px;color:#e2eef0}.store-link{display:inline-block;margin-top:10px;color:#ffc078;text-decoration:underline;text-underline-offset:3px;font-weight:900}.sources{display:grid;gap:8px}.source-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:center}.source-card p{margin:3px 0 0;color:#d5e4e7;font-size:13px}.source-card a{color:#ffc078;text-decoration:underline;text-underline-offset:3px;font-weight:900;white-space:nowrap}
.compare-modal{position:fixed;inset:0;z-index:50;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(0,0,0,.78)}.compare-modal[aria-hidden="false"]{display:flex}.modal-shell{width:min(980px,100%);max-height:calc(100vh - 36px);overflow:auto;border:1px solid #6b8e99;background:#08151c;box-shadow:0 25px 70px #000}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:11px 14px;background:#17333e;border-bottom:1px solid #52727c}.modal-head h2{margin:0;font-size:19px}.modal-close{width:38px;height:34px;border:1px solid #849ba1;background:#0b1b22;color:#fff;font-size:24px;line-height:1;cursor:pointer}.modal-body{padding:14px}.compare-stage{position:relative;aspect-ratio:16/10;overflow:hidden;background:#061016;--pos:50%}.compare-layer{position:absolute;inset:0}.compare-layer img{width:100%;height:100%;object-fit:contain;background:#061016}.compare-layer.new{clip-path:inset(0 calc(100% - var(--pos)) 0 0)}.compare-line{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.65);transform:translateX(-1px);z-index:4}.compare-handle{position:absolute;left:var(--pos);top:50%;transform:translate(-50%,-50%);z-index:5;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#111;font-weight:950}.compare-side-label{position:absolute;top:10px;padding:4px 7px;background:rgba(0,0,0,.72);z-index:6;font-size:12px;font-weight:950}.compare-side-label.old{left:10px}.compare-side-label.new{right:10px}.compare-range{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:7}.compare-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:11px}.compare-toolbar button{padding:8px 11px;border:1px solid #5b7b85;background:#102832;color:#fff;font-weight:900;cursor:pointer}.slider-readout{color:#d8e6e8;font-size:13px}.compare-notes{margin-top:11px;padding:12px;border:1px solid #34515d;background:#0d2029}.compare-notes h3{margin:0 0 5px;font-size:15px}.compare-notes ul{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.compare-notes li{padding:3px 7px;border:1px solid #456b77;color:#dbe8eb;font-size:12px}
@media(max-width:900px){.fe-hero{grid-template-columns:1fr}.fe-hero-art{min-height:260px;order:-1;border-left:0;border-bottom:1px solid var(--line)}.lineage-grid{grid-template-columns:1fr}.image-row{grid-template-columns:repeat(2,minmax(0,1fr))}.play-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.fe-hero-copy{padding:18px 14px}.fe-hero h1{font-size:29px}.fe-hero-lead{font-size:16px}.fe-hero-art{min-height:225px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{min-height:70px}.fe-head{align-items:flex-start;flex-direction:column;padding:12px}.fe-head h2{font-size:21px}.fe-body{padding:11px}.toc-list,.two-col,.play-grid,.branch-list{grid-template-columns:1fr}.image-row{display:none}.mobile-pairs{display:grid;gap:10px}.mobile-pair{border:1px solid var(--line);background:#0b1c24}.mobile-pair h3{margin:0;padding:9px 11px;background:#102832;font-size:17px}.mobile-pair-images{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#34515d}.mobile-pair-image{position:relative;aspect-ratio:1.45;overflow:hidden;background:#071018}.mobile-pair-image img{width:100%;height:100%;object-fit:cover}.mobile-pair-image span{position:absolute;left:5px;top:5px;padding:2px 5px;background:rgba(0,0,0,.74);font-size:10px;font-weight:950}.mobile-pair-body{padding:9px}.mobile-pair-body p{margin:0 0 8px;font-size:13px;color:#d6e4e7}.mobile-pair-body button{width:100%;padding:8px;border:1px solid #a35b1e;background:linear-gradient(#ef923f,#bd5813);color:#fff;font-weight:950}.mobile-diffs{display:grid;gap:8px}.mobile-diff{padding:10px;border:1px solid var(--line);background:#0d2029}.mobile-diff h3{margin:0 0 6px;font-size:16px}.diff-line{display:grid;grid-template-columns:84px 1fr auto;gap:6px;padding:5px 0;border-top:1px solid #294751;font-size:12px}.diff-line b{color:#ffbf79}.mobile-more{margin-top:8px}.mobile-more summary{padding:10px;border:1px solid #456b77;background:#102832;color:#ffc078;font-weight:950;cursor:pointer}.mobile-more .mobile-diff{margin-top:8px}.platform-table-wrap{display:none}.source-card{grid-template-columns:1fr}.source-card a{justify-self:start}.compare-modal{padding:8px}.modal-shell{max-height:calc(100vh - 16px)}.compare-toolbar{flex-wrap:wrap}.compare-toolbar button{flex:1}.slider-readout{width:100%;order:-1;text-align:center}.compare-notes ul{display:grid;grid-template-columns:1fr 1fr}}
.fe-static-content{margin:18px 0;padding:18px;border:1px solid #35515d;background:#0c1d25}.fe-static-content h1{margin:0 0 12px;font-size:clamp(25px,3vw,38px);line-height:1.35}.fe-static-content h2{margin:22px 0 9px;color:#ffd08d;font-size:20px}.fe-static-content h3{margin:14px 0 6px;color:#fff;font-size:16px}.fe-static-content p{margin:8px 0;line-height:1.8}.fe-static-content ul{margin:8px 0;padding-left:22px}.fe-static-content li{margin:6px 0;line-height:1.7}.fe-static-table-wrap{overflow:auto}.fe-static-content table{width:100%;min-width:760px;border-collapse:collapse}.fe-static-content th,.fe-static-content td{padding:9px;border:1px solid #35515d;text-align:left;vertical-align:top}.fe-static-content th{background:#15313d;color:#ffd08d}.fe-static-content a{color:#ffd08d;text-decoration:underline}