:root{--bg: #1b1714;--panel: #262019;--panel-2: #2f2820;--ink: #f4ece0;--ink-soft: #cdbfa9;--gold: #e8a33d;--rust: #d9542b;--green: #7fae52;--line: #3c332878;--radius: 18px;--shadow: 0 10px 30px #0008;--maxw: 1080px;--font: "Avenir Next", "Segoe UI", system-ui, -apple-system, sans-serif;--font-display: "Papyrus", "Bradley Hand", "Segoe Print", fantasy}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);color:var(--ink);background:radial-gradient(1200px 600px at 70% -10%,#3a2c1c 0%,transparent 60%),var(--bg);line-height:1.6;font-size:18px;overflow-x:hidden;overflow-wrap:break-word}a{color:var(--gold)}img{max-width:100%;display:block}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:14px;padding:12px 20px;background:#1b1714e8;backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.topbar .brand{font-weight:800;letter-spacing:.3px;color:var(--ink);text-decoration:none}.topbar .brand b{color:var(--rust)}.topbar .spacer{flex:1}.btn{appearance:none;border:1px solid #ffffff22;cursor:pointer;background:var(--panel-2);color:var(--ink);padding:9px 16px;border-radius:999px;font:inherit;font-weight:600;display:inline-flex;align-items:center;gap:8px;transition:.15s}.btn:hover{border-color:var(--gold);transform:translateY(-1px)}.btn--play{background:var(--rust);color:#fff;border-color:transparent}.btn--play.is-playing{background:var(--green)}.hero{position:relative;margin-top:8px}.hero__media{position:relative;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--line);background:#0c0a08}.hero__media img{width:100%;height:auto}.hero__media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,#120f0ccc 100%);pointer-events:none}.hero__title{position:absolute;left:22px;bottom:16px;z-index:2;margin:0;text-shadow:0 3px 14px #000a}.hero__title .name{font-family:var(--font-display);font-size:clamp(38px,6.4vw,70px);font-weight:700;line-height:1}.hero__title .sci{font-style:italic;color:var(--ink-soft);font-weight:500}.tagline{font-size:clamp(20px,2.6vw,28px);color:var(--gold);font-weight:700;margin:26px 0 6px}.layout{display:grid;grid-template-columns:1fr 320px;gap:28px;margin:22px 0 60px;align-items:start}@media (max-width: 820px){.layout{grid-template-columns:1fr}}.intro{font-size:20px}.intro .lead{color:var(--ink)}.factcard{position:sticky;top:76px;background:linear-gradient(180deg,var(--panel) 0%,var(--panel-2) 100%);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.factcard h2{margin:0;padding:14px 18px;font-size:15px;letter-spacing:2px;text-transform:uppercase;color:#1b1410;background:var(--gold)}.factcard dl{margin:0;padding:6px 18px 16px}.factcard dt{font-weight:700;color:var(--gold);margin-top:12px;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.factcard dd{margin:2px 0 0;color:var(--ink-soft)}.factcard .danger dt{color:var(--rust)}.section-head{font-size:14px;letter-spacing:3px;text-transform:uppercase;color:var(--ink-soft);margin:50px 0 14px}.topics{display:grid;gap:26px}.topic{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:0;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.topic:nth-child(2n){grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.topic:nth-child(2n) .topic__media{order:2}@media (max-width: 680px){.topic,.topic:nth-child(2n){grid-template-columns:1fr}.topic:nth-child(2n) .topic__media{order:0}}.topic__media{background:#0c0a08}.topic__media img{width:100%;height:100%;object-fit:cover}.topic__body{padding:22px 24px}.topic__body h3{font-family:var(--font-display);margin:0 0 8px;font-size:28px;color:var(--gold)}.topic__captions{display:flex;gap:16px;margin-top:14px;flex-wrap:wrap}.topic__captions .cap{flex:1 1 160px;background:#00000030;border-radius:12px;padding:10px 12px}.topic__captions .cap b{color:var(--green);display:block;margin-bottom:2px}.videoblock{margin:50px 0;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.videoblock video{width:100%;display:block;background:#000}.videoblock .cap{padding:14px 20px;color:var(--ink-soft)}.videoblock .cap b{color:var(--gold)}.prov{margin:50px 0 80px;padding:18px 20px;border:1px dashed var(--line);border-radius:14px;color:var(--ink-soft);font-size:14px;background:#00000020}.prov b{color:var(--ink)}.loading{padding:80px 20px;text-align:center;color:var(--ink-soft)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.modeswitch{display:inline-flex;background:var(--panel-2);border:1px solid var(--line);border-radius:999px;padding:3px}.modeswitch button{appearance:none;border:none;background:transparent;color:var(--ink-soft);font:inherit;font-weight:600;padding:6px 15px;border-radius:999px;cursor:pointer;transition:.15s}.modeswitch button:hover{color:var(--ink)}.modeswitch button.is-active{background:var(--gold);color:#1b1410}.classic{max-width:var(--maxw);margin:16px auto 70px;padding:0 20px}.classic__bar{display:flex;align-items:center;gap:14px;margin-bottom:14px}.classic__title{flex:1;color:var(--ink-soft);letter-spacing:1.5px;text-transform:uppercase;font-size:13px}.classic__stage{position:relative;display:flex;justify-content:center;background:radial-gradient(700px 400px at 50% 0%,#1d1a16,#000 80%);border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:var(--shadow)}.classic__frame{position:relative;width:min(760px,100%);line-height:0}.classic__screen{width:min(760px,100%);height:auto;display:block;border-radius:6px;box-shadow:0 6px 24px #000a}.hotspot{position:absolute;appearance:none;padding:0;cursor:pointer;background:transparent;border:2px solid transparent;border-radius:9px;transition:.12s}.hotspot:hover,.hotspot:focus-visible{border-color:var(--gold);background:#e8a33d22;box-shadow:0 0 0 3px #e8a33d44;outline:none}.classic__stage.reveal .hotspot{border-color:#e8a33daa;background:#e8a33d1f}.classic__stage.reveal .hotspot--disabled{border-color:#fff3;background:#ffffff10}.hotspot--disabled{cursor:not-allowed}.hotspot__tip{position:absolute;left:50%;top:-30px;transform:translate(-50%);background:#000d;color:#fff;font-size:12px;line-height:1.4;white-space:nowrap;padding:3px 8px;border-radius:6px;opacity:0;pointer-events:none;transition:.12s}.hotspot:hover .hotspot__tip,.hotspot:focus-visible .hotspot__tip{opacity:1}.classic__back{position:absolute;left:20px;top:20px;z-index:5}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px}.creature{position:relative;display:block;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);text-decoration:none;color:var(--ink);aspect-ratio:4/3;background:#0c0a08}.creature img{width:100%;height:100%;object-fit:cover;transition:.25s}.creature:hover img{transform:scale(1.05)}.creature span{position:absolute;left:14px;bottom:11px;z-index:2;font-weight:800;font-size:22px;text-shadow:0 2px 10px #000}.creature:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,#000a 100%)}.soon{opacity:.4;pointer-events:none}.explore-nav{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:6px 0 8px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 4px;align-items:center}.chips .chips__label{font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--ink-soft);margin-right:2px}.chip{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--ink);background:var(--panel-2);border:1px solid var(--line);border-radius:999px;padding:5px 12px;text-decoration:none;transition:.15s}.chip:hover{border-color:var(--gold);color:var(--gold);transform:translateY(-1px)}@media (max-width: 680px){body{font-size:17px}.topbar{flex-wrap:wrap;padding:10px 14px;gap:8px 10px}.topbar .spacer{display:none}.topbar .brand{font-size:15px;line-height:1.12}.modeswitch button{padding:6px 12px;font-size:13px}.topbar .btn{padding:8px 13px;font-size:14px}.hero__title .name{font-size:clamp(30px,8.5vw,52px)}.tagline{font-size:20px}.topic,.topic:nth-child(2n){grid-template-columns:1fr}.topic:nth-child(2n) .topic__media{order:0}}