@font-face{font-family:"Alegreya SC";font-style:normal;font-weight:700;font-display:swap;src:url("/client/static/fonts/alegreya-sc/AlegreyaSC-Bold.woff2") format("woff2")}
:root{--ink:#f3e8d0;--muted:#baab8c;--bg:#0d0a08;--panel:#20160f;--panel-2:#17100b;--gold:#d9b76d;--gold-soft:rgba(217,183,109,.3);--red:#7d3040;--green:#315e49;--serif:"Alegreya SC",Georgia,serif;--sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 86% 8%,#302014 0,transparent 29rem),linear-gradient(180deg,#17100b 0,#0d0a08 56%,#080605 100%);color:var(--ink);font-family:var(--sans)}a{color:inherit}.wrap{width:min(1140px,calc(100% - 34px));margin:0 auto}.quest-hero{position:relative;overflow:hidden;min-height:510px;display:grid;align-items:end;border-bottom:1px solid var(--gold-soft);background:linear-gradient(90deg,rgba(12,8,6,.92) 0,rgba(12,8,6,.64) 43%,rgba(12,8,6,.2)),url('/client/static/rooms/domains/Lucidity/characters/garron-vale-20260805.webp') 83% 35%/min(560px,55vw) auto no-repeat}.quest-hero:after{content:"";position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(transparent,var(--bg))}.hero-copy{position:relative;z-index:1;padding:110px 0 62px}.kicker,.eyebrow,.card-kicker{margin:0;color:var(--gold);font-size:12px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.kicker{display:inline-block;padding:8px 13px;border:1px solid rgba(217,183,109,.42);border-radius:999px;background:rgba(49,94,73,.15)}h1,h2,h3{font-family:var(--serif);font-weight:700}.quest-hero h1{margin:10px 0 8px;font-size:clamp(4.2rem,10vw,8.5rem);line-height:.8;text-shadow:0 0 35px rgba(217,183,109,.23)}.lede{max-width:620px;margin:0;color:#efe2c6;font-size:clamp(17px,2vw,21px);line-height:1.55}.play-button{display:inline-flex;gap:9px;align-items:center;margin-top:25px;padding:12px 16px;border:1px solid rgba(217,183,109,.55);border-radius:7px;background:rgba(217,183,109,.1);font-weight:850;text-decoration:none}.play-button:hover,.play-button:focus{background:rgba(217,183,109,.22);outline:none}.page-main{padding:38px 0 80px}.intro-panel,.points-panel{padding:30px;border:1px solid var(--gold-soft);border-radius:12px;background:linear-gradient(135deg,rgba(49,94,73,.22),rgba(32,22,15,.94) 55%);box-shadow:0 24px 60px rgba(0,0,0,.26)}.intro-panel h2,.section-heading h2,.points-panel h2{margin:8px 0 10px;font-size:clamp(2rem,4vw,3.4rem);line-height:.95}.intro-panel p:last-child,.points-panel p{max-width:900px;margin:0;color:var(--muted);line-height:1.65}.loop-section,.guides,.examples-section{margin-top:52px}.section-heading{margin-bottom:18px}.quest-loop{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;list-style:none;margin:0;padding:0}.quest-loop li{min-height:250px;padding:20px;border:1px solid rgba(217,183,109,.2);border-radius:10px;background:linear-gradient(155deg,rgba(47,30,19,.94),rgba(18,12,8,.95));box-shadow:0 14px 38px rgba(0,0,0,.2)}.step-number{display:block;color:var(--gold);font:700 2rem/1 var(--serif)}.quest-loop h3,.guide-card h3,.example-grid h3{margin:28px 0 7px;font-size:1.5rem;line-height:1}.quest-loop p,.guide-card p,.example-grid p{margin:0;color:var(--muted);font-size:14px;line-height:1.53}code{padding:.18em .42em;border:1px solid rgba(217,183,109,.23);border-radius:4px;background:rgba(0,0,0,.26);color:#f4d995;font:600 .9em ui-monospace,SFMono-Regular,Menlo,monospace}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.guide-card{position:relative;min-height:415px;display:flex;align-items:flex-end;overflow:hidden;padding:21px;border:1px solid rgba(217,183,109,.27);border-radius:10px;background:var(--panel-2)}.guide-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,5,3,.05) 20%,rgba(8,5,3,.76) 66%,rgba(8,5,3,.98))}.guide-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center 24%;filter:saturate(1.07) contrast(1.03)}.guide-card>div{position:relative;z-index:1}.guide-card h3{font-size:2.15rem;margin:6px 0 7px}.card-kicker{font-size:10px}.section-note{margin:13px 0 0;color:var(--muted);font-size:13px}.example-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.example-grid article{padding:18px;border-top:2px solid rgba(217,183,109,.52);background:rgba(32,22,15,.62)}.example-grid span{color:var(--gold);font-size:28px}.example-grid h3{margin-top:13px}.points-panel{display:grid;grid-template-columns:minmax(0,1fr) 205px;gap:28px;align-items:center;margin-top:52px;background:linear-gradient(125deg,rgba(66,32,28,.88),rgba(31,22,14,.96))}.points-panel p+p{margin-top:12px}.points-mark{width:190px;height:190px;display:grid;place-content:center;border:1px solid rgba(217,183,109,.58);border-radius:50%;text-align:center;background:radial-gradient(circle,rgba(217,183,109,.2),transparent 67%);box-shadow:0 0 48px rgba(217,183,109,.12)}.points-mark strong{display:block;color:#f2d68e;font:700 3.3rem/1 var(--serif)}.points-mark span{display:block;width:120px;margin:6px auto 0;color:var(--muted);font-size:11px;line-height:1.35;text-transform:uppercase;letter-spacing:.08em}@media(max-width:880px){.quest-loop,.example-grid{grid-template-columns:1fr 1fr}.guide-grid{grid-template-columns:1fr 1fr}.guide-card:last-child{grid-column:span 2}.quest-hero{background-position:110% 33%;background-size:min(520px,64vw)}.points-panel{grid-template-columns:1fr}.points-mark{margin:auto}}@media(max-width:570px){.wrap{width:min(100% - 24px,1140px)}.quest-hero{min-height:580px;align-items:end;background:linear-gradient(180deg,rgba(12,8,6,.03) 0,rgba(12,8,6,.45) 50%,rgba(12,8,6,.95) 78%),url('/client/static/rooms/domains/Lucidity/characters/garron-vale-20260805.webp') center 26px/390px auto no-repeat}.hero-copy{padding:335px 0 38px}.quest-loop,.guide-grid,.example-grid{grid-template-columns:1fr}.guide-card:last-child{grid-column:auto}.quest-loop li{min-height:0}.intro-panel,.points-panel{padding:21px}.guide-card{min-height:385px}.page-main{padding-top:28px}}