:root{--desktop:teal;--chrome:#c3c3c3;--chrome-light:#dfdfdf;--chrome-lighter:#fff;--chrome-shadow:gray;--chrome-shadow-dark:#000;--titlebar:navy;--titlebar-grad:#1084d0;--titlebar-inactive:#7f7f7f;--titlebar-inactive-grad:#b5b5b5;--titlebar-text:#fff;--text:#000;--text-dim:#404040;--text-faint:#606060;--text-disabled:gray;--field-bg:#fff;--selection:navy;--selection-text:#fff;--accent:#008700;--warning:#a86b00;--danger:#a80000;--canvas-bg:#010;--canvas-fg:#3f6;--canvas-bezel:#c0b283;--canvas-bezel-hi:#dccea0;--canvas-bezel-lo:#6a5e3e;--sans:Tahoma, "MS Sans Serif", Verdana, Geneva, sans-serif;--mono:"Courier New", Courier, ui-monospace, monospace;--fs-sm:12px;--fs-md:16px;--fs-lg:24px;--lh:1.4;--s-1:2px;--s-2:4px;--s-3:6px;--s-4:8px;--s-5:12px;--s-6:16px;--s-7:20px;--s-8:28px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}*{box-sizing:border-box;font-family:inherit;font-size:inherit}html,body,h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}body{font-family:var(--sans);font-size:var(--fs-sm);line-height:var(--lh);color:var(--text);background-color:var(--desktop);-webkit-font-smoothing:none;font-smooth:never;background-image:radial-gradient(#0000001a 1px,#0000 1px),radial-gradient(#ffffff0f 1px,#0000 1px);background-position:0 0,2px 2px;background-size:4px 4px,4px 4px;min-height:100vh}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}::selection{background:var(--selection);color:var(--selection-text)}a{color:var(--titlebar)}.window{background:var(--chrome);border:2px solid;border-color:var(--chrome-lighter) var(--chrome-shadow-dark) var(--chrome-shadow-dark) var(--chrome-lighter);box-shadow:inset 1px 1px 0 var(--chrome-light), inset -1px -1px 0 var(--chrome-shadow);padding:2px}.window-titlebar{background:linear-gradient(90deg, var(--titlebar), var(--titlebar-grad));color:var(--titlebar-text);font-weight:700;font-size:var(--fs-sm);align-items:center;gap:4px;height:20px;padding:2px 2px 2px 5px;display:flex}.window-title{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.01em;flex:1;overflow:hidden}.window-controls{gap:2px;display:flex}.window-control{background:var(--chrome);border:1px solid;border-color:var(--chrome-lighter) var(--chrome-shadow-dark) var(--chrome-shadow-dark) var(--chrome-lighter);width:17px;height:15px;box-shadow:inset 1px 1px 0 var(--chrome-light), inset -1px -1px 0 var(--chrome-shadow);color:var(--text);font-family:var(--sans);font-size:var(--fs-sm);cursor:default;place-items:center;padding:0;font-weight:700;line-height:1;display:grid}.window-control:active{border-color:var(--chrome-shadow-dark) var(--chrome-lighter) var(--chrome-lighter) var(--chrome-shadow-dark);box-shadow:inset 1px 1px 0 var(--chrome-shadow), inset -1px -1px 0 var(--chrome-light)}.window-body{padding:var(--s-4)}.header{background:var(--chrome);border-bottom:1px solid var(--chrome-shadow-dark);box-shadow:0 1px 0 var(--chrome-lighter);z-index:10;position:sticky;top:0}.header-inner{max-width:1320px;padding:var(--s-3) var(--s-5);align-items:center;gap:var(--s-5);margin:0 auto;display:flex}.brand{align-items:center;gap:var(--s-3);display:flex}.brand-mark{border:1px solid var(--chrome-shadow-dark);background:linear-gradient(135deg,#ff4040 0 25%,#ffd040 25% 50%,#40c040 50% 75%,#4080ff 75% 100%);width:24px;height:24px;font-size:0;position:relative}.brand-mark:after{content:"";background:var(--chrome-shadow-dark);position:absolute;inset:4px}.brand-name{font-weight:700;font-size:var(--fs-md)}.menubar{font-size:var(--fs-sm);align-items:center;gap:0;margin-left:auto;display:flex}.menubar-item{color:var(--text);cursor:default;-webkit-user-select:none;user-select:none;padding:2px 8px}.menubar-item:hover{background:var(--selection);color:var(--selection-text)}.menubar-item u{text-decoration:underline}.main{max-width:1320px;padding:var(--s-5);gap:var(--s-5);grid-template-columns:320px 1fr 320px;align-items:start;margin:0 auto;display:grid}.main aside{gap:var(--s-5);flex-direction:column;display:flex}.canvas-col{gap:var(--s-5);flex-direction:column;align-items:stretch;display:flex}.canvas-frame{background:var(--canvas-bezel);border:2px solid;border-color:var(--canvas-bezel-hi) var(--canvas-bezel-lo) var(--canvas-bezel-lo) var(--canvas-bezel-hi);box-shadow:inset 2px 2px 0 var(--canvas-bezel-hi), inset -2px -2px 0 var(--canvas-bezel-lo), 4px 4px 0 #0006;padding:12px 12px 14px;position:relative}.canvas-screen-wrap{background:var(--canvas-bg);border:3px solid;border-color:var(--canvas-bezel-lo) var(--chrome-shadow-dark) var(--chrome-shadow-dark) var(--canvas-bezel-lo);position:relative;overflow:hidden;box-shadow:inset 0 0 30px #000000f2,inset 0 0 60px #00640026}.canvas-screen-wrap:after{content:"";pointer-events:none;mix-blend-mode:multiply;z-index:1;background:repeating-linear-gradient(0deg,#0000 0 1px,#00000038 1px 2px);position:absolute;inset:0}.canvas-screen{image-rendering:pixelated;filter:drop-shadow(0 0 1px #3f69);margin:0 auto;display:block}.statusbar{background:var(--chrome);border:1px solid;border-color:var(--chrome-shadow) var(--chrome-lighter) var(--chrome-lighter) var(--chrome-shadow);gap:2px;margin-top:8px;padding:2px;display:flex}.statusbar-cell{background:var(--chrome);border:1px solid;border-color:var(--chrome-shadow) var(--chrome-lighter) var(--chrome-lighter) var(--chrome-shadow);color:var(--text);font-family:var(--mono);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;flex:1;padding:2px 6px;overflow:hidden}.statusbar-cell.grow{flex:3}.status-dot{align-items:center;gap:var(--s-2);text-transform:uppercase;display:inline-flex}.status-dot:before{content:"";background:var(--accent);border:1px solid var(--chrome-shadow-dark);border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-dot.stopped:before,.status-dot.error:before{background:var(--danger)}.status-dot.paused:before{background:var(--warning)}.roms-body{gap:var(--s-4);flex-direction:column;display:flex}.upload{align-items:center;gap:var(--s-4);padding:var(--s-3) var(--s-4);background:var(--field-bg);border:1px solid;border-color:var(--chrome-shadow) var(--chrome-lighter) var(--chrome-lighter) var(--chrome-shadow);cursor:pointer;display:flex}.upload input[type=file]{display:none}.upload-left{align-items:center;gap:var(--s-4);flex:1;min-width:0;display:flex}.upload-icon{background:var(--chrome);border:1px solid var(--chrome-shadow-dark);width:28px;height:28px;font-family:var(--mono);font-size:var(--fs-lg);color:var(--text);flex-shrink:0;place-items:center;font-weight:700;display:grid}.upload-text{min-width:0}.upload-text .title{font-weight:700;font-size:var(--fs-md)}.upload-text .sub{color:var(--text-dim);font-size:var(--fs-sm)}.upload-cta{font-family:var(--sans);font-size:var(--fs-sm);background:var(--chrome);border:1px solid;border-color:var(--chrome-lighter) var(--chrome-shadow-dark) var(--chrome-shadow-dark) var(--chrome-lighter);box-shadow:inset 1px 1px 0 var(--chrome-light), inset -1px -1px 0 var(--chrome-shadow);color:var(--text);flex-shrink:0;padding:3px 14px;font-weight:700}.upload:active .upload-cta{border-color:var(--chrome-shadow-dark) var(--chrome-lighter) var(--chrome-lighter) var(--chrome-shadow-dark);box-shadow:inset 1px 1px 0 var(--chrome-shadow), inset -1px -1px 0 var(--chrome-light)}.rom-listing-label{font-size:var(--fs-sm);color:var(--text);padding-bottom:var(--s-1);font-weight:700}.rom-listing{background:var(--field-bg);border:1px solid;border-color:var(--chrome-shadow) var(--chrome-lighter) var(--chrome-lighter) var(--chrome-shadow);max-height:320px;padding:2px;overflow-y:auto}.rom-listing::-webkit-scrollbar{width:16px}.rom-listing::-webkit-scrollbar-track{background:repeating-conic-gradient(var(--chrome) 0% 25%, var(--chrome-light) 0% 50%) 0 0 / 4px 4px;border-left:1px solid var(--chrome-shadow)}.rom-listing::-webkit-scrollbar-thumb{background:var(--chrome);border:1px solid;border-color:var(--chrome-lighter) var(--chrome-shadow-dark) var(--chrome-shadow-dark) var(--chrome-lighter);box-shadow:inset 1px 1px 0 var(--chrome-light), inset -1px -1px 0 var(--chrome-shadow)}.rom-grid{flex-direction:column;display:flex}.rom-item{align-items:baseline;gap:var(--s-3);font-size:var(--fs-sm);cursor:pointer;text-align:left;color:var(--text);background:0 0;border:1px dotted #0000;flex-wrap:wrap;padding:3px 6px;display:flex}.rom-item:hover{background:#e0e0f0}.rom-item.active{background:var(--selection);color:var(--selection-text);border-color:#0000}.rom-item.active .rom-desc{color:#d6d6f0}.rom-title{flex-shrink:0;font-weight:700}.rom-desc{color:var(--text-dim);font-size:var(--fs-sm);flex:1;min-width:0;margin:0}.keymap-grid{gap:var(--s-2);grid-template-columns:repeat(4,1fr);display:grid}.keycap{aspect-ratio:1;background:var(--chrome);border:2px solid;border-color:var(--chrome-lighter) var(--chrome-shadow-dark) var(--chrome-shadow-dark) var(--chrome-lighter);box-shadow:inset 1px 1px 0 var(--chrome-light), inset -1px -1px 0 var(--chrome-shadow);-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.keycap .chip{font-family:var(--mono);font-size:var(--fs-xs);color:var(--text-dim);font-weight:700}.keycap .phys{font-family:var(--sans);font-size:var(--fs-xl);color:var(--text);margin-top:2px;font-weight:700;line-height:1}.keycap.pressed{border-color:var(--chrome-shadow-dark) var(--chrome-lighter) var(--chrome-lighter) var(--chrome-shadow-dark);box-shadow:inset 1px 1px 0 var(--chrome-shadow), inset -1px -1px 0 var(--chrome-light);background:var(--selection)}.keycap.pressed .phys,.keycap.pressed .chip{color:var(--selection-text)}.keymap-hint{margin-top:var(--s-4);padding-top:var(--s-3);border-top:1px solid var(--chrome-shadow);box-shadow:0 -1px 0 var(--chrome-lighter);font-size:var(--fs-xs);color:var(--text-dim);font-family:var(--mono);text-transform:uppercase;letter-spacing:.05em}.console{font-family:var(--mono);font-size:var(--fs-sm);color:#c8c8c8;border:1px solid;border-color:var(--chrome-shadow) var(--chrome-lighter) var(--chrome-lighter) var(--chrome-shadow);padding:var(--s-3) var(--s-4);white-space:pre-wrap;min-height:220px;line-height:var(--lh);background:#000}.console .ok{color:var(--accent)}.console .warn{color:#ffd040}.console .dim{color:#707070}.console .cur{color:#000;background:silver;animation:1s steps(2,end) infinite blink}@keyframes blink{50%{color:silver;background:0 0}}.error-list{gap:var(--s-3);flex-direction:column;width:100%;display:flex}.error-item{align-items:center;gap:var(--s-4);text-align:left;border:2px solid;border-color:var(--chrome-lighter) var(--chrome-shadow-dark) var(--chrome-shadow-dark) var(--chrome-lighter);box-shadow:inset 1px 1px 0 #fff, inset -1px -1px 0 var(--chrome-shadow), 3px 3px 0 #0006;padding:var(--s-3) var(--s-4);font-family:var(--sans);font-size:var(--fs-sm);color:#5a0000;background:#ffe0e0;font-weight:700;display:flex}.error-item:before{content:"!";background:var(--danger);color:#fff;border:1px solid var(--chrome-shadow-dark);width:20px;height:20px;font-family:var(--sans);font-weight:700;font-size:var(--fs-md);flex-shrink:0;place-items:center;display:grid}@media (width<=1100px){.main{grid-template-columns:1fr}}