@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=Crimson+Text:ital,wght@0,400;0,600;1,400&display=swap";:root{--bg:#08090c;--panel:#14161d;--line:#262832;--text:#d3ccbb;--text-dim:#8b8676;--parchment:#ece1c8;--gold:#c8aa6e;--gold-lit:#f4dfa8;--gold-dim:#6b5a38;--druid:#ff7d0a;--q-poor:#9d9d9d;--q-rare:#4a9cff;--q-green:#4fd44f;--stat:#ffd100;--w-wide:1080px;--w-text:720px}*{box-sizing:border-box}body{color:var(--text);background-color:var(--bg);-webkit-font-smoothing:antialiased;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");margin:0;font-family:Crimson Text,Georgia,serif;font-size:19px;line-height:1.72}a{color:var(--gold);text-decoration:none}a:hover{color:var(--gold-lit);text-decoration:underline}img{max-width:100%;display:block}.wide{max-width:var(--w-wide);margin:0 auto;padding:0 28px}.text{max-width:var(--w-text);margin:0 auto;padding:0 28px}header.site{z-index:30;backdrop-filter:blur(8px);border-bottom:1px solid var(--gold-dim);background:#090a0ef0;position:sticky;top:0;box-shadow:inset 0 1px #f4dfa817,0 5px 20px #0009}header.site .wide{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding-top:14px;padding-bottom:14px;display:flex}.wordmark{letter-spacing:.15em;text-transform:uppercase;background:linear-gradient(180deg, var(--gold-lit), var(--gold) 55%, #8a7140);color:#0000;-webkit-background-clip:text;background-clip:text;font-family:Cinzel,Georgia,serif;font-size:20px;font-weight:700}.wordmark:hover{filter:brightness(1.15);text-decoration:none}nav.site a{color:var(--text-dim);letter-spacing:.16em;text-transform:uppercase;margin-left:26px;font-family:Cinzel,Georgia,serif;font-size:12.5px;font-weight:600}nav.site a:hover{color:var(--gold-lit);text-decoration:none}nav.site a:first-child{margin-left:0}.hero{border-bottom:1px solid var(--gold-dim);background-image:url(/images/art_hero.jpg);background-position:50% 40%;background-size:cover;align-items:flex-end;min-height:clamp(340px,52vh,540px);display:flex;position:relative}.hero:after{content:"";background:linear-gradient(180deg, #08090c8c 0%, #08090c0d 30%, #08090cd1 78%, var(--bg) 100%), linear-gradient(90deg, #08090cb8 0%, transparent 62%);position:absolute;inset:0}.hero .wide{z-index:2;padding-top:70px;padding-bottom:46px;position:relative}.hero h1{max-width:20ch;color:var(--parchment);text-shadow:0 3px 16px #000000f2,0 1px 3px #000;margin:0 0 16px;font-family:Cinzel,Georgia,serif;font-size:clamp(27px,4vw,43px);font-weight:600;line-height:1.22}.hero p{color:#cfc7b6;text-shadow:0 2px 10px #000000f2;max-width:52ch;margin:0;font-size:20px}.intro{padding:52px 0 8px}.intro-grid{grid-template-columns:1fr 330px;align-items:start;gap:52px;display:grid}.intro-grid p{margin:0 0 18px}.intro-grid p:last-child{margin-bottom:0}.intro-grid p.first{color:var(--parchment);font-size:20.5px}.sheet{background:linear-gradient(180deg, #4a7cb814, transparent 55%), var(--panel);border:1px solid var(--gold-dim);padding:22px 24px;position:relative;box-shadow:inset 0 0 0 1px #000,0 12px 34px #0000008c}.sheet:before,.sheet:after{content:"";border-color:var(--gold);width:13px;height:13px;position:absolute}.sheet:before{border-top:2px solid;border-left:2px solid;top:-1px;left:-1px}.sheet:after{border-bottom:2px solid;border-right:2px solid;bottom:-1px;right:-1px}.sheet h2{letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin:0 0 15px;font-family:Cinzel,Georgia,serif;font-size:11px;font-weight:600}.sheet dl{margin:0;font-size:17px}.sheet dt{letter-spacing:.15em;text-transform:uppercase;color:var(--text-dim);margin-top:12px;font-family:Cinzel,Georgia,serif;font-size:10.5px}.sheet dt:first-of-type{margin-top:0}.sheet dd{color:var(--parchment);margin:1px 0 0;line-height:1.5}.sheet dd .druid{color:var(--druid)}.ornament{align-items:center;gap:15px;margin:0 0 32px;display:flex}.ornament:before,.ornament:after{content:"";background:linear-gradient(90deg, transparent, var(--gold-dim) 30%, var(--gold) 50%, var(--gold-dim) 70%, transparent);flex:1;height:1px}.ornament h2{letter-spacing:.26em;text-transform:uppercase;color:var(--gold);white-space:nowrap;margin:0;font-family:Cinzel,Georgia,serif;font-size:12.5px;font-weight:600}section.block{padding:56px 0}section.block+section.block{border-top:1px solid var(--line)}.featured{border-bottom:1px solid var(--line);grid-template-columns:340px 1fr;align-items:center;gap:30px;margin-bottom:34px;padding-bottom:34px;display:grid}.featured .thumb{border:1px solid var(--gold-dim);aspect-ratio:16/10;object-fit:cover;width:100%;box-shadow:inset 0 0 0 1px #000,0 10px 28px #0000008c}.featured h3{margin:0 0 8px;font-family:Cinzel,Georgia,serif;font-size:25px;font-weight:600;line-height:1.32}.featured h3 a{color:var(--parchment)}.featured h3 a:hover{color:var(--gold-lit);text-decoration:none}.featured p.excerpt{color:var(--text-dim);margin:0}.entries{gap:4px;display:grid}article.entry{border:1px solid #0000;padding:16px 18px 16px 24px;transition:background .15s,border-color .15s;position:relative}article.entry:before{content:"";background:linear-gradient(180deg, var(--gold), var(--gold-dim));opacity:.5;width:3px;height:calc(100% - 40px);min-height:22px;position:absolute;top:20px;left:0}article.entry:hover{background:#c8aa6e0d;border-color:#c8aa6e33}article.entry:hover:before{opacity:1;box-shadow:0 0 10px #c8aa6e8c}article.entry h3{margin:0 0 4px;font-family:Cinzel,Georgia,serif;font-size:19px;font-weight:600;line-height:1.4}article.entry h3 a{color:var(--parchment)}article.entry h3 a:hover{color:var(--gold-lit);text-decoration:none}article.entry p.excerpt{color:var(--text-dim);margin:0;font-size:17.5px}.meta{letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim);margin:0 0 8px;font-family:Cinzel,Georgia,serif;font-size:11px}.chars{grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:16px;display:grid}.char{border:1px solid var(--gold-dim);background:#020305cc;padding:15px 18px 16px;box-shadow:inset 0 0 0 1px #000,0 8px 22px #00000080}.char .cname{justify-content:space-between;align-items:baseline;gap:12px;font-family:Cinzel,Georgia,serif;font-size:17.5px;font-weight:600;display:flex}.char .lvl{letter-spacing:.15em;text-transform:uppercase;color:var(--text-dim);white-space:nowrap;font-family:Cinzel,Georgia,serif;font-size:11px}.char .class{color:var(--stat);margin-top:3px;font-size:16.5px}.char .spec{color:var(--q-green);font-size:15.5px}.char .note{color:var(--text-dim);margin-top:10px;font-size:16.5px;font-style:italic;line-height:1.55}.char.is-main{border-color:#ff7d0a8c;box-shadow:inset 0 0 0 1px #000,0 0 26px #ff7d0a1f}.char.is-main .cname{color:var(--druid)}.char.is-rare .cname{color:var(--q-rare)}.char.is-retired{opacity:.68}.char.is-retired .cname{color:var(--q-poor)}.about-grid{grid-template-columns:200px 1fr;align-items:start;gap:40px;display:grid}.portrait{object-fit:cover;object-position:center 20%;border:3px solid var(--gold-dim);width:200px;height:200px;box-shadow:0 0 0 1px #000, 0 0 0 6px #0b0d12, 0 0 0 7px var(--gold), 0 0 30px #c8aa6e40;border-radius:50%;position:sticky;top:96px}.about-grid p{margin:0 0 18px}.about-grid p:first-child{margin-top:-6px}.about figure{margin:28px 0}.about figure img{border:1px solid var(--gold-dim);box-shadow:inset 0 0 0 1px #000,0 10px 30px #0000008c}.about figcaption{color:var(--text-dim);margin-top:9px;font-size:15.5px;font-style:italic}.postbanner{background-image:var(--banner,url(/images/art_road.jpg));border-bottom:1px solid var(--gold-dim);background-position:50% 55%;background-size:cover;min-height:clamp(240px,36vh,400px);position:relative}.postbanner:after{content:"";background:linear-gradient(180deg, #08090c80, #08090c40 40%, var(--bg) 100%);position:absolute;inset:0}.post{padding:44px 0 24px}.post h1{color:var(--parchment);text-shadow:0 2px 8px #000c;margin:0 0 12px;font-family:Cinzel,Georgia,serif;font-size:clamp(26px,3.6vw,36px);font-weight:600;line-height:1.28}.post .body p{margin:0 0 22px}.post .body>p:first-child:first-letter{float:left;color:var(--gold);text-shadow:0 2px 6px #000000d9;padding:7px 13px 0 0;font-family:Cinzel,Georgia,serif;font-size:64px;font-weight:700;line-height:.82}.post .body h2{letter-spacing:.03em;color:var(--gold);margin:42px 0 14px;font-family:Cinzel,Georgia,serif;font-size:21px;font-weight:600}.post .body blockquote{border-left:3px solid var(--gold);color:var(--parchment);background:#c8aa6e0e;margin:32px 0;padding:20px 26px;font-size:19.5px;font-style:italic}.backlink{letter-spacing:.16em;text-transform:uppercase;font-family:Cinzel,Georgia,serif;font-size:11.5px}footer.site{border-top:1px solid var(--gold-dim);color:var(--text-dim);background-image:url(/images/art_ruins.jpg);background-position:50% 60%;background-size:cover;margin-top:40px;padding:54px 0 60px;font-size:16.5px;position:relative}footer.site:before{content:"";background:linear-gradient(#08090ced,#08090cf7);position:absolute;inset:0}footer.site .wide{z-index:2;position:relative}footer.site p{margin:0 0 10px}footer.site .disclaimer{opacity:.68;max-width:74ch;margin-top:20px;font-size:14px;line-height:1.6}@media (width<=900px){.intro-grid{grid-template-columns:1fr;gap:34px}.featured{grid-template-columns:1fr;gap:20px}.about-grid{grid-template-columns:1fr;gap:26px}.portrait{width:150px;height:150px;position:static}}@media (width<=600px){body{font-size:18px}.wide,.text{padding:0 20px}.hero{background-position:50% 45%;min-height:300px}.hero .wide{padding-bottom:34px}.hero p{font-size:18px}.wordmark{letter-spacing:.11em;font-size:16px}nav.site a{letter-spacing:.1em;margin-left:16px;font-size:11px}.ornament h2{letter-spacing:.16em;font-size:11.5px}.featured h3{font-size:21px}section.block{padding:42px 0}}article.entry.is-draft{opacity:.62}article.entry.is-draft:hover{background:0 0;border-color:#0000}article.entry.is-draft:hover:before{opacity:.5;box-shadow:none}article.entry.is-draft h3{color:var(--parchment)}.meta .tag{border:1px solid var(--gold-dim);color:var(--gold-dim);letter-spacing:.18em;margin-left:12px;padding:2px 8px;font-size:9.5px}.charnote{margin-top:24px}.elsewhere{margin-top:26px}.backlink{margin-top:44px}.post .body>p:first-child{color:var(--parchment)}.post .body ul,.post .body ol{margin:0 0 22px;padding-left:1.3em}.post .body li{margin-bottom:8px}.post .body a{text-underline-offset:3px;text-decoration:underline}.post .body img{border:1px solid var(--gold-dim);margin:28px 0}.post .body hr{background:linear-gradient(90deg, transparent, var(--gold-dim) 30%, var(--gold) 50%, var(--gold-dim) 70%, transparent);border:0;height:1px;margin:40px 0}