:root{--ink:#f8f7f2;--muted:#b9c4bc;--page:#07100f;--panel:#101c1a;--panel-2:#172623;--line:#ffffff24;--hot:#ff4f85;--sun:#ffc857;--aqua:#44d9cf;--lime:#9bdc6d;--shadow:#00000057}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:radial-gradient(circle at 16% 0,#ff4f8533,#0000 34rem),radial-gradient(circle at 82% 10%,#44d9cf29,#0000 30rem),linear-gradient(#07100f 0%,#0b1514 45%,#060b0a 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.site-shell{min-height:100vh}.topbar{z-index:10;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#07100fe0;justify-content:space-between;align-items:center;gap:1.5rem;padding:1rem clamp(1rem,4vw,3rem);display:flex;position:sticky;top:0}.menu{position:relative}.menu summary{border:1px solid var(--line);cursor:pointer;background:#ffffff12;place-items:center;gap:.25rem;width:3rem;height:3rem;list-style:none;display:grid}.menu summary::-webkit-details-marker{display:none}.menu summary span{background:var(--ink);width:1.35rem;height:.15rem;display:block}.menu summary:hover,.menu summary:focus-visible{border-color:var(--sun);outline:none}.menu[open] summary{background:var(--sun)}.menu[open] summary span{background:#10100b}.brand{align-items:center;gap:.75rem;min-width:13rem;display:flex}.brand-mark{border:2px solid var(--sun);width:3rem;height:3rem;color:var(--sun);background:#111;place-items:center;font-weight:950;display:grid;box-shadow:0 0 0 4px #ffc8571f}.brand strong,.brand small{display:block}.brand strong{font-size:1rem}.brand small{color:var(--muted);font-size:.76rem}.nav{border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a1412f7;grid-template-columns:repeat(2,minmax(8rem,1fr));gap:.45rem;width:min(26rem,100vw - 2rem);padding:.8rem;display:grid;position:absolute;top:calc(100% + .8rem);right:0;box-shadow:0 22px 54px #00000059}.nav a{border:1px solid var(--line);color:var(--muted);background:#ffffff09;padding:.75rem .85rem;font-size:.9rem}.nav a:hover,.nav a:focus-visible{border-color:var(--line);color:var(--ink);outline:none}main{width:min(1180px,100% - 2rem);margin:0 auto}.page-hero{grid-template-columns:minmax(0,1.1fr) minmax(18rem,.9fr);align-items:center;gap:clamp(1.5rem,5vw,4rem);min-height:24rem;padding:clamp(2rem,6vw,4.5rem) 0 1.5rem;display:grid}.hero-copy h1{letter-spacing:0;text-transform:uppercase;max-width:16ch;margin:0;font-size:clamp(2.4rem,5.6vw,5.4rem);line-height:.96}.hero-copy>p:not(.eyebrow){color:#dbe5df;max-width:42rem;font-size:clamp(.95rem,1.5vw,1.12rem);line-height:1.5}.eyebrow,.meta{color:var(--aqua);letter-spacing:0;text-transform:uppercase;margin:0 0 .8rem;font-size:.78rem;font-weight:900}.hero-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}.button{border:1px solid var(--line);background:#ffffff0f;justify-content:center;align-items:center;min-height:3rem;padding:.8rem 1.15rem;font-weight:850;display:inline-flex}.button.primary{background:var(--sun);color:#10100b;border-color:#0000}.hero-art{border:1px solid var(--line);min-height:20rem;box-shadow:0 26px 70px var(--shadow);background:#0d1514;position:relative;overflow:hidden}.hero-art:after{content:"";background:linear-gradient(#07100f0a,#07100f7a);display:block;position:absolute;inset:0}.hero-art img{object-fit:cover;width:100%;height:100%;min-height:20rem;display:block}.section{padding:clamp(1.6rem,4vw,3.2rem) 0}.section-head{margin-bottom:1.2rem}.section h2{letter-spacing:0;margin:0;font-size:clamp(1.35rem,3vw,2.25rem)}.fact-grid,.feature-grid,.tracker-grid,.character-grid,.media-grid,.location-grid,.two-column{gap:1rem;display:grid}.fact-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.feature-grid,.character-grid,.media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.location-grid,.tracker-grid,.two-column{grid-template-columns:repeat(2,minmax(0,1fr))}.fact,.card,.tracker,.character-card,.note-board{border:1px solid var(--line);background:linear-gradient(#ffffff13,#ffffff09);box-shadow:0 18px 40px #0000002e}.fact{min-height:8rem;padding:1.1rem}.fact span{color:var(--muted);text-transform:uppercase;font-size:.82rem;display:block}.fact strong{margin-top:.7rem;font-size:clamp(1.15rem,2vw,1.5rem);line-height:1.1;display:block}.card,.tracker,.character-card,.media-card,.note-board{padding:1.2rem}.card h3,.media-card h3,.tracker h3,.character-card h2{margin:0 0 .7rem;font-size:1.12rem}.card p,.media-card p,.tracker p,.character-card p,.source-panel p,.footer p,.list-panel p,.note-board p{color:#d1ddd6;font-size:.94rem;line-height:1.5}.card a{color:var(--sun);margin-top:.8rem;font-weight:850;display:inline-block}.ad-slot{width:min(1180px,100% - 2rem);min-height:5.6rem;color:var(--muted);text-align:center;background:linear-gradient(135deg,#ffc85714,#44d9cf14),#ffffff09;border:1px dashed #ffffff52;place-items:center;gap:.25rem;margin:1rem auto;display:grid}.ad-slot strong{color:var(--ink);font-size:1.05rem}.ad-slot small{color:#80928b}.content-with-rail{grid-template-columns:minmax(0,1fr) 19rem;align-items:start;gap:1.25rem;display:grid}.rail{padding-top:2rem;position:sticky;top:6rem}.rail .ad-slot{width:100%;min-height:16rem}.checklist{gap:.65rem;display:grid}.checklist label{border:1px solid var(--line);background:#ffffff0b;align-items:center;gap:.75rem;padding:.95rem;display:flex}.checklist input{width:1.15rem;height:1.15rem;accent-color:var(--hot)}.tracker span{background:var(--hot);color:#fff;place-items:center;width:2.3rem;height:2.3rem;margin-bottom:1rem;font-weight:900;display:inline-grid}.list-panel{border:1px solid var(--line);background:#ffffff0b;gap:.75rem;padding:1rem;display:grid}.list-panel div{background:#ffffff09;align-items:flex-start;gap:.75rem;padding:.7rem;display:flex}.dot{background:var(--lime);border-radius:999px;flex:none;width:.85rem;height:.85rem;margin-top:.38rem;box-shadow:0 0 0 .25rem #9bdc6d26}.table-wrap{border:1px solid var(--line);overflow-x:auto}table{border-collapse:collapse;background:#ffffff09;width:100%;min-width:760px}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:1rem}th{color:var(--sun);text-transform:uppercase;font-size:.8rem}.character-card{flex-direction:column;justify-content:space-between;min-height:22rem;display:flex}.character-card img{aspect-ratio:16/10;object-fit:cover;border:1px solid var(--line);background:#0000004d;width:100%;margin-bottom:1rem}.media-card{border:1px solid var(--line);background:linear-gradient(#ffffff13,#ffffff09);overflow:hidden;box-shadow:0 18px 40px #0000002e}.media-card img{aspect-ratio:16/9;object-fit:cover;background:#00000047;width:calc(100% + 2.4rem);max-width:none;margin:-1.2rem -1.2rem 1rem;display:block}.mini-specs{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.mini-specs span{border:1px solid var(--line);color:var(--muted);background:#0000002e;padding:.42rem .55rem;font-size:.82rem}.tag-row{flex-wrap:wrap;gap:.5rem;margin:1rem 0;display:flex}.tag-row span,.character-card li{border:1px solid var(--line);color:var(--muted);padding:.4rem .55rem;font-size:.82rem}.character-card ul{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.note-board{grid-template-columns:repeat(5,minmax(0,1fr));gap:.7rem;display:grid}.note-board p{border:1px solid var(--line);background:#0000002e;margin:0;padding:.8rem}.source-panel{border:1px solid var(--line);background:var(--panel);grid-template-columns:.8fr 1.2fr;gap:1.5rem;margin:3rem auto;padding:clamp(1.2rem,4vw,2rem);display:grid}.source-list{gap:.7rem;display:grid}.source-list a{border:1px solid var(--line);background:#ffffff0a;gap:.25rem;padding:.85rem;display:grid}.source-list a:hover,.source-list a:focus-visible{border-color:var(--aqua);outline:none}.source-list span{color:var(--muted);line-height:1.45}.timeline{gap:1rem;display:grid}.map-frame{border:1px solid var(--line);background:#ffffff0b;margin:0;padding:1rem}.map-frame img{object-fit:contain;background:#090f0e;width:100%;max-height:42rem;display:block}.map-frame figcaption{color:var(--muted);margin-top:.9rem;line-height:1.5}.footer{border-top:1px solid var(--line);justify-content:space-between;gap:1rem;width:min(1180px,100% - 2rem);margin:4rem auto 0;padding:2rem 0;display:flex}.footer p{max-width:42rem;margin:.4rem 0 0}.footer-links{flex-wrap:wrap;place-content:start flex-end;gap:.8rem;display:flex}.footer-links a{color:var(--sun);font-weight:800}@media (max-width:920px){.footer,.source-panel,.content-with-rail,.page-hero{grid-template-columns:1fr}.footer{justify-items:start;display:grid}.page-hero{min-height:0}.hero-copy h1{max-width:11ch}.fact-grid,.feature-grid,.character-grid,.media-grid,.location-grid,.tracker-grid,.two-column,.note-board{grid-template-columns:1fr}.rail{padding-top:0;position:static}}@media (max-width:560px){main,.ad-slot,.footer{width:min(100% - 1rem,1180px)}.topbar{padding:.8rem}.nav a{padding:.7rem .65rem;font-size:.82rem}.nav{grid-template-columns:1fr;width:calc(100vw - 1rem)}.hero-copy h1{font-size:clamp(2rem,12vw,2.85rem)}.brand{min-width:0}.brand-mark{width:2.5rem;height:2.5rem}.hero-art,.hero-art img{min-height:15rem}}