@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700;800&family=UnifrakturCook:wght@700&display=swap');
:root{--gold:#dfa840;--lightgold:#ffe1a1;--deep:#140b20;--purple:#301447;--paper:#eacfa0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#ffdfab;background:#0c0910 radial-gradient(ellipse at top,#332044 0,#110b19 60%,#09080b 100%);font-family:Georgia,'Times New Roman',serif}.site-shell{max-width:1540px;margin:auto;min-height:100vh;border-left:3px solid #6f4b1b;border-right:3px solid #6f4b1b;box-shadow:0 0 60px #000}.hero{position:relative;height:clamp(190px,21vw,315px);background:linear-gradient(180deg,transparent 65%,#130b20b8),url('assets/worlds-mural.png') center 48%/cover no-repeat;border-bottom:5px ridge #c88a28}.hero-frame{position:absolute;inset:10px;border:2px solid #e9b3559a;border-radius:36px 36px 9px 9px;pointer-events:none;box-shadow:inset 0 0 0 3px #170b26ad}.crest{position:absolute;z-index:2;left:50%;top:0;transform:translateX(-50%);height:clamp(184px,20vw,290px);max-width:37%;object-fit:contain;filter:drop-shadow(0 8px 13px #000)}.masthead{padding:16px 10px 20px;text-align:center;background:radial-gradient(ellipse,#4d2369 0%,#210e34 60%,#100b1d 100%);border-bottom:3px solid #af7628;box-shadow:inset 0 0 27px #000}.masthead h1{margin:0;font-family:'UnifrakturCook',Georgia,serif;font-size:clamp(32px,4.7vw,68px);line-height:1.1;color:#f7cc78;text-shadow:2px 3px #4c2709,0 0 15px #e6a44e70}.masthead p{margin:10px 0 0;letter-spacing:.27em;text-transform:uppercase;font:600 clamp(10px,1.25vw,16px) Cinzel,Georgia,serif}.columns{display:grid;grid-template-columns:minmax(190px,22%) minmax(0,1fr) minmax(210px,21%);gap:14px;padding:16px;background:linear-gradient(90deg,#0c0b10,#2a1733 50%,#0c0b10)}.framed{border:2px solid #c18b36;outline:1px solid #58321d;box-shadow:inset 0 0 0 3px #37201f,0 3px 13px #000b}.left-panel{align-self:start;background:linear-gradient(155deg,#29123d,#110c1b);padding:12px 8px 35px;border-radius:8px;position:relative}.left-panel a{display:flex;gap:11px;align-items:center;padding:17px 8px;color:#ffdc9a;text-decoration:none;font-size:clamp(13px,1.2vw,17px);font-weight:bold;border-bottom:1px solid #836022;transition:background .2s}.left-panel a span{color:#e6ab47;font-size:24px;min-width:29px;text-align:center}.left-panel a:hover,.left-panel a:focus-visible,.left-panel a.active{background:#4a1b67;outline-color:#ffd078}.nav-foot{text-align:center;color:#e9b04d;font-size:38px;padding:25px 0 0}.parchment{min-height:570px;color:#351638;background:linear-gradient(#f8e8c5dc,#e4c492e8),radial-gradient(circle,#fff,#b6884f);border-radius:8px;padding:7px}.parchment-inner{height:100%;padding:30px 19px 25px;text-align:center;border:2px solid #a47230;background:radial-gradient(ellipse at 50% 22%,#ffefc9a8,transparent 65%),repeating-linear-gradient(25deg,#8d623609 0px,#8d623609 2px,transparent 3px,transparent 9px)}.compass,.flourish{color:#986321;font-size:22px}.eyebrow{font-size:clamp(19px,2vw,31px);font-weight:bold;margin:8px 0 0}.parchment h2{font-family:'UnifrakturCook',Georgia,serif;font-size:clamp(35px,4vw,57px);line-height:1.03;margin:5px 0;color:#371044}.parchment h3{text-transform:uppercase;letter-spacing:.29em;font:600 clamp(23px,2.2vw,32px) Cinzel,Georgia,serif;color:#68401b;margin:12px 0 18px}.intro{max-width:620px;margin:0 auto 15px;font-size:clamp(17px,1.5vw,21px);line-height:1.5}.intro.small{font-size:16px}.worlds{margin:25px auto 20px;max-width:680px;border-top:1px solid #aa834f;border-bottom:1px solid #aa834f;padding:11px 0}.worlds h4{font:700 15px Cinzel,Georgia,serif;margin:0 0 8px}.worlds p{line-height:1.9;margin:0;font-size:14px}.worlds b{color:#a9783f;margin:0 5px}.features{display:grid;grid-template-columns:repeat(4,1fr);margin-top:20px}.features div{border-right:1px solid #b99b70;padding:6px}.features div:last-child{border:0}.features span{display:block;color:#ad7625;font-size:29px}.features strong{display:block;font:700 14px Cinzel,Georgia,serif;margin:7px 0}.features small{font-size:12px}.right-panel{display:flex;flex-direction:column;gap:14px}.panel{background:linear-gradient(155deg,#24112f,#100c19);border-radius:6px;padding:15px 12px}.panel h2{font-size:clamp(15px,1.35vw,18px);margin:0 0 14px;color:#ffdda2;border-bottom:1px solid #90602c;padding-bottom:11px}.panel p{line-height:1.5;color:#eddac1;font-size:15px}.coming-tag{color:#ffd280;text-align:center;border:1px solid #9f722d;border-radius:5px;padding:10px 3px;font:700 12px Cinzel,Georgia,serif;background:#391a51}.notice{background:linear-gradient(#f5dfb9,#ddbe87);padding:18px 12px;color:#371d33;border:2px solid #b58744}.notice h3{text-align:center;margin:0 0 15px;color:#47205a;font-size:22px}.notice ul{padding-left:21px;line-height:1.8;margin:0;font-size:14px}footer{text-align:center;font-size:13px;padding:19px;background:#0a0810;border-top:2px solid #895825;color:#b89c79}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:980px){.columns{grid-template-columns:185px minmax(0,1fr)}.right-panel{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.crest{max-width:45%}}@media(max-width:640px){.hero{height:180px}.crest{height:170px;max-width:53%}.masthead p{letter-spacing:.08em}.columns{display:flex;flex-direction:column;padding:10px}.left-panel{width:100%;padding-bottom:8px}.left-panel a{display:inline-flex;width:calc(50% - 5px);padding:8px 4px;font-size:13px}.left-panel a span{font-size:18px;min-width:22px}.nav-foot{display:none}.right-panel{display:flex}.parchment-inner{padding:20px 10px}.features{grid-template-columns:repeat(2,1fr);gap:14px}.features div:nth-child(2){border:0}.worlds p{font-size:12px}}