@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-ext-wght-normal-BOFOeGcA.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-wght-normal-Xz1IZZA0.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-vietnamese-wght-normal-D0rl6rjA.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-ext-wght-normal-D9tNdqV9.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-wght-normal-BhU9QXUp.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color:#e9e9de;font-synthesis:none;--muted:#89948a;--line:#344038;--lime:#dbe7b7;--red:#df7766;--blue:#769cbe;--surface:#1c2621;background:#151d1b;font-family:DM Sans Variable,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--lime);outline-offset:5px}a{color:inherit}button:hover:not(:disabled){filter:brightness(1.18)}[hidden]{display:none!important}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:88px;padding:0 44px;display:flex}.brand{letter-spacing:1.5px;align-items:center;gap:14px;font:700 22px Space Grotesk Variable,sans-serif;text-decoration:none;display:flex}.brand-light{color:#bfc9b9;font-weight:400}.brand-mark{background:linear-gradient(#dce7c6 44%,#151d1b 44% 56%,#0000 56%);border:2px solid #dce7c6;border-radius:50%;width:27px;height:27px;display:inline-block;position:relative}.brand-mark:after{content:"";background:#151d1b;border:2px solid #dce7c6;border-radius:50%;width:7px;height:7px;position:absolute;top:8px;left:8px}.edition{letter-spacing:2px;align-items:center;gap:9px;font-size:11px;display:flex}.dot{border-radius:50%;width:7px;height:7px;display:inline-block}.red{background:var(--red)}.blue{background:var(--blue)}.green{background:#a6bb83}.plus{color:#6d7b72;padding:0 15px}.text-button{color:#b3bdb2;font-size:12px}.text-button span{margin-left:14px}.app-shell{min-height:calc(100vh - 88px);display:flex}.rail{border-right:1px solid var(--line);flex-direction:column;flex-shrink:0;align-items:center;gap:25px;width:100px;padding:35px 0;display:flex}.nav-item{color:#78877c;flex-direction:column;align-items:center;gap:8px;width:100%;font-size:9px;display:flex;position:relative}.nav-item.active{color:var(--lime)}.nav-item.active:before{content:"";background:var(--lime);width:2px;position:absolute;top:2px;bottom:2px;left:0}.nav-icon{font-size:24px;font-weight:400;line-height:1.1}.rail-bottom{color:#607163;flex-direction:column;align-items:center;gap:10px;margin-top:auto;display:flex}.tiny{letter-spacing:2px;font-size:9px}.rail-bottom strong{font-family:Space Grotesk Variable,sans-serif;font-size:13px}.rail-line{background:#465347;width:1px;height:30px;margin:8px}.vertical{writing-mode:vertical-rl;letter-spacing:3px;font-size:8px}main{width:100%;max-width:1570px;margin:auto;padding:38px 48px 18px}.page-heading{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.eyebrow{letter-spacing:2px;color:#acbaa5;font-size:9px;font-weight:500}.small-line{vertical-align:middle;background:#acbaa5;width:19px;height:1px;margin-right:9px;display:inline-block}h1{letter-spacing:-1.5px;margin:11px 0 9px;font-family:Space Grotesk Variable,sans-serif;font-size:clamp(26px,2.6vw,40px);font-weight:500}h1 em{color:var(--lime);font-style:normal}.page-heading p{color:var(--muted);margin:0;font-size:12px}.generation{color:#a1af9b;text-align:right;letter-spacing:1.5px;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;width:124px;font-size:10px;display:flex}.generation b{color:var(--lime);letter-spacing:-2px;font:400 42px Space Grotesk Variable,sans-serif}.generation span{letter-spacing:1.5px;font-size:8px}.play-layout{grid-template-columns:minmax(380px,1fr) 270px;align-items:stretch;gap:32px;display:grid}.console{background:#202922;border:1px solid #485346;border-radius:4px 4px 24px;min-width:0;overflow:hidden;box-shadow:0 16px 35px #0002}.console-top{color:#9cad95;letter-spacing:1.7px;justify-content:space-between;align-items:center;height:42px;padding:0 22px;font-size:8px;display:flex}.console-top>span:first-child{align-items:center;gap:8px;display:flex}.status-led{background:#687367;border-radius:50%;width:5px;height:5px;display:inline-block}.status-led.on{background:#d3e9a9;box-shadow:0 0 8px #c4e79166}.console-label{letter-spacing:2px;font:500 9px Space Grotesk Variable,sans-serif}.console-label b{color:#b1bd9f;padding-left:8px}.screen-surround{padding:0 22px 20px}.screen{aspect-ratio:10/9;background:#101815;border:1px solid #0b110e;justify-content:center;align-items:center;min-height:330px;max-height:calc(100vh - 340px);display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 5px #1b241d,inset 0 0 40px #0006}.screen canvas{image-rendering:pixelated;object-fit:contain;max-width:100%;max-height:100%}.screen-overlay{text-align:center;color:#e3edcb;background:radial-gradient(at 50% 20%,#2b3c2d,#16231b 65%);flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.screen-overlay:after{content:"";pointer-events:none;opacity:.1;background:repeating-linear-gradient(#0000 0 3px,#122415 3px 4px);position:absolute;inset:0}.screen-overlay h2{letter-spacing:-.8px;margin:27px 0 6px;font:400 clamp(20px,2.5vw,31px) Space Grotesk Variable,sans-serif}.screen-overlay p{color:#94a68b;max-width:340px;margin:6px 0 25px;font-size:11px;line-height:1.7}.primary{background:var(--lime);color:#202b20;z-index:1;border:1px solid #e2efc1;justify-content:space-between;align-items:center;gap:32px;min-width:205px;padding:15px 22px;font-size:11px;font-weight:600;display:flex}.primary span{font-size:18px}.overlay-upload{color:#b6c6a8;text-underline-offset:4px;z-index:1;margin:12px 0 10px;font-size:10px;text-decoration:underline}.rom-checks{letter-spacing:1.8px;color:#788773;gap:30px;margin:18px 0 12px;font-size:8px;display:flex}.rom-checks i{background:#687367;border-radius:50%;width:5px;height:5px;margin-right:7px;display:inline-block}.rom-checks .verified{color:#ccdeb8}.rom-checks .verified i{background:#bfd99c}.screen-overlay small{letter-spacing:.5px;color:#6b806a;font-size:8px}.pixel-ball{clip-path:polygon(26% 0,74% 0,74% 8%,90% 8%,90% 22%,100% 22%,100% 78%,90% 78%,90% 92%,74% 92%,74% 100%,26% 100%,26% 92%,10% 92%,10% 78%,0 78%,0 22%,10% 22%,10% 8%,26% 8%);background:linear-gradient(#bacc97 43%,#253826 43% 57%,#60774e 57%);border:4px solid #9aad7b;width:54px;height:54px;display:block;position:relative;box-shadow:0 0 20px #e6ffc211}.pixel-ball:after{content:"";background:#bbcf98;border:4px solid #263926;width:14px;height:14px;position:absolute;top:16px;left:16px;box-shadow:0 0 0 2px #9aad7b}.player-toolbar{color:#bcc6b1;border-top:1px solid #3c4839;justify-content:space-between;align-items:center;gap:10px;padding:13px 18px;font-size:10px;display:flex}.toolbar-left,.toolbar-right{align-items:center;gap:15px;display:flex}.toolbar-left button{align-items:center;gap:7px;padding:4px;font-size:10px;display:flex}.toolbar-left button>span:first-child{font-size:15px;line-height:1}.toolbar-right select{color:#c6d2b8;background:#202922;border:1px solid #536148;border-radius:2px;padding:6px 8px;font-size:9px}.palette-label{color:#8e9e85;font-size:9px}.toolbar-right button{font-size:20px;line-height:1}.journey-panel{border-top:1px solid var(--line);flex-direction:column;padding-top:20px;display:flex}.panel-top .eyebrow{letter-spacing:1.6px;font-size:8px}.joined-balls{align-items:center;height:52px;margin-top:24px;display:flex}.half-ball{background:linear-gradient(var(--red) 46%,#1a221c 46%,#1a221c 53%,#c7c9b6 53%);border:2px solid #161e1a;border-radius:50%;width:38px;height:38px;position:relative;box-shadow:0 0 0 1px #4d5748}.half-ball:after{content:"";background:#c7c9b6;border:2px solid #1a221c;border-radius:50%;width:9px;height:9px;position:absolute;top:12px;left:12px}.blue-ball{background:linear-gradient(var(--blue) 46%,#1a221c 46%,#1a221c 53%,#c7c9b6 53%);margin-left:-7px}.panel-top h2{letter-spacing:-1px;margin:15px 0;font:400 31px/1.12 Space Grotesk Variable,sans-serif}.panel-top h2 em{color:var(--lime);font-style:normal}.panel-top p{color:#8d9d8c;max-width:245px;margin:0 0 22px;font-size:11px;line-height:1.8}.stat-row{border-block:1px solid var(--line);align-items:center;gap:16px;padding:17px 0;display:flex}.stat-row strong{letter-spacing:-3px;color:var(--lime);font:400 44px/1 Space Grotesk Variable,sans-serif}.stat-row div{letter-spacing:1.4px;color:#cfdbc1;font-size:9px}.stat-row div span{letter-spacing:0;color:#83947d;margin-top:6px;font-size:9px;display:block}.stat-star{color:#9aaf82;margin-left:auto;font-size:22px}.features{padding:19px 0}.features>div{align-items:flex-start;gap:11px;margin-bottom:13px;display:flex}.feature-dot{border-radius:50%;flex-shrink:0;width:4px;height:4px;margin-top:5px}.features p{margin:0;font-size:10px}.features p span{color:#869780;margin-top:5px;font-size:9px;line-height:1.5;display:block}.guide-link{text-align:left;color:#cedcbd;border-bottom:1px solid var(--line);justify-content:space-between;padding:0 0 16px;font-size:10px;display:flex}.guide-link span{font-size:15px}.save-note{color:#a9b49d;align-items:center;gap:10px;margin-top:auto;padding-top:18px;display:flex}.save-note>span{color:#7d9074;font-size:21px}.save-note p{margin:0;font-size:9px;line-height:1.5}.save-note small{color:#6e816a;margin-top:3px;font-size:8px;display:block}.controls-row{color:#8a9b82;flex-wrap:wrap;align-items:center;gap:20px;margin:24px 0 26px;font-size:9px;display:flex}.controls-row>.eyebrow{letter-spacing:1.5px;color:#667b63;margin-right:4px;font-size:8px}.controls-row>div{align-items:center;gap:3px;display:flex}.controls-row>div>span{margin-left:7px}kbd{text-align:center;color:#c2cfb4;border:1px solid #465740;border-bottom-width:2px;border-radius:3px;min-width:20px;padding:4px 5px;font:9px DM Sans Variable,sans-serif;display:inline-block}.controls-row button{color:#b8c8a8;border:1px solid #3c4e36;border-radius:2px;margin-left:auto;padding:6px 9px;font-size:9px}footer{color:#52694e;letter-spacing:1.6px;border-top:1px solid #2b392b;justify-content:space-between;padding-top:14px;font-size:7px;display:flex}footer i{padding:0 8px;font-style:normal}.touch-controls{display:none}.pause-overlay{background:#142018ed;flex-direction:column;justify-content:center;align-items:center;gap:15px;display:flex;position:absolute;inset:0}.pause-overlay h2{margin:0 0 10px;font:400 27px Space Grotesk Variable}dialog{color:#e2e9db;background:#1b2721;border:1px solid #4b6147;border-radius:4px;width:660px;max-width:calc(100vw - 30px);max-height:85vh;padding:30px;box-shadow:0 30px 100px #0006}dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080e0bc9}.dialog-top{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.dialog-top h2{letter-spacing:-1px;margin:10px 0;font:400 30px Space Grotesk Variable,sans-serif}.close-dialog{color:#a9bca0;font-size:25px}.dialog-intro{color:#98ab91;margin:10px 0 23px;font-size:12px;line-height:1.8}#search{color:#dde8cf;outline-color:var(--lime);background:#142019;border:1px solid #50654a;border-radius:2px;width:100%;padding:13px 15px;font-size:12px}#search::placeholder{color:#7a9372}.guide-meta{letter-spacing:1px;color:#8ca47f;justify-content:space-between;margin:22px 0 15px;font-size:8px;display:flex}details{border-top:1px solid #344b34}summary{cursor:pointer;align-items:center;gap:15px;padding:14px 2px;font-size:13px;list-style:none;display:flex}summary::-webkit-details-marker{display:none}summary .dex-number{color:#738e69;min-width:33px;font:11px Space Grotesk Variable}summary .dex-method{color:#8faa7f;margin-left:auto;font-size:9px}summary:after{content:"+";color:#a2b794;font-size:16px}details[open] summary:after{content:"−"}.location-list{color:#bacdae;padding:0 0 16px 50px;font-size:11px;line-height:1.9}.location-list div{margin-bottom:3px}.location-list .habitat{color:#769569;margin-left:8px;font-size:9px}.save-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.save-actions button{text-align:left;background:#253728;border:1px solid #3e5940;border-radius:2px;padding:17px 15px;font-size:12px}.save-actions button span{color:#8ba480;margin-top:8px;font-size:10px;line-height:1.5;display:block}.save-actions button:last-child{grid-column:1/-1}.save-disclaimer{color:#829a77;margin-top:22px;font-size:10px;line-height:1.8}.about-copy p,.about-copy li{color:#afc0a5;font-size:12px;line-height:1.9}.about-copy ul{padding-left:18px}.about-copy .muted{color:#7e9673;font-size:10px}.toast{color:#243c25;z-index:10;text-align:center;background:#dcebc1;border-radius:3px;max-width:90vw;padding:14px 23px;font-size:12px;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 5px 20px #0004}.console:fullscreen{border:0;border-radius:0;flex-direction:column;width:100vw;height:100vh;display:flex}.console:fullscreen .screen-surround{flex:1;justify-content:center;align-items:center;min-height:0;padding:10px;display:flex}.console:fullscreen .screen{aspect-ratio:10/9;width:auto;max-width:100%;height:100%;min-height:0;max-height:none}.console:fullscreen .player-toolbar{flex-shrink:0}.drop-hover .screen-overlay{outline:2px dashed var(--lime);outline-offset:-10px}@media (width>=1550px){main{padding:45px 65px}.play-layout{grid-template-columns:minmax(380px,1fr) 300px;gap:45px}.screen{max-height:630px}.journey-panel{padding-top:25px}.panel-top h2{font-size:39px}.panel-top p,.features p{font-size:12px}.features p span{font-size:10px}.features>div{margin-bottom:20px}.features{padding:25px 0}.guide-link{font-size:12px}.save-note p{font-size:10px}}@media (width<=1150px){main{padding:28px}.rail{width:75px}.play-layout{grid-template-columns:minmax(300px,1fr) 220px;gap:22px}.panel-top h2{font-size:27px}.joined-balls{margin-top:12px}.screen{min-height:320px;max-height:530px}.features{padding:16px 0}.controls-row{gap:12px}.controls-row>.eyebrow{width:100%}.topbar{padding:0 28px}}@media (width<=850px){.rail{width:65px}main{padding:25px 22px}.play-layout{grid-template-columns:1fr}.journey-panel,.generation{display:none}h1{font-size:29px}.screen{max-height:560px}.topbar{height:70px;padding:0 22px}.brand{gap:9px;font-size:17px}.brand-mark{width:24px;height:24px}.brand-mark:after{width:6px;height:6px;top:7px;left:7px}.edition{letter-spacing:1px;font-size:9px}.text-button{font-size:10px}.controls-row{gap:14px}.controls-row button{margin-left:0}footer{letter-spacing:1px;font-size:6px}.app-shell{min-height:calc(100vh - 70px)}}@media (width<=600px){.topbar{height:64px;padding:0 16px}.brand{letter-spacing:1px;font-size:15px}.edition{gap:5px;font-size:8px}.plus{padding:0 4px}.text-button{font-size:0}.text-button span{margin-left:0;font-size:17px}.rail{gap:23px;width:49px;padding:27px 0}.nav-item{gap:6px;font-size:7px}.nav-icon{font-size:21px}.rail-bottom{display:none}main{padding:24px 13px 18px}.page-heading{margin-bottom:21px}.eyebrow{letter-spacing:1.4px;font-size:7px}.page-heading h1{letter-spacing:-.9px;max-width:260px;font-size:25px;line-height:1.15}.page-heading h1 em{display:block}.page-heading p{max-width:250px;font-size:10px;line-height:1.6}.screen-surround{padding:0 10px 13px}.screen{width:100%;min-height:0;max-height:none}.console-top{letter-spacing:1px;height:34px;padding:0 12px;font-size:6px}.console-label{font-size:6px}.console{border-radius:3px 3px 16px}.screen-overlay{padding:12px}.screen-overlay h2{margin-top:16px;font-size:20px}.screen-overlay p{margin-bottom:15px;font-size:9px;line-height:1.5}.pixel-ball{margin-bottom:-5px;transform:scale(.7)}.primary{min-width:180px;padding:11px 14px;font-size:10px}.overlay-upload{margin:10px 0 2px;font-size:9px}.rom-checks{margin:12px 0 8px}.screen-overlay small{font-size:7px}.player-toolbar{gap:6px;padding:10px 9px}.toolbar-left,.toolbar-right{gap:9px}.toolbar-left button{gap:5px;font-size:8px}.palette-label{display:none}.toolbar-right select{padding:5px 2px;font-size:8px}.toolbar-right button{font-size:17px}.controls-row{display:none}.touch-controls{-webkit-user-select:none;user-select:none;touch-action:none;justify-content:space-between;align-items:center;gap:10px;margin:28px 0;display:flex}.dpad{grid-template-rows:29px 29px 29px;grid-template-columns:29px 29px 29px;gap:0;display:grid}.dpad button{color:#d2e0c2;background:#334732;border:1px solid #52654a;padding:0;font-size:12px;box-shadow:0 3px #0d190e}.dpad button:active,.ab-controls button:active{filter:brightness(1.4);transform:translateY(2px)}.dpad button:first-child{border-radius:3px 3px 0 0;grid-area:1/2}.dpad button:nth-child(2){border-radius:3px 0 0 3px;grid-area:2/1}.dpad span{background:#334732;grid-area:2/2}.dpad button:nth-child(4){border-radius:0 3px 3px 0;grid-area:2/3}.dpad button:last-child{border-radius:0 0 3px 3px;grid-area:3/2}.ab-controls{gap:9px;display:flex;transform:rotate(-18deg)}.ab-controls button{color:#ffe7d1;background:#b66d5f;border:1px solid #db9781;border-radius:50%;width:37px;height:37px;font:700 13px Space Grotesk Variable;box-shadow:0 4px #67382f}.ab-controls button:first-child{background:#5d83a3;border-color:#91b4d1;box-shadow:0 4px #2c455a}.touch-middle{flex-direction:column;gap:17px;display:flex}.touch-middle button{letter-spacing:1px;color:#a4b797;background:#263626;border:1px solid #4a6142;border-radius:10px;padding:5px 8px;font-size:6px}footer{align-items:flex-start;gap:15px;line-height:1.9}footer>span{max-width:120px}footer>span:last-child{text-align:right}.pause-overlay h2{font-size:20px}dialog{padding:23px 19px}.dialog-top h2{font-size:25px}.save-actions{grid-template-columns:1fr}.save-actions button:last-child{grid-column:1}.location-list{padding-left:10px}.dex-method{text-align:right;max-width:110px}.app-shell{min-height:calc(100vh - 64px)}}.screen{margin-inline:auto}.console:fullscreen .screen{margin-inline:0}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.paste-backup{margin-top:24px}.paste-backup summary{cursor:pointer}.paste-backup label{color:var(--muted);margin:16px 0 8px;display:block}.paste-backup textarea{resize:vertical;color:#e9e9de;border:1px solid var(--line);background:#131b17;width:100%;padding:12px;font:12px monospace}.paste-backup button{border:1px solid var(--line);margin-top:12px;padding:10px 16px}.room-actions{flex-wrap:wrap;gap:12px;margin:20px 0;display:flex}.room-actions button{cursor:pointer;border:1px solid #b7c5bc;border-radius:8px;padding:12px 18px}#room-code{letter-spacing:2px;width:100%;margin-top:8px;padding:14px;font-family:monospace;font-size:18px;display:block}#room-status{color:#1b2a20;background:#edf2e9;border-radius:8px;padding:16px;line-height:1.6}#rooms-dialog>p{line-height:1.6}.test-save-notice{color:#182b22;text-align:center;background:#dce8ab;margin:0;padding:10px 24px;font-size:13px;font-weight:700}.relay-preference{align-items:center;gap:10px;margin:14px 0;font-size:13px;line-height:1.5;display:flex!important}.relay-preference input{accent-color:#dce5a5;min-width:16px;width:auto!important}