:root{color-scheme:dark;--ink:#111b19;--paper:#f2eddf;--muted:#afb9ac;--gold:#d7b780;--line:#ffffff20}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 10% 10%,#28362d 0,transparent 50%),var(--ink);color:var(--paper);font:16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}button,input,a{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:5px}[hidden]{display:none!important}.masthead,main,footer{max-width:1360px;margin:auto;padding-left:56px;padding-right:56px}.masthead{height:112px;display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--line)}.brand{font-size:18px;letter-spacing:3px;font-weight:700;display:flex;align-items:center;gap:10px}.brand-dot{font-size:12px;letter-spacing:1px;color:var(--muted);margin-left:-7px}.brand-mark{border:1px solid var(--gold);color:var(--gold);display:grid;place-items:center;width:37px;height:42px;font:26px Georgia,serif;margin-right:7px}.edition{margin-left:auto;color:var(--muted);font-size:10px;letter-spacing:2px}.quiet{border:1px solid var(--line);background:transparent;color:var(--paper);padding:8px 18px;border-radius:4px}.welcome{display:grid;grid-template-columns:1.2fr 1fr;gap:100px;align-items:center;padding:72px 0}.eyebrow{color:var(--gold);font-size:10px;letter-spacing:2.4px;font-weight:650;margin:0 0 20px}h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:1.05;letter-spacing:-2px}h1{font-size:clamp(45px,5.2vw,76px);margin:0 0 26px}h2{font-size:40px;margin:0 0 16px}.lead{color:var(--muted);font-size:17px;max-width:430px}.world-peeks{display:flex;gap:14px;margin-top:34px}.peek{height:145px;flex:1;border:1px solid var(--line);border-radius:6px;display:flex;align-items:end;background-size:cover;background-position:center}.peek span{font-size:9px;letter-spacing:2px;margin:14px;color:#fff}.pilgrim{background-image:linear-gradient(0deg,#17201bcc,#00000005),url('/pilgrim/assets/art/wilderness-journey-map-v1.webp')}.chronicles{background-image:linear-gradient(0deg,#101b27bb,#00000010),url('/chronicles/assets/background_login.png')}.intro-note{color:var(--muted);font-size:11px;margin-top:19px}.auth-card{border:1px solid #e0d5b527;padding:38px;background:#17211fe6;border-radius:9px;box-shadow:0 25px 70px #0002}.auth-card>p:not(.eyebrow){color:var(--muted)}.tabs{display:flex;margin:26px 0;border-bottom:1px solid var(--line)}.tabs button{flex:1;border:0;background:transparent;color:var(--muted);padding:11px;border-bottom:2px solid transparent;font-size:13px}.tabs button.selected{color:var(--paper);border-color:var(--gold)}label{display:block;font-size:12px;margin:17px 0 7px}input{width:100%;border:1px solid #ffffff28;border-radius:4px;background:#101916;padding:12px 14px;color:var(--paper);font:inherit}.primary,.play{background:var(--gold);color:#17211c;border:0;border-radius:4px;padding:14px 18px;font-weight:650;font-size:13px;display:flex;justify-content:space-between;align-items:center;width:100%}.primary:hover,.play:hover{background:#e8c998}.fine{font-size:11px;line-height:1.7;margin:20px 0 0}.error{font-size:13px;color:#ffc0aa;min-height:20px}.loading{min-height:65vh;display:grid;place-items:center;color:var(--muted)}.library-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;padding:60px 0 32px}.library-heading h1{font-size:58px;margin:0}.library-heading>p{color:var(--muted);font-size:14px}.games{display:grid;grid-template-columns:1fr 1fr;gap:25px}.game-card{border:1px solid #ffffff25;min-height:480px;border-radius:8px;background-position:center;background-size:cover;display:flex;align-items:end;overflow:hidden}.game-copy{width:100%;padding:32px;background:linear-gradient(0deg,#101915 0%,#101915ef 45%,#10191500 100%);padding-top:110px}.game-copy h2{font-size:53px;margin-bottom:14px}.game-copy>p:not(.eyebrow){font-size:14px;color:#d2d7cf}.game-copy .eyebrow{font-size:9px;margin-bottom:12px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 24px}.tags span{border:1px solid #ffffff30;border-radius:30px;font-size:10px;padding:3px 10px;color:#e0e4dc}.library-note{padding:27px 0;font-size:12px;color:var(--muted);display:flex;align-items:center;gap:10px}.status-dot{width:6px;height:6px;background:#aac395;border-radius:50%}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:23px;padding-bottom:25px;color:#929e90;font-size:10px;letter-spacing:1px;margin-top:18px}@media(max-width:950px){.welcome{gap:35px}.masthead,main,footer{padding-left:28px;padding-right:28px}.edition{display:none}.masthead{justify-content:space-between}.auth-card{padding:26px}.library-heading h1{font-size:48px}}@media(max-width:650px){.masthead{height:86px}.welcome{grid-template-columns:1fr;padding:35px 0;gap:30px}.world-peeks{display:none}.intro-note{display:none}h1{font-size:48px}.intro .lead{font-size:15px}.games{grid-template-columns:1fr}.library-heading{display:block;padding-top:35px}.library-heading h1{font-size:46px}.game-card{min-height:410px}.game-copy{padding:90px 24px 26px}.game-copy h2{font-size:45px}footer{font-size:9px}.library-note{align-items:start}.status-dot{flex-shrink:0;margin-top:7px}}

@media(max-width:650px){.masthead{height:auto;min-height:86px;flex-wrap:wrap;gap:12px;padding-top:18px;padding-bottom:18px}.masthead .brand{flex:1 0 100%}.masthead .back-link{margin-left:0}.masthead .quiet{font-size:12px}}

/* 1.2: a quieter front door, with the worlds carrying the page. */
.welcome { gap:72px; padding:64px 0; }
.intro .lead { max-width:28ch; font-size:19px; line-height:1.6; }
.world-peeks { margin-top:38px; gap:18px; }
.peek { height:210px; border-radius:16px; box-shadow:0 18px 45px #0003; }
.peek span { letter-spacing:2px; font-size:11px; }
.auth-card { border-radius:20px; padding:36px; background:linear-gradient(145deg,#1d2923ed,#111c18f5); box-shadow:0 24px 70px #0003; }
.auth-card h2 { font-size:38px; }
.auth-card input { border-radius:9px; }
.auth-card .primary { border-radius:9px; }
.auth-card .fine { max-width:48ch; line-height:1.6; }
.library-heading h1 { font-size:clamp(38px,4.5vw,64px); }
.game-card { border-radius:20px; overflow:hidden; box-shadow:0 18px 50px #0004; }
.game-copy { padding:34px; }
.library-note { gap:12px; flex-wrap:wrap; }
@media(max-width:900px) { .welcome { gap:32px; } .peek { height:150px; } .auth-card { padding:26px; } }
@media(max-width:600px) { .welcome { padding:32px 0; } .intro h1 { font-size:46px; } .intro .lead { font-size:16px; } .world-peeks { margin-top:22px; } .peek { height:120px; } .auth-card h2 { font-size:32px; } .game-copy { padding:24px; } }