:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#d5e2e3;font-synthesis:none;background:#101719;font-family:system-ui,-apple-system,Malgun Gothic,sans-serif}*{box-sizing:border-box}body{min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);margin:0}button,input{font:inherit}button{color:#d5e2e3;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;background:#253235;border:1px solid #476064;border-radius:5px;min-height:44px;padding:11px 16px;font-size:14px;line-height:1.3}button:hover{background:#34474c}button:active,button[aria-pressed=true]{color:#fff;background:#49676d}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,canvas:focus-visible{outline-offset:3px;outline:2px solid #bddee2}[hidden]{display:none!important}#app{width:min(100%,1040px);margin:auto;padding:14px 20px 20px}.topbar{justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}h1{letter-spacing:.01em;margin:0;font-size:17px;font-weight:600}h1 span{color:#92a8ac;margin-left:8px;font-size:12px;font-weight:400}.screen{aspect-ratio:8/5;background:#000;place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.screen canvas{touch-action:none;width:100%;max-width:100%;height:auto;image-rendering:pixelated;outline-offset:-2px;display:block}#resume-cover{background:#10171988;place-items:center;display:grid;position:absolute;inset:0}.start-prompt{max-width:calc(100% - 24px)}.start-prompt span{text-align:center;max-width:300px;line-height:1.5}#start-cover{place-items:center;display:grid;position:absolute;inset:0}#start-cover img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;position:absolute}.start-prompt{z-index:1;background:#101719ed;border:1px solid #607f85;border-radius:5px;flex-direction:column;align-items:center;gap:8px;padding:20px 32px;display:flex}.start-prompt button{background:#426970;border-color:#7caaaf;min-width:160px;font-size:16px;font-weight:600}.start-prompt span{color:#abc0c3;font-size:12px}.controls,.directions,.actions{gap:8px;display:flex}.controls{justify-content:space-between;margin-top:12px}.directions button{width:48px;padding:5px;font-size:20px}.status-row{justify-content:space-between;align-items:center;gap:12px;margin-top:10px;display:flex}#status{color:#abc0c3;margin:0;font-size:12px;line-height:1.6}#status[data-error=true]{color:#ffb0a2}.status-row button{padding:8px 12px;font-size:12px}#tools{border-top:1px solid #33484c;margin-top:14px;padding-top:10px}.tool-row{flex-wrap:wrap;align-items:center;gap:10px;padding:8px 0;display:flex}.tool-row label,.tool-row span{font-size:13px}input[type=range]{accent-color:#86afb5;width:130px}input[type=text],#name-input{color:#fff;background:#182427;border:1px solid #476064;border-radius:4px;max-width:150px;padding:10px;font-size:14px}.hint{color:#92a8ac;margin:4px 0 10px;font-size:12px;line-height:1.65}.license{color:#92a8ac;font-size:11px}.soft-fullscreen{z-index:20;background:#101719;height:100dvh;inset:0;overflow:auto;width:100%!important;position:fixed!important}@media (width<=600px){#app{padding:10px 8px 16px}.topbar{padding:0 2px 10px}.controls{flex-wrap:wrap;gap:6px}.directions,.actions{gap:4px}.directions button{width:44px;min-height:44px}.actions button{padding:10px 11px;font-size:12px}.start-prompt{padding:14px 22px}.status-row{align-items:flex-start}#status{max-width:78%}.tool-row{gap:8px}.tool-row button{padding:10px 12px;font-size:12px}}@media (height<=600px) and (width>=600px){#app{grid-template-columns:minmax(0,1fr) 148px;grid-template-areas:"header header""screen controls""status status""tools tools";column-gap:12px;padding:8px 12px 12px;display:grid}.topbar{grid-area:header;padding-bottom:7px}.screen{grid-area:screen;justify-self:center;width:min(100%,160dvh - 198.4px)}.controls{flex-direction:column;grid-area:controls;align-self:center;margin-top:0}.directions{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;display:grid}.directions button{width:100%}.actions{grid-template-columns:1fr;gap:4px;display:grid}.status-row{grid-area:status;margin-top:5px}#tools{grid-area:tools}}