:root{
  --bg:#fff7e6;
  --btn-bg:rgba(0,0,0,0.08);
  --btn-fg:#111;
}

html,body{
  height:100%;
  margin:0;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--bg);
  -webkit-tap-highlight-color: transparent;
  font-family:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}

#face{
  width:88vmin;
  height:88vmin;
  max-width:720px;
  max-height:720px;
  touch-action: manipulation;
  border-radius:12px;
  box-shadow: 0 8px 30px rgba(20,20,20,0.12);
  background: radial-gradient(circle at 30% 25%, #fff9e6, #fff2d0 20%, #ffd27a 60%, #ffb94a 100%);
  display:block;
  cursor:pointer;
}

#reset{
  position:fixed;
  right:12px;
  bottom:12px;
  height:44px;
  min-width:44px;
  padding:8px 12px;
  border-radius:10px;
  border:0;
  background:var(--btn-bg);
  color:var(--btn-fg);
  font-weight:600;
  box-shadow: 0 6px 18px rgba(0,0,0,0.08);
  touch-action: manipulation;
}