:root{color-scheme:light;--bg:#f0f0e8;--paper:#fafaf4;--ink:#243b2e;--muted:#606e5f;--line:#d4dacd;--pine:#192f26;--moss:#c8d7ae;--earth:#544234;--stone:#e2e5da}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer;color:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #b38a51;outline-offset:4px}h1,h2,h3,h4,p{margin:0}h1,h2,h3{font-weight:400}svg,img{display:block;max-width:100%}[hidden]{display:none!important}.icon{width:21px;height:21px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.skip{position:fixed;left:12px;top:-80px;z-index:20;background:white;padding:12px}.skip:focus{top:12px}.sidebar{position:fixed;inset:0 auto 0 0;width:224px;background:var(--pine);color:#e8eddd;padding:30px 19px 20px;display:flex;flex-direction:column;z-index:5;border-right:1px solid #314c3b}.brand{display:flex;align-items:center;gap:10px;font:26px Georgia,serif;letter-spacing:-1px;padding:0 7px}.brand .icon{width:32px;height:30px;color:#b5c999}.side-subtitle{font-size:10px;color:#adbeaa;margin:8px 0 40px;padding:0 8px;letter-spacing:1.2px}.nav-heading{font-size:9px;font-weight:bold;letter-spacing:1.7px;color:#a6b99f;padding:0 12px;margin-bottom:11px}.nav-links{display:grid;gap:5px}.nav-link{display:flex;align-items:center;gap:13px;min-height:47px;padding:11px 13px;border-radius:4px;color:#c5d2bf;font-size:13px}.nav-link:hover{background:#273e30}.nav-link[aria-current=page]{background:#c6d5ad;color:#253c29}.nav-link[aria-current=page]:after{content:'↗';margin-left:auto;font-size:13px}.side-bottom{margin-top:auto}.side-art{height:100px;margin:30px -19px 14px;background:url('preview-landscape.svg') center 48%/cover;opacity:.45;mask-image:linear-gradient(transparent,#000)}.side-welcome{padding:0 12px}.side-welcome p{font:20px Georgia,serif;margin-bottom:7px}.side-welcome small{display:block;font-size:11px;color:#bdcdb4;margin-bottom:14px;line-height:1.7}.side-welcome a{display:flex;align-items:center;justify-content:space-between;font-size:12px;padding:11px 0;border-top:1px solid #425740}.side-meta{font-size:9px;color:#9faf98;padding:18px 12px 0;letter-spacing:1px}.site-main{margin-left:224px;min-height:100vh}.topbar{height:65px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;gap:20px}.breadcrumbs{font-size:12px;color:var(--muted)}.breadcrumbs span{margin:0 8px;color:#8c9785}.top-actions{display:flex;gap:20px;align-items:center;font-size:11px}.top-actions a{min-height:40px;display:flex;align-items:center}.preview-tag{font-size:9px;letter-spacing:1px;border:1px solid #c8cfbf;border-radius:20px;padding:5px 9px;text-transform:uppercase}.mobile-menu{display:none}.content{max-width:1320px;margin:auto;padding:28px 38px 20px}.eyebrow{font-size:9px;letter-spacing:1.6px;font-weight:bold;text-transform:uppercase;color:#667c59}.page-heading{margin-bottom:25px;display:flex;align-items:end;justify-content:space-between;gap:22px}.page-heading h1{font:42px/1.1 Georgia,serif;letter-spacing:-1.3px;margin:8px 0 12px}.page-heading p{color:var(--muted);max-width:650px;font-size:13px}.button{display:inline-flex;align-items:center;justify-content:center;gap:17px;min-height:42px;padding:10px 16px;border:1px solid #36543a;border-radius:3px;background:#2e4d36;color:#f4f4e9;font-size:12px;white-space:nowrap}.button:hover{background:#406344}.button.secondary{background:transparent;color:var(--ink);border-color:#bec8b4}.hero{height:182px;background:var(--pine);color:#eef1e3;border-radius:5px;overflow:hidden;position:relative;display:flex;align-items:center;padding:25px 30px;isolation:isolate;margin-bottom:20px}.hero:before{content:'';position:absolute;inset:0 0 0 36%;background:url('preview-landscape.svg') 66% 52%/cover;z-index:-2}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#192f26 2%,#192f26ea 37%,#192f2610 75%);z-index:-1}.hero h1{font:39px/1.1 Georgia,serif;letter-spacing:-1.1px;max-width:460px;margin-bottom:11px}.hero p{font-size:12px;color:#cdd8bf}.hero .eyebrow{color:#c7d7b2;margin-bottom:10px;font-size:8px}.hero-stats{display:flex;gap:17px;margin-top:18px;color:#d8e1c8;font-size:10px}.hero-stats span+span{padding-left:17px;border-left:1px solid #768768}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.section-title h2{font:23px Georgia,serif;letter-spacing:-.5px}.section-title a{display:inline-flex;align-items:center;min-height:32px;font-size:11px;color:#536e43}.media-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:24px}.media-shortcut{padding:15px 16px 13px;background:var(--paper);border:1px solid var(--line);border-radius:4px;display:flex;flex-direction:column;transition:background .15s}.media-shortcut:hover{background:#e7ecdE}.shortcut-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px;color:#617b51}.media-shortcut h3{font:21px Georgia,serif;letter-spacing:-.3px;margin-bottom:3px}.media-shortcut p{color:var(--muted);font-size:10px}.media-shortcut small{font-size:9px;color:#68795f;margin-top:12px}.small-arrow{font-size:17px}.overview-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:23px}.server-list{border:1px solid var(--line);border-radius:4px;background:var(--paper);overflow:hidden}.server-row{display:grid;grid-template-columns:61px 1fr auto;align-items:center;gap:13px;padding:11px 13px;min-height:77px}.server-row+.server-row{border-top:1px solid var(--line)}.server-row:hover{background:#e9eddf}.server-row img{width:61px;height:49px;object-fit:cover;border-radius:3px}.server-row h3{font-size:13px;font-weight:600;margin-bottom:3px}.server-row p{font-size:10px;color:var(--muted)}.row-label{font-size:9px;letter-spacing:.3px;white-space:nowrap;color:#617452}.extra-grid{display:grid;gap:10px}.extra-card{display:flex;align-items:center;gap:14px;padding:15px 17px;background:var(--stone);border:1px solid #d2d9c8;border-radius:4px;min-height:95px}.extra-card h3{font:21px Georgia,serif;letter-spacing:-.4px;margin-bottom:4px}.extra-card p{font-size:11px;color:var(--muted)}.extra-card>.icon{width:28px;height:28px;color:#6d805a}.extra-card .small-arrow{margin-left:auto}.extra-card.earth{background:var(--earth);color:#f0eadd;border-color:var(--earth)}.earth p{color:#ded0bd}.earth>.icon{color:#ccba99}.access-strip{margin-top:21px;border:1px solid #bdcbae;background:#e2e9d8;border-radius:4px;padding:14px 18px;display:flex;align-items:center;gap:15px}.access-strip>.icon{color:#617650}.access-strip strong{font-size:12px;font-weight:600}.access-strip p{font-size:11px;color:#576a4e;margin-top:3px}.access-strip>a{margin-left:auto;white-space:nowrap;min-height:37px;display:flex;align-items:center;gap:15px;font-size:12px;font-weight:bold}.page-footer{display:flex;justify-content:space-between;gap:14px;font-size:9px;color:#73816b;margin-top:23px;padding-top:13px;border-top:1px solid var(--line)}.page-footer a{text-decoration:underline;text-underline-offset:3px}.access-pill{display:inline-flex;align-items:center;gap:5px;font-size:9px;border:1px solid #c6d1bc;border-radius:20px;padding:4px 8px;color:#536944;background:#edf1e5;white-space:nowrap}.access-pill .icon{width:11px;height:11px}.catalog-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.catalog-card{border:1px solid var(--line);background:var(--paper);border-radius:5px;overflow:hidden}.catalog-banner{height:92px;display:flex;align-items:center;justify-content:space-between;padding:20px 25px;background:#dfe7d6;color:#547044}.catalog-banner .icon{width:40px;height:40px;stroke-width:1.1}.catalog-banner .wordmark{font:28px Georgia,serif;letter-spacing:-1px}.catalog-card:nth-child(2) .catalog-banner{background:#d9ded4;color:#57685b}.catalog-card:nth-child(3) .catalog-banner{background:#e7dfd1;color:#766448}.catalog-card:nth-child(4) .catalog-banner{background:#d0dcc6;color:#44603e}.catalog-body{padding:22px 25px}.catalog-top{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:12px}.catalog-top h2{font:27px Georgia,serif;letter-spacing:-.5px}.catalog-body>p{font-size:13px;color:var(--muted);min-height:40px;line-height:1.65}.capabilities{display:flex;gap:7px;flex-wrap:wrap;margin:17px 0 19px}.capabilities span{font-size:10px;background:#e9eddf;padding:5px 9px;border-radius:3px}.card-actions{border-top:1px solid var(--line);padding-top:15px;display:flex;justify-content:space-between;align-items:center;gap:10px}.card-actions>a{font-size:12px;font-weight:bold;min-height:35px;display:flex;align-items:center;gap:15px}.card-actions>a.subtle{font-size:11px;font-weight:400;color:var(--muted)}.request-strip{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-top:20px;padding:19px 23px;background:var(--stone);border-radius:4px}.request-strip h2{font:23px Georgia,serif;margin-bottom:5px}.request-strip p{font-size:12px;color:var(--muted)}.games-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.game-detail{background:var(--paper);border:1px solid var(--line);border-radius:5px;overflow:hidden;display:flex;flex-direction:column}.game-detail>img{width:100%;height:132px;object-fit:cover}.game-info{padding:21px;display:flex;flex-direction:column;flex:1}.game-info h2{font:28px/1.1 Georgia,serif;letter-spacing:-.6px;margin-bottom:5px}.mod{font-size:9px;color:#687b5d;text-transform:uppercase;letter-spacing:1px;margin-bottom:17px}.game-info>p:not(.mod){font-size:12px;color:var(--muted);min-height:55px;line-height:1.7}.need{border-top:1px solid var(--line);padding-top:13px;margin-top:15px;margin-bottom:20px;min-height:75px}.need strong{font-size:9px;text-transform:uppercase;letter-spacing:1px;display:block;margin-bottom:6px}.need span{font-size:11px;color:var(--muted)}.game-info .button{margin-top:auto}.server-address{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;padding:8px 0 0}.server-address code{font-size:9px;overflow-wrap:anywhere;color:#637857}.copy{display:grid;place-items:center;flex-shrink:0;min-width:38px;min-height:38px;border:1px solid #c8d3bd;border-radius:3px;background:#edf1e5}.copy .icon{width:15px;height:15px}.games-note{font-size:11px;color:var(--muted);margin-top:14px}.library-panel{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:26px;background:#e1e7d8;border:1px solid #cbd6bf;border-radius:4px;margin-top:24px}.library-panel h2{font:29px Georgia,serif;margin-bottom:7px}.library-panel p{font-size:12px;color:var(--muted);max-width:580px}.utility-feature{display:grid;grid-template-columns:1.15fr 1fr;border-radius:5px;overflow:hidden;background:var(--earth);color:#eee8d9;margin-bottom:24px}.utility-copy{padding:42px}.utility-copy .eyebrow{color:#d1bea1}.utility-copy h2{font:47px/1.05 Georgia,serif;letter-spacing:-1.4px;margin:18px 0}.utility-copy>p{color:#e1d4c0;font-size:13px;max-width:420px;line-height:1.8}.utility-copy .button{background:#e1d5ba;color:#433b2d;border:0;margin-top:27px}.utility-art{position:relative;display:grid;place-items:center;min-height:330px;background:#63523d;overflow:hidden}.utility-art svg{width:95%;height:95%;position:absolute;opacity:.35}.utility-art>div{position:relative;width:170px;height:170px;display:grid;place-items:center;text-align:center;border:1px solid #b6a384;border-radius:50%;font:italic 36px/1.05 Georgia,serif;color:#e5d8bc}.utility-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.utility-facts article{padding-top:18px;border-top:1px solid #bbc7b1}.utility-facts h3{font:24px Georgia,serif;margin-bottom:9px}.utility-facts p{font-size:12px;color:var(--muted);line-height:1.8}.start-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}.steps{list-style:none;padding:0;margin:0;background:var(--paper);border:1px solid var(--line);border-radius:4px}.steps li{display:flex;gap:17px;padding:24px}.steps li+li{border-top:1px solid var(--line)}.step-num{font:26px Georgia,serif;color:#718962;min-width:26px}.steps h2{font:25px Georgia,serif;margin-bottom:8px}.steps p{font-size:13px;color:var(--muted);line-height:1.75}.start-actions{background:var(--stone);border:1px solid #cdd7c2;border-radius:4px;padding:26px}.start-actions h2{font:29px Georgia,serif;margin-bottom:12px}.start-actions p{font-size:13px;color:var(--muted);line-height:1.75;margin-bottom:18px}.start-actions .button{display:flex;width:100%;margin-bottom:10px}.start-actions small{font-size:10px;color:#63745b;display:block;margin:14px 0 23px}.start-actions .game-start{border-top:1px solid #bfcdb1;padding-top:20px}.start-actions .game-start h3{font:24px Georgia,serif;margin-bottom:9px}.start-actions .game-start a{font-size:12px;font-weight:bold;text-decoration:underline;text-underline-offset:4px}.faq{margin-top:30px}.faq>h2{font:27px Georgia,serif;margin-bottom:13px}.faq details{border-top:1px solid #c7d1be;padding:0}.faq summary{cursor:pointer;padding:16px 0;font-size:13px}.faq details p{color:var(--muted);font-size:13px;padding:0 0 18px;max-width:800px;line-height:1.8}.toast{position:fixed;bottom:22px;left:calc(50% + 100px);transform:translateX(-50%);background:#233d2c;color:#f0f3e5;padding:13px 18px;border:1px solid #8da57b;border-radius:4px;max-width:min(90vw,600px);z-index:10;font-size:12px;overflow-wrap:anywhere;box-shadow:0 8px 20px #12251733}.mobile-brand{display:none}
@media(min-width:1700px){.hero{height:210px}.hero h1{font-size:46px}.media-shortcut{padding:20px}.server-row{min-height:85px}.extra-card{min-height:110px}}
@media(max-width:1150px){.sidebar{width:200px;padding-left:13px;padding-right:13px}.site-main{margin-left:200px}.content{padding:24px}.topbar{padding:0 24px}.hero{padding:24px}.hero h1{font-size:36px}.media-shortcut{padding:13px}.media-shortcut h3{font-size:19px}.row-label{display:none}.overview-grid{gap:16px;grid-template-columns:1.2fr 1fr}.game-info{padding:17px}.game-info h2{font-size:24px}.game-detail>img{height:105px}.utility-copy{padding:30px}.utility-copy h2{font-size:40px}.side-art{margin-left:-13px;margin-right:-13px}}
@media(max-width:900px){.sidebar{width:180px;padding-top:23px}.brand{font-size:23px;gap:7px}.brand .icon{width:26px}.site-main{margin-left:180px}.nav-link{font-size:12px;padding:10px}.content{padding:22px}.topbar{padding:0 22px}.top-actions{gap:12px}.media-shortcuts{grid-template-columns:1fr 1fr}.overview-grid{grid-template-columns:1fr}.extra-grid{grid-template-columns:1fr 1fr}.extra-card{padding:16px 12px}.extra-card>.icon{display:none}.games-grid{grid-template-columns:1fr}.game-detail{display:grid;grid-template-columns:32% 1fr}.game-detail>img{height:100%;min-height:260px}.game-info>p:not(.mod){min-height:0}.need{min-height:0;margin:13px 0}.game-info .button{align-self:start}.catalog-grid{gap:13px}.catalog-body{padding:18px}.catalog-top{align-items:start;flex-direction:column}.catalog-body>p{min-height:65px}.card-actions{align-items:start;flex-direction:column;gap:3px}.start-grid{grid-template-columns:1fr}.utility-feature{grid-template-columns:1fr}.utility-art{min-height:220px}.utility-facts{gap:17px}.utility-facts h3{font-size:21px}.toast{left:calc(50% + 90px)}}
@media(max-width:680px){.sidebar{display:none;position:fixed;top:63px;bottom:auto;width:100%;padding:12px 20px 20px;border-bottom:1px solid #8ca179;box-shadow:0 15px 30px #162d2233}.sidebar.is-open{display:block}.sidebar>.brand,.side-subtitle,.nav-heading,.side-art,.side-meta,.side-welcome p,.side-welcome small{display:none}.nav-links{grid-template-columns:1fr 1fr;gap:6px}.nav-link{min-height:45px}.side-welcome{padding:10px 12px 0}.side-welcome a{justify-content:start;gap:15px}.site-main{margin:0}.topbar{height:63px;padding:0 20px;position:sticky;top:0;z-index:6;background:var(--bg)}.mobile-brand{display:flex;align-items:center;gap:8px;font:23px Georgia,serif;letter-spacing:-.7px}.mobile-brand .icon{color:#71885c;width:25px}.breadcrumbs{display:none}.top-actions>a{display:none}.top-actions{gap:12px}.mobile-menu{display:flex;gap:8px;align-items:center;min-height:40px;border:1px solid #becbb1;border-radius:3px;padding:8px 10px;background:transparent;font-size:11px}.mobile-menu .icon{width:16px;height:16px}.preview-tag{font-size:8px;padding:5px 7px}.content{padding:18px 20px}.hero{height:187px;padding:22px;margin-bottom:20px}.hero h1{font-size:32px;max-width:290px;letter-spacing:-.7px}.hero p{font-size:11px;max-width:220px}.hero:before{inset:0 0 0 20%;background-position:65% center}.hero:after{background:linear-gradient(90deg,#192f26f7 0%,#192f26ce 50%,#192f2620)}.hero-stats{font-size:9px;gap:10px;margin-top:15px}.hero-stats span+span{padding-left:10px}.section-title h2{font-size:24px}.section-title a{font-size:10px}.media-shortcuts{gap:10px;margin-bottom:23px}.media-shortcut{padding:14px}.media-shortcut h3{font-size:21px}.media-shortcut p{font-size:11px}.shortcut-top{margin-bottom:10px}.overview-grid{gap:23px}.server-row{min-height:80px}.server-row p{font-size:11px}.server-row h3{font-size:14px}.row-label{display:block;font-size:9px}.extra-grid{grid-template-columns:1fr 1fr}.extra-card{display:block;min-height:130px}.extra-card .small-arrow{display:block;margin-top:10px}.extra-card h3{font-size:22px}.extra-card p{font-size:11px}.access-strip{align-items:start;padding:17px;gap:10px;flex-wrap:wrap}.access-strip>.icon{display:none}.access-strip strong{font-size:13px}.access-strip p{font-size:12px}.access-strip>a{margin-left:0;min-height:30px}.page-footer{margin-top:22px;flex-wrap:wrap;gap:8px;font-size:9px}.page-heading{display:block;margin:10px 0 24px}.page-heading h1{font-size:39px}.page-heading>div>p{font-size:13px}.page-heading>.button{margin-top:16px}.catalog-grid{grid-template-columns:1fr;gap:18px}.catalog-banner{height:81px}.catalog-top{flex-direction:row;align-items:center}.catalog-body{padding:22px}.catalog-body>p{min-height:0}.card-actions{flex-direction:row;align-items:center;gap:10px}.catalog-top h2{font-size:27px}.request-strip{align-items:start;flex-direction:column;gap:14px}.game-detail{display:flex}.game-detail>img{height:125px;min-height:0}.game-info{padding:23px}.game-info h2{font-size:32px}.game-info>p:not(.mod){font-size:13px}.game-info .button{align-self:stretch}.need{margin:20px 0}.need span{font-size:12px}.server-address code{font-size:10px}.library-panel{padding:23px;flex-direction:column;align-items:start;gap:20px}.utility-copy{padding:29px}.utility-copy h2{font-size:43px}.utility-facts{grid-template-columns:1fr;gap:21px}.utility-facts h3{font-size:25px}.utility-facts p{font-size:13px}.steps li{padding:22px 19px;gap:12px}.steps h2{font-size:24px}.start-actions{padding:24px}.toast{left:50%;width:max-content;max-width:90vw}.side-welcome a{font-size:13px}}
@media(max-width:370px){.content{padding:16px}.topbar{padding:0 16px}.preview-tag{display:none}.hero{padding:20px}.hero h1{font-size:29px}.hero-stats{gap:7px;font-size:8px}.hero-stats span+span{padding-left:7px}.media-shortcut{padding:12px}.media-shortcut h3{font-size:20px}.server-row{grid-template-columns:47px 1fr auto;padding:10px;gap:9px}.server-row img{width:47px;height:45px}.row-label{display:none}.extra-card h3{font-size:20px}.catalog-top h2{font-size:25px}.catalog-top{flex-wrap:wrap}.page-heading h1{font-size:35px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

#invite-form label{display:block;font-size:11px;font-weight:bold;margin-bottom:7px}#invite-code{display:block;width:100%;min-height:44px;border:1px solid #a9ba9b;border-radius:3px;background:#fafbf5;padding:10px 12px;color:var(--ink);margin-bottom:10px;font:13px Arial,sans-serif}#invite-code:focus-visible{outline:3px solid #b38a51;outline-offset:3px}.library-panel>div:last-child{display:flex;flex-direction:column;align-items:start;gap:10px;flex-shrink:0}
@media(max-width:680px){.hero{height:auto;min-height:198px}.hero>div{width:100%}}

/* Shared navigation drawer: the landscape and page content never shift sideways. */
body{overflow-x:hidden}.site-main{margin-left:0}.topbar{z-index:110;position:relative}.mobile-menu{display:inline-flex;position:relative;align-items:center;gap:10px;min-height:44px;min-width:91px;padding:10px 15px;border:1px solid var(--line);border-radius:5px;background:var(--paper);font-size:12px;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s;pointer-events:auto}.mobile-menu:hover{background:var(--stone);transform:translateY(-2px);box-shadow:0 5px 16px #12251b18}.mobile-menu:active{transform:scale(.95)}.menu-glyph{position:relative;display:block;width:18px;height:16px}.menu-glyph i{position:absolute;left:0;width:18px;height:1.5px;background:currentColor;border-radius:2px;transition:transform .3s,opacity .2s,top .3s}.menu-glyph i:nth-child(1){top:1px}.menu-glyph i:nth-child(2){top:7px}.menu-glyph i:nth-child(3){top:13px}.menu-open .menu-glyph i:nth-child(1){top:7px;transform:rotate(45deg)}.menu-open .menu-glyph i:nth-child(2){opacity:0;transform:translateX(-5px)}.menu-open .menu-glyph i:nth-child(3){top:7px;transform:rotate(-45deg)}.menu-open{overflow:hidden}.sidebar{display:flex!important;position:fixed;inset:0 auto 0 0;z-index:105;width:300px;max-width:calc(100vw - 48px);height:100dvh;padding:85px 23px 22px;overflow-y:auto;overscroll-behavior:contain;transform:translateX(-105%);visibility:hidden;transition:transform .38s cubic-bezier(.22,.8,.22,1),visibility 0s linear .38s;box-shadow:16px 0 70px #081b2140}.sidebar.is-open{transform:translateX(0);visibility:visible;transition-delay:0s}.sidebar>.brand{display:flex}.side-subtitle{display:block}.nav-heading{display:block}.nav-links{display:grid;grid-template-columns:1fr;gap:6px}.nav-link{font-size:13px;padding:13px;min-height:48px;opacity:0;transform:translateX(-14px);transition:opacity .18s,transform .22s,background .18s,color .18s}.is-open .nav-link{opacity:1;transform:translateX(0);transition-delay:calc(var(--nav-index,0)*.025s + .06s),calc(var(--nav-index,0)*.025s + .06s),0s,0s}.is-open .nav-link:hover,.is-open .nav-link:focus-visible{transform:translateX(5px);background:#34543e;color:#f4f3e4;transition-delay:0s}.is-open .nav-link:active{transform:translateX(5px) scale(.97);background:#49634a}.is-open .nav-link[aria-current=page]:hover{background:#d6e1bd;color:#203d2c}.side-art{display:block;margin-left:-23px;margin-right:-23px}.side-welcome p,.side-welcome small,.side-meta{display:block}.side-welcome a{justify-content:space-between}.menu-backdrop{position:fixed;inset:0;z-index:100;background:#071c235e;backdrop-filter:blur(5px);opacity:0;visibility:hidden;transition:opacity .32s,visibility 0s linear .38s}.menu-open .menu-backdrop{opacity:1;visibility:visible;transition-delay:0s}.menu-open .mobile-menu{position:fixed;left:23px;top:20px;color:#e7eddb;background:#294635;border-color:#567152}.content{animation:page-arrive .35s ease-out backwards;transition:opacity .18s,transform .18s}.page-leaving .content{opacity:0;transform:translateY(5px)}.button,.copy,.forest-links a,.forest-controls button,.side-welcome a{transition:background .18s,color .18s,border-color .18s,transform .18s,box-shadow .18s}.button:hover,.copy:hover,.forest-controls button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #061d2420}.button:active,.copy:active,.forest-controls button:active{transform:scale(.97)}.forest-links a:hover,.side-welcome a:hover{transform:translateX(4px)}.forest-links a:active{transform:translateX(4px) scale(.97)}.forest-links a span{transition:transform .2s}.forest-links a:hover span{transform:translate(3px,-3px)}.toast{left:50%}@keyframes page-arrive{from{opacity:0}to{opacity:1}}
@media(max-width:680px){.topbar{position:sticky}.sidebar .side-subtitle{margin-bottom:30px}.sidebar .side-welcome{padding:0 12px}.sidebar .side-art{min-height:75px;height:85px}.sidebar .side-meta{padding-top:14px}.menu-open .topbar .mobile-brand,.menu-open .topbar .preview-tag{visibility:hidden}.sidebar .side-bottom{padding-top:15px}.sidebar .brand{font-size:26px}.sidebar .brand .icon{width:32px}}
@media(max-height:650px){.sidebar .side-art,.sidebar .side-welcome>p,.sidebar .side-welcome>small{display:none}.sidebar{padding-top:75px}.sidebar .side-subtitle{margin-bottom:16px}.sidebar .side-bottom{margin-top:18px}}
@media(prefers-reduced-motion:reduce){.sidebar,.menu-backdrop,.menu-glyph i,.nav-link,.mobile-menu,.content,.button,.copy,.forest-links a,.forest-controls button,.side-welcome a,.forest-links a span{animation:none!important;transition:none!important}.page-leaving .content{transform:none}}

.menu-open .topbar{pointer-events:none}.menu-open .topbar .mobile-menu{pointer-events:auto}