:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#10120f;--panel:#181c16;--gold:#c9b88a;--ink:#f0eee5;--muted:#a9aea1;--line:#333a2e}*{box-sizing:border-box}html,body,#root{background:var(--bg);min-height:100%}body{margin:0}.website{color:var(--ink);background:var(--bg);min-height:100vh;font-family:Arial,Helvetica,sans-serif}a{color:inherit}button,a,input,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,[role=button]:focus-visible{outline:3px solid var(--gold);outline-offset:5px}.skip{background:var(--gold);color:#141710;z-index:100;padding:12px;position:fixed;top:-80px;left:16px}.skip:focus{top:12px}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;max-width:1264px;margin:auto;padding:26px 42px;display:flex}.wordmark{letter-spacing:2px;align-items:center;gap:12px;font-size:15px;font-weight:800;text-decoration:none;display:flex}.brand-piece{color:var(--gold);font-family:Georgia,serif;font-size:40px}.wordmark small{color:var(--muted);letter-spacing:2.7px;margin-top:7px;font-size:9px;display:block}nav{align-items:center;gap:30px;font-size:13px;display:flex}nav a{color:var(--muted);text-decoration:none}nav a:hover,nav a[aria-current]{color:var(--gold)}nav .account-link{color:var(--ink);border:1px solid var(--line);border-radius:4px;padding:12px 17px}.hero,.modes,.journal,.faq-section,.closing{max-width:1180px;margin:auto}.hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:65px;padding:78px 0 80px;display:grid}.eyebrow{color:var(--gold);letter-spacing:2.1px;margin:0 0 23px;font-size:10px;font-weight:700;line-height:1.8}.tiny-line{background:var(--gold);vertical-align:middle;width:24px;height:1px;margin-right:9px;display:inline-block}h1,h2,h3,p{margin-top:0}.hero h1{letter-spacing:-2.5px;margin-bottom:27px;font:clamp(46px,4.8vw,70px)/1.08 Georgia,serif}.hero h1 em{color:var(--gold);font-weight:400}.lead{color:var(--muted);max-width:470px;font-size:15px;line-height:1.85}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:31px;display:flex}.button{border-radius:4px;justify-content:center;align-items:center;gap:25px;min-height:48px;padding:15px 23px;font-size:13px;font-weight:700;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.gold{background:var(--gold);color:#1a1d16}.gold:hover{background:#ddcda7}.outline{color:var(--ink);border:1px solid #606653}.hero-note{color:var(--muted);margin-top:17px;font-size:11px}.board-scene{background:linear-gradient(140deg,#242b20,#141811);border:1px solid #3b4632;border-radius:10px;padding:22px;transform:rotate(-3deg);box-shadow:0 25px 65px #0004}.board-label,.board-caption{letter-spacing:1.5px;color:var(--muted);justify-content:space-between;gap:12px;padding:1px 0 17px;font-size:9px;display:flex}.board-caption{letter-spacing:0;padding:18px 0 0;font-size:11px}.board-caption span:first-child{color:var(--gold)}.decorative-board{aspect-ratio:1;border:5px solid #11180f;border-radius:3px;grid-template-columns:repeat(8,1fr);display:grid;overflow:hidden}.decorative-board span{justify-content:center;align-items:center;font:clamp(23px,3.3vw,46px)/1 Georgia,serif;display:flex}.decorative-board .light{background:#c8c7b2}.decorative-board .dark{background:#69785a}.decorative-board .white{color:#fffdee;text-shadow:0 2px 2px #25321f}.decorative-board .black{color:#1b2416;text-shadow:0 1px 1px #ffffff30}.decorative-board .highlight{background:#bdaf70}.modes{border-top:1px solid var(--line);padding:45px 0 60px}.section-heading{justify-content:space-between;align-items:end;gap:25px;margin-bottom:30px;display:flex}.section-heading .eyebrow{margin-bottom:12px}h2{letter-spacing:-.8px;font:36px/1.2 Georgia,serif}.section-heading h2{margin-bottom:0}.section-heading>p{color:var(--muted);margin:0 0 5px;font-size:12px}.mode-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.mode-card{border:1px solid var(--line);background:var(--panel);border-radius:6px;flex-direction:column;padding:27px;text-decoration:none;transition:border-color .2s,transform .2s;display:flex}.mode-card:hover{border-color:var(--gold);transform:translateY(-4px)}.mode-number{letter-spacing:1.8px;color:var(--muted);font-size:9px}.mode-piece{color:var(--gold);margin:27px 0 20px;font:46px Georgia,serif}.mode-card h3{margin-bottom:14px;font:27px Georgia,serif}.mode-card p{color:var(--muted);flex:1;font-size:13px;line-height:1.85}.card-bottom{border-top:1px solid var(--line);color:var(--gold);justify-content:space-between;margin-top:12px;padding-top:20px;font-size:12px;display:flex}.test-note{color:var(--muted);margin-top:20px;font-size:11px;line-height:1.7}.journal{border:1px solid var(--line);background:#1b2118;border-radius:8px;grid-template-columns:1.2fr 1fr;gap:90px;padding:60px 70px;display:grid}.journal p:not(.eyebrow){color:var(--muted);max-width:410px;font-size:14px;line-height:1.8}.text-link{color:var(--gold);gap:40px;margin-top:12px;font-size:13px;text-decoration:none;display:inline-flex}.notation{border:1px solid var(--line);background:#11170f;align-self:center;padding:25px 30px;transform:rotate(2deg)}.notation>span{letter-spacing:2px;color:var(--muted);font-size:9px}.notation>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:40px;padding:16px 0;font:20px Georgia,serif;display:flex}.notation b{color:var(--muted);font-size:13px;font-weight:400}.notation i{color:var(--gold);font-style:normal}.notation small{color:var(--muted);margin-top:20px;font-size:10px;display:block}.faq-section{max-width:800px;padding:80px 0}.faq-section h2{margin-bottom:30px}.faq details{border-bottom:1px solid var(--line);padding:21px 0}.faq summary{cursor:pointer;padding-right:20px;font-size:15px;line-height:1.5}.faq p{color:var(--muted);margin:15px 0 0;font-size:14px;line-height:1.8}.closing{text-align:center;border-top:1px solid var(--line);padding:45px 20px 65px}.closing>span{color:var(--gold);font:50px Georgia,serif}.closing h2{margin:15px 0 25px}.site-footer{border-top:1px solid var(--line);max-width:1264px;color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:30px;margin:auto;padding:32px 42px;display:flex}.site-footer strong{letter-spacing:2px;color:var(--gold);font-size:12px}.site-footer p{margin:10px 0 0;font-size:11px}.footer-links{flex-wrap:wrap;align-items:center;gap:24px;font-size:11px;display:flex}.footer-links a{text-decoration:none}.footer-links a:hover{text-decoration:underline}.site-footer>small{width:100%;font-size:10px}.game-shell{max-width:1000px;min-height:65vh;margin:auto;padding:30px 0}.game-shell>div{min-height:65vh}.document{max-width:780px;margin:auto;padding:30px 28px 50px}.document h1{letter-spacing:-1px;font:48px/1.1 Georgia,serif}.document h2{margin-top:35px;margin-bottom:15px;font-size:27px}.document p,.document li{color:var(--muted);font-size:15px;line-height:1.85}.document a:not(.button){color:var(--gold)}.document .lead{max-width:none}.document .eyebrow{color:var(--gold);font-size:10px}.document ol{padding-left:22px}.muted{color:var(--muted)}@media (width>=1400px){.hero{padding-top:100px;padding-bottom:100px}}@media (width<=1264px){.hero,.modes,.journal,.closing{margin-left:40px;margin-right:40px}.hero{gap:40px}.faq-section{margin-left:auto;margin-right:auto;padding-left:40px;padding-right:40px}}@media (width<=760px){.site-header{flex-wrap:wrap;gap:18px;padding:18px 22px}nav{justify-content:space-between;gap:12px;width:100%;font-size:12px}.hero,.modes,.journal,.closing{margin-left:22px;margin-right:22px}.hero{grid-template-columns:1fr;gap:40px;padding:45px 0 55px}.hero h1{font-size:52px}.hero-copy .lead{max-width:520px}.board-scene{justify-self:center;width:90%;max-width:430px}.decorative-board span{font-size:clamp(25px,7vw,43px)}.mode-grid{grid-template-columns:1fr}.mode-card{padding:23px}.mode-piece{margin:18px 0}.section-heading{flex-direction:column;align-items:start;gap:15px}h2{font-size:31px}.journal{grid-template-columns:1fr;gap:30px;padding:30px 25px}.notation{justify-self:center;width:100%;max-width:400px}.faq-section{padding:55px 22px}.site-footer{padding:30px 22px}.game-shell{padding:15px 0}.document h1{font-size:38px}.document{padding:22px}.hero-actions .button{white-space:nowrap;flex:1;gap:15px;padding:14px 16px}.eyebrow{letter-spacing:1.5px;font-size:9px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}