*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#202c3c;color:#fff;font-family:system-ui,sans-serif}body{display:flex;flex-direction:column;height:100vh;height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 12px;min-height:42px;flex-shrink:0;font-size:14px}header span{font-size:11px;color:#cfdfdb}button{font:inherit;color:#fff;background:#35564e;border:1px solid #6a8c7e;border-radius:7px;padding:6px 10px;min-height:32px}#storage-notice{margin:0;padding:4px 10px;font-size:11px;background:#674e2c;flex-shrink:0}#storage-notice:empty{display:none}#app{position:relative;flex:1;min-height:0;width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}canvas{display:block;max-width:100%;max-height:100%;touch-action:none}#lds-content{position:fixed;inset:42px 0 0;display:grid;place-items:center;pointer-events:none;background:#202c3c}#lds-content[hidden]{display:none}@media(max-height:430px){header{min-height:34px;padding:2px 10px;font-size:12px}header button{min-height:28px;font-size:11px}}