@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap');
*{box-sizing:border-box}body{margin:0;background:#080908;color:#eee;font-family:Inter,system-ui}.hidden{display:none!important}.gate{height:100vh;min-height:680px;background:url('assets/raven-manor-castle.png') center/cover no-repeat;position:relative;display:grid;place-items:center}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,4,.72),rgba(5,5,4,.18),rgba(5,5,4,.65)),linear-gradient(0deg,rgba(5,5,4,.65),transparent 55%)}.hero{position:relative;text-align:center;text-shadow:0 2px 20px #000;max-width:850px;padding:30px}.crest{font-size:42px;color:#c8a75c}.eyebrow{letter-spacing:.22em;color:#c7ad72;font-size:11px;font-weight:700}.hero h1,.brand,.app h2,h3{font-family:Cinzel,serif}.hero h1{font-size:clamp(52px,8vw,104px);margin:12px 0 2px;letter-spacing:.08em}.hero p{letter-spacing:.32em;font-size:13px}.rule{height:1px;width:280px;margin:24px auto;background:linear-gradient(90deg,transparent,#c7a75f,transparent)}blockquote{font-family:Cinzel;font-style:italic;font-size:20px}.hero button,.primary{background:#b18b42;border:1px solid #e2c47f;color:#111;padding:14px 27px;font-weight:800;letter-spacing:.12em;cursor:pointer}.hero small{display:block;margin-top:18px;color:#bbb}.app{min-height:100vh;display:grid;grid-template-columns:260px 1fr;background:radial-gradient(circle at 70% 0,#1c1a14,#0b0c0b 45%)}aside{border-right:1px solid #2b2922;padding:30px 20px;display:flex;flex-direction:column;min-height:100vh;background:#0b0c0b}.brand{font-size:24px;letter-spacing:.12em;border-bottom:1px solid #29271f;padding:0 8px 26px}.brand b{color:#d0ac5d}.brand span{display:block}.brand small{display:block;font-family:Inter;font-size:8px;color:#777;margin-top:5px;letter-spacing:.2em}nav{padding-top:24px;flex:1}.nav{padding:12px 14px;margin:3px 0;color:#9e9e98;cursor:pointer;border-left:2px solid transparent;font-size:13px}.nav:hover,.nav.active{background:#171712;color:#e4c478;border-left-color:#c39a4c}.identity{border-top:1px solid #29271f;padding:22px 8px 0;display:flex;gap:10px;align-items:center}.identity small{display:block;color:#777;font-size:10px}.avatar{width:36px;height:36px;border:1px solid #806b3d;border-radius:50%;display:grid;place-items:center;color:#d7ba74}main{padding:38px clamp(22px,4vw,65px)}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}h2{font-size:31px;margin:7px 0}.ghost{background:#151510;border:1px solid #5d5135;color:#d8bd79;padding:11px 15px;cursor:pointer}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{background:linear-gradient(145deg,#151612,#10110f);border:1px solid #292a23;padding:20px;box-shadow:0 12px 30px #0003}.stat b{font:600 31px Cinzel;color:#e0c47f}.stat small{display:block;color:#777;margin-top:5px;text-transform:uppercase;letter-spacing:.1em}.sectionHead{display:flex;justify-content:space-between;align-items:end;margin:34px 0 12px}.sectionHead h3{margin:0;font-size:18px}.sectionHead span{font-size:11px;color:#777}.duties{display:grid;gap:8px}.duty{display:grid;grid-template-columns:90px 1fr 130px 120px 100px;align-items:center;padding:15px 17px;background:#121310;border:1px solid #26271f}.id{color:#9a8150;font:600 12px monospace}.duty b{font-size:13px}.meta{font-size:11px;color:#777}.badge{font-size:10px;padding:5px 8px;border:1px solid #494333;text-align:center}.complete{text-decoration:line-through;color:#777}.progress{height:5px;background:#25251f;margin-top:10px}.progress i{display:block;height:100%;background:#b99650}.project{margin-bottom:14px}.projectline{display:flex;justify-content:space-between;font-size:12px}.houseboard{display:grid;grid-template-columns:1.2fr 1fr;gap:15px;margin-top:32px}.quote{font-family:Cinzel;font-size:21px;color:#d9bd78;line-height:1.5}.form{max-width:700px;display:grid;gap:12px}.form input,.form select{background:#10110f;border:1px solid #39372d;color:#eee;padding:13px}.discord{border-color:#54466e}.discord strong{color:#b9a7dd}@media(max-width:850px){.app{grid-template-columns:1fr}aside{min-height:auto}.brand{border:0}nav{display:flex;overflow:auto;padding:10px 0}.nav{white-space:nowrap}.identity{display:none}.stats{grid-template-columns:1fr 1fr}.duty{grid-template-columns:75px 1fr}.duty>:nth-child(n+3){display:none}.houseboard{grid-template-columns:1fr}main{padding:24px}header{align-items:flex-start;gap:10px}.hero h1{font-size:48px}}