html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{margin:0}a{color:inherit}:root{color:#18220f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#7f9a49;font-family:Inter,system-ui,sans-serif;font-weight:400;line-height:1.4}*{box-sizing:border-box}body{background:radial-gradient(circle at top,#dbf39138,#0000 32%),linear-gradient(#7f9a49 0%,#566e2f 100%);min-width:320px;margin:0}button,a,input{font:inherit}#root,.app-shell{min-height:100vh}.auth-shell{place-items:center;padding:1rem;display:grid}.auth-card,.handheld-body{border-radius:34px;width:min(100%,460px);box-shadow:0 24px 60px #111b0752}.auth-card{text-align:center;background:linear-gradient(#d7e6a7 0%,#aecb62 100%);padding:2rem}.gameboy-login{gap:1.25rem;display:grid}.login-screen{color:#203212;background:#dfeea8;border:10px solid #5a7a2d;border-radius:18px;padding:1.5rem 1rem}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:inherit;margin-bottom:.5rem;font-size:.75rem}h1,p{margin:0}h1{margin-bottom:.75rem;font-size:clamp(1.8rem,6vw,2.4rem);line-height:1.05}.lede{color:#33471d}.discord-button,.hamburger-button,.menu-dropdown button,.touch-button,.menu-search{border:0}.discord-button{color:#f6ffde;background:linear-gradient(135deg,#7ebc2f,#4d861d);border-radius:999px;justify-content:center;align-items:center;padding:.95rem 1.25rem;font-weight:700;text-decoration:none;display:inline-flex}.handheld-shell{place-items:center;padding:1rem .7rem;display:grid}.scyther-body{background:linear-gradient(#cde47d 0%,#91b73d 42%,#688a26 100%);padding:1rem 1rem 1.4rem;position:relative;overflow:visible}.scyther-body:after{content:"";pointer-events:none;border-radius:34px;position:absolute;inset:0;box-shadow:inset -12px -12px 24px #1f310c38,inset 8px 8px 18px #f6ffde38}.shell-accent{clip-path:polygon(50% 0%,100% 16%,88% 100%,10% 70%,0% 18%);opacity:.72;filter:drop-shadow(0 8px 12px #212e0c33);background:linear-gradient(#e7f6bb 0%,#b5d557 55%,#b5d55700 100%);width:80px;height:180px;position:absolute;top:84px}.left-blade{left:-28px;transform:rotate(-14deg)}.right-blade{right:-28px;transform:scaleX(-1)rotate(-14deg)}.top-bar{z-index:3;justify-content:space-between;align-items:flex-start;margin-bottom:.8rem;display:flex;position:relative}.brand-block{color:#243513;justify-items:end;font-size:.78rem;display:grid}.brand{letter-spacing:.08em;font-weight:900}.signed-in{opacity:.85}.menu-wrap{z-index:50;position:relative}.hamburger-button{cursor:pointer;background:linear-gradient(#48671f,#2f490e);border-radius:14px;flex-direction:column;justify-content:center;gap:4px;width:48px;height:48px;padding:0 11px;display:inline-flex}.hamburger-button span{background:#efffc3;border-radius:999px;height:3px;display:block}.menu-dropdown{z-index:100;background:#f2fbd3fa;border:2px solid #3f5b1559;border-radius:20px;gap:.75rem;width:min(340px,100vw - 2rem);max-height:68vh;padding:.7rem;display:grid;position:absolute;top:calc(100% + .6rem);left:0;overflow:auto;box-shadow:0 22px 38px #121f0647}.menu-section{border-bottom:1px solid #3f5b151f;gap:.45rem;padding-bottom:.2rem;display:grid}.menu-section:last-child{border-bottom:0}.menu-section-title{letter-spacing:.12em;color:#587626;text-transform:uppercase;padding:.15rem .2rem;font-size:.72rem;font-weight:900}.menu-dropdown button,.menu-search{text-align:left;color:#203212;cursor:pointer;background:#e4f0bcf2;border-radius:14px;padding:.8rem .9rem}.menu-dropdown button:hover,.menu-dropdown button:focus-visible,.menu-search:focus{background:#f1fad0;outline:none}.menu-dropdown button:disabled{opacity:.45;cursor:not-allowed}.menu-search::placeholder{color:#688335}.rom-list-block{gap:.4rem;display:grid}.rom-entry-button,.save-entry-card{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.save-entry-card{color:#203212;background:#e4f0bcf2;border-radius:14px;padding:.8rem .9rem}.rom-entry-button small,.save-entry-card small,.rom-empty,.upload-status-text{color:#607a33}.rom-empty{padding:.55rem .75rem;font-size:.9rem}.upload-status-block{gap:.35rem;padding:.2rem .2rem .3rem;display:grid}.upload-status-text{font-size:.85rem}.upload-progress-track{background:#d3e2a2;border-radius:999px;width:100%;height:8px;overflow:hidden}.upload-progress-fill{background:linear-gradient(90deg,#4c851c,#b2db4d);border-radius:999px;height:100%;transition:width .12s linear}.scyther-screen-bezel{color:#ecfbc1;z-index:2;background:linear-gradient(#426d1b 0%,#2a430d 100%);border-radius:28px 28px 48px;padding:.95rem .95rem 1rem;position:relative}.screen-label-row,.status-row{letter-spacing:.05em;justify-content:space-between;gap:.75rem;font-size:.63rem;display:flex}.status-row{color:#e3f2b4;flex-direction:column;margin-top:.75rem}.scyther-screen-frame{aspect-ratio:3/2;background:#dceba3;border:10px solid #182509;border-radius:16px;justify-content:center;align-items:center;width:100%;margin-top:.75rem;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 3px #d5ec8459}.screen-frame canvas{width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges}.screen-overlay{color:#203212;text-align:center;background:#cde47df5;place-items:center;padding:1rem;font-weight:700;display:grid;position:absolute;inset:0}.loading-overlay{gap:.7rem}.loading-spinner{border:4px solid #2032122e;border-top-color:#203212;border-radius:50%;width:34px;height:34px;animation:.9s linear infinite spin}.controls-zone{z-index:1;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.15rem;display:flex;position:relative}.dpad-cluster{width:158px;height:158px;position:relative}.dpad-center,.touch-button{position:absolute}.dpad-center{z-index:1;background:#203212;border-radius:10px;width:48px;height:48px;inset:50%;transform:translate(-50%,-50%)}.touch-button{-webkit-user-select:none;user-select:none;touch-action:manipulation;color:#f7ffdf;cursor:pointer;justify-content:center;align-items:center;font-weight:900;display:inline-flex}.touch-button.up,.touch-button.down,.touch-button.left,.touch-button.right{z-index:2;background:linear-gradient(#2f4910,#182709);width:56px;height:56px}.touch-button.up{border-radius:10px 10px 0 0;top:0;left:51px}.touch-button.down{border-radius:0 0 10px 10px;bottom:0;left:51px}.touch-button.left{border-radius:10px 0 0 10px;top:51px;left:0}.touch-button.right{border-radius:0 10px 10px 0;top:51px;right:0}.face-cluster{width:168px;height:114px;position:relative}.touch-button.round{color:#2d4710;background:linear-gradient(#f3fff1,#d3efaa);border-radius:50%;width:72px;height:72px;box-shadow:inset -6px -6px 10px #566e2f33,inset 4px 4px 8px #ffffff61}.face-cluster .touch-button:first-child{bottom:8px;left:12px}.face-cluster .touch-button:last-child{top:0;right:6px}.start-select-row,.shoulder-row,.micro-help{justify-content:center;gap:.9rem;display:flex}.start-select-row{margin-top:.8rem}.touch-button.pill{background:linear-gradient(#44691b,#2e480e);border-radius:999px;min-width:108px;height:36px;font-size:.8rem;position:static}.shoulder-row{justify-content:space-between;margin-top:1rem}.touch-button.shoulder{color:#27400e;background:linear-gradient(#dff2a8,#accf53);border-radius:14px 14px 20px 20px;width:98px;height:30px;font-size:.8rem;position:static}.micro-help{color:#1f3211;flex-wrap:wrap;margin-top:1rem;font-size:.7rem}.touch-button:active,.hamburger-button:active,.discord-button:active{transform:translateY(1px)scale(.985)}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=420px){.handheld-body,.auth-card{width:100%}.shell-accent{display:none}.controls-zone{gap:.4rem}.dpad-cluster{width:146px;height:146px}.touch-button.up,.touch-button.down,.touch-button.left,.touch-button.right{width:52px;height:52px}.touch-button.up,.touch-button.down{left:47px}.touch-button.left,.touch-button.right{top:47px}.dpad-center{width:44px;height:44px}.face-cluster{width:144px}.touch-button.round{width:64px;height:64px}.menu-dropdown{width:min(320px,100vw - 1.2rem)}}