:root{color-scheme:dark;background:#0b1016;color:#e6ded0;font-family:'Segoe UI',sans-serif;--gold:#d0b181;--muted:#a2adb4}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}a{color:inherit}button,a,input,select{touch-action:manipulation}:focus-visible{outline:2px solid #d0b181;outline-offset:4px}.access-header{position:absolute;z-index:2;inset:0 0 auto;display:flex;justify-content:space-between;align-items:center;padding:30px 5%;gap:16px;background:linear-gradient(#090d13e8,transparent)}.brand{text-decoration:none;font:30px Georgia,serif;letter-spacing:.13em}.brand small{display:block;font:8px 'Segoe UI',sans-serif;letter-spacing:.25em;margin-top:8px}.alpha-label{border:1px solid #b39b6a66;padding:8px 12px;color:#d9be8b;font-size:10px;letter-spacing:.14em;white-space:nowrap}.access-layout{min-height:100svh;display:grid;grid-template-columns:48% 52%;position:relative}.access-art{position:sticky;top:0;height:100svh;min-height:680px;background:linear-gradient(90deg,transparent 65%,#0b1016),linear-gradient(0deg,#0b1016,transparent 20%),url('/assets/world/hero-reference-v1.webp') center 44%/cover}.access-copy{align-self:center;max-width:660px;padding:125px 55px 35px 25px}.eyebrow{color:var(--gold);text-transform:uppercase;font-size:10px;letter-spacing:.24em;margin-bottom:20px}.access-copy h1,.character-create h1{font:clamp(32px,3.5vw,52px)/1.12 Georgia,serif;font-weight:400;letter-spacing:-.02em;margin:0 0 22px}.access-copy h2,.character-create h2{font:25px Georgia,serif;margin:0 0 14px}.intro{line-height:1.7;color:#b6bdc2;max-width:460px;font-size:15px}.paths{color:#a18eab;font-size:11px;letter-spacing:.11em;line-height:1.9;margin:22px 0 30px}#access-root{border-top:1px solid #c4a67955;padding-top:24px}.access-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:22px}.access-tabs button{min-height:48px;background:#151d26;border:1px solid #45505a;color:#c0c5ca;padding:10px;cursor:pointer}.access-tabs button[aria-selected=true]{color:#f5e4c6;border-color:#b89b6b;background:#2b2926}.access-form{display:grid;gap:15px}.access-form label{display:grid;gap:7px;font-size:12px;color:#bbc4ca}.access-form input,.access-form select{width:100%;min-width:0;min-height:46px;border:1px solid #46515e;border-radius:2px;background:#111a24;color:#eee4d4;padding:11px 12px}.access-form button,.access-button{display:block;text-align:center;text-decoration:none;padding:14px 18px;min-height:48px;background:#d0b181;border:1px solid #d0b181;color:#13181c;cursor:pointer;font-weight:600;font-size:14px}.access-form button:disabled{opacity:.5}.access-help{font-size:12px;line-height:1.6;color:var(--muted);margin:0}.access-error{color:#ffc4b3;min-height:1.4em;font-size:13px;margin:0}.alpha-note{margin:25px 0;color:#85919b;font-size:11px;line-height:1.6}.access-copy footer{display:flex;gap:20px;flex-wrap:wrap;color:#8a969d;font-size:11px;padding-top:15px;border-top:1px solid #28333d}.access-copy footer span{margin-left:auto}.account-name{font-weight:600;color:#e7c795;overflow-wrap:anywhere}.access-text-button{background:transparent;color:#d0b181;border:0;padding:12px 0;cursor:pointer;text-decoration:underline}.local-warning{color:#e3c285;font-size:12px;line-height:1.5;border-left:2px solid;padding-left:12px}.creation-layout{display:grid;grid-template-columns:minmax(180px,320px) 1fr;gap:30px}.creation-layout img{width:100%;max-height:600px;object-fit:cover}.creation-layout .access-form{max-width:500px}.character-create{max-width:1000px;margin:30px auto;padding:25px}.character-create h1{margin-top:25px}.character-create p{line-height:1.6}.hidden{display:none!important}@media(max-width:800px){.access-layout{grid-template-columns:1fr}.access-art{position:absolute;inset:0 0 auto;height:440px;min-height:0;opacity:.6;background-position:center 36%;background-image:linear-gradient(0deg,#0b1016,transparent 90%),url('/assets/world/hero-reference-v1.webp')}.access-copy{z-index:1;max-width:620px;padding:320px 28px 30px;margin:auto;width:100%}.access-header{padding:22px}.brand{font-size:23px}.alpha-label{font-size:8px}.creation-layout{grid-template-columns:1fr}.creation-layout img{max-height:260px;object-position:50% 25%}}@media(max-width:380px){.access-header{padding:18px 14px}.brand{font-size:19px}.brand small{font-size:6px}.access-copy{padding-inline:18px}.alpha-label{padding:7px}.access-tabs button{font-size:12px}}

@media(min-width:801px){.access-art{background-size:cover,cover,auto 145%;background-position:center,center,center 65%}}