@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600;700&display=swap";:root{--bg-start: #000000;--bg-end: #007700;--panel: #0a0a0a;--panel-border: rgba(0, 255, 0, .3);--text: #eef1f5;--muted: #a5b1c2;--accent: #00ff00;--accent-strong: #00ff00;--screen-off: #000000;--font-title: "Orbitron", "Avenir Next", "Segoe UI", sans-serif;--font-body: "IBM Plex Mono", "SFMono-Regular", "Menlo", monospace}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);font-family:var(--font-body);background:radial-gradient(circle at top left,rgba(0,255,0,.2),transparent 45%),radial-gradient(circle at 20% 20%,rgba(0,255,0,.12),transparent 50%),linear-gradient(160deg,var(--bg-start),var(--bg-end))}#app{min-height:100vh}.app{max-width:1100px;margin:0 auto;padding:32px 24px 48px;display:flex;flex-direction:column;gap:24px}.app__header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}.app__monogram{font-family:var(--font-title);font-size:clamp(2.2rem,3vw,3.4rem);font-weight:700;color:var(--accent);letter-spacing:.08em;padding:10px 16px;border-radius:18px;background:#000000d9;border:1px solid var(--panel-border)}.app__title{font-family:var(--font-title);font-size:clamp(2rem,3vw,3rem);margin:0 0 6px}.app__subtitle{margin:0;color:var(--muted)}.app__link{color:var(--accent);text-decoration:none;font-weight:600}.app__link:hover{text-decoration:underline;text-shadow:0 0 8px rgba(0,255,0,.4)}.app__status{padding:12px 18px;border-radius:14px;background:#000000d9;border:1px solid var(--panel-border);display:flex;flex-direction:column;gap:6px;min-width:160px}.app__status-label{color:var(--muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.08em}.app__status-value{font-size:1.2rem;font-family:var(--font-title)}.app__content{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:16px}.panel{background:#000000f2;border:1px solid var(--panel-border);border-radius:18px;padding:20px;box-shadow:0 20px 50px #00000073}.panel--screen{display:flex;flex-direction:column;gap:16px;align-items:center}.screen__column{display:flex;flex-direction:column;gap:16px}.panel--details{display:flex;flex-direction:column;gap:12px}.screen{width:min(100%,640px);height:auto;aspect-ratio:64 / 32;background:var(--screen-off);border:1px solid var(--panel-border);border-radius:12px;image-rendering:pixelated}.screen__meta{display:flex;flex-wrap:wrap;gap:16px;color:var(--muted);font-size:.9rem}.screen__details{display:flex;flex-direction:column;gap:10px;width:100%;border:1px solid var(--panel-border);border-radius:12px;padding:10px 14px;background:#0009}.screen__summary{cursor:pointer;color:var(--text);font-size:1rem;font-family:var(--font-title);list-style:none;display:flex;align-items:center;gap:8px}.screen__summary::-webkit-details-marker{display:none}.screen__summary:before{content:"▸";display:inline-block;color:var(--accent);transition:transform .15s ease}.screen__details[open] .screen__summary:before{transform:rotate(90deg)}.panel--controls{display:flex;flex-direction:column;gap:20px}.controls__group{display:flex;flex-direction:column;gap:12px}.controls__title{margin:0;font-size:1.1rem;font-family:var(--font-title)}.controls__details{border:1px solid var(--panel-border);border-radius:12px;padding:10px 14px;background:#0009;display:flex;flex-direction:column;gap:12px}.controls__summary{cursor:pointer;color:var(--text);font-size:1rem;font-family:var(--font-title);list-style:none;display:flex;flex-direction:column;align-items:flex-start;gap:12px;width:100%}.controls__summary--row{flex-direction:row;align-items:center;gap:8px}.controls__summary-title{display:inline-flex;align-items:center;gap:8px}.controls__summary-title:before{content:"▸";display:inline-block;color:var(--accent);transition:transform .15s ease}.controls__details[open] .controls__summary-title:before{transform:rotate(90deg)}.controls__summary::-webkit-details-marker{display:none}.controls__note{font-size:.8rem;color:var(--muted);font-weight:400}.controls__hint{margin:0;color:var(--muted);font-size:.9rem}.controls__label{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--text);font-size:.9rem}.controls__label--preset{justify-content:flex-start;padding:6px 0}.controls__label--preset span{white-space:nowrap}.controls__label--preset .controls__select{flex:1;width:100%}.controls__select{background:#000000b3;border:1px solid var(--panel-border);color:var(--text);border-radius:10px;padding:6px 10px;font-family:var(--font-body)}.controls__checkbox{display:flex;align-items:center;gap:10px;color:var(--text);font-size:.9rem}.controls__checkbox input{accent-color:var(--accent)}.controls__buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;width:100%}.controls__step{display:flex;flex-direction:column;gap:8px}.controls__step-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.controls__step-row .button{width:auto;flex:0 0 auto}.controls__pc{color:var(--muted);font-size:.9rem}.controls__instruction{margin:0;color:var(--muted);font-size:.9rem}.controls__buttons .button{min-width:0}.roms__section{border:1px solid var(--panel-border);border-radius:12px;padding:10px 14px;background:#0009;display:flex;flex-direction:column;gap:12px}.roms__section .controls__buttons{grid-template-columns:repeat(3,minmax(0,1fr))}.roms__toggle{border:none;background:transparent;width:100%;text-align:left;padding:0;cursor:pointer;color:var(--text);font-size:1rem;font-family:var(--font-title);display:flex;align-items:center;gap:8px}.roms__toggle:before{content:"▸";display:inline-block;color:var(--accent);transition:transform .15s ease}.roms__toggle[aria-expanded=true]:before{transform:rotate(90deg)}.button{border:none;background:var(--accent);color:#000;padding:10px 16px;border-radius:999px;font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;width:100%}.button:disabled{cursor:not-allowed;opacity:.6;box-shadow:none}.button:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 12px 25px #00ff0059}.button--ghost{background:#000;border:1px solid var(--panel-border);color:var(--text)}.button--active{background:var(--accent);border-color:var(--accent);color:#000}.file-input{padding:6px 0;border-radius:12px;border:none;background:transparent;color:var(--text);width:100%;font-family:var(--font-body)}.file-input::file-selector-button{background:#000;border:1px solid var(--panel-border);color:var(--text);border-radius:999px;padding:6px 12px;font-weight:600;margin-right:12px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.file-input::-webkit-file-upload-button{background:#000;border:1px solid var(--panel-border);color:var(--text);border-radius:999px;padding:6px 12px;font-weight:600;margin-right:12px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.file-input::file-selector-button:hover,.file-input::-webkit-file-upload-button:hover{transform:translateY(-1px);box-shadow:0 10px 20px #00ff0040}.file-input--active::file-selector-button,.file-input--active::-webkit-file-upload-button{background:var(--accent);border-color:var(--accent);color:#000}.keypad{margin:0;padding:12px 16px;border-radius:12px;background:#0009;color:var(--muted);font-family:var(--font-body);line-height:1.4}@media (max-width: 900px){.app__content{grid-template-columns:1fr}}@media (max-width: 720px){.roms__section .controls__buttons{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 520px){.roms__section .controls__buttons{grid-template-columns:1fr}}