@import "https://fonts.cdnfonts.com/css/commodore-64-pixelized";:root{--video-viewport-scale:.9;--video-picture-scale:.73;--video-visible-width:calc(100vw * var(--video-viewport-scale) * var(--video-picture-scale));--video-visible-height:calc(100svh * var(--video-viewport-scale) * var(--video-picture-scale));--video-shift-down:calc(100svh * var(--video-viewport-scale) * .125);--gameplay-frame-height-scale:1.2;--text:#63ff7a;--text-h:#9dffac;--bg:#fff;--border:#2f7a3e;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:"Commodore PET", "Commodore 64 Pixelized", "Courier New", monospace;--heading:"Commodore PET", "Commodore 64 Pixelized", "Courier New", monospace;--mono:"Commodore PET", "Commodore 64 Pixelized", "Courier New", monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#63ff7a;--text-h:#9dffac;--bg:#16171d;--border:#255f31;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}html{scrollbar-gutter:stable;scrollbar-color:#2f7a3e #0a140c;scrollbar-width:auto;overflow:hidden scroll}html::-webkit-scrollbar{appearance:none;width:40px}body::-webkit-scrollbar{appearance:none;width:40px}::-webkit-scrollbar{appearance:none;width:40px}html::-webkit-scrollbar:horizontal{height:0;display:none}body::-webkit-scrollbar:horizontal{height:0;display:none}::-webkit-scrollbar:horizontal{height:0;display:none}html::-webkit-scrollbar-track{background:#0a140c}body::-webkit-scrollbar-track{background:#0a140c}::-webkit-scrollbar-track{background:#0a140c}html::-webkit-scrollbar-thumb{background:#2f7a3e;border:2px solid #0a140c;border-radius:10px;min-height:40px}body::-webkit-scrollbar-thumb{background:#2f7a3e;border:2px solid #0a140c;border-radius:10px;min-height:40px}::-webkit-scrollbar-thumb{background:#2f7a3e;border:2px solid #0a140c;border-radius:10px;min-height:40px}html::-webkit-scrollbar-thumb:hover{background:#45b856}body::-webkit-scrollbar-thumb:hover{background:#45b856}::-webkit-scrollbar-thumb:hover{background:#45b856}body{margin:0}#root{text-align:left;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.page{z-index:1;min-height:100vh;color:var(--text);background:0 0;position:relative}.static-background{z-index:0;image-rendering:pixelated;image-rendering:crisp-edges;pointer-events:none;background-color:#000;background-image:url(/background-static.png);background-position:top;background-repeat:no-repeat;background-size:100%;position:fixed;inset:0}.video-layer{z-index:0;background:0 0;position:fixed;inset:0;overflow:hidden}.video-background{width:calc(100% * var(--video-viewport-scale));height:calc(100% * var(--video-viewport-scale));transform:translate(-50%, calc(-50% + var(--video-shift-down)));object-fit:contain;object-position:center;z-index:0;filter:brightness(.9)saturate(1.05);opacity:1;transition:opacity var(--video-effect-transition,.3s) ease;position:absolute;top:50%;left:50%}.gameplay-video-visible-region{width:var(--video-visible-width);height:var(--video-visible-height);transform:translate(-50%, calc(-50% + var(--video-shift-down)));pointer-events:none;z-index:0;position:absolute;top:50%;left:50%}.video-layer--outside-frame{transition:background .2s}.video-layer--outside-frame .video-background{opacity:.5;transition:opacity .2s}.video-layer--paused{transition:background var(--video-effect-transition,.3s) ease;background:#000}.video-layer--paused .video-background{opacity:.25}.video-overlay{z-index:1;transition:background var(--video-effect-transition,.3s) ease;background:#020c0573;position:absolute;inset:0}.video-playback-control{z-index:2;width:calc(100% * var(--video-viewport-scale));height:calc(100% * var(--video-viewport-scale));transform:translate(-50%, calc(-50% + var(--video-shift-down)));pointer-events:none;position:fixed;top:50%;left:50%}.video-playback-control .nav-control{pointer-events:auto;position:absolute;top:.5rem;right:.5rem}:is(body:has(.video-layer--paused),body:has(.video-layer--outside-frame)){background:#000}.navbar{z-index:3;box-sizing:border-box;width:var(--video-visible-width);background:#092b13ed;border-bottom:1px solid #2f7a3e;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:1rem 1.5rem;max-width:100%;margin-left:auto;margin-right:auto;padding:1rem;display:flex;position:sticky;top:0}.navbar-secondary{z-index:3;box-sizing:border-box;width:var(--video-visible-width);background:#05200ef2;border-bottom:1px solid #255f31;justify-content:space-between;align-items:center;gap:1rem;max-width:100%;margin-left:auto;margin-right:auto;padding:.7rem 1rem;display:flex;position:sticky;top:61px}.navbar-secondary-login{margin-left:auto}.navbar a,.navbar-secondary a{color:var(--text-h);font-weight:700;text-decoration:none}.navbar a:hover,.navbar-secondary a:hover{color:var(--text)}.nav-control{font:inherit;color:var(--text-h);cursor:pointer;background:#031106b3;border:1px solid #1f5d2a;border-radius:4px;padding:.2rem .55rem}.nav-control:hover{color:var(--text);border-color:#38a248}.hero{z-index:2;max-width:960px;margin:0 auto;padding:3rem 1rem 1.5rem;position:relative}.hero h1{margin:0 0 2.5rem}.hero-main-banner{width:100vw;max-width:100vw;margin-top:3.5rem;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.hero-main-image{box-sizing:border-box;border:1px solid #2f7a3e;border-radius:6px;width:100%;height:auto;display:block}.story{z-index:2;max-width:960px;margin:0 auto;padding:1rem 1rem 3rem;scroll-margin-top:8rem;position:relative}#gameplay{scroll-margin-top:0}.story h2{margin-top:0}.story-act{margin-top:2rem}.story-act:first-of-type{margin-top:1rem}.story-act h3{color:var(--text-h);margin:0 0 1rem}.story p{white-space:pre-line;color:var(--text);margin:0;line-height:1.7}.versions-concepts-intro{color:var(--text);margin:1rem 0 0;line-height:1.7}.versions-concepts-status{color:var(--text);margin:.5rem 0 0;line-height:1.7}.versions-concepts-error{opacity:.95}.versions-concepts-block{margin-top:.75rem}.versions-concepts-list{color:var(--text);margin:0;padding-left:1.35rem;line-height:1.7;list-style-position:outside}.ranking-table-wrap{margin-top:.5rem;overflow-x:auto}.ranking-table{border-collapse:collapse;width:100%;color:var(--text)}.ranking-table th,.ranking-table td{box-sizing:border-box;text-align:left;vertical-align:middle;overflow-wrap:anywhere;word-break:break-word;border:1px solid #2f7a3e;padding:.45rem .75rem;line-height:1.35}.ranking-table thead th{background:#092b1373;font-weight:600}.versions-concept-line{margin:0}.versions-concept-classified-range{color:var(--text);opacity:.92;margin:.2rem 0 0 1.65em;padding-left:1.35rem;font-style:italic;line-height:1.7}.versions-table-wrap{scrollbar-width:none;margin-top:1rem;overflow-x:auto}.versions-table-wrap::-webkit-scrollbar:horizontal{height:0;display:none}.versions-table{border-collapse:collapse;width:100%;min-width:760px;color:var(--text)}.versions-table th,.versions-table td{box-sizing:border-box;text-align:left;vertical-align:middle;border:1px solid #2f7a3e;padding:.45rem .75rem;line-height:1.35}.versions-table thead th:nth-child(2),.versions-table tbody td:nth-child(2){white-space:nowrap;min-width:7.25rem}.versions-table thead th{background:#092b1373}.versions-table tbody th{font-weight:600}.versions-table-link{color:var(--text-h);text-underline-offset:.15em;text-decoration:underline}.versions-table-link:hover{color:#45b856}.versions-bricks-text{margin-top:1rem}.versions-bricks-image{box-sizing:border-box;cursor:zoom-in;flex:0 calc(50% - .4rem);width:calc(50% - .4rem);max-width:calc(50% - .4rem)}.image-zoom-overlay{z-index:20;background:#000c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.image-zoom-preview{object-fit:contain;background:#000;border:1px solid #2f7a3e;border-radius:8px;max-width:min(1200px,95vw);max-height:90vh}.gameplay-intro{color:var(--text);margin:.6rem 0 .15rem;line-height:1.7}.gameplay-video-window-wrap{pointer-events:none;justify-content:center;width:100vw;margin-top:.25rem;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);display:flex}.gameplay-video-window{width:var(--video-visible-width);height:calc(var(--video-visible-height) * var(--gameplay-frame-height-scale));box-sizing:border-box;background:0 0;border:2px solid #2f7a3e;flex-shrink:0;max-width:100%}.gameplay-flow{z-index:2;margin-top:1.5rem;position:relative}.gameplay-text{margin-top:.8rem;margin-bottom:0}.gameplay-scenes{margin-top:1.5rem}.gameplay-scene-images{flex-direction:column;align-items:flex-start;gap:.8rem;width:max-content;max-width:100%;display:flex}.gameplay-scene-images--equal-width{align-items:stretch}.gameplay-scene-images--equal-width .gameplay-scene-image-frame{box-sizing:border-box;width:100%;display:block}.gameplay-scene-images--equal-width .gameplay-scene-image-frame--center{display:block}.gameplay-scene-images--equal-width .gameplay-scene-image-frame--center .gameplay-image{margin-left:auto;margin-right:auto}.gameplay-scene-image-frame--scatter .gameplay-image{margin-left:var(--scatter-left,30%)}.gameplay-scenes .intro-scene{grid-template-columns:max-content minmax(0,1.8fr)}.gameplay-scene-image-frame{box-sizing:border-box;background:#ffffff08;border:1px solid #2f7a3e;border-radius:6px;width:fit-content;height:fit-content;margin:0;padding:.4rem;line-height:0;display:inline-block}.gameplay-scene-image-frame .gameplay-image{object-fit:none;width:auto;max-width:none;height:auto;max-height:none;image-rendering:pixelated;image-rendering:crisp-edges;box-sizing:border-box;background:0 0;border:none;border-radius:0;padding:0;display:block}.gameplay-images-row{flex-wrap:wrap;align-items:flex-start;gap:.8rem;margin-top:1.5rem;display:flex}.gameplay-image{object-fit:contain;box-sizing:border-box;background:#ffffff08;border:1px solid #2f7a3e;border-radius:6px;width:auto;max-width:100%;height:auto;max-height:220px;padding:.4rem;display:block}.login-actions{gap:.8rem;margin-top:.8rem;display:flex}.login-copy{color:var(--text);margin-top:.8rem;line-height:1.7}.login-copy p{margin:0 0 1rem}.login-inline-button{vertical-align:baseline;margin:0 .15rem;display:inline}.login-action-button{vertical-align:baseline;margin:0 .2rem;display:inline-block}.login-action-button--blink{animation:.5s ease-in-out 6 register-download-blink}@keyframes register-download-blink{0%,to{color:var(--text-h);box-shadow:none;background:#031106b3;border-color:#1f5d2a}50%{color:var(--text);background:#2f7a3e8c;border-color:#45b856;box-shadow:0 0 .45rem #45b856a6}}.login-logged-in-intro{margin:1.25rem 0 .5rem}.login-logged-in-list{color:var(--text);margin:0;padding-left:1.35rem;line-height:1.7}.login-logged-in-list li{margin:.35rem 0}.account-name-form{flex-wrap:wrap;align-items:center;gap:.8rem;margin-top:.8rem;display:flex}.account-name-input{font:inherit;color:var(--text);background:#031106b3;border:1px solid #2f7a3e;border-radius:4px;min-width:220px;padding:.35rem .55rem}.account-name-input::placeholder{color:var(--text-h);opacity:.8}.intro-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:.75rem;margin-top:1rem;display:grid}@media (width<=1024px){.intro-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.intro-frame-item{min-width:0;margin:0}.intro-frame-image{object-fit:contain;box-sizing:border-box;cursor:zoom-in;background:#000;border:1px solid #2f7a3e;border-radius:6px;width:100%;max-width:100%;height:auto;display:block}.intro-frame-caption{color:var(--text-h);text-align:center;margin-top:.35rem;font-size:.85rem}.intro-text{flex-direction:column;gap:.65rem;margin-top:2rem;display:flex}.intro-text-line{color:var(--text);margin:0;line-height:1.55}.intro-scenes{flex-direction:column;gap:1.75rem;margin-top:1rem;display:flex}.intro-scene{grid-template-columns:minmax(0,1.2fr) minmax(0,1.8fr);align-items:flex-start;gap:1.25rem;display:grid}.intro-scene-text{flex-direction:column;gap:.45rem;display:flex}.intro-grid--extra{margin-top:2rem}.intro-text--tail{margin-top:1.5rem}@media (width<=768px){.intro-scene{grid-template-columns:minmax(0,1fr)}}.maps-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:.75rem;margin-top:1rem;display:grid}.map-item{min-width:0;margin:0}.map-image{object-fit:contain;box-sizing:border-box;cursor:zoom-in;background:#000;border:1px solid #2f7a3e;border-radius:6px;width:100%;max-width:100%;height:auto;display:block}.map-caption{color:var(--text);margin-top:.5rem;font-size:.9rem}.walkthrou-grid{grid-template-columns:repeat(auto-fit,minmax(320px,320px));justify-content:start;gap:1rem;margin-top:1rem;display:grid}.walkthrou-item{background:#03110699;border:1px solid #1f5d2a;border-radius:6px;padding:.7rem}.walkthrou-title{margin:0 0 .6rem;font-size:.9rem}.walkthrou-player{background:#000;border:1px solid #1f5d2a;width:100%;display:block}