html,body,#shell{touch-action:none;background:#000;height:100%;margin:0;overflow:hidden}#shell{flex-direction:column;display:flex}canvas{touch-action:none;background:#000;flex:1;width:100%;min-height:0;display:block}#controls{padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:#000;justify-content:center;align-items:center;gap:12px;display:flex}#pad,#actions{gap:6px;display:grid}#pad{grid-template-columns:44px 44px 44px;grid-template-areas:".up.""left down right"}#pad button:first-child{grid-area:up}#pad button:nth-child(2){grid-area:left}#pad button:nth-child(3){grid-area:down}#pad button:nth-child(4){grid-area:right}#actions{grid-template-columns:1fr 1fr}button,#name-field{touch-action:none;color:#fff;background:#1c1e24;border:1px solid #3a3d48;border-radius:6px;min-width:44px;min-height:44px;font:16px sans-serif}#name-field,#again{z-index:2;position:absolute;left:16px;right:16px}#name-field{padding:8px 12px;top:28%}#again{bottom:calc(148px + env(safe-area-inset-bottom));text-align:left;min-height:44px;line-height:1.3}