:root{font-family:system-ui,sans-serif;color:#173126;background:#f4f8f3}*{box-sizing:border-box}
body{margin:0}main{max-width:1180px;margin:auto;padding:1rem}header{display:flex;justify-content:space-between;gap:1rem;padding:.5rem 0 1rem;border-bottom:1px solid #cbd9d0}
#message{min-height:2.5rem}#screen{width:100%;height:min(70vh,800px);min-height:340px;background:#1b2921;border-radius:12px;overflow:hidden}
#screen canvas{width:100%;height:100%;object-fit:contain}.actions{display:flex;flex-wrap:wrap;gap:.75rem;margin:1rem 0}
button{border:0;border-radius:8px;padding:.8rem 1.1rem;background:#176e46;color:#fff;font:inherit;cursor:pointer}
button:last-child{background:#dce7de;color:#173126}button:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:600px){main{padding:.75rem}header{flex-direction:column}#screen{min-height:300px;height:58vh}}