:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#101615;--panel:#17211f;--border:#33403b;--text:#eff5ef;--muted:#afbbb3;--green:#b9ed8b;--orange:#edb489;--max:1180px;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}:focus-visible{outline:3px solid var(--green);outline-offset:5px}h1,h2,h3,p{margin-top:0}p{color:var(--muted)}.site-header{max-width:var(--max);border-bottom:1px solid #ffffff0b;justify-content:space-between;align-items:center;gap:24px;margin:auto;padding:27px 24px;display:flex}.brand{letter-spacing:-.6px;align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}.brand-icon{color:var(--green);font-size:28px;line-height:1}.beta{letter-spacing:1px;text-transform:uppercase;border:1px solid var(--border);color:var(--muted);border-radius:4px;margin-left:3px;padding:1px 6px;font-size:10px}.site-header nav{align-items:center;gap:28px;font-size:13px;display:flex}.site-header nav>a:first-child{color:var(--muted)}.nav-login{border:1px solid var(--border);border-radius:6px;padding:8px 15px}.nav-login span{color:var(--green);margin-left:20px}.home,.library-page{max-width:var(--max);margin:auto;padding:0 24px}.hero{grid-template-columns:1.05fr 1fr;align-items:center;gap:35px;min-height:680px;padding:55px 0 70px;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:2.1px;color:var(--green);align-items:center;gap:10px;font-size:10px;font-weight:700;display:inline-flex}.live-dot{background:var(--green);border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 10px #b9ed8b44}.hero h1{letter-spacing:-3px;margin:26px 0;font-size:clamp(44px,5.5vw,70px);line-height:1.04}.hero h1 span{color:var(--green)}.hero-copy>p{max-width:430px;font-size:16px;line-height:1.8}.hero-actions{flex-wrap:wrap;align-items:center;gap:24px;margin:32px 0 20px;display:flex}.button{border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:20px;min-height:46px;padding:13px 20px;font-size:13px;font-weight:700;display:inline-flex}.primary{color:#13220d;background:var(--green)}.primary:hover:not(:disabled){background:#d1ffab}.secondary{background:var(--panel);color:var(--text);border-color:var(--border)}.text-link{font-size:13px}.small-note{color:var(--muted);font-size:11px}.journey-art{isolation:isolate;min-height:460px;position:relative}.orbit{z-index:-1;border:1px dashed #61795840;border-radius:50%;width:390px;height:390px;position:absolute;top:50px;left:45px}.orbit-two{width:290px;height:290px;top:100px;left:95px}.journey-card{border-radius:12px;width:265px;min-height:310px;padding:25px 24px;position:absolute;box-shadow:0 25px 50px #0004}.back-card{background:#25382b;border:1px solid #4b6242;top:24px;left:4%;transform:rotate(-9deg)}.front-card{color:#273428;background:#e8d7bd;border:1px solid #f8e9d0;top:150px;right:1%;transform:rotate(7deg)}.card-kicker{letter-spacing:1px;font-family:monospace;font-size:9px}.back-card .card-kicker{color:#aacb94}.journey-card h2{letter-spacing:-.7px;margin:20px 0 14px;font-size:23px;line-height:1.2}.journey-card p{font-size:12px;line-height:1.6}.front-card p{color:#58634f;margin:18px 0 0;font-size:10px}.pixel-line{background:linear-gradient(90deg,var(--green) 0 20%,transparent 20% 30%,var(--green) 30% 65%,transparent 65% 75%,var(--green) 75%);opacity:.6;width:45px;height:20px;margin-top:25px}.mini-bars{align-items:end;gap:6px;height:45px;display:flex}.mini-bars i{background:#a1c78255;width:27px;height:15px}.mini-bars i:nth-child(2){height:25px}.mini-bars i:nth-child(3){height:20px}.mini-bars i:nth-child(4){height:33px}.mini-bars i:nth-child(5){background:#b9ed8b;height:42px}.art-controller{color:#516047;border:2px solid #65735d;border-radius:10px 10px 18px 18px;justify-content:space-between;align-items:center;width:85px;height:40px;margin:20px 0 0;padding:6px 10px;display:flex;transform:rotate(-8deg)}.art-controller>span:first-child{font-size:26px;line-height:1}.art-controller>span:last-child{font-size:10px;line-height:.9;transform:rotate(30deg)}.choice-pills{gap:7px;display:flex}.choice-pills span{border:1px solid #74836a88;border-radius:5px;padding:6px 8px;font-size:10px}.floating-caption{color:var(--muted);align-items:center;gap:10px;font-size:10px;display:flex;position:absolute;bottom:-42px;left:12%}.how-section{border-top:1px solid var(--border);padding:45px 0 65px}.section-intro h2{letter-spacing:-.8px;margin-top:12px;font-size:27px}.steps-grid{grid-template-columns:repeat(3,1fr);gap:40px;margin-top:35px;display:grid}.steps-grid article{border-left:1px solid var(--border);padding-left:23px}.step-number{color:var(--orange);font:12px monospace}.steps-grid h3{margin:15px 0 8px;font-size:17px}.steps-grid p{max-width:260px;font-size:13px}.site-footer{max-width:var(--max);border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;gap:20px;margin:auto;padding:24px;font-size:10px;display:flex}.site-footer a{color:#d4e4ca}.auth-page{max-width:520px;min-height:75vh;margin:auto;padding:65px 24px}.auth-panel h1{letter-spacing:-1.2px;margin:20px 0 14px;font-size:34px;line-height:1.2}.auth-panel>p{font-size:14px}.form-stack{gap:18px;margin-top:28px;display:grid}.form-stack label{gap:7px;font-size:13px;display:grid}.form-stack input{width:100%;color:var(--text);background:#1b2621;border:1px solid #4c5c50;border-radius:6px;min-height:48px;padding:12px 14px}.notice{border-left:2px solid var(--green);color:#ccdbca;background:#b9ed8b09;padding:14px 18px;font-size:13px}.message{color:#f0b4a5;min-height:20px;margin:0;font-size:13px}.success{color:var(--green)}.auth-links{color:var(--muted);justify-content:space-between;gap:20px;margin-top:25px;font-size:12px;display:flex}.muted{color:var(--muted)}.library-page{min-height:75vh;padding-top:50px;padding-bottom:70px}.library-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.library-heading h1{letter-spacing:-1px;margin:15px 0;font-size:38px}.empty-panel{border:1px solid var(--border);background:var(--panel);border-radius:12px;margin-top:35px;padding:35px}.empty-panel p{max-width:660px}.game-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:20px;margin-top:28px;display:grid}.game-card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:25px}.game-card h2{margin-top:18px;font-size:19px}.game-card .muted{font-size:12px}.game-card progress{width:100%;accent-color:var(--green);margin-bottom:15px;display:block}.status-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:70vh;padding:40px 24px;display:flex}.status-page h1{font-size:28px}.skip-link{background:var(--green);color:#101615;z-index:99;padding:10px;position:fixed;top:-80px;left:12px}.skip-link:focus{top:12px}@media (max-width:900px){.hero{grid-template-columns:1fr 1fr;gap:15px}.journey-card{width:220px;padding:20px}.journey-art{min-height:460px}.back-card{left:0}.front-card{right:0}.orbit{width:290px;height:290px;top:85px;left:0}.orbit-two{width:220px;height:220px;top:120px;left:35px}.floating-caption{left:0}.hero h1{font-size:52px}.site-footer{flex-direction:column;gap:8px}}@media (max-width:650px){.site-header{gap:14px;padding:20px}.brand{gap:6px;font-size:14px}.brand-icon{font-size:24px}.site-header nav{gap:10px}.site-header nav>a:first-child{display:none}.nav-login{padding:6px 12px}.home{padding:0 22px}.hero{grid-template-columns:1fr;gap:15px;padding-top:40px;padding-bottom:65px}.hero h1{letter-spacing:-2.5px;font-size:52px}.hero-copy>p{max-width:350px;font-size:15px}.hero-actions{gap:19px}.journey-art{width:100%;max-width:380px;min-height:405px;margin:30px auto auto}.journey-card{width:215px;min-height:275px;padding:20px}.back-card{top:0;left:2%}.front-card{top:115px;right:2%}.journey-card h2{font-size:20px}.floating-caption{font-size:9px;bottom:-23px;left:8%}.steps-grid{grid-template-columns:1fr;gap:24px}.steps-grid p{max-width:100%}.section-intro h2{font-size:25px}.auth-page{padding-top:40px}.auth-panel h1,.library-heading h1{font-size:30px}.library-heading{align-items:start}.empty-panel{padding:24px}.site-footer{padding:24px 22px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.link-challenge{margin-top:28px}.link-challenge ol{color:var(--muted);padding-left:22px;font-size:14px}.link-challenge li{margin-bottom:12px}.link-challenge a{text-underline-offset:3px;color:var(--green);text-decoration:underline}.challenge-label{gap:8px;font-size:13px;display:grid}.challenge-token{border:1px solid var(--border);width:100%;min-width:0;color:var(--green);background:#1b2621;border-radius:6px;margin-bottom:12px;padding:12px 8px;font-family:monospace;font-size:clamp(12px,3vw,16px)}.restart-link{margin-top:15px;font-size:11px}.link-challenge+.message{margin-top:20px}.sync-panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;margin:28px 0;padding:28px}.sync-panel h2{margin:12px 0;font-size:22px}.sync-panel p{max-width:750px}.sync-panel>.message{margin-top:12px}.library-filters{flex-wrap:wrap;align-items:end;gap:15px;margin:25px 0;display:flex}.library-filters label{gap:8px;font-size:13px;display:grid}.library-filters select{max-width:100%;color:var(--text);background:var(--panel);border:1px solid var(--border);font:inherit;border-radius:7px;padding:12px}.library-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;margin:28px 0;font-size:13px;display:flex}@media (max-width:650px){.sync-panel{padding:22px}.library-filters label{width:100%}.library-pagination{gap:12px}}.library-account-actions{flex-wrap:wrap;gap:10px;display:flex}.preferences-page{max-width:1000px}.preferences-page>h1{letter-spacing:-1px;margin:12px 0;font-size:38px}.preferences-form{gap:25px;margin-top:35px;display:grid}.preferences-form fieldset{border:1px solid var(--border);background:var(--panel);border-radius:12px;min-width:0;margin:0;padding:25px}.preferences-form legend{padding:0 8px;font-size:19px;font-weight:700}.mode-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.mode-choice,.platform-choice{border:1px solid var(--border);cursor:pointer;border-radius:8px;align-items:start;gap:12px;padding:18px;display:flex}:is(.mode-choice:has(input:checked),.platform-choice:has(input:checked)){border-color:var(--green);background:#b9ed8b08}.mode-choice input,.platform-choice input{accent-color:var(--green);flex-shrink:0;width:18px;height:18px;margin-top:5px}.mode-choice strong{margin-bottom:8px;display:block}.mode-choice span span{color:var(--muted);font-size:13px;display:block}.platform-actions{flex-wrap:wrap;align-items:center;gap:12px;margin:20px 0;display:flex}.platform-actions>span{color:var(--muted);font-size:13px}.platform-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:20px;display:grid}.platform-choice small{color:var(--muted);font-size:12px;display:block}.preferences-footer{align-items:center;gap:25px;font-size:13px;display:flex}.preferences-form fieldset:disabled{opacity:.65}@media (max-width:650px){.library-account-actions{justify-content:flex-end}.library-account-actions .button{padding:10px 12px}.preferences-page>h1{font-size:30px}.preferences-form fieldset{padding:18px}.mode-choices,.platform-choices{grid-template-columns:1fr}.preferences-footer,.library-heading{flex-wrap:wrap}}.organize-game-link{margin-top:20px;display:flex}.organization-page{max-width:850px}.organization-page>h1{overflow-wrap:anywhere;margin:15px 0 30px;font-size:36px;line-height:1.2}.official-progress{border:1px solid var(--border);border-radius:12px;margin-bottom:30px;padding:25px}.official-progress h2{font-size:20px}.official-progress ul{color:var(--muted);padding-left:20px}.organization-form{gap:18px;display:grid}.organization-form fieldset{border:1px solid var(--border);background:var(--panel);border-radius:12px;min-width:0;margin:0;padding:25px}.organization-form legend{padding:0 8px;font-size:20px;font-weight:700}.organization-interest{gap:8px;margin:20px 0;font-size:14px;display:grid}.organization-interest select,.organization-search input{color:var(--text);background:var(--panel);border:1px solid var(--border);font:inherit;border-radius:7px;min-width:0;max-width:100%;padding:12px}.organization-option{cursor:pointer;align-items:start;gap:14px;padding:18px 0;display:flex}.organization-option input{accent-color:var(--green);flex-shrink:0;width:18px;height:18px;margin-top:5px}.organization-option strong,.organization-option small{display:block}.organization-option small{color:var(--muted);margin-top:6px;font-size:13px}.organization-buttons{flex-wrap:wrap;gap:15px;margin-top:25px;display:flex}.organization-tags{flex-wrap:wrap;gap:7px;margin:12px 0;display:flex}.organization-tags>span{border:1px solid var(--border);color:var(--green);border-radius:5px;padding:3px 7px;font-size:11px}.organization-search label{min-width:0}@media (max-width:650px){.organization-page>h1{font-size:28px}.organization-form fieldset,.official-progress{padding:20px}.organization-search input{width:100%}}.catalog-controls{margin:1.5rem 0}.catalog-controls form{flex-wrap:wrap;gap:.75rem;margin:0 .75rem .75rem 0;display:inline-flex}.catalog-status{margin:1.5rem 0}.catalog-status li{margin-block:.6rem}.decision-form{margin-block:1rem}.decision-form label{gap:.4rem;margin-bottom:.8rem;display:grid}.decision-form select{border:1px solid var(--border);background:var(--panel);width:100%;min-height:44px;color:var(--text);font:inherit;border-radius:6px;padding:8px 10px}.quick-defer{margin-top:1rem}.quick-defer summary{cursor:pointer;padding-block:.6rem}.quick-defer p{margin-top:.6rem}.quick-actions{flex-wrap:wrap;gap:.75rem;display:flex}.quick-actions .decision-form{margin:0}.decision-form .message:empty{display:none}.site-header{grid-template-columns:auto 1fr auto;display:grid}.site-header .primary-navigation{justify-self:end;gap:8px}.site-header .primary-navigation>a{color:var(--muted);white-space:nowrap;border-radius:6px;padding:10px 12px}.site-header .primary-navigation>a:first-child{color:var(--muted);display:block}.site-header .primary-navigation>a[aria-current],.site-header .primary-navigation>a[aria-current]:first-child{color:var(--green);box-shadow:inset 0 -2px var(--green);background:#b9edb810}.account-navigation{justify-self:end;min-width:0;position:relative}.user-badge{border:1px solid var(--border);background:var(--panel);max-width:240px;min-height:44px;color:var(--text);border-radius:24px;align-items:center;gap:9px;padding:5px 10px 5px 5px;display:flex}.user-badge:hover,.user-badge[aria-expanded=true]{border-color:var(--green)}.user-initials{color:#13220d;background:var(--green);border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:grid}.user-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.site-header .account-menu{z-index:20;border:1px solid var(--border);background:var(--panel);border-radius:12px;gap:4px;width:min(280px,100vw - 40px);padding:10px;display:grid;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 12px 35px #0006}.account-menu p{border-bottom:1px solid var(--border);margin:0 0 4px;padding:8px 10px;font-size:11px}.account-menu strong{color:var(--text);overflow-wrap:anywhere;font-size:13px;display:block}.site-header .account-menu>a,.account-signout{text-align:left;min-height:44px;color:var(--text);font:inherit;background:0 0;border:0;border-radius:5px;padding:10px;display:block}.account-menu>a:hover,.account-signout:hover,.account-menu>a[aria-current]{color:var(--green);background:#b9edb810}.account-signout{width:100%}@media (max-width:900px){.site-header{grid-template-columns:minmax(0,1fr) auto;gap:12px}.site-header .brand{grid-area:1/1}.account-navigation{grid-area:1/2}.site-header .primary-navigation{grid-area:2/1/auto/-1;justify-content:center;justify-self:stretch}.site-header .guest-navigation{display:none}}@media (max-width:650px){.user-badge{max-width:clamp(106px,32vw,160px)}.site-header .primary-navigation{justify-content:space-between;gap:4px}.site-header .primary-navigation>a{padding:10px 8px}}@media (max-width:400px){.site-header .brand .beta{display:none}}
