*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#05091d;color:#f8f1dd}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid #66daff;outline-offset:5px}.skip{position:absolute;top:-100px;left:16px;z-index:10;background:#05091d;padding:12px}.skip:focus{top:10px}header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 5%;background:#07132cf5;border-bottom:1px solid #b88b45}.brand{color:#f6cb72;font-size:12px;font-weight:700;letter-spacing:2px}.brand small{display:block;color:#66daff;font-size:8px;margin-top:8px}nav{display:flex;align-items:center;gap:24px;flex-wrap:wrap;font-size:12px}.button{display:inline-block;border:1px solid #f6cb72;background:linear-gradient(#21487b,#0b234a);box-shadow:inset 0 0 0 3px #07122b;padding:13px 18px;color:#f6cb72;font-size:12px;font-weight:600}.button:hover{background:#244a73}main{max-width:1280px;margin:auto;padding:0 5%}.intro{padding:88px 0 48px;position:relative}.intro:before{content:'';position:absolute;inset:0 -5vw;z-index:-1;background:linear-gradient(#05091d55,#05091d),url('/assets/astralis-moonlit-city.webp') center 35%/cover;image-rendering:pixelated;opacity:.6}.eyebrow{font-size:10px;letter-spacing:2.5px;color:#66daff;font-weight:700}.dotf-app h1{font-size:clamp(44px,6vw,78px);color:#f6cb72;margin:20px 0;line-height:1.05}.lede{font-size:16px;line-height:1.9;color:#c9d8f1;max-width:680px}.intro-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-top:32px}.intro-controls nav a{border-bottom:1px solid #b88b45;padding:9px 0;color:#f6cb72}.intro-controls button{font-size:11px;background:#101d36;color:#c9d8f1;border:1px solid #53628d;padding:12px}.deity{--accent:#f6cb72;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin:30px 0 56px;border:1px solid #b88b45;outline:1px solid #326ab766;outline-offset:4px;background:linear-gradient(135deg,#102447,#080e22);box-shadow:inset 0 0 0 4px #05091d;scroll-margin-top:28px}.darkheart{--accent:#c79bff}.leviathan{--accent:#66daff}.portrait{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 8px 20px;min-width:0;border-right:1px solid #b88b4555;background:radial-gradient(ellipse,#25355955,transparent 70%),#070c1c}.portrait img{width:100%;max-width:512px;height:auto;aspect-ratio:1;object-fit:contain;image-rendering:pixelated}.portrait-label,.portrait-caption{font-size:9px;letter-spacing:2px;color:var(--accent);text-align:center}.portrait-caption{padding-top:14px}.profile{padding:44px 38px;align-self:center}.profile .eyebrow{color:var(--accent)}.dotf-app .profile h2{font-size:clamp(36px,4.5vw,60px);color:var(--accent);margin:14px 0}.motto{font:italic 23px/1.4 Georgia,serif;color:#f8e9c9!important}.profile p{font-size:14px;line-height:1.85;color:#c9d8f1}.profile dl{border-top:1px solid #b88b4544;margin-top:24px}.profile dl>div{padding:14px 0;border-bottom:1px solid #b88b4544}.profile dt{font-size:9px;text-transform:uppercase;letter-spacing:1.7px;color:#92accb}.profile dd{margin:6px 0 0;font-size:12px;color:#f8e9c9}.text-link{display:inline-block;margin-top:12px;color:var(--accent);font-size:12px}.closing{text-align:center;padding:32px 16px 72px}.closing h2{font-size:34px;color:#f6cb72}.closing p:not(.eyebrow){font-size:14px;color:#c9d8f1;margin-bottom:28px}footer{border-top:1px solid #b88b4544;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:28px 5%;font-size:10px;color:#b5c6df;letter-spacing:1px}@media(max-width:760px){header{flex-wrap:wrap;padding:22px 6%}header nav{gap:18px;font-size:11px}.intro{padding-top:54px}.deity{grid-template-columns:1fr}.portrait{border-right:0;border-bottom:1px solid #b88b4555}.portrait img{max-width:384px}.profile{padding:30px 24px}.intro-controls{align-items:flex-start}.intro-controls nav{gap:18px}.closing h2{font-size:29px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}