.doc-link{color:var(--muted);font-size:9px;text-decoration:none;border:1px solid var(--border);padding:10px}.screen{background:#131d10}.overlay{background:linear-gradient(#111b0955,#0a100cb8)}.overlay h2{font-size:57px}.standby-art{position:absolute;inset:0;background:linear-gradient(90deg,#75854b12 1px,transparent 1px),linear-gradient(#75854b12 1px,transparent 1px),radial-gradient(ellipse at 40% 30%,#53613155,#142410 70%);background-size:35px 35px,35px 35px,100% 100%}.coordinates{position:absolute;bottom:24px;left:20px;font-size:8px;color:#a3b57566;letter-spacing:2px}.contour{position:absolute;border:1px solid #95a96b25;width:320px;height:270px;transform:rotate(-35deg);border-radius:43% 27% 54% 30%;box-shadow:0 0 0 14px #7189480a,0 0 0 15px #95a96b1a,0 0 0 28px #71894808,0 0 0 29px #95a96b19,0 0 0 45px #71894808,0 0 0 46px #95a96b15}.c1{top:-60px;left:-100px}.c2{bottom:25px;right:-190px;transform:rotate(30deg)}.c3{width:180px;height:100px;bottom:-30px;left:-90px}.crosshair{position:absolute;left:25px;top:30px;width:16px;height:16px;border:1px solid #b2c18c55}.crosshair:before,.crosshair:after{content:'';position:absolute;background:#b2c18c77}.crosshair:before{width:24px;height:1px;left:-5px;top:7px}.crosshair:after{height:24px;width:1px;top:-5px;left:7px}iframe{position:absolute;inset:0;border:0;width:100%;height:100%;background:#000;z-index:2}iframe[hidden],.overlay[hidden],[hidden]{display:none!important}.load-message{padding:12px 14px;background:#1b2017;border-top:1px solid var(--border);font-size:9px;line-height:1.7;color:#a7b68d;overflow-wrap:anywhere;min-height:42px}.load-message.error{color:#ffab7c}.field-label{font-size:9px;color:var(--muted);display:block;margin:0 0 9px}select{width:100%;padding:12px 8px;background:#242b1f;border:1px solid #414b34;color:var(--cream);font:10px 'IBM Plex Mono',monospace}.field-note{font-size:9px;line-height:1.7;color:var(--muted)}input[type=file]{font:9px monospace;width:100%;color:var(--muted)}input::file-selector-button{font:9px monospace;background:#303a23;color:var(--cream);border:1px solid #586642;padding:7px;margin-bottom:8px}#clear-parent{font-size:8px;margin-top:8px}button:disabled,select:disabled,input:disabled{opacity:.5;cursor:default}.machine:fullscreen{display:flex;flex-direction:column;align-items:center;background:#070a06;border:0}.machine:fullscreen .screen{height:calc(100vh - 116px);width:auto;max-width:100vw;aspect-ratio:4/5}.machine:fullscreen .machine-top,.machine:fullscreen .machine-bottom,.machine:fullscreen .load-message{width:100%;flex-shrink:0}.screen.dragging{outline:3px dashed var(--orange);outline-offset:-5px}@media(max-width:1050px){.right{display:block;grid-column:1/-1;max-width:600px}.right .control{display:inline-flex;width:32%}.right .best{display:none}}@media(max-width:650px){.right .control{width:49%}.overlay h2{font-size:51px}.doc-link{font-size:8px}}

/* Preserve the arcade's 216:288 viewport; let the emulator letterbox fullscreen. */
.screen{aspect-ratio:3/4}
.machine-bottom{height:auto;min-height:44px;flex-wrap:wrap;gap:4px;padding-block:5px}
.machine-bottom>div{flex-wrap:wrap}
#graphics[aria-pressed="true"]{color:var(--green)}
.machine:fullscreen .screen{flex:1;min-height:0;height:auto;width:100%;max-width:none;aspect-ratio:auto}
.machine:fullscreen{height:100dvh;width:100vw}
.machine:fullscreen .load-message{min-height:0}
@media(min-width:1600px){main{max-width:2200px;padding-inline:4%}.layout{grid-template-columns:minmax(220px,1fr) minmax(500px,clamp(500px,calc((100dvh - 280px)*.75),1400px)) minmax(240px,1fr)}}