:root{--forest:#143e34;--deep:#102f29;--ivory:#f6f1e5;--gold:#e8c47f;--muted:#b9c9b9;--wine:#6e3744}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--ivory);color:var(--deep);margin:0;font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.6}h1,h2,h3,.brand{font-family:Georgia,Times New Roman,serif;font-weight:400;line-height:1.1}h1{margin:20px 0;font-size:clamp(2.5rem,6vw,5.8rem)}h2{margin:12px 0 20px;font-size:clamp(2rem,4vw,3rem)}h3{font-size:1.7rem}em{color:var(--gold);font-weight:400}a{color:inherit;text-decoration:none}button,.button{background:var(--forest);color:var(--ivory);cursor:pointer;text-align:center;border:1px solid #0000;border-radius:6px;min-height:48px;padding:15px 24px;font:600 15px/1.4 Arial,sans-serif;display:inline-block}button:hover,.button:hover{filter:brightness(1.1)}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:4px;outline:3px solid #bf8d38}.gold{background:var(--gold);color:var(--deep)}.secondary{color:var(--deep);background:0 0;border-color:#637b70}nav{justify-content:space-between;align-items:center;gap:20px;padding:30px 0;display:flex}.brand{letter-spacing:-1.4px;font-size:32px}.brand i{color:var(--gold)}.brand span{letter-spacing:3px;margin-top:10px;font:9px Arial;display:block}.small{background:0 0;border:1px solid #638074;padding:10px 18px;font-size:13px}.eyebrow{letter-spacing:2.4px;font-size:11px;font-weight:700}.fine{opacity:.8;font-size:13px;line-height:1.6}.muted{color:#637168}.landing{background:var(--forest);color:var(--ivory);padding:0 max(6vw,24px)}.hero{border-bottom:1px solid #466458;padding:76px 0 94px;position:relative;overflow:hidden}.hero h1{z-index:1;position:relative}.hero .eyebrow{color:var(--gold)}.intro{color:#d7e0d4;margin:26px 0 32px;font-size:19px}.hero .fine{margin-top:22px}.orbit{color:var(--gold);opacity:.75;font:280px Georgia;position:absolute;top:13%;right:7%;transform:rotate(-18deg)}.orbit:before,.orbit:after{content:"";border:1px solid #dabc7055;border-radius:50%;position:absolute;inset:-45px}.orbit:after{inset:-75px}.orbit span{font-size:70px;position:absolute;top:45%;left:-60px}#bookshelf{padding:64px 0 75px}#bookshelf .muted{color:#c0cdbd}.books{grid-template-columns:repeat(3,1fr);gap:26px;margin-top:36px;display:grid}.book{text-align:center;border:1px solid #d6bd7955;border-radius:4px 12px 12px 4px;flex-direction:column;align-items:center;min-height:450px;padding:28px 30px 24px;transition:transform .2s;display:flex;position:relative;box-shadow:inset 8px 0 #0002,8px 14px 30px #0002}.book:before{content:"";pointer-events:none;border:1px solid #d6bd7944;position:absolute;inset:14px}.dragon{color:#244234;background:#e8d5a8}.manor{color:#ded2b6;background:#303b52}.haunted{color:#ebd8c7;background:#603f49}.book-tag,.book-footer{letter-spacing:1.6px;font-size:10px;font-weight:700}.book h3{margin:0 0 14px;font-size:clamp(1.4rem,2.4vw,2.2rem)}.book p{opacity:.85;font-size:14px;line-height:1.6}.book-footer{margin-top:auto;padding-top:25px}.cover-art{margin:22px 0;font:100px/1 Georgia;position:relative}.cover-art span{font-size:32px;position:absolute;top:5px;right:-30px}.book[href]:hover{transform:translateY(-7px)}.how{border-top:1px solid #466458;grid-template-columns:repeat(3,1fr);gap:48px;padding:50px 0 65px;display:grid}.how span{color:var(--gold);letter-spacing:1.6px;font-size:10px}.how h3{font-size:24px;line-height:1.3}.how p{color:#c0cdbd;font-size:14px}footer{border-top:1px solid #466458;justify-content:space-between;gap:25px;padding:35px 0;font-size:13px;display:flex}footer span{opacity:.7}.player-shell{max-width:880px;margin:auto;padding:0 24px 50px}.player-shell nav{border-bottom:1px solid #d3d9cd;margin-bottom:28px}.player-shell .brand i{color:#997139}.panel{background:#fffcf4;border:1px solid #d9dfd1;border-radius:12px;margin:20px 0;padding:32px 42px}.join{max-width:650px;margin:40px auto}.join h1{font-size:2.8rem}.join em{color:#816132}form{gap:18px;margin:24px 0;display:grid}label{gap:6px;font-size:14px;font-weight:600;display:grid}input,select{width:100%;font:inherit;color:var(--deep);background:#fffdf8;border:1px solid #85998c;border-radius:5px;min-height:48px;padding:13px}.two-col{grid-template-columns:1fr 1fr;gap:16px;display:grid}.demo-banner{background:#f2dbab;border:1px solid #b39049;border-radius:6px;padding:14px 18px;font-size:13px;font-weight:600}.error{color:#602332;background:#f7dfe0;border:1px solid #a65361;border-radius:6px;padding:16px}.connection{color:#516957;font-size:12px}.session-head{justify-content:space-between;align-items:center;margin:24px 0 15px;display:flex}.code{letter-spacing:4px;background:#e6e9dc;border-radius:6px;padding:6px 12px;font:700 20px monospace}.players{grid-template-columns:1fr 1fr;gap:12px;display:grid}.players>div{border:1px solid #cad2c4;border-radius:8px;grid-template-columns:40px 1fr;align-items:center;padding:12px;font-size:14px;display:grid}.players>div>span:last-child{color:#536654;grid-column:2;font-size:12px}.avatar{color:#967137;grid-row:span 2;font-size:25px}.panel>button{margin:6px 10px 6px 0}details{border:1px solid #d4d9c9;border-radius:5px;padding:15px}summary{cursor:pointer;font-size:14px}details label{margin-top:16px}.stats{margin-bottom:0}.story h1{font-size:clamp(2rem,5vw,3.3rem)}.scene-art{color:#eacb8e;background:radial-gradient(at 50% 120%,#b49a5b 0,#0000 60%),#244e41;border-radius:6px;place-items:center;height:170px;margin-bottom:28px;display:grid;position:relative;overflow:hidden}.scene-art:before,.scene-art:after{content:"✧";font-size:25px;position:absolute;top:15%;left:20%}.scene-art:after{font-size:16px;top:55%;left:auto;right:17%}.scene-art span{font:95px Georgia}.prose{font-size:19px;line-height:1.8}.clue,blockquote{background:#f0eddd;border-left:3px solid #bda05d;margin:25px 0;padding:20px 24px;font-size:16px}.choices{gap:12px;margin:26px 0;display:grid}.choices button{color:var(--deep);text-align:left;background:#f4f0e3;border:1px solid #9eaf99}.result{background:#e6eddf;border-radius:8px;margin:25px 0;padding:22px}.result p,.recap p{white-space:pre-line}.session-tools{flex-wrap:wrap;gap:12px;display:flex}.session-tools button{font-size:12px}.recap{border-bottom:1px solid #d3d9cd;padding:10px 0}.recap h3{font-size:22px}@media (max-width:700px){.landing{padding:0 22px}.hero{padding:50px 0}.orbit{opacity:.25;font-size:170px;top:12%;right:-75px}.hero h1{font-size:3.4rem}.books{grid-template-columns:1fr;max-width:420px;margin:30px auto}.book{min-height:420px}.book h3{font-size:32px}.how{grid-template-columns:1fr;gap:12px}footer{flex-direction:column}.panel{padding:24px}.player-shell{padding:0 16px 35px}.brand{font-size:27px}nav>.eyebrow{display:none}.players{gap:8px}.players>div{padding:10px}.prose{font-size:18px}.join h1{font-size:2.2rem}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.text-link{text-underline-offset:3px;text-decoration:underline}.tester-guide h1{font-size:clamp(2rem,5vw,3rem)}.tester-guide li{margin:12px 0}.tester-guide a:not(.brand){text-underline-offset:3px;text-decoration:underline}.story .prose{white-space:pre-line;overflow-wrap:anywhere;max-width:60ch}.story blockquote p{margin-bottom:0}.story blockquote strong{font-style:normal}.recap p{white-space:pre-line;overflow-wrap:anywhere;line-height:1.8}.keepsakes{border:1px solid;border-radius:12px;padding:20px}.story .result p{overflow-wrap:anywhere;line-height:1.8}