@font-face{font-family:DM Sans;src:url('/fonts/dm-sans.ttf') format('truetype');font-display:swap}
@font-face{font-family:Playfair Display;src:url('/fonts/playfair-display.ttf') format('truetype');font-display:swap}
:root{color-scheme:dark;--bg:#21101d;--panel:#2c1928;--text:#f2e5e0;--muted:#c5afb9;--accent:#e5b0bd;--line:#e5b0bd26}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 70% 0%,#6a354529,transparent 48%),var(--bg);color:var(--text);font:16px/1.8 'DM Sans',sans-serif}a{color:var(--accent);text-underline-offset:5px}a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.guide-shell{max-width:1160px;padding:0 32px;margin:auto}.guide-header{display:flex;justify-content:space-between;align-items:center;gap:22px;min-height:110px;border-bottom:1px solid var(--line)}.guide-brand{font:40px/1 'Playfair Display',Georgia,serif;text-decoration:none;color:var(--text)}nav{display:flex;gap:24px;flex-wrap:wrap}.guide-header nav a{font-size:14px;text-decoration:none}.guide-header nav a:hover{text-decoration:underline}.breadcrumbs{font-size:13px;color:var(--muted);margin:28px 0 35px;gap:12px}.breadcrumbs a{text-decoration:none}.guide-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr);gap:60px;align-items:center;padding-bottom:60px}.eyebrow{color:var(--accent);font-size:11px;letter-spacing:2px;text-transform:uppercase;margin:0 0 15px}h1,h2{font-family:'Playfair Display',Georgia,serif;font-weight:400;line-height:1.2;letter-spacing:-.8px}h1{font-size:clamp(37px,4.6vw,59px);margin:0 0 24px}h2{font-size:34px;margin:0 0 24px}h3{font-size:18px;line-height:1.5;font-weight:500;margin:0 0 7px}p{margin:0 0 19px}.hero-intro{font-size:18px;line-height:1.8;color:var(--muted)}.chips{list-style:none;display:flex;gap:8px;flex-wrap:wrap;padding:0;margin:24px 0 29px}.chips li{border:1px solid var(--line);border-radius:30px;font-size:12px;padding:7px 12px;color:var(--muted)}.play-link{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:14px 23px;min-height:52px;border-radius:9px;background:#e4bbbd;color:#301626;text-decoration:none;font-weight:600;font-size:15px}.play-link:hover{background:#f0cecf}.example-card{background:radial-gradient(ellipse at top,#985c7130,transparent 110%),var(--panel);padding:34px 24px;border:1px solid var(--line);border-radius:22px;text-align:center;box-shadow:0 20px 60px #08030633}.example-card>p:last-child{font-size:13px;color:var(--muted);line-height:1.8;margin:25px 0 0}.example-dice{display:flex;gap:10px;justify-content:center;padding:20px 0}.example-dice strong{display:grid;place-items:center;flex:1;min-width:0;min-height:99px;padding:15px 7px;background:linear-gradient(140deg,#a77576,#6d425b);border:1px solid #ead0cf36;border-radius:19px;font:19px/1.4 'Playfair Display',Georgia,serif;transform:rotate(-6deg);box-shadow:3px 7px 0 #10090e55;overflow-wrap:anywhere}.example-dice strong:nth-child(2){transform:rotate(5deg);background:linear-gradient(140deg,#b36b85,#763c60)}.example-dice strong:nth-child(3){transform:rotate(-3deg);background:linear-gradient(140deg,#967da7,#594469)}.example-question{padding:30px 5px;font:29px/1.5 'Playfair Display',Georgia,serif}.example-question strong{font-weight:400}.guide-section{max-width:850px;padding:47px 0;border-top:1px solid var(--line)}.guide-section>p,.steps p,.faq p{color:var(--muted)}.guide-section>p:last-child{margin-bottom:0}.steps{list-style:none;padding:0;margin:27px 0 0;display:grid;gap:27px}.steps li{display:flex;gap:22px}.steps p{margin:0;font-size:16px;line-height:1.85}.step-number{color:var(--accent);font-size:13px;padding-top:4px;min-width:22px}.prompt-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;list-style:none;padding:0;margin:26px 0 0}.prompt-list li{background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:18px;font:20px/1.55 'Playfair Display',Georgia,serif}.faq details{border-bottom:1px solid var(--line);padding:17px 0}.faq summary{cursor:pointer;font-weight:500;min-height:34px}.faq p{padding:10px 0 0;margin:0}.ready-card{border:1px solid var(--line);border-radius:20px;background:var(--panel);text-align:center;padding:45px 25px;margin:15px 0 60px}.ready-card h2{margin-bottom:28px}.other-game{display:block;width:fit-content;margin:20px auto 0;font-size:14px}footer{border-top:1px solid var(--line);padding:28px 0 35px;display:flex;gap:16px 30px;flex-wrap:wrap;color:var(--muted);font-size:13px}footer>p{margin:0}footer nav{margin-left:auto;gap:20px}.footer-note{flex-basis:100%;font-size:12px;color:var(--muted)}.skip-link{position:absolute;top:8px;left:8px;background:var(--bg);padding:10px;transform:translateY(-150%);z-index:5}.skip-link:focus{transform:none}
@media(max-width:750px){.guide-shell{padding:0 22px}.guide-header{min-height:87px;gap:18px}.guide-brand{font-size:32px}.guide-header nav{gap:14px}.guide-header nav a{font-size:12px}.breadcrumbs{margin:23px 0 31px;gap:8px;font-size:12px}.guide-hero{grid-template-columns:1fr;gap:33px;padding-bottom:39px}.hero-intro{font-size:16px}.chips{gap:7px}.chips li{font-size:11px;padding:6px 10px}h1{font-size:40px}h2{font-size:29px}.example-card{padding:26px 20px}.example-dice{max-width:380px;margin:auto}.example-dice strong{min-height:90px;font-size:18px}.guide-section{padding:33px 0}.steps li{gap:16px}.steps p{font-size:15px}.prompt-list{grid-template-columns:1fr}.prompt-list li{font-size:21px}.ready-card{padding:34px 20px;margin-bottom:38px}.play-link{font-size:14px;max-width:100%}.guide-header nav{justify-content:flex-end}footer nav{margin-left:0}footer{font-size:12px}.footer-note{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}