:root{color:#205a76;font-family:Inter,ui-rounded,Avenir Next,Segoe UI,system-ui,sans-serif;background:#f9fcff;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px}#app{position:relative;background:radial-gradient(circle at 20% 12%,rgba(255,223,236,.7),transparent 30%),radial-gradient(circle at 78% 18%,rgba(255,247,170,.58),transparent 28%),linear-gradient(135deg,#effaff,#fff7fb 48%,#f6fff4)}#scene{display:block;width:100%;height:100%;cursor:default;touch-action:none}#scene.is-hovering-button,#scene.is-pressing{cursor:pointer}.hud{position:absolute;left:max(18px,env(safe-area-inset-left));top:max(18px,env(safe-area-inset-top));display:grid;gap:10px;width:min(315px,calc(100vw - 36px));padding:14px;pointer-events:none}.brand,#readout,.keypad{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.keypad button{position:absolute}@media (max-width: 680px){.hud{top:auto;bottom:max(14px,env(safe-area-inset-bottom));padding:10px}.brand{display:block}}