html,body{height:100%;margin:0}body{background:#0b0f14;color:#cbd5e1;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}#app{position:relative;height:100%}canvas{width:100%;height:100%;display:block;outline:none}#permOverlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:50px;background:#000}#permOverlay.hidden{display:none}.help{color:#fff;position:absolute;display:flex;align-items:center;justify-content:center;flex-direction:column;content:" ";inset:0;font-size:16px;opacity:80%}.help:before{z-index:-1;content:" ";inset:0;position:absolute;background:#000;opacity:.75}#enableBtn{appearance:none;border:0;border-radius:12px;padding:14px 18px;font-weight:600;font-size:16px;line-height:1.2;background:#007aff;color:#fff;box-shadow:0 8px 16px #007aff40,0 1px #ffffff0d inset;transition:transform .04s ease,filter .15s ease,box-shadow .2s ease;-webkit-tap-highlight-color:transparent}#enableBtn:hover:not(:disabled){filter:brightness(1.05)}#enableBtn:active:not(:disabled){transform:translateY(1px);box-shadow:0 6px 12px #007aff33,0 0 #0000}#enableBtn:focus-visible{outline:none;box-shadow:0 0 0 3px #007aff59,0 8px 16px #007aff40}#enableBtn:disabled{background:#3a3f45;color:#9aa1a9;cursor:not-allowed;box-shadow:none;opacity:.9}#appMeta{position:absolute;bottom:12px;left:50%;transform:translate(-50%);font-size:12px;color:#94a3b8;opacity:.9;user-select:none;white-space:nowrap;background:#00000040;padding:6px 10px;border-radius:8px;backdrop-filter:blur(6px)}#appMeta a{color:inherit;text-decoration:none;border-bottom:1px dotted rgba(148,163,184,.6)}.page{display:flex;flex-direction:column;align-items:center;justify-content:center}.img{width:50vh;height:50vh;max-width:80vw;max-height:80vw}