@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Libre+Baskerville:wght@400;700&display=swap');
:root{color-scheme:dark;--ink:#f4e8c9;--muted:#c3ae85;--gold:#dcb976;--line:#695134}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#131b1a;color:var(--ink);font-family:'Libre Baskerville',Georgia,serif;line-height:1.7;background-image:radial-gradient(ellipse at 50% 0,#4b4430 0,transparent 50%)}a{color:var(--gold)}.mast{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100vw - 1120px)/2));border-bottom:1px solid #5c4930;background:#151b1bcc}.brand{font:700 20px Cinzel,serif;letter-spacing:2px;text-decoration:none;color:#f5e6bc}.brand span{color:#d5b274}.back{text-decoration:none;font-size:13px}.hero{text-align:center;max-width:850px;margin:0 auto;padding:67px 20px 42px}.eyebrow{font:600 12px Cinzel,serif;letter-spacing:4px;color:var(--gold)}h1{font:700 clamp(66px,13vw,135px) Cinzel,serif;letter-spacing:.09em;line-height:1.15;margin:12px 0 0;text-shadow:0 5px 25px #000}.sub{font:400 clamp(21px,4vw,33px) Cinzel,serif;color:var(--gold);margin:0 0 24px}.ornament{font:12px Cinzel,serif;color:#d2b783;letter-spacing:1.5px}.hero>p:not(.sub){max-width:630px;margin:25px auto;font-size:15px}.alpha{display:inline-block;border:1px solid #82673e;border-radius:3px;color:#dfc99e;font:12px Cinzel,serif;padding:8px 16px;letter-spacing:1px}.player-shell{max-width:1120px;margin:0 auto 48px;background:#221d17;border:1px solid #9a7948;box-shadow:0 24px 70px #0008}.player-top{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px 22px;background:linear-gradient(90deg,#443521,#231d17);border-bottom:1px solid #7c633c}.player-top strong{display:block;font:600 15px Cinzel,serif;letter-spacing:1px}.player-top small{display:block;color:#d0b994}.actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.actions a,.actions button{font:12px Georgia,serif;background:transparent;border:1px solid #94764a;border-radius:4px;color:#f4dba7;text-decoration:none;padding:9px 12px;cursor:pointer}#game{width:100%;height:650px;display:block;border:0;background:#f7efdb}.player-note{font-size:12px;color:#c9b997;padding:12px 20px}.info{max-width:1120px;margin:0 auto 70px;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:60px}.info h2{font:600 26px Cinzel,serif;color:#edcf8f}.info p{font-size:14px;color:#e2d5b9}.commands{display:flex;flex-wrap:wrap;gap:8px}.commands code{font:12px monospace;border:1px solid #746044;background:#2a2923;padding:6px 9px;border-radius:4px;color:#f1d6a1}.pdf{font-size:13px}footer{text-align:center;border-top:1px solid #54472e;padding:30px 16px;color:#b9a782;font-size:12px}@media(max-width:760px){.player-top{display:block}.actions{margin-top:12px}.info{grid-template-columns:1fr;gap:14px}#game{height:570px}.ornament{font-size:10px}}

.game-viewport{min-height:560px;background:#f5ecd5;color:#272219;position:relative;overflow:auto;padding:10px}.game-viewport #windowport{min-height:520px}.game-viewport #loadingpane{padding:24px;text-align:center}.game-viewport #errorpane{padding:20px;color:#8b2020}

/* Give Parchment a real, measurable game viewport. */
#gameport {height: 650px; min-height: 650px; overflow: hidden; padding: 0;}
#windowport {width: 100%; height: 100%; min-height: 0 !important;}
#loadingpane {position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: #f5ecd5; z-index: 2;}
#errorpane {position:absolute; inset:0; background:#f5ecd5; z-index:3;}
@media(max-width:760px){#gameport{height:580px;min-height:580px}}

/* v0.4: let the document scroll; keep Parchment's windowport measurable. */
html,body{height:auto!important;min-height:100%;overflow-x:hidden!important;overflow-y:auto!important}
#gameport{height:620px;min-height:0!important;position:relative;overflow:hidden!important;display:block;padding:0}
#windowport{position:absolute;inset:0;width:100%;height:100%;min-height:0!important;overflow:hidden}
#loadingpane{pointer-events:none}
@media(max-width:760px){#gameport{height:540px}}

/* v0.5: isolated Parchment player; allow page scrolling */
html,body{overflow-y:auto!important;height:auto!important}#gameport{height:650px;overflow:hidden!important;padding:0!important}#gameport iframe{display:block;width:100%;height:100%;border:0}@media(max-width:760px){#gameport{height:580px}}

/* v0.7: prominent character creation directions before the player */
.start-guide{max-width:1120px;margin:0 auto 20px;padding:22px 28px;background:#2c3028;border:1px solid #b58e53;border-radius:5px;color:#f4e8cc;box-shadow:0 8px 24px #0004}.start-kicker{font:700 12px Cinzel,Georgia,serif;letter-spacing:2px;color:#edc98c}.start-guide h2{font:600 clamp(20px,3vw,27px) Cinzel,Georgia,serif;color:#ffe0a4;margin:8px 0 14px}.start-steps{display:grid;grid-template-columns:1fr 1fr;gap:18px}.start-steps>div{border-left:3px solid #d6b37c;padding-left:15px}.start-steps b{color:#ffe0a4}.start-steps p,.start-tip{font-size:14px;line-height:1.7;margin:8px 0}.start-guide code{font:700 13px monospace;color:#ffe3ac;background:#171c19;padding:2px 5px;border-radius:3px}.start-tip{border-top:1px solid #75654b;padding-top:12px;margin-top:16px}@media(max-width:760px){.start-guide{margin:0 12px 18px;padding:20px}.start-steps{grid-template-columns:1fr}}