:root{font-family:system-ui,-apple-system,sans-serif;color:#20372e;background:#182d29;color-scheme:light}*{box-sizing:border-box}body{margin:0;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);overscroll-behavior:none}.console{max-width:440px;min-height:100dvh;margin:auto;padding:16px 18px 12px;background:#dbe1d0;border-radius:0 0 28px 28px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}h1{font-size:22px;font-style:italic;margin:0;letter-spacing:-1px}h1 span{display:block;font-size:10px;letter-spacing:2px;font-style:normal;margin-top:3px}button,select{font:inherit;border:0;border-radius:9px;padding:10px 12px;background:#c2cbb8;color:#20372e;font-weight:650}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}button:active,button.pressed{filter:brightness(.75);transform:translateY(2px)}.screen-frame{position:relative;background:#263c37;border-radius:14px 14px 32px 14px;padding:12px 22px 13px;color:#c3d1bc}.screen-top,.screen-bottom{display:flex;justify-content:space-between;gap:8px;font-size:10px;min-height:15px}.screen-top{margin-bottom:8px}.screen-top span:first-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:80%}canvas{display:block;width:100%;height:auto;aspect-ratio:160/144;background:#94a778;image-rendering:pixelated}.screen-bottom{margin-top:9px}#empty{position:absolute;top:48%;left:0;right:0;text-align:center;font-size:13px;color:#213c29;pointer-events:none}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:14px;font-size:12px}.toolbar label{white-space:nowrap}.toolbar button{padding:10px 8px}.toolbar select{padding:9px 5px}.controls{display:flex;justify-content:space-between;align-items:center;margin:22px 5px 14px;touch-action:none;user-select:none;-webkit-user-select:none}.dpad{display:grid;grid-template:repeat(3,45px)/repeat(3,45px);gap:0;filter:drop-shadow(0 4px 0 #8d9884)}.dpad button,.center{border-radius:3px;background:#33433d;color:#d4decb;padding:0;font-size:20px}.up{grid-area:1/2}.left{grid-area:2/1}.center{grid-area:2/2}.right{grid-area:2/3}.down{grid-area:3/2}.ab{display:flex;gap:14px;transform:rotate(-18deg)}.ab button{border-radius:50%;width:62px;height:62px;background:#8c3353;color:#fff;font-size:24px;box-shadow:0 4px 0 #63233a}.system-buttons{display:flex;justify-content:center;gap:20px;touch-action:none;user-select:none}.system-buttons button{background:#748272;color:white;font-size:10px;letter-spacing:1px;padding:9px 17px;border-radius:20px}#status{font-size:11px;line-height:1.5;text-align:center;min-height:32px;margin:14px 0 0;color:#4c604e}dialog{width:min(410px,94vw);max-height:85dvh;border:0;border-radius:18px;background:#edf0e7;padding:18px;color:#20372e}dialog::backdrop{background:#10201ccc}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:8px}h2{font-size:18px;margin:0}.hint{font-size:12px;line-height:1.6}.import{display:block;background:#294e3e;color:white;text-align:center;padding:14px;border-radius:9px;margin-top:18px;font-weight:650;cursor:pointer}.import input{display:none}.rom-row,.slot-row{padding:12px 0;border-bottom:1px solid #ccd4c3;display:flex;align-items:center;justify-content:space-between;gap:8px}.rom-row button{max-width:100%;text-align:left}.slot-info{font-size:12px}.slot-info small{display:block;color:#61705e;font-size:10px;margin-top:4px}.slot-actions{display:flex;gap:6px;font-size:12px}@media(max-height:740px){.console{padding-top:8px}.controls{margin-top:14px;margin-bottom:10px}.dpad{grid-template:repeat(3,40px)/repeat(3,40px)}.screen-frame{padding:9px 28px}.toolbar{margin-top:9px}#status{margin-top:8px}}button[data-key]{-webkit-touch-callout:none;touch-action:none}